/* Gemeinsamer Header (Startseite + Unterseiten) */
header{position:sticky;top:0;z-index:50;background:rgba(246,243,236,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.menu .links{display:flex;gap:30px;align-items:center}
.brand{display:flex;flex-direction:column;line-height:1.05}
.brand b{font-family:"Fraunces",serif;font-size:1.5rem;letter-spacing:.02em;font-weight:600}
.brand span{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.menu{display:flex;align-items:center;gap:30px}
.menu a.lnk{font-weight:500;font-size:.97rem;position:relative;padding:4px 0}
.menu a.lnk::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent,var(--blue));transition:width .3s}
.menu a.lnk:hover::after{width:100%}
.menu a.lnk.is-green:hover{color:var(--green)}
.menu .phone{font-weight:600;color:var(--blue-deep)}
.burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.burger span{width:26px;height:2px;background:var(--ink);display:block;transition:.3s}
header .wrap{max-width:1160px;margin:0 auto;padding:0 24px}

@media(max-width:860px){
  .menu .links{display:none}
  .burger{display:flex}
  .mobile{display:none;flex-direction:column;gap:4px;padding:12px 24px 22px;background:var(--paper);border-bottom:1px solid var(--line)}
  .mobile.open{display:flex}
  .mobile a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:500}
}
@media(min-width:861px){.mobile{display:none}}
header a,.mobile a{color:inherit;text-decoration:none}