/* V2-only navigation frame. Keep the original header/search/account nodes:
 * counters, login dialogs and cart handlers must not fork into cloned menus. */
[data-v2-shop-header] .headerMain.sticky{height:72px;padding:10px 0;background:#fff;border-bottom:1px solid #e5e2df}
[data-v2-shop-header] .headerMain.sticky>.container{width:100%;max-width:none;grid-template-columns:auto minmax(190px,1fr) auto minmax(190px,1fr);grid-template-areas:"toggle search logo account";gap:24px;padding:0 28px;align-items:center}
[data-v2-shop-header] .headerMain.sticky .headerLogo{grid-column:auto;grid-area:logo;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
[data-v2-shop-header] .headerMain.sticky .headerLogo a{max-width:none}
[data-v2-shop-header] .headerMain.sticky .headerLogo img{width:186px!important;height:34px!important}
[data-v2-shop-header] .headerMain.sticky .headerAccount{grid-column:auto;grid-area:account;min-width:0;gap:14px;padding-right:0;margin-right:0}
[data-v2-shop-header] .headerMain.sticky .navToggler{display:flex;align-items:center;gap:12px;background:transparent;clip-path:none;padding:8px 0;min-height:44px;color:#222;font-size:14px;letter-spacing:0}
[data-v2-shop-header] .headerMain.sticky .searchBar{max-width:min(380px,calc(50vw - 270px));min-height:44px;border-radius:24px}
[data-v2-shop-header] .headerMain.sticky .searchBar__dummy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;letter-spacing:0}
[data-v2-shop-header] .navToggler:focus-visible{outline:2px solid #086bd8;outline-offset:4px}
.v2-header-placeholder[hidden]{display:none}
.v2-header-sentinel{display:block;height:0;clear:both;pointer-events:none}

/* The drawer slides as one surface; its title is sticky within that surface,
 * not an independently animated fixed strip. Only the panel scrolls. */
#category-menu.v2-category-drawer{z-index:2000;left:8px!important;top:var(--v2-drawer-top,8px);width:min(500px,calc(100vw - 16px))!important;max-width:none;height:var(--v2-drawer-height,calc(100dvh - 16px))!important;max-height:var(--v2-drawer-height,calc(100dvh - 16px))!important;padding:0 28px 24px;border:0;border-radius:0 24px 24px 0;background:#fff;color:#222;transform:translateX(calc(-100% - 16px));visibility:hidden;transition:transform .24s ease,visibility .24s;box-shadow:0 12px 36px rgba(0,0,0,.12);text-align:left}
#category-menu.v2-category-drawer.is-open{visibility:visible;transform:translateX(0)}
#category-menu.v2-category-drawer #close-menu{position:sticky;float:none;display:flex;align-items:center;justify-content:space-between;gap:16px;top:0;left:0!important;width:100%;height:auto;min-height:102px;padding:20px 0;background:#fff;border-bottom:1px solid #222;z-index:2;text-align:left}
#category-menu.v2-category-drawer #close-menu h2{margin:0;color:#222;font-size:34px;font-weight:700;line-height:1.2;letter-spacing:0}
#category-menu.v2-category-drawer .v2-menu-close-control{position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#222;font-size:28px;box-shadow:none;clip-path:none}
#category-menu.v2-category-drawer .v2-menu-close-control:hover{background:#f2f2f2}
#category-menu.v2-category-drawer button:focus-visible,#category-menu.v2-category-drawer a:focus-visible{outline:2px solid #086bd8;outline-offset:-2px}
/* Opening the dialog focuses its heading for accessibility, not the close
 * control. Keep that non-interactive focus visually quiet; a keyboard user
 * still gets a high-contrast, neutral ring when tabbing onto the close icon. */
#category-menu.v2-category-drawer #v2-category-drawer-title:focus{outline:none}
#category-menu.v2-category-drawer .v2-menu-close-control:focus-visible{outline:2px solid #222;outline-offset:2px}
#category-menu.v2-category-drawer .v2-category-drawer-content{display:flow-root;padding-top:16px}
#category-menu.v2-category-drawer .category-content-box{float:none;padding-bottom:0}
#category-menu.v2-category-drawer #main-left-menu{width:100%}
#category-menu.v2-category-drawer #main-left-menu.has-category-tree>.left-menu-link-row,#category-menu.v2-category-drawer #main-left-menu.has-category-tree>.left-menu-page-link-row{display:none}
#category-menu.v2-category-drawer .v2-category-tree-menu>.category-group-row-menu{border-bottom:0}
#category-menu.v2-category-drawer .v2-mobile-root-row>div{padding:6px 0;gap:16px;min-height:72px}
#category-menu.v2-category-drawer .v2-mobile-root-row .category-group-image{flex:0 0 36px;min-width:36px;width:36px;padding:0}
#category-menu.v2-category-drawer .v2-mobile-root-row .v2-drawer-category-icon{font-size:32px;line-height:1;display:block}
#category-menu.v2-category-drawer .v2-mobile-root-row .v2-category-menu-image{width:36px;height:36px;max-width:36px}
#category-menu.v2-category-drawer .v2-mobile-root-trigger{min-height:60px;padding:8px 0;background:#fff;letter-spacing:0;gap:12px}
#category-menu.v2-category-drawer .main-group-category-name{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
#category-menu.v2-category-drawer .v2-mobile-root-content{padding:0 0 10px}
#category-menu.v2-category-drawer .v2-menu-chevron{color:#222;font-size:20px;flex:0 0 20px;margin:0}
/* Match the header's existing desktop breakpoint. Hide entire descendant
 * panels, including a selected branch opened by the server or by mobile.
 * Switching back to mobile restores its exact disclosure state and controls;
 * hidden links/buttons are excluded from keyboard focus and accessibility. */
#category-menu.v2-category-drawer .v2-desktop-root-link{display:none!important}
@media(min-width:1024px){
 #category-menu.v2-category-drawer .v2-mobile-root-trigger,
 #category-menu.v2-category-drawer .v2-mobile-root-content{display:none!important}
 #category-menu.v2-category-drawer .v2-mobile-root-row>div>.v2-desktop-root-link{display:flex!important;align-items:center;flex:1;min-height:60px;padding:8px 0;background:#fff;color:#222;text-decoration:none;letter-spacing:0}
 #category-menu.v2-category-drawer .v2-desktop-root-link:hover .main-group-category-name{text-decoration:underline;text-underline-offset:4px}
}
#category-menu.v2-category-drawer .v2-category-drawer-links{clear:both;display:grid;gap:2px;border-top:1px solid #d6d0ca;margin-top:20px;padding-top:16px}
#category-menu.v2-category-drawer .v2-category-drawer-links>a,#category-menu.v2-category-drawer .v2-category-drawer-links>button{display:block;text-align:left;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:#222;font:inherit;font-size:16px;line-height:1.4;letter-spacing:0;clip-path:none;text-decoration:none}
#category-menu.v2-category-drawer .v2-category-drawer-links>a:hover,#category-menu.v2-category-drawer .v2-category-drawer-links>button:hover{color:#075cac;text-decoration:underline}
#fullpage-container.v2-category-backdrop{display:none;z-index:1998;position:fixed!important;inset:0;width:100%;height:100dvh;background:rgba(0,0,0,.25)!important;cursor:pointer}
#category-menu-scroll-hint.v2-drawer-hint{z-index:2001;left:8px;bottom:8px;width:min(500px,calc(100vw - 16px));background:linear-gradient(transparent,#fff);border-radius:0 0 24px 0}
/* Match the delayed category-navigation feedback to the entire drawer,
 * including its wider desktop right edge. Full-page feedback stays full-page. */
#category-menu-loading.v2-drawer-loading:not(.v2-page-loading){left:8px;top:var(--v2-drawer-top,8px);width:min(500px,calc(100vw - 16px));max-width:none;height:var(--v2-drawer-height,calc(100dvh - 16px));border-radius:0 24px 24px 0}
@media(max-width:1023px){
 [data-v2-shop-header] .headerMain.sticky{height:60px;padding:8px 0}
 [data-v2-shop-header] .headerMain.sticky>.container{grid-template-columns:44px 36px minmax(24px,1fr) auto;gap:6px;padding:0 12px}
 [data-v2-shop-header] .headerMain.sticky .navToggler__label{display:none}
 [data-v2-shop-header] .headerMain.sticky .headerLogo{position:static;transform:none}
 [data-v2-shop-header] .headerMain.sticky .headerLogo img{width:26px!important;height:30px!important;object-fit:cover;object-position:left center;max-width:none}
 [data-v2-shop-header] .headerMain.sticky .headerLogo a{width:26px;max-width:26px}
 [data-v2-shop-header] .headerMain.sticky .headerAccount{gap:4px}
 [data-v2-shop-header] .headerMain.sticky .headerAccount .iconbarIcon{padding:6px;min-height:44px;min-width:36px}
 [data-v2-shop-header] .headerMain.sticky .headerAccount .iconbarIcon__icon{font-size:22px}
 [data-v2-shop-header] .headerMain.sticky .headerSearch{width:36px}
 /* The desktop search width reserves space for the centered wordmark.
  * Mobile uses a single icon, so that desktop constraint must be reset. */
 [data-v2-shop-header] .headerMain.sticky .headerSearch .searchBar{width:36px;max-width:none;min-height:44px}
}
@media(max-width:600px){
 #category-menu.v2-category-drawer{left:0!important;width:calc(100vw - 12px)!important;padding:0 20px 20px;border-radius:0 20px 20px 0;--v2-drawer-top:0px;--v2-drawer-height:100dvh}
 #category-menu.v2-category-drawer #close-menu{min-height:88px;padding:16px 0}
 #category-menu.v2-category-drawer #close-menu h2{font-size:28px}
 #category-menu-scroll-hint.v2-drawer-hint{left:0;bottom:0;width:calc(100vw - 12px)}
 #category-menu-loading.v2-drawer-loading:not(.v2-page-loading){left:0;width:calc(100vw - 12px);border-radius:0 20px 20px 0}
}
@media(prefers-reduced-motion:reduce){#category-menu.v2-category-drawer{transition:none}}