/* МУРАШКИ v9 — compact mobile header, accessible menu and calm brand promo */
.site-promo{background:#3b2547;color:#fff1ea;border-bottom:1px solid #ffffff18;font-size:12px;line-height:1.35;position:relative;z-index:4}
.site-promo-inner{min-height:39px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:8px 0;text-align:center}
.site-promo strong{color:#ffd889}
.site-promo a{font-weight:800;color:#ffd889;white-space:nowrap;text-underline-offset:3px;text-decoration:underline}
.menu-toggle{display:none}
.site-mobile-menu[hidden]{display:none!important}
.site-mobile-menu{display:none}
.site-menu-order{display:block}
@media(max-width:850px){
 .header{top:0;z-index:110;background:#24152f;border-bottom:1px solid #ffffff23;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
 .header .nav{height:64px!important;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:12px}
 .header .logo{display:block;width:168px!important;max-width:min(168px,56vw)!important;flex-shrink:0}
 .header .logo img{max-width:100%;height:auto}
 .header .navlinks,.header .navcta{display:none!important}
 .menu-toggle{display:inline-flex;align-items:center;gap:9px;justify-content:center;background:#ffffff10;border:1px solid #f6c5a969;color:#fff1ea;border-radius:12px;padding:9px 12px;min-width:91px;min-height:44px;flex-shrink:0;font-size:12px;font-weight:800;line-height:1.2}
 .menu-toggle:focus-visible,.site-mobile-menu a:focus-visible{outline:3px solid #ffd889;outline-offset:3px}
 .menu-bars{width:19px;height:17px;display:flex;flex-direction:column;justify-content:space-between}
 .menu-bars i{display:block;height:2px;width:100%;border-radius:2px;background:#ffd889;transition:transform .2s ease,opacity .2s ease}
 .menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
 .site-mobile-menu:not([hidden]){position:absolute;display:block;top:100%;left:0;right:0;background:#2f1d3b;box-shadow:0 24px 50px #120b1dc0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffd88955;max-height:min(76dvh,630px);overflow-y:auto;overscroll-behavior:contain;z-index:125}
 .site-mobile-menu-inner{padding:10px 0 19px;display:flex;flex-direction:column}
 .site-mobile-menu-inner>a:not(.site-menu-order){padding:12px 4px;border-bottom:1px solid #ffffff17;color:#fff1ea;font-size:15px;font-weight:700;min-height:48px}
 .site-mobile-menu-inner a:hover{color:#ffd889}
 .site-mobile-menu-inner .site-menu-order{background:#f6c5a9;border-radius:100px;text-align:center;font-weight:800;color:#24152f;padding:14px;margin:15px 0 8px}
 .site-menu-contact{display:flex;gap:13px;font-size:13px}
 .site-menu-contact a{border:1px solid #ffffff30;border-radius:10px;padding:10px 15px;flex:1;text-align:center}
 .site-promo-inner{gap:5px 14px;min-height:36px;font-size:11px}
 body:not(.demo-body){padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .mobile-order{bottom:calc(10px + env(safe-area-inset-bottom));min-height:50px}
 .section,#packages,#offers,#examples,#faq,#guarantee{scroll-margin-top:80px}
}
@media(max-width:380px){
 .header .logo{width:148px!important;max-width:48vw!important}
 .site-promo-inner{font-size:10px;gap:3px 8px}
 .menu-toggle{min-width:81px;padding:9px 10px}
 .site-promo a{font-size:10px}
}
@media (display-mode:standalone) and (max-width:850px){.header{padding-top:env(safe-area-inset-top)}}
@media(prefers-reduced-motion:reduce){.menu-bars i{transition:none!important}}