/* Navigation experiment, isolated in TEST_WEBSITE_LOCAL. */
.site-header{display:grid;grid-template-columns:auto minmax(180px,560px) auto;align-items:center;justify-content:space-between;gap:28px;padding:20px 32px;border:0}
.header-search{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid #dce2f0;border-radius:17px;padding:5px 6px 5px 16px;box-shadow:0 4px 18px #06259904}
.header-search>svg{width:21px;height:21px;color:#677691;margin-inline-start:8px}
.header-search input{min-width:0;flex:1;width:100%;border:0;background:none;outline:none;padding:10px 0;font-size:14px;box-shadow:none}
.header-search:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #0625990d}
.header-search button{border:0;display:grid;place-items:center;border-radius:12px;min-width:44px;height:44px;background:var(--forest);color:white}
.header-search button svg{height:20px;width:20px}
.header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.header-order{display:flex;gap:9px;align-items:center;border-radius:14px;background:#edf1ff;padding:10px 14px;min-height:46px;color:var(--forest);font-size:13px;font-weight:700;white-space:nowrap}
.header-order .icon{height:21px;width:21px}.header-order #desktop-order-count{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:white;background:var(--forest);font-size:11px}
.site-header-navigation{border-top:1px solid #edf0f8;border-bottom:1px solid var(--line);background:#fff}
.site-header-navigation .desktop-nav{display:flex;justify-content:center;align-items:center;gap:10px;max-width:1280px;margin:auto;padding:9px 32px}
.site-header-navigation .nav-link{display:flex;align-items:center;gap:9px;min-height:43px;padding:9px 22px;font-size:14px;color:var(--muted);border-radius:11px;position:relative;white-space:nowrap}
.site-header-navigation .nav-link:hover{background:#f4f6fc;color:var(--forest)}
.site-header-navigation .nav-link[aria-current=page]{color:var(--forest);background:#edf1ff;font-weight:700}
.site-header-navigation .nav-link .icon{height:19px;width:19px}
.mobile-search-button{display:none}.mobile-section-nav [aria-expanded=true]{color:var(--forest);background:#eff2ff;border-radius:12px}
.departments-open{overflow:hidden}
.departments-menu{position:fixed;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);margin:0;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid #e0e6f4;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 24px 90px #122b6140;overflow:auto;overscroll-behavior:contain}
.departments-menu::backdrop{background:#10204d66;backdrop-filter:blur(3px)}
.departments-menu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.departments-menu-heading span{font-size:11px;letter-spacing:.5px;color:var(--forest)}
.departments-menu-heading h2{font-size:27px;line-height:1.5;margin:4px 0 5px}
.departments-menu-heading p{font-size:12px;color:var(--muted)}
.departments-menu-heading button{display:grid;place-items:center;flex-shrink:0;min-width:42px;height:42px;background:#f4f6fb;border:1px solid #e5e9f2;border-radius:13px;color:var(--muted)}
.departments-menu-heading button svg{width:18px;height:18px}
.menu-search{margin-bottom:18px;background:#f7f9fd;box-shadow:none}
.departments-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.menu-department{text-align:right;display:flex;flex-direction:column;gap:8px;border:1px solid #e2e7f2;border-radius:19px;padding:19px;background:white;color:var(--ink);min-height:155px;transition:border-color .15s,background .15s}
.menu-department:hover,.menu-department[aria-current=page]{border-color:#9badde;background:#f5f7ff}
.menu-department .menu-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf1ff;color:var(--forest)}
.menu-department .menu-icon svg{width:23px;height:23px}.menu-department strong{font-size:17px}.menu-department small{color:var(--muted);font-size:11px;line-height:1.7;font-weight:400}
.menu-department-all{background:#f4f7ff;border-color:#d4dff7}.menu-department-all .menu-icon{background:var(--forest);color:white}
@media(min-width:901px) and (max-width:1150px){.site-header{gap:16px;padding-inline:24px}.site-header .brand{min-width:185px}.header-order{padding:10px}.header-actions .branches-trigger span{display:none}.header-actions #install-app span{display:none}}
@media(max-width:900px){
  .site-header{display:flex;min-height:86px;padding:14px 18px;gap:12px;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}
  .site-header>.header-search,.header-order,.site-header-navigation{display:none}
  .header-actions{gap:6px}.header-actions .button{min-height:42px;padding:8px;border-radius:12px}.header-actions .branches-trigger span,.header-actions #install-app span{display:none}
  .mobile-search-button{display:grid;place-items:center;width:42px;height:42px;padding:0;color:var(--forest);background:#eef2ff;border:1px solid #e0e7fa;border-radius:12px}.mobile-search-button svg{width:21px;height:21px}
  .site-header .shop-logo{width:63px;height:57px}.site-header .shop-wordmark strong{font-size:23px}.site-header .shop-wordmark>span{font-size:10px;letter-spacing:1.8px}
  .departments-menu{top:auto;bottom:12px;transform:translateX(-50%);width:calc(100% - 20px);max-height:calc(100dvh - 28px);padding:21px 18px calc(18px + env(safe-area-inset-bottom));border-radius:25px}
  .departments-menu::before{content:'';display:block;width:38px;height:4px;border-radius:9px;background:#dce2ed;margin:-10px auto 17px}
  .departments-menu-heading{margin-bottom:16px;gap:10px}.departments-menu-heading h2{font-size:24px}.departments-menu-heading p{font-size:11px}.departments-menu-heading span{font-size:10px}
  .departments-menu-grid{gap:10px}.menu-department{padding:15px 12px;min-height:139px;gap:7px;border-radius:17px}.menu-department strong{font-size:14px}.menu-department small{font-size:10px}.menu-department .menu-icon{width:36px;height:36px}.menu-department .menu-icon svg{width:21px;height:21px}
  .menu-search{margin-bottom:14px;gap:8px}.menu-search input{font-size:16px}.menu-search button{height:40px;min-width:40px}
}
@media(prefers-reduced-motion:reduce){.menu-department{transition:none}}