.menu-toggle{display:none}
.header a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #e9292b;outline-offset:4px}
@media(max-width:760px){
 html{scroll-padding-top:130px}
 .header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
 .header>a:first-child{margin-right:auto;min-width:0}
 .header .logo{width:clamp(118px,33vw,170px);height:auto}
 .header .header-phone{font-size:13px;white-space:nowrap;margin:0}
 .header-phone span{display:none}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #dedbd4;border-radius:8px;background:#fff;color:#272727;font:600 13px/1.2 Manrope,Arial,sans-serif;cursor:pointer}
 .menu-toggle::before{content:'☰';font-size:18px;line-height:1}
 .menu-toggle[aria-expanded=true]::before{content:'×';font-size:23px}
 .header nav{display:none;flex-basis:100%;order:4;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid #e7e4dd;max-height:65dvh;overflow-y:auto}
 .header.menu-open nav{display:flex}
 .header nav a{display:block;min-height:44px;padding:12px 8px;font-size:16px;line-height:1.3;border-bottom:1px solid #efede8}
 .header nav a:last-child{border-bottom:0}
 .header nav a[aria-current=page]{color:#d62126;font-weight:800}
}
@media(max-width:360px){.header{gap:8px}.header .logo{width:104px}.header .header-phone{font-size:12px}.menu-toggle{padding-inline:8px}}