body.bottom-menu-open{overflow:hidden}
.mobile-dock{direction:ltr}
.bottom-menu-window{position:fixed;inset:auto 12px calc(82px + env(safe-area-inset-bottom));margin:0 auto;padding:20px;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 130px - env(safe-area-inset-bottom));overflow:auto;box-sizing:border-box;border:1px solid #bddbb047;border-radius:25px;background:linear-gradient(150deg,#214b35f5,#103324fa);color:#f1f7e9;box-shadow:0 20px 70px #001b1280;backdrop-filter:blur(24px)}
.bottom-menu-window::backdrop{background:#03150c80;backdrop-filter:blur(5px)}
.bottom-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.bottom-menu-head h2{margin:0;font:30px Georgia,serif}
.bottom-menu-head button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d0e9c83d;border-radius:50%;background:#ffffff0d;color:inherit;font-size:27px;cursor:pointer}
.bottom-menu-pages{display:grid;gap:7px}
.bottom-menu-pages button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:1px solid #d0e9c821;border-radius:14px;background:#ffffff06;color:inherit;font:inherit;text-align:start;cursor:pointer}
.bottom-menu-pages button>span:last-child{margin-inline-start:auto;opacity:.65}
.bottom-menu-icon{display:grid;place-items:center;flex:0 0 30px;color:#bdf4ab}
.bottom-menu-icon svg{width:23px;height:23px}
.bottom-menu-pages button[aria-current=page]{background:#b7f39917;border-color:#b7f39965}
@media(hover:hover) and (pointer:fine){.bottom-menu-pages:not(.menu-touch-mode) button:hover{background:#b7f39917;border-color:#b7f39965}}
.bottom-menu-window button:focus-visible{outline:2px solid #bded9d;outline-offset:2px}
@media(max-width:820px){
 .header .nav-actions>.account-nav{display:none!important}
 .header .navlinks{justify-content:space-between;gap:2px;overflow:visible}
 .header .navlinks button{flex:1 1 0;min-width:0;padding:6px 3px;white-space:normal;font-size:11px;line-height:1.2;text-align:center}
 .mobile-dock{grid-template-columns:repeat(6,minmax(0,1fr));padding-inline:4px}
 .mobile-dock .dock-glyph{width:38px;height:34px;border-radius:12px}
 .mobile-dock .dock-icon{width:22px;height:22px}
 .mobile-dock small{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .mobile-dock-language .language-control>.dock-flag{width:17px;height:17px;font-size:11px!important;right:-4px;bottom:-3px}
 .bottom-menu-window{padding:16px;border-radius:22px}
}
@media(min-width:821px){
 .mobile-dock{position:fixed;display:flex;left:18px;bottom:18px;z-index:95;gap:8px;padding:8px;border:1px solid #cde9bc38;border-radius:20px;background:#143a27e8;backdrop-filter:blur(18px);box-shadow:0 8px 30px #001a1250}
 .mobile-dock>*:not([data-route=home]):not([data-bottom-menu]){display:none}
 .mobile-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:60px;min-height:54px;padding:4px 8px;border:0;border-radius:13px;background:transparent;color:#eff9e9;cursor:pointer}
 .mobile-dock>button:hover{background:#c5f4b514}
 .mobile-dock .dock-icon{width:23px;height:23px}
 .mobile-dock small{font-size:11px}
 .bottom-menu-window{inset:auto auto 103px 18px;max-height:calc(100dvh - 130px)}
}

.desktop-top-menu{display:none}
.admin-product[hidden]{display:none!important}
@media(min-width:821px){.mobile-dock{display:none!important}.header .navlinks .desktop-top-menu{display:inline-flex;align-items:center;justify-content:center;gap:6px}.bottom-menu-window{inset:100px 18px auto auto;max-height:calc(100dvh - 130px)}}

/* Desktop keeps brand, section links and language/actions in one compact row. */
@media(min-width:821px){
 .header .nav{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;min-height:72px;height:auto;column-gap:16px;row-gap:0;padding-block:10px;align-items:center}
 .header .nav>.brand{grid-column:1;grid-row:1;min-width:0;gap:9px}
 .header .nav .brand strong{font-size:clamp(19px,1.6vw,25px);white-space:nowrap}
 .header .nav .brand-mark{width:40px;height:44px;flex:0 0 40px}
 .header .navlinks{grid-column:2;grid-row:1;justify-content:flex-start;width:100%;min-width:0;flex-wrap:nowrap;gap:5px;padding-block:3px;scrollbar-width:none}
 .header .navlinks::-webkit-scrollbar{display:none}
 .header .navlinks button{flex:0 0 auto;padding:9px 11px;font-size:13px;min-height:38px;white-space:nowrap}
 .header .nav-actions{grid-column:3;grid-row:1;gap:6px;min-width:0}
 .header .search-inline{width:145px}
 .header .mobile-menu{display:none}
}
@media(min-width:821px) and (max-width:1100px){.header .nav{column-gap:9px}.header .nav .brand strong{font-size:18px}.header .nav .brand small{font-size:7px;letter-spacing:.06em}.header .navlinks button{padding:8px;font-size:12px}.header .desktop-language{flex-basis:110px;width:110px}.header .language-glass{padding-inline:8px;font-size:12px}.header .nav-actions{gap:4px}}