/* Tablet / phone menu fixes (theme mobile menu at 1060px and below) */
@media (max-width:1060px){
  /* let the header grow when the menu opens instead of the menu spilling over the page */
  .site-header .wrap.nav{height:auto!important;min-height:78px}
  /* open menu gets a solid background and scrolls on its own, so long dropdowns like Brands can be reached */
  .site-header.nav-open .menu{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
  /* stop the page behind from scrolling while the menu is open */
  html:has(.site-header.nav-open){overflow:hidden}
}

/* Desktop / small-screen PC: tall dropdowns (Brands, Shop) scroll inside themselves
   instead of running off the bottom of the screen under the sticky header */
@media (min-width:1061px){
  .tsz-has-mega.tsz-open>.tsz-mega{max-height:var(--tsz-mega-max,calc(100vh - 160px));overflow-y:auto;overscroll-behavior:contain}
}

/* Header: search icon + dropdown search bar (frees space for the menu) */
.tsz-search-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--navy,#0B1F4B);cursor:pointer;padding:0}
.tsz-search-toggle:hover,.tsz-search-open .tsz-search-toggle{background:var(--ice,#EEF5FF);color:var(--blue,#1E7BFF)}
.site-header.tsz-has-search-toggle .search{display:none!important}
.site-header.tsz-search-open .search{display:flex!important;position:absolute;left:0;right:0;top:100%;z-index:60;margin:0;width:auto;max-width:none;align-items:center;gap:12px;background:#fff;border:0;border-top:3px solid var(--blue,#1E7BFF);border-radius:0;box-shadow:0 24px 50px rgba(11,31,75,.15);padding:18px max(24px,calc((100% - 760px)/2))}
.site-header.tsz-search-open .search svg{flex:none;color:var(--blue,#1E7BFF)}
.site-header.tsz-search-open .search input[type=search]{flex:1;font-size:17px;padding:14px 18px;border:2px solid var(--blue,#1E7BFF);border-radius:999px;background:#fff}
@media (min-width:1061px){.site-header .menu{margin-left:auto;margin-right:auto}}