/* Shared header geometry for the homepage and all inner pages. */
.site-header,.page-header{height:80px}
.header-inner,.page-header-inner{width:min(1180px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:20px}
.brand,.page-brand{display:flex;align-items:center;flex:0 0 160px}
.brand img,.page-brand img{display:block;width:160px;height:50px;object-fit:contain}
.desktop-nav,.page-nav{display:flex;align-items:center;gap:20px;margin-left:auto;white-space:nowrap}
.desktop-nav>a,.page-nav>a,.nav-categories>button{display:flex;align-items:center;min-height:40px;padding:0;font-size:14px;font-weight:600;line-height:20px}
.nav-categories>button{gap:7px}
.header-actions,.page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-actions>.search-jump{display:none}
.header-actions .basket-button,.page-actions .page-basket{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 10px;border:1px solid #d9e8f4;border-radius:8px;background:#f4faff;color:#172b58;font-size:13px;font-weight:600;white-space:nowrap}
.header-actions .header-order,.page-actions>.page-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:11px 16px;border:1px solid #1c3e8d;border-radius:10px;background:#1c3e8d;color:#fff;font-size:13px;font-weight:700;line-height:16px;white-space:nowrap}
@media(max-width:1100px){
 .desktop-nav,.page-nav{display:none}
 .header-actions,.page-actions{margin-left:auto}
 .menu-button,.page-menu{display:block}
 .mobile-nav,.page-mobile-nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;padding:12px 20px 20px;background:#fff;flex-direction:column;gap:0;transform:none;opacity:1;max-height:calc(100dvh - 80px);overflow-y:auto}
 .mobile-nav.open,.page-mobile-nav.open{display:flex}
 .mobile-nav>a,.page-mobile-nav>a{display:block;padding:10px 9px;border-bottom:1px solid #d9e8f4;font-size:14px;line-height:22px}
}
@media(max-width:720px){
 .site-header,.page-header{height:68px}
 .header-inner,.page-header-inner{width:calc(100% - 28px);gap:10px}
 .brand,.page-brand{flex-basis:155px}
 .brand img,.page-brand img{width:155px}
 .header-actions .header-order,.page-actions>.page-cta{display:none}
 .mobile-nav,.page-mobile-nav{top:68px;max-height:calc(100dvh - 68px)}
}

/* Consistent contact actions and fixed contact shortcuts. */
.header-inner,.page-header-inner{gap:14px}
.desktop-nav,.page-nav{gap:15px}
.header-actions .nav-telegram,.page-actions .nav-telegram{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 12px;border-radius:10px;background:#229ed9;color:#fff;font-size:13px;font-weight:700;line-height:18px;white-space:nowrap}
.header-actions .nav-whatsapp,.page-actions .nav-whatsapp{background:#138749;border-color:#138749}
.header-actions .basket-button,.page-actions .commerce-basket{display:flex;align-items:center;gap:7px;white-space:nowrap;height:40px;padding:0 10px;border:1px solid #d9e8f4;border-radius:8px;background:#f4faff;font-size:13px}
.mobile-basket{border:0;border-bottom:1px solid #d9e8f4;background:#fff;text-align:left;padding:10px 9px;font:600 14px/22px var(--body);cursor:pointer}
.floating-contact{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;z-index:110}
.floating-contact a{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;box-shadow:0 4px 16px #172b5833;transition:transform .2s}
.floating-contact a:hover{transform:translateY(-3px)}
.floating-contact a:focus-visible{outline:3px solid #172b58;outline-offset:4px}
.floating-whatsapp{background:#138749}.floating-telegram{background:#229ed9}
.floating-contact svg{width:32px;height:32px}
body:has(.commerce-drawer.open) .floating-contact,body.drawer-open .floating-contact{visibility:hidden}
@media(max-width:720px){.header-actions .nav-whatsapp,.page-actions .nav-whatsapp,.header-actions .nav-telegram,.page-actions .nav-telegram{display:none}.floating-contact{right:14px;bottom:14px;gap:10px}.floating-contact a{width:48px;height:48px}}