.site-header{position:sticky;top:0;z-index:var(--wtds-z-sticky);background:var(--wtds-surface);border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft)}
.site-header.site-header--normal{position:relative;top:auto!important;transform:none!important;will-change:auto}
:root{--wapu-mobile-appbar-height: calc(3.75rem + env(safe-area-inset-bottom, 0px)) }
.admin-bar .site-header{top:2rem}
@media screen and (max-width: 48.875rem){.admin-bar .site-header{top:2.875rem}
}
.main-navigation{width:100%}
.nav-container{max-width:80rem;margin:0 auto;padding:var(--wtds-s-2) var(--wtds-s-3);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--wtds-s-4)}
.wapu-nav-shell--template-inline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding-inline:max(var(--wtds-s-2),calc((100vw - 80rem)/2))}
.wapu-nav-shell--template-inline .wapu-announcement-bar,.wapu-nav-shell--template-inline .wapu-store-hours,.wapu-nav-shell--template-inline .nav-mobile-header{grid-column:1/-1}
.wapu-nav-shell--template-inline .nav-container{grid-template-columns:auto auto;margin:0;padding-inline:var(--wtds-s-2)}
.wapu-nav-shell--template-inline .nav-search-trigger{display:none}
.wapu-nav-shell--template-inline .site-branding{justify-self:start}
.wapu-nav-shell--template-inline .wapu-nav-row{min-width:0}
.wapu-store-hours{padding:.5rem 1rem;text-align:center;font-size:var(--wtds-fs-caption-1);background:var(--wtds-success-soft);color:var(--wtds-success)}
.wapu-store-hours--closed{background:var(--wtds-danger-soft);color:var(--wtds-danger)}
@media (max-width:61.99rem){.wapu-nav-shell--template-inline{display:block;padding-inline:0}}
.nav-search-trigger{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0}
.wapu-header-quick-nav{display:flex;align-items:center;gap:var(--wtds-s-3);min-width:0;white-space:nowrap;overflow:hidden}
.wapu-header-quick-nav__link{display:inline-flex;align-items:center;min-height:var(--wtds-s-5);color:var(--wtds-ink);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-semibold);line-height:1;letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;text-decoration:none;transition:opacity var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-header-quick-nav__link:hover,.wapu-header-quick-nav__link:focus-visible{color:var(--wtds-ink);opacity:.62}
.nav-search{min-width:0}
.nav-search .wapu-search-wrap{max-width:25rem}
.nav-search-form{display:flex;align-items:center;position:relative;max-width:25rem}
.nav-search-form__icon{position:absolute;left:var(--wtds-s-2);width:1rem;height:1rem;color:var(--wtds-ink-4);pointer-events:none}
.site-branding{text-align:center;min-width:0}
.site-branding .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.site-branding .custom-logo-link img{max-height:2.5rem;width:auto}
.site-branding .site-name{display:inline-flex;align-items:center;font-size:var(--wtds-fs-title-3);font-weight:var(--wtds-fw-bold);color:var(--wtds-ink);text-decoration:none;letter-spacing:var(--wtds-ls-tight)}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--wtds-s-1)}
.nav-action-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-5);height:var(--wtds-s-5);border-radius:var(--wtds-r-pill);border:none;background:transparent;color:var(--wtds-ink);text-decoration:none;cursor:pointer;transition:background-color var(--wtds-dur-fast) var(--wtds-ease)}
.nav-action-link:hover{background:var(--wtds-fill-4)}
.nav-action-link svg{width:1.375rem;height:1.375rem}
.nav-action-link .cart-count{position:absolute;top:.125rem;right:.125rem;min-width:1rem;height:1rem;padding:0 .25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--wtds-r-pill);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-bold);line-height:1;background:var(--wtds-accent);color:var(--wtds-action-ink)}
.nav-categories{display:flex;justify-content:center;background:var(--wtds-ink);border-top:none;padding:0 var(--wtds-s-3)}
.nav-categories .nav-menu{display:flex;align-items:center;justify-content:center;gap:var(--wtds-s-4);margin:0;padding:0;list-style:none}
.nav-categories .nav-menu li{margin:0;padding:0}
.nav-categories .nav-menu a,.nav-categories .nav-link{display:inline-flex;align-items:center;padding:var(--wtds-s-2) 0;font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--wtds-surface);text-decoration:none;transition:opacity var(--wtds-dur-fast) var(--wtds-ease);border-bottom:.09375rem solid transparent}
.nav-categories .nav-menu a:hover,.nav-categories .nav-link:hover{color:var(--wtds-surface);opacity:.7}
.nav-categories .current-menu-item>a,.nav-categories .current-menu-parent>a{color:var(--wtds-surface);border-bottom-color:var(--wtds-surface)}
.nav-categories .sub-menu,.nav-mobile-header,.wapu-mobile-bottom-nav{display:none}
.wapu-mobile-catalog-drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:var(--wtds-z-modal);visibility:hidden}
.wapu-mobile-catalog-drawer.is-open{pointer-events:auto;visibility:visible}
.wapu-mobile-catalog-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--wtds-scrim-strong);border:none;cursor:default;opacity:0;transition:opacity var(--wtds-dur) var(--wtds-ease)}
.wapu-mobile-catalog-drawer.is-open .wapu-mobile-catalog-drawer__overlay{opacity:1}
.wapu-mobile-catalog-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(23.75rem,85vw);background:var(--wtds-surface);transform:translate(100%);transition:transform var(--wtds-dur) var(--wtds-ease-spring);display:flex;flex-direction:column;z-index:1;box-shadow:var(--wtds-shadow-lg)}
.wapu-mobile-catalog-drawer.is-open .wapu-mobile-catalog-drawer__panel{transform:translate(0)}
.wapu-mobile-catalog-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--wtds-s-2);border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft);flex-shrink:0}
.wapu-mobile-catalog-drawer__title{font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-bold);color:var(--wtds-ink);margin:0}
.wapu-mobile-catalog-drawer__close{width:var(--wtds-s-4);min-height:var(--wtds-s-4);border-radius:var(--wtds-r-xs)}
.wapu-drawer__viewport{flex:1;overflow:hidden;position:relative;min-height:0}
.wapu-drawer__slider{display:flex;flex-direction:row;height:100%;transition:transform var(--wtds-dur) var(--wtds-ease-spring);will-change:transform}
.wapu-drawer__level{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--wtds-s-1);padding:var(--wtds-s-2)}
.wapu-drawer__level[hidden]{display:none}
.wapu-drawer__section-group{display:flex;flex-direction:column;gap:var(--wtds-s-1)}
.wapu-drawer__section-title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink-3);letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;margin:var(--wtds-s-2) 0 var(--wtds-s-1);padding:0 var(--wtds-s-1)}
.wapu-drawer__section-title:first-child{margin-top:0}
.wapu-drawer__link{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--wtds-s-1);min-height:2.75rem;padding:var(--wtds-s-1) var(--wtds-s-2);width:100%;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);text-align:left;color:var(--wtds-ink);text-decoration:none;background:transparent;border:0;border-radius:var(--wtds-r-sm);transition:background-color var(--wtds-dur-fast) var(--wtds-ease);-webkit-tap-highlight-color:transparent}
.wapu-drawer__link:hover,.wapu-drawer__link:focus-visible{background-color:var(--wtds-fill-4);outline:none}
.wapu-drawer__link:active{background-color:var(--wtds-fill-3)}
.wapu-drawer__link--highlight{margin-bottom:var(--wtds-s-2)}
.wapu-drawer__link--highlight .wapu-drawer__chevron{color:currentColor;opacity:.9}
.wapu-drawer__link--with-thumb{gap:var(--wtds-s-2);padding:var(--wtds-s-1);min-height:4.5rem}
.wapu-drawer__thumb{width:3.5rem;height:3.5rem;border-radius:var(--wtds-r-md);flex-shrink:0;background-color:var(--wtds-surface-2);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wapu-drawer__thumb--image{background-color:var(--wtds-surface-2)}
.wapu-drawer__thumb--grad-v1{background:linear-gradient(135deg,var(--wtds-surface-translucent),var(--wtds-danger-soft))}
.wapu-drawer__thumb--grad-v2{background:linear-gradient(135deg,var(--wtds-surface-translucent),var(--wtds-warning-soft))}
.wapu-drawer__thumb--grad-v3{background:linear-gradient(135deg,var(--wtds-surface-container),var(--wtds-surface-container))}
.wapu-drawer__thumb--grad-v4{background:linear-gradient(135deg,var(--wtds-surface-translucent),var(--wtds-success-soft))}
.wapu-drawer__thumb--grad-v5{background:linear-gradient(135deg,var(--wtds-danger-soft),var(--wtds-danger))}
.wapu-drawer__thumb--grad-v6{background:linear-gradient(135deg,var(--wtds-surface-translucent),var(--wtds-warning-soft))}
.wapu-drawer__thumb--sale{background:var(--wtds-danger-soft);color:var(--wtds-danger)}
.wapu-drawer__thumb--new{background:var(--wtds-surface-translucent);color:var(--wtds-ink)}
.wapu-drawer__thumb--wishlist{background:var(--wtds-accent);color:var(--wtds-surface)}
.wapu-drawer__thumb--brands{background:linear-gradient(135deg,var(--wtds-surface-translucent) 0%,var(--wtds-surface-2) 100%);color:var(--wtds-ink-2);box-shadow:inset 0 0 0 .5px var(--wtds-separator-soft)}
.wapu-drawer__thumb-sign{font-family:var(--wtds-font-display);font-weight:var(--wtds-fw-semibold);font-size:var(--wtds-fs-subhead);letter-spacing:-.02em;line-height:1}
.wapu-drawer__thumb--sale .wapu-drawer__thumb-sign{font-size:1.125rem}
.wapu-drawer__thumb--new .wapu-drawer__thumb-sign{font-size:.625rem;font-weight:var(--wtds-fw-semibold);letter-spacing:.1em;text-transform:uppercase}
.wapu-drawer__thumb--brands .wapu-drawer__thumb-sign{font-style:italic;font-weight:300;font-size:1.25rem}
.wapu-drawer__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;justify-content:center}
.wapu-drawer__name{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);letter-spacing:-.005em;color:var(--wtds-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wapu-drawer__count{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-regular);color:var(--wtds-ink-3);letter-spacing:.02em;line-height:1.3}
.wapu-drawer__discount-badge{display:inline-flex;align-items:center;align-self:flex-start;margin-top:.25rem;padding:.1875rem .5rem;font-family:var(--wtds-font-display);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);letter-spacing:-.01em;line-height:1.2;background:var(--wtds-accent);color:var(--wtds-action-ink);border-radius:var(--wtds-r-pill);white-space:nowrap}
.wapu-drawer__discount-badge--inline{margin-top:0;margin-left:var(--wtds-s-1);font-size:.625rem;padding:.125rem .375rem;background:var(--wtds-danger);color:var(--wtds-danger-ink);letter-spacing:.02em}
.wapu-drawer__subcat-name{display:inline-flex;align-items:center;gap:0;flex:1;min-width:0}
.wapu-drawer__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--wtds-s-2);height:var(--wtds-s-2);color:var(--wtds-ink-4)}
.wapu-drawer__link:hover .wapu-drawer__chevron{color:var(--wtds-ink-3)}
.wapu-drawer__search{position:relative;margin-bottom:var(--wtds-s-1);flex-shrink:0}
.wapu-drawer__search-icon{position:absolute;left:var(--wtds-s-2);top:50%;transform:translateY(-50%);width:var(--wtds-s-2);height:var(--wtds-s-2);color:var(--wtds-ink-3);pointer-events:none;z-index:1}
.wapu-drawer__search-input.wapu-input{padding-left:var(--wtds-s-5)}
.wapu-drawer__brands-list{display:flex;flex-direction:column;gap:.125rem}
.wapu-drawer__letter-sep{position:sticky;top:0;z-index:1;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);line-height:1;letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;color:var(--wtds-ink-3);margin:var(--wtds-s-2) 0 var(--wtds-s-1);padding:var(--wtds-s-1) var(--wtds-s-2);background:var(--wtds-surface)}
.wapu-drawer__letter-sep:first-child{margin-top:0}
.wapu-drawer__no-results{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);color:var(--wtds-ink-3);text-align:center;padding:var(--wtds-s-4) var(--wtds-s-2);margin:0}
.wapu-drawer__back{width:var(--wtds-s-4);height:var(--wtds-s-4);display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;color:var(--wtds-ink-2);border-radius:var(--wtds-r-xs);flex-shrink:0;transition:background-color var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-drawer__back:hover{background-color:var(--wtds-fill-4);color:var(--wtds-ink)}
.wapu-drawer__back[hidden]{display:none}
@media (max-width: 61.9375rem){.site-header{position:sticky;top:0;border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft);background:var(--wtds-surface)}
.admin-bar .site-header{top:2.875rem}
.nav-container,.nav-categories{display:none}
.nav-mobile-header{display:grid;grid-template-columns:1fr 2.5rem;align-items:center;gap:var(--wtds-s-1);padding:var(--wtds-s-1) var(--wtds-s-2)}
.nav-mobile-header .site-branding{text-align:left}
.nav-mobile-header .nav-action-link--search{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-5);height:var(--wtds-s-5);border-radius:var(--wtds-r-pill);color:var(--wtds-ink);text-decoration:none}
.nav-mobile-header .nav-action-link--search svg{width:1.375rem;height:1.375rem}
.nav-mobile-header .site-branding .custom-logo-link img{max-height:2rem}
.nav-mobile-header .site-branding .site-name{font-size:var(--wtds-fs-headline)}
.nav-mobile-header .nav-action-link{width:var(--wtds-s-5);height:var(--wtds-s-5)}
.wapu-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.25rem;padding:.4375rem var(--wtds-s-1) calc(.4375rem + env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:#fff;box-shadow:none;z-index:var(--wtds-z-dropdown)}
body.wapu-has-mobile-bottom-nav:not(.woocommerce-checkout){padding-bottom:calc(var(--wapu-mobile-appbar-height) + var(--wtds-s-1))}
.wapu-mobile-bottom-nav__item{position:relative;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;padding:.375rem .125rem;border:0;border-radius:var(--wtds-r-md);text-decoration:none;color:var(--wtds-ink-3);background:transparent;outline:none;font:inherit;cursor:pointer;transition:background-color var(--wtds-dur) var(--wtds-ease),color var(--wtds-dur) var(--wtds-ease)}
.wapu-mobile-bottom-nav__item svg{width:1.25rem;height:1.25rem;display:block}
.wapu-mobile-bottom-nav__item.is-active,.wapu-mobile-bottom-nav__item.is-open{background:transparent;color:var(--wtds-action)}
.wapu-mobile-bottom-nav__item:hover,.wapu-mobile-bottom-nav__item:focus-visible{background:color-mix(in srgb,var(--wtds-ink) 5%,transparent)}
.wapu-mobile-bottom-nav__badge{position:absolute;top:.125rem;right:.625rem;min-width:1rem;height:1rem;padding:0 .25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--wtds-r-pill);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-bold);line-height:1;background:var(--wtds-accent);color:var(--wtds-action-ink)}
body.is-mobile-catalog-open{overflow:hidden}
.wapu-mobile-catalog-drawer__panel{left:0;right:auto;width:min(86vw,22.5rem);box-shadow:var(--wtds-shadow-lg);transform:translate(-102%)}
.wapu-mobile-catalog-drawer.is-open .wapu-mobile-catalog-drawer__panel{transform:translate(0)}
.wapu-mobile-catalog-drawer__head{padding:calc(var(--wtds-s-2) + env(safe-area-inset-top,0px)) var(--wtds-s-2) var(--wtds-s-2)}
.wapu-mobile-catalog-drawer__close{width:2.125rem;min-height:2.125rem;box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator-soft);border-radius:var(--wtds-r-sm);background-color:var(--wtds-surface);color:var(--wtds-ink)}
}
.site-header{transition:transform .32s cubic-bezier(.4,0,.2,1),background .32s ease,backdrop-filter .32s ease,border-color .32s ease;will-change:transform}
.site-header.is-scrolled{background:var(--wtds-glass);backdrop-filter:blur(1.25rem) saturate(1.6);-webkit-backdrop-filter:blur(1.25rem) saturate(1.6);border-bottom-color:var(--wtds-separator-soft)}
.site-header.is-scrolled .nav-container{padding-top:var(--wtds-s-1);padding-bottom:var(--wtds-s-1)}
.site-header.is-scrolled .nav-logo img{max-height:2rem}
.site-header.is-scrolled .nav-logo-text{font-size:var(--wtds-fs-title-2)}
.site-header.is-scrolled .nav-categories{max-height:0;opacity:0;overflow:hidden;pointer-events:none;padding-top:0;padding-bottom:0;transition:all .25s ease}
.site-header .nav-categories{transition:max-height .25s ease,opacity .25s ease,padding .25s ease;max-height:7.5rem}
.site-header.is-hidden{transform:translateY(calc(-100% - 1px));visibility:hidden;pointer-events:none}
@media (prefers-reduced-motion: reduce){.site-header{transition:none}
.site-header.is-hidden{transform:translateY(calc(-100% - 1px));opacity:1}
}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .nav-categories{background:transparent;border-bottom:.5px solid var(--wtds-outline)}
body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-categories{border-bottom-color:var(--wtds-outline-soft)}
body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-logo img{filter:brightness(0) invert(1)}
body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-logo-text{color:var(--wtds-surface)}
body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-search-trigger,body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-search-form__icon{color:var(--wtds-surface)}
body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-action-link{color:var(--wtds-surface)}
body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-action-link:hover{background:var(--wtds-glass-faint)}
body.is-home.wapu-home-header-overlay[data-header-over=light] .site-header:not(.is-scrolled) .nav-action-link .cart-count{background:var(--wtds-surface);color:var(--wtds-ink)}
body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-categories .nav-link,body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-categories .nav-menu a{color:var(--wtds-ink)}
body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-categories .nav-link:hover,body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-categories .nav-menu a:hover{color:var(--wtds-ink)}
body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-search-trigger,body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-search-form__icon,body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-action-link,body.is-home.wapu-home-header-overlay[data-header-over=dark] .site-header:not(.is-scrolled) .nav-logo-text{color:var(--wtds-ink)}
body.is-home.wapu-home-header-overlay [data-header-overlay=true]{margin-top:0;position:relative;z-index:1}
/* Home Host: when the first composition explicitly sits under a transparent
 * header, the host — not an individual Block — removes the page frame. This
 * keeps Portadas full-bleed/full-viewport without coupling Theme to a slug. */
body.is-home.wapu-home-header-overlay .wapu-playground-home[data-header-overlay="true"] > .wapu-block:first-child{
  width:100%;max-width:none;margin:0;padding:0;min-height:100vh;min-height:100svh;
}
body.is-home.wapu-home-header-overlay .wapu-playground-home[data-header-overlay="true"] > .wapu-block:first-child .wapu-block-style-scope:is(.wapu-block-contained,.wapu-block-wide,.wapu-block-full-width){
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100vh;min-height:100svh;
}
body.is-home.wapu-home-header-overlay .wapu-playground-home[data-header-overlay="true"] > .wapu-block:first-child .wapu-block-style-scope:is(.wapu-block-contained,.wapu-block-wide) > :first-child{
  width:100%!important;max-width:none!important;margin-inline:0!important;
}
.wapu-search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;opacity:0;pointer-events:none;transition:opacity var(--wtds-dur) var(--wtds-ease)}
.wapu-search-modal[aria-hidden=false]{opacity:1;pointer-events:auto}
.wapu-search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:0;cursor:default;pointer-events:none}
.wapu-search-modal__panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:var(--wtds-surface);border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;transform:translateY(-1rem);transition:transform var(--wtds-dur) var(--wtds-ease);overflow:hidden}
.wapu-search-modal[aria-hidden=false] .wapu-search-modal__panel{transform:translateY(0)}
.wapu-search-modal__close{position:absolute;top:1.5rem;right:2rem;z-index:2;box-shadow:inset 0 0 0 .5px var(--wtds-separator-soft);background-color:var(--wtds-surface);color:var(--wtds-ink)}
.wapu-search-modal__close:hover,.wapu-search-modal__close:focus-visible{background-color:var(--wtds-surface-2);box-shadow:inset 0 0 0 .5px var(--wtds-separator);outline:none;transform:scale(1.04)}
.wapu-search-modal__body{flex:1;width:min(75rem,calc(100vw - 5rem));margin:0 auto;padding:5.5rem 0 3rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}
body.wapu-search-modal-open{overflow:hidden}
@media (max-width: 48rem){.wapu-search-modal__body{width:calc(100vw - 2rem);padding:4.5rem 0 2rem}
.wapu-search-modal__close{top:1rem;right:1rem;width:2.5rem;min-height:2.5rem}
}
.wapu-cart-icon{position:relative;display:inline-flex}
.wapu-cart-icon__btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--wtds-ink);border-radius:var(--wtds-r-xs);transition:background .15s ease;line-height:1;text-decoration:none}
.wapu-cart-icon__btn:hover{background:var(--wtds-fill-4)}
.wapu-cart-icon__badge{position:absolute;top:-.125rem;right:-.25rem;min-width:1.125rem;height:1.125rem;background:var(--wtds-accent);color:var(--wtds-action-ink);border-radius:var(--wtds-r-pill);font-size:.625rem;font-weight:var(--wtds-fw-bold);display:flex;align-items:center;justify-content:center;border:.125rem solid var(--wtds-surface);padding:0 .1875rem;pointer-events:none}
.wapu-cart-icon__badge[data-count="0"]{display:none}



/* ══ [v4.0.3] Wapu Nav Row — fila 2 del header desktop ══════════════════════
 * Pinta los items configurados en Playground → 🧭 Navegación.
 * Auto-fallback al top-5 cats si no hay config custom.
 * ════════════════════════════════════════════════════════════════════════ */
.wapu-nav-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: .75rem 1.5rem;
    border-top: .5px solid var(--wtds-outline-soft);
    background: var(--wtds-surface);
    flex-wrap: wrap;
}

.wapu-nav-row__item {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .25rem 0;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--wtds-ink);
    text-decoration: none;
    border-bottom: .09375rem solid transparent;
    transition: color .15s, border-color .15s;
}

.wapu-nav-row__item:hover,
.wapu-nav-row__item:focus {
    color: var(--wtds-accent);
    border-bottom-color: currentColor;
}

.wapu-nav-row__icon {
    font-size: .875rem;
    line-height: 1;
}

.wapu-nav-row__label {
    line-height: 1;
}


/* En mobile — la barra se oculta, el drawer es la nav alterna */
@media (max-width: 61.9375rem) {
    .wapu-nav-row { display: none; }

}



/* [v4.0.4] Active state — item del nav que matchea la URL actual */
.wapu-nav-row__item.is-active {
    color: var(--wapu-nav-item-accent, var(--wtds-accent));
    border-bottom-color: currentColor;
    font-weight: 500;
}

.wapu-nav-row__item.is-active .wapu-nav-row__icon {
    transform: scale(1.1);
    transition: transform .2s;
}



/* ══ [v4.0.5] Wapu Nav Row — Animaciones + hover styles ══════════════════
 * Aplicadas via clases puestas por nav.php según meta del Playground.
 * ════════════════════════════════════════════════════════════════════════ */

/* === Entrance animations === */
@media (prefers-reduced-motion: no-preference) {
    .wapu-nav-row--anim-fade .wapu-nav-row__item,
    .wapu-nav-row--anim-slide-up .wapu-nav-row__item,
    .wapu-nav-row--anim-stagger .wapu-nav-row__item {
        opacity: 0;
        animation-fill-mode: forwards;
        animation-duration: var(--wapu-nav-anim-duration, 400ms);
        animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }


    .wapu-nav-row--anim-fade .wapu-nav-row__item {
        animation-name: wapuNavFadeIn;
        animation-delay: 50ms;
    }

    .wapu-nav-row--anim-slide-up .wapu-nav-row__item {
        animation-name: wapuNavSlideUp;
        animation-delay: 50ms;
    }

    .wapu-nav-row--anim-stagger .wapu-nav-row__item {
        animation-name: wapuNavSlideUp;
        animation-delay: calc(var(--wapu-nav-anim-delay, 60ms) * var(--wapu-nav-stagger-i, 0));
    }

}


@keyframes wapuNavFadeIn {
    from { opacity: 0; }

    to   { opacity: 1; }

}

@keyframes wapuNavSlideUp {
    from { opacity: 0; transform: translateY(.5rem); }

    to   { opacity: 1; transform: translateY(0); }

}


/* === Hover styles === */

/* Underline (default — viene en .wapu-nav-row__item:hover ya) */

/* Pill */
.wapu-nav-row--hover-pill .wapu-nav-row__item {
    border-bottom-color: transparent !important;
    padding: .25rem .75rem;
    border-radius: 62.4375rem;
    transition: background .2s, color .2s;
}

.wapu-nav-row--hover-pill .wapu-nav-row__item:hover,
.wapu-nav-row--hover-pill .wapu-nav-row__item.is-active {
    background: var(--wtds-primary-soft);
    background: color-mix(in srgb, var(--wapu-nav-item-accent, var(--wtds-accent)) 12%, transparent);
    color: var(--wapu-nav-item-accent, var(--wtds-accent));
}


/* Glow */
.wapu-nav-row--hover-glow .wapu-nav-row__item {
    transition: color .2s, text-shadow .25s;
}

.wapu-nav-row--hover-glow .wapu-nav-row__item:hover {
    color: var(--wapu-nav-item-accent, var(--wtds-accent));
    text-shadow: 0 0 .75rem var(--wtds-focus-ring-color);
}


/* Scale */
.wapu-nav-row--hover-scale .wapu-nav-row__item {
    transition: color .2s, transform .25s, border-bottom-color .2s;
    transform-origin: center;
}

.wapu-nav-row--hover-scale .wapu-nav-row__item:hover {
    transform: scale(1.08);
    color: var(--wapu-nav-item-accent, var(--wtds-accent));
}


/* === Sticky / hide-on-scroll === */
.wapu-nav-row.is-sticky {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(.5rem);
    background: color-mix(in srgb, var(--wtds-surface) 85%, transparent);
}


/* Scroll visibility is owned by header.js and applied once to #masthead. */


/* ══ [v4.0.6] Per-item badges en el nav row + mega chevron ══════════════
 * Se renderean en los items del nav cuando el editor del Playground los
 * configura. Tones mapean a tokens del theme (--ws-*).
 * ══════════════════════════════════════════════════════════════════════ */
.wapu-nav-row__badge {
    display: inline-flex;
    align-items: center;
    font-size: .5625rem;
    font-weight: var(--wtds-fw-medium);
    padding: 1px .3125rem;
    border-radius: .1875rem;
    margin-left: .25rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.5;
    vertical-align: middle;
}

.wapu-nav-row__badge--info    { background: var(--wtds-primary-soft);  color: var(--wtds-primary); }

.wapu-nav-row__badge--danger  { background: var(--wtds-danger-soft);   color: var(--wtds-primary); }

.wapu-nav-row__badge--warning { background: var(--wtds-warning-soft);  color: var(--wtds-warning-pressed); }

.wapu-nav-row__badge--accent  { background: var(--wtds-primary-soft);   color: var(--wtds-primary); color: var(--wtds-accent); background: color-mix(in srgb, var(--wtds-accent) 12%, transparent); }

.wapu-nav-row__badge--muted   { background: var(--wtds-scrim-faint);       color: var(--wtds-on-surface-muted); }


.wapu-nav-row__chevron {
    margin-left: .1875rem;
    font-size: .625rem;
    opacity: .55;
    transition: transform .15s, opacity .15s;
}

.wapu-nav-row__item:hover .wapu-nav-row__chevron,
.wapu-nav-row__item.has-mega:hover .wapu-nav-row__chevron {
    opacity: 1;
    transform: translateY(1px);
}



/* ══ [v4.0.7] Tonos del nav row — light/cream/dark/cranberry/glass ══════
 * Configurable desde Playground → 🧭 Navegación → Animaciones → Tono.
 * ════════════════════════════════════════════════════════════════════════ */

/* Light (default) — fondo blanco, texto oscuro. Ya estaba implícito. */
.wapu-nav-row--tone-light {
    background: var(--wtds-surface);
    color: var(--wtds-ink);
}


/* Cream — fondo crema del drop, texto oscuro */
.wapu-nav-row--tone-cream {
    background: var(--wtds-surface);
    background: var(--wtds-surface);
    color: var(--wtds-ink);
    border-top: .5px solid var(--wtds-separator);
}


/* Dark — fondo casi negro, texto claro */
.wapu-nav-row--tone-dark {
    background: var(--wtds-surface-inverse);
    color: var(--wtds-on-image);
    border-top: none;
}

.wapu-nav-row--tone-dark .wapu-nav-row__item {
    color: var(--wtds-on-image-muted);
}

.wapu-nav-row--tone-dark .wapu-nav-row__item:hover,
.wapu-nav-row--tone-dark .wapu-nav-row__item.is-active {
    color: var(--wtds-on-image);
}

.wapu-nav-row--tone-dark.wapu-nav-row--hover-pill .wapu-nav-row__item:hover,
.wapu-nav-row--tone-dark.wapu-nav-row--hover-pill .wapu-nav-row__item.is-active {
    background: var(--wtds-glass-faint);
    color: var(--wtds-action-ink);
}


/* Cranberry — fondo del primary del drop, texto inverso */
.wapu-nav-row--tone-cranberry {
    background: var(--wtds-accent);
    color: var(--wtds-on-image);
    border-top: none;
}

.wapu-nav-row--tone-cranberry .wapu-nav-row__item {
    color: var(--wtds-on-image);
}

.wapu-nav-row--tone-cranberry .wapu-nav-row__item:hover,
.wapu-nav-row--tone-cranberry .wapu-nav-row__item.is-active {
    color: var(--wtds-on-image);
    border-bottom-color: var(--wtds-outline-strong);
}

.wapu-nav-row--tone-cranberry.wapu-nav-row--hover-pill .wapu-nav-row__item:hover,
.wapu-nav-row--tone-cranberry.wapu-nav-row--hover-pill .wapu-nav-row__item.is-active {
    background: var(--wtds-glass-faint);
    color: var(--wtds-action-ink);
}

.wapu-nav-row--tone-cranberry .wapu-nav-row__badge--accent {
    background: var(--wtds-glass-faint);
    color: var(--wtds-action-ink);
}


/* Glass — transparente con blur, intensifica al scroll */
.wapu-nav-row--tone-glass {
    background: var(--wtds-glass-soft);
    backdrop-filter: blur(.75rem) saturate(1.4);
    -webkit-backdrop-filter: blur(.75rem) saturate(1.4);
    border-top: .5px solid var(--wtds-outline-soft);
    border-bottom: .5px solid var(--wtds-outline-soft);
}

.wapu-nav-row--tone-glass.is-sticky {
    background: var(--wtds-glass);
}



/* ══ [v4.0.8] Mega-menu panel — slide-down al hover ════════════════════
 * Templates: grid (4 cols) / featured (3+1) / minimal (text 2 cols) / editorial (banner)
 * ══════════════════════════════════════════════════════════════════════ */

/* Cell wrapper — necesario para que el panel posicione absoluto */
.wapu-nav-row__cell {
    position: relative;
}


/* Panel oculto por default */
.wapu-megamenu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-.5rem);
    z-index: 1000;
    background: var(--wtds-surface);
    border: 0.5px solid var(--wtds-outline-soft);
    border-radius: .75rem;
    box-shadow: 0 .75rem 2.5rem var(--wtds-shadow-color-soft);
    padding: 1.25rem;
    min-width: 33.75rem;
    max-width: 55rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, transform .22s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear .2s;
}


/* Hover sobre el cell o el panel mismo abre */
.wapu-nav-row__cell.has-mega-panel.is-mega-open > .wapu-megamenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
    transition-delay: 0s;
}


/* Inner grid */
.wapu-megamenu__inner {
    display: grid;
    gap: .875rem;
}


/* Templates */
.wapu-megamenu--grid .wapu-megamenu__inner {
    grid-template-columns: repeat(4, 1fr);
}

.wapu-megamenu--featured .wapu-megamenu__inner {
    grid-template-columns: repeat(3, 1fr);
}

.wapu-megamenu--minimal {
    padding: 1rem;
    min-width: 20rem;
}

.wapu-megamenu--minimal .wapu-megamenu__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: .25rem;
}

.wapu-megamenu--editorial {
    min-width: 26.25rem;
}

.wapu-megamenu--editorial .wapu-megamenu__inner {
    grid-template-columns: 1fr;
    gap: .25rem;
}


/* Items */
.wapu-megamenu__item {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem;
    border-radius: .625rem;
    text-decoration: none;
    color: var(--wtds-ink);
    transition: background .15s, transform .15s;
}

.wapu-megamenu__item:hover {
    background: var(--wtds-surface);
    transform: translateY(-1px);
}

.wapu-megamenu__thumb {
    aspect-ratio: 1;
    background-size: cover;
    background-position: center;
    background-color: var(--wtds-surface);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--wtds-on-surface-subtle);
}

.wapu-megamenu__thumb--ph {
    /* placeholder con emoji */
}

.wapu-megamenu__label {
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--wtds-ink);
    line-height: 1.3;
}

.wapu-megamenu__count {
    font-size: .625rem;
    color: var(--wtds-ink);
}


/* Minimal: text-only, no thumb */
.wapu-megamenu--minimal .wapu-megamenu__item {
    flex-direction: row;
    align-items: center;
    padding: .5rem .625rem;
}

.wapu-megamenu--minimal .wapu-megamenu__thumb {
    display: none;
}

.wapu-megamenu--minimal .wapu-megamenu__label {
    flex: 1;
    text-transform: none;
    letter-spacing: 0;
    font-size: .8125rem;
    font-weight: 400;
}

.wapu-megamenu--minimal .wapu-megamenu__count {
    font-size: .6875rem;
    color: var(--wtds-ink);
    opacity: .7;
}


/* Editorial: banner-like, big horizontal */
.wapu-megamenu--editorial .wapu-megamenu__item {
    flex-direction: row;
    align-items: center;
    gap: .875rem;
    padding: .625rem;
}

.wapu-megamenu--editorial .wapu-megamenu__thumb {
    width: 5rem;
    aspect-ratio: 1;
    flex-shrink: 0;
}

.wapu-megamenu--editorial .wapu-megamenu__label {
    font-size: .875rem;
    font-weight: 500;
}


/* Hide on mobile — drawer maneja la nav en móvil */
@media (max-width: 61.9375rem) {
    .wapu-megamenu { display: none !important; }

}



/* ═══════════════════════════════════════════════════════════════════
 * WAPUOS-VAS · Day 2 PR-2.2 · Navigation/Menu Quiet Luxury Refinement
 * ═══════════════════════════════════════════════════════════════════
 *
 * Sprint: WAPUOS Visual Acceleration Sprint (7 days)
 * Doc: 01_AUDIT_ZONE/active/visual-direction/WAPUOS-VISUAL-ACCELERATION-SPRINT.md
 *
 * 3 capas:
 *   1. Badge typography Quiet Luxury (sustituye marketplace .5625rem/700/uppercase)
 *   2. Visibility CSS data-attr hooks (data-visibility="desktop|mobile|always")
 *   3. Mega menu micro-refinement (chevron sutil)
 *
 * Filosofía: badges deben sentirse silenciosos, no marketplace. Tones
 * preservados (info/danger/warning/accent/muted) por backward-compat ·
 * solo refinamos typography + opacity para Quiet Luxury feel.
 *
 * NO override de tones · NO new variants · NO marketplace removals.
 *
 * @since 4.2.36
 */

/* ── 1 · Badge Quiet Luxury typography refinement ────────────────── */
/* Override universal · cero scope a flag focus-mode (badges viven en
 * theme global header · siempre visibles cuando merchant los configura). */
.wapu-nav-row__badge {
	font-size: .625rem !important;
	font-weight: 500 !important;
	padding: .125rem .375rem !important;
	border-radius: var(--wtds-r-sm, .25rem) !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	margin-left: var(--wtds-s-2, .375rem) !important;
	line-height: 1.4 !important;
	opacity: .92;
	transition: opacity 150ms ease;
	vertical-align: baseline;
}


/* Tones · preserved con opacity refined */
.wapu-nav-row__badge--info,
.wapu-nav-row__badge--danger,
.wapu-nav-row__badge--warning,
.wapu-nav-row__badge--accent,
.wapu-nav-row__badge--muted {
	font-weight: 500 !important;
}


/* Hover sobre el item · badge gana opacity full */
.wapu-nav-row__item:hover .wapu-nav-row__badge,
.wapu-nav-row__item:focus-visible .wapu-nav-row__badge {
	opacity: 1;
}


/* ── 2 · Visibility CSS data-attr hooks ──────────────────────────── */
/* Items con data-visibility="desktop" SOLO visibles en desktop ≥48rem.
 * data-visibility="mobile" YA filtrado por PHP (skip en desktop loop) ·
 * esta regla es defensive si por algún motivo llega al render desktop.
 * data-visibility="always" o sin attr → siempre visible. */

/* desktop-only items se ocultan en mobile width ≤47.9375rem (drawer toma over) */
@media (max-width: 47.9375rem) {
	.wapu-nav-row__cell[data-visibility="desktop"] {
		display: none;
	}

}


/* defensive · si algún item con visibility="mobile" llega al desktop nav */
.wapu-nav-row__cell[data-visibility="mobile"] {
	display: none;
}


/* ── 3 · Mega chevron micro-refinement ───────────────────────────── */
/* Chevron del mega menu opacity sutil · matches button hover lift -1px */
.wapu-nav-row__chevron {
	opacity: .45;
	transition: opacity 150ms ease, transform 150ms ease;
}

.wapu-nav-row__item:hover .wapu-nav-row__chevron,
.wapu-nav-row__item:focus-visible .wapu-nav-row__chevron {
	opacity: .75;
}


/* end · WAPUOS-VAS Day 2 PR-2.2
 * ═══════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════
 * WAPUOS-VAS · Day 2 PR-2.3 · Navigation System Closure
 * ═══════════════════════════════════════════════════════════════════
 *
 * Sprint: WAPUOS Visual Acceleration Sprint
 * Doc: 01_AUDIT_ZONE/active/visual-direction/WAPUOS-VISUAL-ACCELERATION-SPRINT.md
 *
 * Foco: focus-visible safety net + drawer accessibility polish · refuerzo
 * accessibility baseline navigation post W7A PR-1/PR-2 + D2 PR-2.1/PR-2.2.
 *
 * NO rediseño visual · NO refactor · NO architecture change · solo
 * coverage de focus-visible cross-nav surfaces para baseline a11y estable.
 *
 * Cobertura nueva:
 *   1. .wapu-nav-row__item (link primario · ring canónico)
 *   2. .nav-action-link (top-bar buttons · search · cart · hamburger)
 *   3. .wapu-mobile-catalog-drawer__close (drawer close button)
 *   4. .wapu-mobile-catalog-drawer__overlay (drawer backdrop button)
 *   5. .wapu-drawer__back (drawer back chevron)
 *   6. .wapu-megamenu a (mega menu links · keyboard nav)
 *   7. .wapu-search-modal__close defensive
 *
 * Token canon: var(--wtds-shadow-focus) · matches F1-CK-W2.1 PR-4 inputs +
 * W6 PR-4 place_order + canon documented en visual-direction audit.
 *
 * Reduced-motion: respect prefers-reduced-motion (transitions:none).
 *
 * @since 4.2.37
 */

/* ── 1 · Nav row link focus ring canónico ─────────────────────── */
.wapu-nav-row__item:focus-visible {
	outline: 0;
	box-shadow: var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color));
	border-radius: var(--wtds-r-sm, .25rem);
}


/* ── 2 · Top-bar action buttons (search · cart · hamburger) ──── */
.nav-action-link:focus-visible {
	outline: 0;
	box-shadow: var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color));
}


/* ── 3 · Drawer mobile close button ───────────────────────────── */
.wapu-mobile-catalog-drawer__close:focus-visible,
.wapu-drawer__back:focus-visible {
	outline: 0;
	box-shadow: var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color));
}


/* ── 4 · Drawer overlay button (keyboard ESC equivalent) ──────── */
.wapu-mobile-catalog-drawer__overlay:focus-visible {
	outline: 0;
	/* overlay es full-screen · ring discreto inset */
	box-shadow: inset 0 0 0 .1875rem var(--wtds-action-soft);
}


/* ── 5 · Mega menu items (keyboard nav within mega panel) ─────── */
.wapu-megamenu a:focus-visible {
	outline: 0;
	box-shadow: var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color));
	border-radius: var(--wtds-r-sm, .25rem);
}


/* ── 6 · Search modal close button defensive ──────────────────── */
.wapu-search-modal__close:focus-visible {
	outline: 0;
	box-shadow:
		var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color)),
		inset 0 0 0 .5px var(--wtds-separator-soft);
}


/* ── 7 · Mobile bottom nav items focus state ──────────────────── */
.wapu-mobile-bottom-nav__item:focus-visible {
	outline: 0;
	box-shadow: var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color));
	border-radius: var(--wtds-r-md, .75rem);
}


/* ── 8 · Reduced-motion defensive ──────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.wapu-nav-row__item,
	.wapu-nav-row__chevron,
	.wapu-nav-row__badge,
	.wapu-mobile-catalog-drawer__panel,
	.wapu-mobile-catalog-drawer__overlay,
	.wapu-drawer__slider,
	.wapu-drawer__link {
		transition: none !important;
	}

}


/* end · WAPUOS-VAS Day 2 PR-2.3
 * ═══════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════
 * [v4.2.44] WAPUOS-VAS · Day 6 PR-6a · Shell / Header / Mega-menu Rhythm
 * ───────────────────────────────────────────────────────────────────────
 * Cierra la continuidad emocional del shell global. Refina la cadencia
 * del nav row, mega-menu y badges sin tocar la arquitectura del nav
 * (nav.php contracts), el drawer mobile (ya canon), ni el sistema de
 * tones del nav (--tone-light/cream/dark/cranberry/glass).
 *
 * Charter:
 *   - 0 `!important` nuevos (los 12 reales del header.css base intactos)
 *   - 0 hex hardcoded
 *   - 0 cambios PHP / JS / markup / nav.php contracts
 *   - 0 cambios al drawer (.wapu-mobile-catalog-drawer ya canon)
 *   - 0 cambios al sistema de tones del nav-row
 *   - 0 cambios a mega-menu data structures · solo cadence visual
 *   - Append-only · rollback trivial (eliminar este bloque)
 *
 * Capas (7):
 *   R1  Tokens scoped a .wapu-nav-row, .wapu-megamenu
 *   R2  .wapu-nav-row padding canon (.75rem → --wtds-s-2 vertical)
 *   R3  .wapu-megamenu outer padding canon (20 → --wtds-s-3 / radius → --wtds-r-md)
 *   R4  .wapu-megamenu__inner gap canon (14 → --wtds-s-2)
 *   R5  .wapu-megamenu__item padding/gap tokenization (8 → --wtds-s-1)
 *   R6  .wapu-megamenu--editorial item gap canon (14 → --wtds-s-2)
 *   R7  .wapu-megamenu--editorial item padding tokenization (10 → --wtds-s-1)
 *
 * @since 4.2.44
 * ═══════════════════════════════════════════════════════════════════════ */

/* ─── R1 · Shell rhythm tokens scoped ───────────────────────────────
   Custom properties locales al nav-row y al mega-menu panel. Cero
   contaminación cross-surface. */
.wapu-nav-row {
	--wapu-nav-row-pad-y: var(--wtds-s-2);
	--wapu-nav-row-pad-x: var(--wtds-s-3);
	--wapu-nav-row-gap: var(--wtds-s-4);
}

.wapu-megamenu {
	--wapu-mega-pad: var(--wtds-s-3);
	--wapu-mega-gap: var(--wtds-s-2);
	--wapu-mega-item-pad: var(--wtds-s-1);
}


/* ─── R2 · .wapu-nav-row padding canon ──────────────────────────────
   Era `padding: .75rem 1.5rem` con .75rem off-grid (entre --wtds-s-1 .5rem y
   --wtds-s-2 1rem). +4 vertical a --wtds-s-2 (1rem) · nav row gana .5rem
   total de altura · más respirable, menos compacto.
   Horizontal 1.5rem ya era canon (--wtds-s-3). Gap 2rem ya canon (--wtds-s-4). */
.wapu-nav-row {
	padding: var(--wapu-nav-row-pad-y) var(--wapu-nav-row-pad-x);
	gap: var(--wapu-nav-row-gap);
}


/* ─── R3 · .wapu-megamenu outer padding/radius canon ────────────────
   Era `padding: 1.25rem; border-radius: .75rem`. Tokenizamos:
   - padding 20 → --wtds-s-3 (1.5rem · +4 breath alrededor del grid)
   - border-radius 12 → --wtds-r-md (.875rem · +2 más editorial)
   El min-width 540 y max-width 880 son design-specific · NO se tocan. */
.wapu-megamenu {
	padding: var(--wapu-mega-pad);
	border-radius: var(--wtds-r-md);
}


/* ─── R4 · .wapu-megamenu__inner gap canon ──────────────────────────
   Era `gap: .875rem` off-grid · ahora --wtds-s-2 (1rem · +2 entre columns
   del grid del mega panel). */
.wapu-megamenu__inner {
	gap: var(--wapu-mega-gap);
}


/* ─── R5 · .wapu-megamenu__item tokenization ────────────────────────
   El item ya usaba `padding: .5rem; gap: .5rem` que coincide con --wtds-s-1.
   Cero delta visual · solo alineación al canon vía tokens scoped. */
.wapu-megamenu__item {
	padding: var(--wapu-mega-item-pad);
	gap: var(--wapu-mega-item-pad);
}


/* ─── R6 · .wapu-megamenu--editorial item gap canon ─────────────────
   El layout editorial (banner-like, horizontal) tenía gap .875rem
   off-grid entre thumb y texto. +2 a --wtds-s-2 (1rem) · más respiración. */
.wapu-megamenu--editorial .wapu-megamenu__item {
	gap: var(--wtds-s-2);
}


/* ─── R7 · .wapu-megamenu--editorial item padding canon ─────────────
   Era `padding: .625rem` off-grid. -2 a --wtds-s-1 (.5rem) · tighter · más
   editorial · alinea con los items del template grid. */
.wapu-megamenu--editorial .wapu-megamenu__item {
	padding: var(--wtds-s-1);
}


/* end · WAPUOS-VAS Day 6 PR-6a Shell / Header / Mega-menu Rhythm
 * ═══════════════════════════════════════════════════════════════════════ */

/* Reset margen por defecto del navegador — elimina los .5rem en todos los lados */
html,
body {
	margin: 0;
	padding: 0;
}


/* ─── Search modal full-width + scroll lock ───────────────────────── */
html.wapu-search-modal-open,
body.wapu-search-modal-open {
	overflow: hidden;
	overscroll-behavior: none;
}


body.wapu-search-modal-open {
	width: 100%;
}


.wapu-search-modal {
	inset: 0;
	z-index: 2147483001;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
}


.wapu-search-modal__panel {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	max-width: none;
	max-height: none;
	overflow: hidden;
}


.wapu-search-modal__body {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	padding:
		clamp(4.5rem, 8vh, 6rem)
		clamp(1.25rem, 5vw, 5rem)
		clamp(2rem, 5vw, 4rem);
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}


.wapu-search-modal .wapu-search-split {
	grid-template-columns: minmax(11.25rem, 16.25rem) minmax(0, 1fr);
	gap: clamp(1.75rem, 4vw, 4.5rem);
}


.wapu-search-modal .wapu-search-grid {
	grid-template-columns: repeat(auto-fill, minmax(13.75rem, 15rem));
	justify-content: start;
}


.wapu-search-modal .wapu-search-grid .wapu-product-card-mini {
	width: 100%;
	max-width: 15rem;
}


.wapu-search-modal .wapu-search-grid .wapu-product-card-mini__media {
	aspect-ratio: 1 / 1.2;
}


@media (max-width: 48rem) {
	.wapu-search-modal__body {
		width: 100%;
		padding:
			calc(4rem + env(safe-area-inset-top, 0px))
			1.125rem
			calc(2rem + env(safe-area-inset-bottom, 0px));
	}


	.wapu-search-modal .wapu-search-split {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}


	.wapu-search-modal .wapu-search-grid {
		grid-template-columns: repeat(var(--wapu-brand-showcase-cols, 2), minmax(0, 1fr));
		justify-content: stretch;
	}


	.wapu-search-modal .wapu-search-grid .wapu-product-card-mini {
		max-width: none;
	}

}


/* === WapuOS · Header bar modes + logo sizing (v4.3.20) === */
.wapu-nav-shell {
	--wapu-header-bar-bg: var(--wtds-surface-translucent);
	--wapu-header-bar-ink: var(--wtds-ink);
	--wapu-header-bar-muted: var(--wtds-ink-3);
	--wapu-header-bar-border: var(--wtds-separator-soft);
	background: transparent;
	color: var(--wtds-ink);
}


.wapu-nav-shell--bar-black {
	--wapu-header-bar-bg: var(--wtds-surface-inverse);
	--wapu-header-bar-ink: var(--wtds-on-image);
	--wapu-header-bar-muted: var(--wtds-on-image-muted);
	--wapu-header-bar-border: var(--wtds-outline);
}


.wapu-nav-shell--bar-primary {
	--wapu-header-bar-bg: var(--wapu-header-accent, var(--wtds-accent));
	--wapu-header-bar-ink: var(--wtds-on-image);
	--wapu-header-bar-muted: var(--wtds-on-image-muted);
	--wapu-header-bar-border: var(--wtds-outline);
}


.wapu-nav-shell--bar-custom {
	--wapu-header-bar-bg: var(--wapu-header-custom-bg, var(--wtds-surface-inverse));
	--wapu-header-bar-ink: var(--wapu-header-custom-text, var(--wtds-on-image));
	--wapu-header-bar-muted: var(--wapu-header-custom-text, var(--wtds-on-image));
	--wapu-header-bar-border: color-mix(in srgb, var(--wapu-header-custom-text, var(--wtds-outline-strong)) 22%, transparent);
}


.wapu-nav-shell .nav-container,
.wapu-nav-shell .nav-mobile-header {
	background: transparent;
	color: var(--wtds-ink);
}


.wapu-nav-shell--bar-black .site-branding .site-name,
.wapu-nav-shell--bar-black .nav-action-link,
.wapu-nav-shell--bar-black .nav-action-link--search,
.wapu-nav-shell--bar-black .nav-search-form__icon,
.wapu-nav-shell--bar-black .nav-mobile-header .nav-action-link--search,
.wapu-nav-shell--bar-primary .site-branding .site-name,
.wapu-nav-shell--bar-primary .nav-action-link,
.wapu-nav-shell--bar-primary .nav-action-link--search,
.wapu-nav-shell--bar-primary .nav-search-form__icon,
.wapu-nav-shell--bar-primary .nav-mobile-header .nav-action-link--search {
	color: var(--wtds-ink);
}


.wapu-nav-shell--bar-black .nav-action-link:hover,
.wapu-nav-shell--bar-primary .nav-action-link:hover {
	background: var(--wtds-fill-4);
}


.wapu-nav-shell .site-branding .custom-logo-link img {
	display: block;
	width: auto;
	max-width: min(26.25rem, 64vw);
	max-height: var(--wapu-header-logo-size, 2.5rem);
	object-fit: contain;
}


.wapu-nav-shell .site-branding .site-name {
	max-width: min(47.5rem, 64vw);
	white-space: normal;
	text-align: center;
	line-height: 1.08;
}


body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wapu-nav-shell--bar-white {
	background: transparent;
}


.wapu-nav-shell--bar-black .wapu-nav-row,
.wapu-nav-shell--bar-primary .wapu-nav-row,
.wapu-nav-shell--bar-custom .wapu-nav-row,
.wapu-nav-shell--bar-black .nav-categories,
.wapu-nav-shell--bar-primary .nav-categories,
.wapu-nav-shell--bar-custom .nav-categories {
	border-top-color: var(--wapu-header-bar-border);
}


.wapu-nav-shell--bar-black .nav-categories,
.wapu-nav-shell--bar-primary .nav-categories,
.wapu-nav-shell--bar-custom .nav-categories {
	background: var(--wapu-header-bar-bg);
}


.wapu-nav-shell--bar-black .nav-categories .nav-menu a,
.wapu-nav-shell--bar-black .nav-categories .nav-link,
.wapu-nav-shell--bar-primary .nav-categories .nav-menu a,
.wapu-nav-shell--bar-primary .nav-categories .nav-link,
.wapu-nav-shell--bar-custom .nav-categories .nav-menu a,
.wapu-nav-shell--bar-custom .nav-categories .nav-link {
	color: var(--wapu-header-bar-ink);
}


.wapu-nav-shell--bar-primary .wapu-nav-row--tone-cranberry {
	background: var(--wapu-header-bar-bg);
}


.wapu-nav-shell--bar-primary .wapu-nav-row__item.is-active,
.wapu-nav-shell--bar-primary .wapu-nav-row__item:hover {
	color: var(--wtds-on-image);
	border-bottom-color: var(--wtds-outline-strong);
}


.wapu-nav-shell--bar-custom .wapu-nav-row--tone-custom {
	background: var(--wapu-header-bar-bg);
	color: var(--wapu-header-bar-ink);
}


.wapu-nav-shell--bar-custom .wapu-nav-row__item,
.wapu-nav-shell--bar-custom .wapu-nav-row__item.is-active,
.wapu-nav-shell--bar-custom .wapu-nav-row__item:hover {
	color: var(--wapu-header-bar-ink);
	border-bottom-color: var(--wapu-header-bar-ink);
}


.wapu-announcement-bar {
	width: 100%;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--wapu-header-accent, var(--wtds-accent));
	color: var(--wtds-on-image);
	border-bottom: .5px solid var(--wtds-outline);
}


.wapu-nav-shell--bar-black .wapu-announcement-bar {
	background: var(--wtds-surface-inverse);
}


.wapu-nav-shell--bar-custom .wapu-announcement-bar {
	background: var(--wapu-header-bar-bg);
	color: var(--wapu-header-bar-ink);
	border-bottom-color: var(--wapu-header-bar-border);
}


.wapu-announcement-bar__track {
	display: inline-flex;
	align-items: center;
	gap: clamp(1.75rem, 4vw, 3.5rem);
	min-width: max-content;
	padding-inline: clamp(1.125rem, 3vw, 2.5rem);
	animation: wapu-announcement-marquee var(--wapu-announcement-duration, 28s) linear infinite;
}


.wapu-announcement-bar__item {
	white-space: nowrap;
	font-family: var(--wtds-font-text, inherit);
	font-size: var(--wtds-fs-caption-1, .75rem);
	font-weight: var(--wtds-fw-semibold, 500);
	letter-spacing: .12em;
	text-transform: uppercase;
	opacity: .92;
}


@keyframes wapu-announcement-marquee {
	from { transform: translateX(0); }

	to { transform: translateX(-50%); }

}


@media (prefers-reduced-motion: reduce) {
	.wapu-announcement-bar__track {
		animation: none;
		transform: none;
	}

}


@media (max-width: 61.9375rem) {
	.wapu-nav-shell .nav-mobile-header .site-branding .custom-logo-link img {
		max-width: min(16.25rem, 58vw);
		max-height: var(--wapu-header-logo-mobile-size, 2rem);
	}


	.wapu-nav-shell .nav-mobile-header .site-branding .site-name {
		max-width: 58vw;
		line-height: 1.05;
	}

}


/* Wapu mobile drawer · nested category levels */
.wapu-drawer__link--view-all {
	margin-top: var(--wtds-s-2);
	margin-bottom: 0;
}


/* WapuOS nav tone contract: only the menu bar changes color. */
.wapu-nav-shell--bar-white .nav-container,
.wapu-nav-shell--bar-black .nav-container,
.wapu-nav-shell--bar-primary .nav-container,
.wapu-nav-shell--bar-custom .nav-container,
.wapu-nav-shell--bar-white .nav-mobile-header,
.wapu-nav-shell--bar-black .nav-mobile-header,
.wapu-nav-shell--bar-primary .nav-mobile-header,
.wapu-nav-shell--bar-custom .nav-mobile-header {
	background: transparent;
	color: var(--wtds-ink);
}


.wapu-nav-shell--bar-white .site-branding .site-name,
.wapu-nav-shell--bar-black .site-branding .site-name,
.wapu-nav-shell--bar-primary .site-branding .site-name,
.wapu-nav-shell--bar-custom .site-branding .site-name,
.wapu-nav-shell--bar-white .nav-action-link,
.wapu-nav-shell--bar-black .nav-action-link,
.wapu-nav-shell--bar-primary .nav-action-link,
.wapu-nav-shell--bar-custom .nav-action-link,
.wapu-nav-shell--bar-white .nav-action-link--search,
.wapu-nav-shell--bar-black .nav-action-link--search,
.wapu-nav-shell--bar-primary .nav-action-link--search,
.wapu-nav-shell--bar-custom .nav-action-link--search,
.wapu-nav-shell--bar-white .nav-search-form__icon,
.wapu-nav-shell--bar-black .nav-search-form__icon,
.wapu-nav-shell--bar-primary .nav-search-form__icon,
.wapu-nav-shell--bar-custom .nav-search-form__icon {
	color: var(--wtds-ink);
}


/* Mobile header v4.3.34: logo arriba, busqueda en appbar inferior. */
@media (max-width: 61.9375rem) {
	.nav-mobile-header {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.125rem var(--wtds-s-2, 1rem);
	}


	.nav-mobile-header .site-branding {
		width: 100%;
		text-align: center;
	}


	.nav-mobile-header .site-branding .custom-logo-link {
		margin-inline: auto;
	}


	.nav-mobile-header .nav-action-link--search {
		display: none !important;
	}


	.wapu-mobile-bottom-nav {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: .1875rem;
		padding-inline: .375rem;
	}


	.wapu-mobile-bottom-nav__item {
		padding-inline: .125rem;
	}


}


.wapu-nav-shell--bar-white .wapu-nav-row,
.wapu-nav-shell--bar-white .nav-categories {
	background: var(--wtds-surface-translucent);
	color: var(--wtds-ink);
	border-top-color: var(--wtds-separator-soft);
}


.wapu-nav-shell--bar-white .wapu-nav-row__item,
.wapu-nav-shell--bar-white .wapu-nav-row__item:hover,
.wapu-nav-shell--bar-white .wapu-nav-row__item.is-active,
.wapu-nav-shell--bar-white .nav-categories .nav-menu a,
.wapu-nav-shell--bar-white .nav-categories .nav-link,
.wapu-nav-shell--bar-white .nav-categories .nav-menu a:hover,
.wapu-nav-shell--bar-white .nav-categories .nav-link:hover {
	color: var(--wtds-ink);
}


.wapu-nav-shell--bar-black .wapu-nav-row,
.wapu-nav-shell--bar-primary .wapu-nav-row,
.wapu-nav-shell--bar-custom .wapu-nav-row,
.wapu-nav-shell--bar-black .nav-categories,
.wapu-nav-shell--bar-primary .nav-categories,
.wapu-nav-shell--bar-custom .nav-categories {
	background: var(--wapu-header-bar-bg) !important;
	color: var(--wapu-header-bar-ink);
	border-top-color: var(--wapu-header-bar-border);
}


.wapu-nav-shell--bar-black .wapu-nav-row__item,
.wapu-nav-shell--bar-primary .wapu-nav-row__item,
.wapu-nav-shell--bar-custom .wapu-nav-row__item,
.wapu-nav-shell--bar-black .nav-categories .nav-menu a,
.wapu-nav-shell--bar-black .nav-categories .nav-link,
.wapu-nav-shell--bar-primary .nav-categories .nav-menu a,
.wapu-nav-shell--bar-primary .nav-categories .nav-link,
.wapu-nav-shell--bar-custom .nav-categories .nav-menu a,
.wapu-nav-shell--bar-custom .nav-categories .nav-link {
	color: var(--wapu-header-bar-ink);
	opacity: .86;
}


.wapu-nav-shell--bar-black .wapu-nav-row__item:hover,
.wapu-nav-shell--bar-black .wapu-nav-row__item.is-active,
.wapu-nav-shell--bar-primary .wapu-nav-row__item:hover,
.wapu-nav-shell--bar-primary .wapu-nav-row__item.is-active,
.wapu-nav-shell--bar-custom .wapu-nav-row__item:hover,
.wapu-nav-shell--bar-custom .wapu-nav-row__item.is-active,
.wapu-nav-shell--bar-black .nav-categories .nav-menu a:hover,
.wapu-nav-shell--bar-black .nav-categories .nav-link:hover,
.wapu-nav-shell--bar-primary .nav-categories .nav-menu a:hover,
.wapu-nav-shell--bar-primary .nav-categories .nav-link:hover,
.wapu-nav-shell--bar-custom .nav-categories .nav-menu a:hover,
.wapu-nav-shell--bar-custom .nav-categories .nav-link:hover {
	color: var(--wapu-header-bar-ink);
	opacity: 1;
}


/* V31 catalog drawer is Theme-owned. Keep its surface and palette independent
   from Playground/header color overrides (and never self-reference CSS vars). */
.wapu-mobile-catalog-drawer__overlay {
	background: rgba(18, 18, 18, .52);
}
.wapu-mobile-catalog-drawer__panel {
	--wtds-surface: #fff;
	--wtds-surface-2: #f7f7f9;
	--wtds-surface-translucent: rgba(255, 255, 255, .86);
	--wtds-surface-container: #f4f5f7;
	--wtds-fill-4: #f3f4f6;
	--wtds-fill-3: #e5e7eb;
	--wtds-ink: #121212;
	--wtds-ink-2: #374151;
	--wtds-ink-3: #676767;
	--wtds-ink-4: #9ca3af;
	--wtds-separator-soft: #e5e7eb;
	--wtds-separator: #d1d5db;
	--wtds-button-standard-primary-bg: #2d68f8;
	--wtds-button-standard-primary-ink: #fff;
	--wtds-accent: #000000;
	--wtds-action-ink: #fff;
	background: #fff !important;
	color: #121212 !important;
	box-shadow: 0 18px 50px rgba(18, 18, 18, .22) !important;
}


.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__title,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__name,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__subcat-name,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__letter-sep,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__no-results {
	color: var(--wtds-ink) !important;
	opacity: 1;
}


.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-title,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__count,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__search-icon {
	color: var(--wtds-ink-3) !important;
	opacity: 1;
}


.wapu-mobile-catalog-drawer__panel .wapu-drawer__chevron,
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__close,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back {
	color: var(--wtds-ink-2) !important;
	opacity: 1;
}


.wapu-mobile-catalog-drawer__panel .wapu-drawer__link {
	color: var(--wtds-ink) !important;
}


.wapu-mobile-catalog-drawer__panel .wapu-drawer__link--highlight.wapu-btn--primary {
	background: var(--wtds-button-standard-primary-bg) !important;
	color: var(--wtds-button-standard-primary-ink) !important;
	border-radius: var(--wtds-button-standard-radius);
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__link--highlight.wapu-btn--primary:hover,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__link--highlight.wapu-btn--primary:focus-visible {
	background: color-mix(in srgb, var(--wtds-button-standard-primary-bg) 90%, var(--wtds-ink)) !important;
	color: var(--wtds-button-standard-primary-ink) !important;
}


.wapu-mobile-catalog-drawer__panel .wapu-drawer__thumb--wishlist {
	background: var(--wtds-surface-translucent);
	color: var(--wtds-on-surface);
}


/* Brand showcase: WooCommerce term thumbnails first, text-only terms below. */
.wapu-brand-menu,
.wn-drawer__brand-pills.wapu-brand-menu--enhanced {
	display: block !important;
	margin-top: var(--wtds-s-3, 1rem);
}


.wapu-brand-menu__logo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wtds-s-2, .5rem);
}


.wapu-brand-menu .wapu-brand-menu__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: auto;
	min-height: 0;
	aspect-ratio: 1.3 / 1;
	padding: clamp(.375rem, 2vw, .75rem);
	overflow: hidden;
	isolation: isolate;
	border: 1px solid var(--wtds-border);
	border-radius: var(--wtds-r-md, .75rem);
	background: var(--wtds-surface);
	transition: border-color 160ms ease, background-color 160ms ease;
}


.wapu-brand-menu .wapu-brand-menu__logo:hover,
.wapu-brand-menu .wapu-brand-menu__logo:focus-visible {
	border-color: var(--wtds-ink-2);
	background: var(--wtds-surface-2);
}


.wapu-brand-menu .wapu-brand-menu__logo:focus-visible,
.wapu-brand-menu .wapu-brand-menu__name:focus-visible {
	outline: .125rem solid var(--wtds-focus, currentColor);
	outline-offset: .125rem;
}


.wapu-brand-menu .wapu-brand-menu__logo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transform: none;
}


.wapu-brand-menu__name-list {
	display: flex;
	flex-direction: column;
	margin-top: var(--wtds-s-2, .5rem);
}


.wapu-brand-menu__name-list:first-child {
	margin-top: 0;
}


.wapu-brand-menu .wapu-brand-menu__name {
	display: block;
	width: 100%;
	padding: .6875rem 0;
	border-bottom: 1px solid var(--wtds-border);
	border-radius: 0;
	background: transparent;
	color: var(--wtds-ink);
	font-size: var(--wtds-text-sm, .875rem);
	font-weight: var(--wtds-fw-medium);
	line-height: 1.35;
	text-decoration: none;
}


.wapu-brand-menu .wapu-brand-menu__name:hover {
	color: var(--wtds-ink-2);
}


@media (prefers-reduced-motion: reduce) {
	.wapu-brand-menu .wapu-brand-menu__logo {
		transition: none;
	}

}

.nav-action-link--cart .cart-count{top:-.375rem!important;right:-.5625rem!important;min-width:1.125rem!important;height:1.125rem!important;padding:0 .3125rem!important;border:.125rem solid var(--wtds-surface)!important;font-size:.5625rem!important;line-height:1!important;box-sizing:border-box!important;z-index:2}
.wapu-mobile-bottom-nav__item .wapu-mobile-bottom-nav__badge{top:0!important;right:max(.4375rem,calc(50% - 1.4375rem))!important;min-width:1.125rem!important;height:1.125rem!important;padding:0 .3125rem!important;border:0!important;font-size:.5625rem!important;box-sizing:border-box!important}
.wapu-cart-icon__badge{top:-.4375rem!important;right:-.625rem!important;min-width:1.25rem!important;height:1.25rem!important;padding:0 .3125rem!important;box-sizing:border-box!important}
.nav-action-link--cart .cart-count[data-count="0"],.wapu-mobile-bottom-nav__badge[data-count="0"]{display:none!important}

/* 7.7.7 hotfix · Header Studio megamenu editorial parity.
 * Theme remains the storefront presentation owner, but the public mega now
 * follows the approved Studio composition: viewport-wide, square edges,
 * vertical category image on the left and subcategory navigation on the right. */
@media (min-width: 62rem) {
  .wapu-nav-row {
    position: relative;
  }

  .wapu-nav-row__cell.has-mega-panel {
    position: static;
  }

  .wapu-megamenu.wapu-megamenu--editorial-v2 {
    top: 100%;
    left: 50%;
    right: auto;
    width: 100vw;
    min-width: 0;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: var(--wtds-surface);
    box-shadow: 0 1.5rem 3.25rem -2.6rem var(--wtds-shadow-color-strong);
    overflow: hidden;
    transform: translateX(-50%) translateY(-.35rem);
  }

  .wapu-nav-row__cell.has-mega-panel.is-mega-open > .wapu-megamenu--editorial-v2 {
    transform: translateX(-50%) translateY(0);
  }

  .wapu-megamenu-v2__top {
    min-height: 3rem;
    padding: .45rem clamp(1.5rem, 5vw, 5rem);
    display: flex;
    align-items: center;
    border-bottom: var(--wtds-border-hairline) solid var(--wtds-separator-soft);
    background: var(--wtds-surface);
  }

  .wapu-megamenu-v2__all {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--wtds-ink);
    text-decoration: none;
    font-size: .72rem;
    font-weight: var(--wtds-fw-ui);
    letter-spacing: .02em;
  }

  .wapu-megamenu-v2__all:hover,
  .wapu-megamenu-v2__all:focus-visible {
    color: var(--wtds-accent);
    outline: none;
  }

  .wapu-megamenu-v2__body {
    display: grid;
    grid-template-columns: clamp(11.875rem, 18vw, 17.5rem) minmax(0, 1fr);
    gap: clamp(1.75rem, 4vw, 4rem);
    width: 100%;
    min-height: 20.625rem;
    padding: clamp(1.5rem, 3vw, 2.625rem) clamp(1.5rem, 5vw, 5rem) clamp(1.875rem, 4vw, 3.25rem);
    box-sizing: border-box;
    background: var(--wtds-surface);
  }

  .wapu-megamenu-v2__visual {
    display: block;
    align-self: stretch;
    width: 100%;
    min-height: 20rem;
    max-height: 26.875rem;
    overflow: hidden;
    border-radius: 0;
    background: var(--wtds-surface-2, var(--wtds-surface));
    text-decoration: none;
  }

  .wapu-megamenu-v2__visual img {
    width: 100%;
    height: 100%;
    min-height: 20rem;
    max-height: 26.875rem;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    transition: opacity .14s ease;
  }

  .wapu-megamenu-v2__visual-placeholder {
    width: 100%;
    height: 100%;
    min-height: 20rem;
    display: block;
    background: var(--wtds-surface-2, var(--wtds-surface));
  }

  .wapu-megamenu-v2__visual img[hidden],
  .wapu-megamenu-v2__visual-placeholder[hidden] {
    display: none;
  }

  .wapu-megamenu-v2__groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 1.875rem clamp(1.5rem, 3vw, 3.4rem);
    min-width: 0;
    padding-top: .25rem;
  }

  .wapu-megamenu-v2__column {
    display: grid;
    align-content: start;
    gap: 1.875rem;
    min-width: 0;
  }

  .wapu-megamenu-v2__group {
    min-width: 0;
  }

  .wapu-megamenu-v2__group-title,
  .wapu-megamenu-v2__group--custom > strong {
    min-height: 2rem;
    margin: 0 0 .55rem;
    padding: 0 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-bottom: var(--wtds-border-hairline) solid var(--wtds-separator);
    border-radius: 0;
    color: var(--wtds-ink);
    text-decoration: none;
    font-size: .69rem;
    font-weight: var(--wtds-fw-heading);
    letter-spacing: var(--wtds-ls-normal);
    text-transform: none;
  }

  .wapu-megamenu-v2__group-title small {
    font-size: .72rem;
    font-weight: 500;
    opacity: .5;
    transition: transform .14s ease, opacity .14s ease;
  }

  .wapu-megamenu-v2__group-title:hover,
  .wapu-megamenu-v2__group-title:focus-visible {
    color: var(--wtds-accent);
    outline: none;
  }

  .wapu-megamenu-v2__group-title:hover small,
  .wapu-megamenu-v2__group-title:focus-visible small {
    opacity: 1;
    transform: translate(2px,-1px);
  }

  .wapu-megamenu-v2__group ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .42rem;
  }

  .wapu-megamenu-v2__link {
    display: inline-block;
    color: var(--wtds-on-surface-muted, var(--wtds-ink));
    text-decoration: none;
    font-size: .76rem;
    line-height: 1.45;
  }

  .wapu-megamenu-v2__link:hover,
  .wapu-megamenu-v2__link:focus-visible {
    color: var(--wtds-accent);
    outline: none;
    text-decoration: underline;
    text-underline-offset: .2em;
  }
}

@media (min-width: 62rem) and (max-width: 74.9375rem) {
  .wapu-megamenu-v2__body {
    grid-template-columns: 11.875rem minmax(0,1fr);
    gap: 1.75rem;
    padding-inline: 1.75rem;
  }
  .wapu-megamenu-v2__groups {
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 1.5rem;
  }
}

/* 7.7.7 bridge audit · Header Studio -> Theme storefront parity. */
.wapu-nav-row--tone-custom{
  background:var(--wapu-nav-row-bg,var(--wtds-surface));
  color:var(--wapu-nav-row-text,var(--wtds-ink));
}
.wapu-nav-row--tone-custom .wapu-nav-row__item,
.wapu-nav-row--tone-custom .wapu-nav-row__item:hover,
.wapu-nav-row--tone-custom .wapu-nav-row__item:focus-visible,
.wapu-nav-row--tone-custom .wapu-nav-row__item.is-active{
  color:var(--wapu-nav-row-text,var(--wtds-ink));
  border-bottom-color:currentColor;
}

.wapu-announcement-bar{
  background:var(--wapu-announcement-bg,var(--wapu-header-accent,var(--wtds-accent)));
  color:var(--wapu-announcement-text,var(--wtds-on-image));
}
.wapu-announcement-bar__item{display:inline-flex;align-items:center;gap:.45rem;color:inherit}

.wapu-store-hours{
  display:flex;align-items:center;justify-content:center;gap:.45rem;
  background:var(--wapu-hours-bg,var(--wtds-success-soft));
  color:var(--wapu-hours-text,var(--wtds-success));
}
.wapu-store-hours--closed{background:var(--wapu-hours-bg,var(--wtds-danger-soft));color:var(--wapu-hours-text,var(--wtds-danger))}
.wapu-store-hours__emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;line-height:1}

.wapu-header-cta{
  --wapu-header-cta-surface-text:var(--wapu-header-bar-ink,var(--wtds-ink));
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  min-height:2.5rem;padding:.55rem .9rem;border:1px solid var(--wapu-header-cta-color,var(--wtds-ink));
  background:var(--wapu-header-cta-color,var(--wtds-ink));color:var(--wapu-header-cta-text,var(--wtds-on-image));
  font-size:.78rem;font-weight:var(--wtds-fw-ui);line-height:1;text-decoration:none;
  transition:transform var(--wtds-motion-fast) var(--wtds-motion-easing-default),background var(--wtds-motion-fast) var(--wtds-motion-easing-default),color var(--wtds-motion-fast) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-fast) var(--wtds-motion-easing-default),filter var(--wtds-motion-fast) var(--wtds-motion-easing-default);
}
.wapu-header-cta--soft{border-color:transparent;background:color-mix(in srgb,var(--wapu-header-cta-color) 14%,transparent);color:var(--wapu-header-cta-surface-text)}
.wapu-header-cta--outline{background:transparent;color:var(--wapu-header-cta-surface-text)}
.wapu-header-cta--ghost{border-color:transparent;background:transparent;color:var(--wapu-header-cta-surface-text)}
.wapu-header-cta--rounded{border-radius:var(--wtds-control-radius,var(--wtds-r-sm))}.wapu-header-cta--pill{border-radius:var(--wtds-r-pill)}.wapu-header-cta--square{border-radius:0}
.wapu-header-cta--compact{min-height:2.25rem;padding:.45rem .7rem;font-size:.72rem}
.wapu-header-cta--comfortable{min-height:2.5rem;padding:.55rem .9rem}
.wapu-header-cta--large{min-height:2.875rem;padding:.7rem 1.05rem;font-size:.84rem}
.wapu-header-cta--hover-darken:hover{filter:brightness(.9)}
.wapu-header-cta--hover-lift:hover{background-color:var(--wapu-header-cta-color);color:var(--wapu-header-cta-text)}
.wapu-header-cta--hover-fill:hover{background:var(--wapu-header-cta-color);color:var(--wapu-header-cta-text)}
.wapu-header-cta__arrow{display:inline-block}.wapu-header-cta--hover-slide:hover .wapu-header-cta__arrow{transform:none}
.wapu-header-cta__emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}

@media (min-width:62rem){
  .wapu-megamenu.wapu-megamenu--editorial-v2,
  .wapu-megamenu.wapu-megamenu--editorial-v2 .wapu-megamenu-v2__top,
  .wapu-megamenu.wapu-megamenu--editorial-v2 .wapu-megamenu-v2__body{
    background:var(--wapu-mega-bg,var(--wtds-surface));
    color:var(--wapu-mega-text,var(--wtds-ink));
  }
  .wapu-megamenu.wapu-megamenu--editorial-v2 .wapu-megamenu-v2__all,
  .wapu-megamenu.wapu-megamenu--editorial-v2 .wapu-megamenu-v2__group-title,
  .wapu-megamenu.wapu-megamenu--editorial-v2 .wapu-megamenu-v2__group--custom>strong{
    color:var(--wapu-mega-text,var(--wtds-ink));
    border-color:color-mix(in srgb,var(--wapu-mega-text,var(--wtds-ink)) 18%,transparent);
  }
  .wapu-megamenu.wapu-megamenu--editorial-v2 .wapu-megamenu-v2__link{color:color-mix(in srgb,var(--wapu-mega-text,var(--wtds-ink)) 72%,transparent)}
  .wapu-megamenu.wapu-megamenu--editorial-v2 :is(.wapu-megamenu-v2__all,.wapu-megamenu-v2__group-title,.wapu-megamenu-v2__link):is(:hover,:focus-visible){color:var(--wapu-mega-accent,var(--wtds-accent))}
  .wapu-megamenu-v2__all{--mega-cta-color:var(--wapu-mega-cta-color,var(--wapu-mega-accent));--mega-cta-text:var(--wapu-mega-cta-text,var(--wtds-on-image))}
  .wapu-megamenu-v2__all--solid{padding:.5rem .75rem;border:1px solid var(--mega-cta-color);background:var(--mega-cta-color);color:var(--mega-cta-text)!important}
  .wapu-megamenu-v2__all--soft{padding:.5rem .75rem;border:1px solid transparent;background:color-mix(in srgb,var(--mega-cta-color) 14%,transparent)}
  .wapu-megamenu-v2__all--outline{padding:.5rem .75rem;border:1px solid var(--mega-cta-color);background:transparent}
  .wapu-megamenu-v2__all--ghost{padding:.5rem .4rem;border:1px solid transparent;background:transparent}
  .wapu-megamenu-v2__all--rounded{border-radius:.7rem}.wapu-megamenu-v2__all--pill{border-radius:999px}.wapu-megamenu-v2__all--square{border-radius:0}
  .wapu-megamenu-v2__all--compact{min-height:2rem}.wapu-megamenu-v2__all--comfortable{min-height:2.35rem}.wapu-megamenu-v2__all--large{min-height:2.7rem;font-size:.78rem}
  .wapu-megamenu-v2__all--hover-darken:hover{filter:brightness(.9)}
  .wapu-megamenu-v2__all--hover-lift:hover{color:var(--mega-cta-color)}
  .wapu-megamenu-v2__cta-arrow{display:inline-block}.wapu-megamenu-v2__all--hover-slide:hover .wapu-megamenu-v2__cta-arrow{transform:none}
}

@media(prefers-reduced-motion:reduce){.wapu-header-cta,.wapu-header-cta__arrow,.wapu-megamenu-v2__cta-arrow{transition:none}.wapu-header-cta:hover{transform:none}}

/* Specificity closeout for legacy tone rules loaded earlier in this stylesheet. */
.wapu-nav-shell .wapu-nav-row--tone-custom{background:var(--wapu-nav-row-bg,var(--wtds-surface));color:var(--wapu-nav-row-text,var(--wtds-ink))}
.wapu-nav-shell .wapu-nav-row--tone-custom .wapu-nav-row__item,
.wapu-nav-shell .wapu-nav-row--tone-custom .wapu-nav-row__item:hover,
.wapu-nav-shell .wapu-nav-row--tone-custom .wapu-nav-row__item:focus-visible,
.wapu-nav-shell .wapu-nav-row--tone-custom .wapu-nav-row__item.is-active{color:var(--wapu-nav-row-text,var(--wtds-ink));border-bottom-color:currentColor}
.wapu-nav-shell .wapu-announcement-bar{background:var(--wapu-announcement-bg,var(--wapu-header-accent,var(--wtds-accent)));color:var(--wapu-announcement-text,var(--wtds-on-image));border-bottom-color:color-mix(in srgb,var(--wapu-announcement-text,var(--wtds-on-image)) 18%,transparent)}

/* Navigation Studio bridge closeout: upper Header surface is independent from the menu row. */
.wapu-nav-shell--bar-white .nav-container,
.wapu-nav-shell--bar-white .nav-mobile-header{
  background:var(--wtds-surface-translucent,var(--wtds-surface));
  color:var(--wtds-ink);
}
.wapu-nav-shell--bar-black .nav-container,
.wapu-nav-shell--bar-primary .nav-container,
.wapu-nav-shell--bar-custom .nav-container,
.wapu-nav-shell--bar-black .nav-mobile-header,
.wapu-nav-shell--bar-primary .nav-mobile-header,
.wapu-nav-shell--bar-custom .nav-mobile-header{
  background:var(--wapu-header-bar-bg,var(--wtds-surface));
  color:var(--wapu-header-bar-ink,var(--wtds-ink));
}
.wapu-nav-shell--bar-black :is(.site-branding .site-name,.nav-action-link,.nav-action-link--search,.nav-search-form__icon),
.wapu-nav-shell--bar-primary :is(.site-branding .site-name,.nav-action-link,.nav-action-link--search,.nav-search-form__icon),
.wapu-nav-shell--bar-custom :is(.site-branding .site-name,.nav-action-link,.nav-action-link--search,.nav-search-form__icon){
  color:var(--wapu-header-bar-ink,var(--wtds-ink));
}

/* Navigation bridge: nav-container is layout-only, never a painted surface. */
.wapu-nav-shell .nav-container {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* 7.7.7 Header/Drawer polish closeout.
 * nav-container is geometry only. The navigation shell owns paint.
 */
.wapu-nav-shell{
  background:var(--wapu-header-bar-bg,var(--wtds-surface));
  color:var(--wapu-header-bar-ink,var(--wtds-ink));
}
.wapu-nav-shell .nav-container{
  background:transparent!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important;
}
.wapu-nav-shell :is(.nav-action-link,.nav-action-link--search,.nav-search-form__icon,.site-branding .site-name){
  color:var(--wapu-header-bar-ink,var(--wtds-ink));
}
.wapu-nav-shell .nav-action-link:hover{
  background:color-mix(in srgb,var(--wapu-header-bar-ink,var(--wtds-ink)) 8%,transparent);
}

/* Transparent Header is a Home-only presentation state. The stored normal
 * surface remains authoritative as soon as the header enters is-scrolled.
 */
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wapu-nav-shell,
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wapu-nav-row,
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .nav-categories,
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .nav-mobile-header{
  background:transparent!important;background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.is-home.wapu-home-header-overlay[data-header-over="light"] .site-header:not(.is-scrolled) .wapu-nav-shell{
  --wapu-header-bar-ink:var(--wtds-on-image);
}
body.is-home.wapu-home-header-overlay[data-header-over="dark"] .site-header:not(.is-scrolled) .wapu-nav-shell{
  --wapu-header-bar-ink:var(--wtds-ink);
}
.site-header.is-scrolled .wapu-nav-shell{
  background:var(--wapu-header-bar-bg,var(--wtds-surface))!important;
  color:var(--wapu-header-bar-ink,var(--wtds-ink));
}

/* Mobile Drawer side contract — presentation stays canonical; only the opening side is configurable. */
.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--left .wapu-mobile-catalog-drawer__panel{left:0;right:auto;transform:translate(-102%);box-shadow:var(--wtds-shadow-lg)}
.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--right .wapu-mobile-catalog-drawer__panel{left:auto;right:0;transform:translate(102%);box-shadow:var(--wtds-shadow-lg)}
.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--left.is-open .wapu-mobile-catalog-drawer__panel,.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--right.is-open .wapu-mobile-catalog-drawer__panel{transform:translate(0)}



/* 7.7.7 Home transparent header v2 — true overlay, no reserved header gap. */
body.is-home.wapu-home-header-overlay .site-header{
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:var(--wtds-z-sticky);
}
body.admin-bar.is-home.wapu-home-header-overlay .site-header{top:2rem}
@media screen and (max-width:48.875rem){
  body.admin-bar.is-home.wapu-home-header-overlay .site-header{top:2.875rem}
}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled){
  background:transparent!important;
  border-bottom-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* Transparent header legibility: use a soft dark scrim instead of blur so the
 * hero remains crisp while white navigation stays readable on photography. */
body.is-home.wapu-home-header-overlay:not([data-header-over="dark"]) .site-header:not(.is-scrolled)::before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;right:0;left:0;bottom:-2rem;
  pointer-events:none;
  background:linear-gradient(to bottom,
    color-mix(in srgb,var(--wtds-ink) 34%,transparent) 0%,
    color-mix(in srgb,var(--wtds-ink) 22%,transparent) 68%,
    transparent 100%
  );
}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) > .wapu-nav-shell{position:relative;z-index:1}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wapu-nav-shell{
  --wapu-header-bar-ink:var(--wapu-header-overlay-ink,var(--wtds-on-image))!important;
}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) :is(
  .nav-action-link,.nav-action-link--search,.nav-search-form__icon,.site-branding .site-name,
  .wapu-nav-row__item,.wapu-nav-row__item:hover,.wapu-nav-row__item:focus-visible,
  .nav-categories .nav-link,.nav-categories .nav-menu a
){
  color:var(--wapu-header-overlay-ink,var(--wtds-on-image))!important;
}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wapu-nav-row__item.is-active{
  color:var(--wapu-header-overlay-ink,var(--wtds-on-image))!important;
  border-bottom-color:currentColor!important;
}
.wapu-brand-logo--overlay{display:none!important}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) [data-home-transparent-logo="1"] .wapu-brand-logo--normal{display:none!important}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) [data-home-transparent-logo="1"] .wapu-brand-logo--overlay{
  display:block!important;
  filter:none!important;
}
body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) [data-home-transparent-logo="1"] img{filter:none!important}

/* Drawer discovery 7.7.7 — catalogue context + enriched category levels. */
.wapu-mobile-catalog-drawer__panel{container-type:inline-size}
.wapu-drawer__context-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wtds-s-1);flex:0 0 auto;margin:0 var(--wtds-s-2) max(var(--wtds-s-2),env(safe-area-inset-bottom,0px));padding:var(--wtds-s-1);border:var(--wtds-border-thin) solid var(--wtds-separator);border-radius:var(--wtds-r-sm);background:var(--wtds-surface-2)}
.wapu-drawer__context-button{-webkit-appearance:none;appearance:none;min-height:2.75rem;padding:.625rem .75rem;border:0;border-radius:calc(var(--wtds-r-sm) - .125rem);background:transparent;color:var(--wtds-ink-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);cursor:pointer;transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-drawer__context-button:hover,.wapu-drawer__context-button:focus-visible{background:var(--wtds-fill-4);color:var(--wtds-ink);outline:none}
.wapu-drawer__context-button.is-active{background:var(--wtds-ink);color:var(--wtds-surface)}
.wapu-drawer__category-layout{display:grid;gap:var(--wtds-s-3);align-items:start}
.wapu-drawer__category-main{min-width:0;display:grid;align-content:start;gap:var(--wtds-s-3)}
.wapu-drawer__editorial-heading{margin:0 0 var(--wtds-s-1);font-family:var(--wtds-font-display);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;color:var(--wtds-ink-3)}
.wapu-drawer__recent{padding-bottom:var(--wtds-s-3);border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft)}
.wapu-drawer__recent-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(5.25rem,1fr);gap:var(--wtds-s-1);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding-bottom:var(--wtds-s-1)}
.wapu-drawer__recent-product{min-width:0;display:grid;gap:.5rem;color:var(--wtds-ink);text-decoration:none;scroll-snap-align:start}
.wapu-drawer__recent-media{display:block;aspect-ratio:1;border-radius:var(--wtds-r-md);overflow:hidden;background:var(--wtds-surface-2);box-shadow:inset 0 0 0 var(--wtds-border-hairline) var(--wtds-separator-soft)}
.wapu-drawer__recent-media img{display:block;width:100%;height:100%;object-fit:cover}
.wapu-drawer__recent-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);color:var(--wtds-ink)}
.wapu-drawer__category-navigation{min-width:0}
.wapu-drawer__category-navigation .wapu-drawer__link{border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft);border-radius:0;padding-inline:0}
.wapu-drawer__category-navigation .wapu-drawer__link:last-of-type{border-bottom:0}
.wapu-drawer__category-navigation .wapu-drawer__link--view-all{margin-top:var(--wtds-s-1);border:0;color:var(--wtds-ink);font-weight:var(--wtds-fw-semibold)}
.wapu-drawer__category-spotlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wtds-s-1)}
.wapu-drawer__category-spotlight{position:relative;isolation:isolate;display:block;aspect-ratio:3/4;min-height:0;overflow:hidden;border-radius:var(--wtds-r-md);background:var(--wtds-surface-2);color:var(--wtds-on-image);text-decoration:none;box-shadow:inset 0 0 0 var(--wtds-border-hairline) var(--wtds-separator-soft)}
.wapu-drawer__spotlight-media{position:absolute;inset:0;z-index:0;display:block;background:var(--wtds-surface-2);transition:transform var(--wtds-dur) var(--wtds-ease)}
.wapu-drawer__spotlight-media img{display:block;width:100%;height:100%;object-fit:cover}
.wapu-drawer__category-spotlight::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 42%,var(--wtds-scrim-strong) 100%)}
.wapu-drawer__category-spotlight:hover .wapu-drawer__spotlight-media,.wapu-drawer__category-spotlight:focus-visible .wapu-drawer__spotlight-media{transform:scale(1.025)}
.wapu-drawer__category-spotlight:focus-visible{outline:var(--wtds-border-medium) solid var(--wtds-action);outline-offset:var(--wtds-border-medium)}
.wapu-drawer__spotlight-copy{position:absolute;z-index:2;inset-inline:var(--wtds-s-2);bottom:var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-on-image)}
@media (max-width:47.99rem){.wapu-drawer__category-spotlights{display:none}}
@media (min-width:48rem){.wapu-mobile-catalog-drawer .wapu-mobile-catalog-drawer__panel{top:0;bottom:0;height:100dvh;max-height:100dvh;width:min(25rem,100vw);max-width:min(25rem,100vw)}.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__panel{width:min(47.5rem,100vw);max-width:min(47.5rem,100vw)}}
@container (min-width:36rem){.wapu-drawer__category-layout{grid-template-columns:minmax(15rem,1fr) minmax(0,2fr)}.wapu-drawer__category-spotlights{position:sticky;top:0}}

/* V31 Figma 8806:10625 / 8801:10294: grouped text at the root, photographic cards only in category detail. */
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head{position:absolute;z-index:3;top:0;left:0;right:0;min-height:3.75rem;padding:.75rem 1.5rem;border:0;background:#fff}
.wapu-mobile-catalog-drawer{z-index:100001}
.wapu-mobile-catalog-drawer__panel{border:0;border-radius:0}
.wapu-mobile-catalog-drawer[data-catalog-level="root"] .wapu-mobile-catalog-drawer__title{visibility:hidden}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__level{padding:3.75rem 1.5rem 1.5rem;gap:1.5rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-group{gap:.125rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-title{margin:0 0 .375rem;padding:0 0 .625rem;border-bottom:1px solid #e5e7eb;font-size:.75rem;letter-spacing:.08em;font-weight:700}
.wapu-mobile-catalog-drawer__panel [data-level="0"] .wapu-drawer__link{min-height:2.5rem;padding:.375rem 0;border-radius:0;font-size:1.125rem}
.wapu-mobile-catalog-drawer__panel [data-level="0"] .wapu-drawer__name{font-size:1.125rem;font-weight:400}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__text-action{appearance:none;align-self:flex-start;padding:.75rem 0 0;background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;color:#575f69;font:700 .75rem/1.3 var(--wtds-font-text);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.wapu-mobile-catalog-drawer__panel [data-wapu-section="cta"]{padding-top:.25rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__catalog-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;border-radius:.5rem;background:#eef4ff;color:#215bb7;font-weight:700;text-decoration:none}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__catalog-cta:hover,.wapu-mobile-catalog-drawer__panel .wapu-drawer__catalog-cta:focus-visible{background:#dceaff;color:#174c9f}
.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head{right:auto;width:min(33%,23rem);justify-content:flex-start;gap:.75rem}
.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__title{font-size:1.125rem}
.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__close{position:fixed;right:1rem;top:1rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-navigation .wapu-drawer__link{font-size:1.125rem;min-height:3rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__editorial-heading{display:none}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-navigation .wapu-drawer__link--view-all{display:inline-flex;width:auto;border-bottom:1px solid currentColor;min-height:0;margin-top:.75rem;padding:0 0 .125rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#575f69}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlights{gap:.75rem;max-width:28rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlight{aspect-ratio:40/40;border-radius:.5rem}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlight::after{background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.55) 100%)}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__spotlight-copy{left:.75rem;right:.75rem;bottom:1rem;text-align:center;font-size:1.125rem;color:#fff}
@container (min-width:36rem){.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-layout{grid-template-columns:minmax(13rem,15rem) minmax(0,1fr);gap:1.5rem}.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlights{width:100%;margin-top:-.5rem}}
@media (max-width:47.99rem){.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head{width:100%;padding-top:calc(.75rem + env(safe-area-inset-top,0px))}.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlights{display:none}}

/* 7.7.11 Header Studio parity fix: a custom menu-row palette must beat the
 * parent header surface rules. Without this specificity, dark/custom headers
 * can force --wapu-header-bar-bg and ignore “Usar colores distintos”. */
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--tone-custom {
    background: var(--wapu-nav-row-bg, var(--wapu-header-bar-bg, var(--wtds-surface))) !important;
    background-color: var(--wapu-nav-row-bg, var(--wapu-header-bar-bg, var(--wtds-surface))) !important;
    color: var(--wapu-nav-row-text, var(--wapu-header-bar-ink, var(--wtds-ink))) !important;
    border-top-color: color-mix(in srgb, var(--wapu-nav-row-text, var(--wtds-ink)) 18%, transparent) !important;
}
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--tone-custom .wapu-nav-row__item,
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--tone-custom .wapu-nav-row__item:hover,
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--tone-custom .wapu-nav-row__item:focus-visible,
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--tone-custom .wapu-nav-row__item.is-active {
    color: var(--wapu-nav-row-text, var(--wtds-ink)) !important;
    border-bottom-color: currentColor;
}

/* Scrolled desktop header: collapse the configured logo's actual box along
 * with the menu row. Logos with transparent canvas no longer leave a large
 * white band after the green navigation bar hides. */
@media (min-width:62rem) {
    .site-header .wapu-nav-shell .nav-container,
    .site-header .wapu-nav-shell .site-branding .custom-logo-link img,
    .site-header .wapu-nav-shell .nav-categories {
        transition: padding .25s ease, max-height .25s ease, opacity .25s ease;
    }

    .site-header.is-scrolled .wapu-nav-shell .nav-container {
        min-height: 3rem;
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .site-header.is-scrolled .wapu-nav-shell .site-branding .custom-logo-link img {
        max-height: 2rem;
    }

    .site-header.is-scrolled .wapu-nav-shell .nav-categories {
        min-height: 0;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-top-width: 0;
        border-bottom-width: 0;
    }

    /* The masthead stays reachable even when no menu row exists. The row,
     * not the entire header, owns desktop scroll visibility. */
    .site-header.is-hidden {
        transform: none;
        visibility: visible;
        pointer-events: auto;
    }

    .site-header .wapu-nav-shell .is-scroll-row {
        box-sizing: border-box;
        max-height: var(--wapu-menu-row-height, 10rem);
        overflow: visible;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: max-height .26s cubic-bezier(.4,0,.2,1),
            padding .26s cubic-bezier(.4,0,.2,1),
            border-width .26s ease, opacity .2s ease, transform .26s ease,
            visibility 0s;
    }

    .site-header .wapu-nav-shell .is-scroll-row.is-scroll-row-transitioning {
        overflow: hidden;
    }

    .site-header .wapu-nav-shell .is-scroll-row.is-scrolling-down {
        max-height: 0;
        min-height: 0;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-top-width: 0;
        border-bottom-width: 0;
        overflow: hidden;
        transform: translateY(-.35rem);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition-delay: 0s, 0s, 0s, 0s, 0s, .26s;
    }
}

@media (min-width:62rem) and (prefers-reduced-motion:reduce) {
    .site-header .wapu-nav-shell .is-scroll-row {
        transition: none;
    }
}

/* Desktop template respects the same Home transparency setting as the
 * classic header. Dropdown/search surfaces retain their own readable colors. */
@media (min-width:62rem) {
    .site-header .wh6,
    .site-header .wh6__nav-wrap {
        transition: background-color .26s ease, border-color .26s ease;
    }
    body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) :is(.wh6,.wh6__nav-wrap) {
        background: transparent !important;
        border-color: transparent !important;
    }
    body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) :is(.wh6-action,.wh6-nav__links>a,.wh6-nav__utility>a) {
        color: var(--wapu-header-overlay-ink,var(--wtds-on-image)) !important;
    }
    body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) :is(.wh6-action,.wh6-nav__links>a,.wh6-nav__utility>a):hover {
        background: var(--wtds-glass-faint);
    }
}

/* Authoring is a stationary canvas, even after testing the scroll state. */
@media (min-width:62rem) {
    html[data-header-editing="1"] .site-header {
        transform: none !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    html[data-header-editing="1"] .site-header .is-scroll-row {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }
}

/* Desktop transparency: coordinated glass controls over the hero. */
@media (min-width:62rem) {
  body.is-home.wapu-home-header-overlay .site-header:has(.wh6):not(.is-scrolled)::before {
    content:none;
    background:none;box-shadow:none;
  }
  .site-header .wh6-logo__image { transition:filter .26s ease; }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6-logo:not([data-home-transparent-logo="1"]) .wh6-logo__image {
    filter:var(--wapu-header-overlay-logo-filter,brightness(0) invert(1));
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6 :is(.wh6-search,.wh6-categories-trigger) {
    background:var(--wapu-header-overlay-control-bg,var(--wtds-glass-faint));
    border:1px solid color-mix(in srgb,var(--wapu-header-overlay-ink,var(--wtds-on-image)) 20%,transparent);
    color:var(--wapu-header-overlay-ink,var(--wtds-on-image));
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:none;
    transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6-search:not(:focus-within) > :is(input[type="search"],svg) {
    color:var(--wapu-header-overlay-ink,var(--wtds-on-image));
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6-search:not(:focus-within) > input::placeholder {
    color:var(--wtds-on-image-subtle);opacity:1;
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6-search:focus-within {
    background:var(--wtds-surface);border-color:var(--wtds-outline);color:var(--wtds-ink);
    box-shadow:var(--wtds-shadow-focus);-webkit-backdrop-filter:none;backdrop-filter:none;
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6-nav__categories:is(:hover,:focus-within,.is-open) > .wh6-categories-trigger {
    background:color-mix(in srgb,var(--wapu-header-overlay-control-bg,var(--wtds-glass-faint)) 88%,var(--wtds-surface));border-color:color-mix(in srgb,var(--wapu-header-overlay-ink,var(--wtds-on-image)) 32%,transparent);
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6-nav__links > a::after {
    background:currentColor;
  }
}
@media (min-width:62rem) and (prefers-reduced-motion:reduce) {
  .site-header .wh6 :is(.wh6-logo__image,.wh6-search,.wh6-categories-trigger) { transition:none!important; }
}

/* LIMVO separators share the transparent header's configured ink. */
@media (min-width:62rem) {
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6--limvo .wh6-action + .wh6-action {
    border-left-color:color-mix(in srgb,var(--wapu-header-overlay-ink,var(--wtds-on-image)) 16%,transparent);
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6--limvo .wh6-nav__categories::after {
    background:color-mix(in srgb,var(--wapu-header-overlay-ink,var(--wtds-on-image)) 16%,transparent);
  }
}

/* Transparent desktop controls keep equal inset and a stable closed/open box. */
@media (min-width:62rem) {
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6--limvo .wh6-nav__categories {
    padding-right:12px;
    align-items:center;
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6--limvo .wh6-categories-trigger {
    min-height:40px;
    padding:0 14px;
    gap:10px;
    line-height:1;
    border-radius:12px;
    justify-content:center;
    align-items:center;
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6--limvo .wh6-categories-trigger > svg {
    display:block;flex-shrink:0;
  }
  body.is-home.wapu-home-header-overlay .site-header:not(.is-scrolled) .wh6--limvo .wh6-nav__categories::after {
    margin-left:18px;
  }
  body.is-home.wapu-home-header-overlay:has(.site-header .wh6) .wapu-playground-home[data-header-overlay="true"] > .wapu-block:first-child {
    --wapu-header-content-offset:var(--wapu-home-header-inset,166px);
  }
}

/* Content-height covers opt out of viewport stretching on desktop. Their
 * own inner layout supplies header clearance and balanced vertical spacing. */
@media (min-width:62rem) {
  body.is-home.wapu-home-header-overlay .wapu-playground-home[data-header-overlay="true"] > .wapu-block:first-child:has([data-wapu-hero-height="content"]),
  body.is-home.wapu-home-header-overlay .wapu-playground-home[data-header-overlay="true"] > .wapu-block:first-child [data-wapu-hero-height="content"] {
    min-height:0!important;
  }
}

/* Wapuos8 · Header / drawer interactive convergence */
.nav-action-link,
.nav-mobile-header .nav-action-link--search,
.wapu-cart-icon__btn,
.wapu-mobile-catalog-drawer__close,
.wapu-drawer__back,
.wapu-search-modal__close {
  width: var(--wtds-control-min);
  height: var(--wtds-control-min);
  min-width: var(--wtds-control-min);
  min-height: var(--wtds-control-min);
  padding: 0;
  border-radius: var(--wtds-control-radius);
}
.wapu-drawer__link--highlight {
  min-height: var(--wtds-control-min);
  border-radius: var(--wtds-button-radius, var(--wtds-control-radius));
  letter-spacing: -.005em;
  text-transform: none;
}
.nav-action-link:focus-visible,
.wapu-cart-icon__btn:focus-visible,
.wapu-mobile-catalog-drawer__close:focus-visible,
.wapu-drawer__back:focus-visible,
.wapu-search-modal__close:focus-visible {
  outline: none;
  box-shadow: var(--wtds-shadow-focus);
}

/* Wapuos8 · Natural-case navigation chrome */
.wapu-header-quick-nav__link,
.nav-categories .nav-menu a,
.nav-categories .nav-link,
.wapu-drawer__link--highlight,
.wapu-nav-row__item,
.wapu-megamenu-v2__all--comfortable {
  letter-spacing: -.005em;
  text-transform: none;
}

/* ==========================================================================
   Wapuos8 · Mobile app bar interaction consistency
   ========================================================================== */
.wapu-mobile-bottom-nav__item {
  min-height: max(44px, var(--wtds-control-min));
  border-radius: var(--wtds-control-radius);
}

/* Storefront catalog drawer: quiet, tiered navigation based on the supplied
   menu reference. Content and destinations remain the store's own. */
.wapu-mobile-catalog-drawer__panel {
  --wapu-drawer-ink: #202020;
  --wapu-drawer-muted: #777;
  --wapu-drawer-line: #e7e7e7;
  background: #fff;
  color: var(--wapu-drawer-ink);
  box-shadow: 12px 0 36px rgba(0,0,0,.09) !important;
}
.wapu-mobile-catalog-drawer .wapu-mobile-catalog-drawer__panel {
  transition: transform .6s cubic-bezier(.31,0,.13,1);
}
.wapu-mobile-catalog-drawer .wapu-drawer__slider {
  transition: transform .6s cubic-bezier(.31,0,.13,1);
}
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing > .wapu-drawer__section-group,
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-navigation > *,
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-spotlights > * {
  animation: wapu-drawer-dior-reveal .7s cubic-bezier(.31,0,.13,1) both;
}
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing > .wapu-drawer__section-group:nth-child(2),
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-navigation > :nth-child(2),
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-spotlights > :nth-child(2) { animation-delay:.05s; }
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing > .wapu-drawer__section-group:nth-child(3),
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-navigation > :nth-child(3),
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-spotlights > :nth-child(3) { animation-delay:.1s; }
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing > .wapu-drawer__section-group:nth-child(n+4),
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-navigation > :nth-child(n+4),
.wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-spotlights > :nth-child(n+4) { animation-delay:.15s; }
@keyframes wapu-drawer-dior-reveal {
  from { opacity:0; transform:translateX(-10px); }
  to { opacity:1; transform:translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .wapu-mobile-catalog-drawer .wapu-mobile-catalog-drawer__panel,
  .wapu-mobile-catalog-drawer .wapu-drawer__slider { transition:none; }
  .wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing > .wapu-drawer__section-group,
  .wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-navigation > *,
  .wapu-mobile-catalog-drawer.is-open .wapu-drawer__level.is-revealing .wapu-drawer__category-spotlights > * { animation:none; }
}
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:0 .5rem;
  min-height:6.875rem;
  padding:env(safe-area-inset-top,0px) 1.5rem 0;
  border-bottom:1px solid var(--wapu-drawer-line);
}
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head::before {
  content:"";
  position:absolute;
  top:calc(3.5rem + env(safe-area-inset-top,0px));
  left:1.5rem;
  right:1.5rem;
  border-top:1px solid var(--wapu-drawer-line);
}
.wapu-mobile-catalog-drawer[data-catalog-level="root"] .wapu-mobile-catalog-drawer__head {
  min-height:3.5rem;
}
.wapu-mobile-catalog-drawer[data-catalog-level="root"] .wapu-mobile-catalog-drawer__head::before {
  display:none;
}
.wapu-mobile-catalog-drawer[data-catalog-level="root"] .wapu-mobile-catalog-drawer__title {
  visibility:hidden;
}
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__title {
  grid-row:2;
  grid-column:2;
  overflow:hidden;
  margin:0;
  color:var(--wapu-drawer-ink) !important;
  font-size:.8125rem;
  font-weight:500;
  letter-spacing:.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__close,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back {
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.375rem;
  width:auto;
  min-width:44px;
  height:44px;
  min-height:44px;
  padding:0 .25rem;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--wapu-drawer-ink) !important;
  font:400 .8125rem/1.3 var(--wtds-font-text);
  cursor:pointer;
}
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__close {
  grid-row:1;
  grid-column:1 / -1;
  justify-self:start;
  margin:0;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back {
  grid-row:2;
  grid-column:1;
  min-width:0;
  padding-right:.375rem;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back span { display:none; }
.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head {
  right:auto;
  width:100%;
  justify-content:initial;
}
.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__close {
  position:static;
  top:auto;
  right:auto;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back[hidden] { display:none; }
.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__close:hover,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back:hover {
  color:#666 !important;
  background:transparent;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__level {
  padding:1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));
  gap:1.75rem;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-group { gap:0; }
.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-group + .wapu-drawer__section-group {
  padding-top:1.25rem;
  border-top:1px solid var(--wapu-drawer-line);
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-title {
  margin:0 0 .625rem;
  padding:0;
  border:0;
  color:var(--wapu-drawer-muted) !important;
  font-size:.6875rem;
  font-weight:500;
  letter-spacing:.11em;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__link,
.wapu-mobile-catalog-drawer__panel [data-level="0"] .wapu-drawer__link {
  min-height:2.875rem;
  padding:.625rem 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--wapu-drawer-ink) !important;
  font-size:1rem;
  font-weight:400;
  line-height:1.35;
}
.wapu-mobile-catalog-drawer__panel [data-level="0"] .wapu-drawer__name {
  font-size:1rem;
  font-weight:400;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__link:hover,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__link:focus-visible {
  background:transparent;
  color:#777 !important;
  text-decoration:underline;
  text-underline-offset:.2em;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__chevron {
  width:1rem;
  height:1rem;
  color:#777 !important;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__catalog-cta {
  justify-content:center;
  text-align:center;
  min-height:2.875rem;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--wapu-drawer-ink);
  font-weight:400;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__catalog-cta:hover,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__catalog-cta:focus-visible {
  background:transparent;
  color:#777;
  text-decoration:underline;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-navigation .wapu-drawer__link {
  min-height:2.875rem;
  border-bottom:0;
  font-size:1rem;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlights {
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:none;
  gap:.375rem;
  padding:8px;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlight {
  aspect-ratio:4/5;
  border-radius:0;
}
.wapu-mobile-catalog-drawer__panel .wapu-drawer__spotlight-copy {
  inset-inline:.5rem;
  bottom:.625rem;
  font-size:.8125rem;
  line-height:1.25;
}
@media (min-width:48rem) {
  .wapu-mobile-catalog-drawer .wapu-mobile-catalog-drawer__panel {
    width:min(24rem,100vw);
    max-width:min(24rem,100vw);
  }
  .wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__panel {
    width:min(61rem,calc(100vw - 1.5rem));
    max-width:min(61rem,calc(100vw - 1.5rem));
  }
  .wapu-mobile-catalog-drawer__panel .wapu-drawer__category-layout {
    grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);
    gap:1.25rem;
  }
}
@media (max-width:47.99rem) {
  .wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head {
    padding-inline:1.25rem;
  }
  .wapu-mobile-catalog-drawer__panel .wapu-drawer__level {
    padding-inline:1.25rem;
  }
}

.wapu-nav-row__cell > .wapu-megamenu--playground-simple {
  width: min(18rem, 90vw);
  padding: .75rem;
}
.wapu-megamenu--playground-simple a {
  display: block;
  padding: .625rem .75rem;
  color: var(--wapu-mega-text, #111827);
  text-decoration: none;
}
.wapu-megamenu--playground-simple a:hover,
.wapu-megamenu--playground-simple a:focus-visible {
  background: transparent;
  text-decoration: underline;
  text-underline-offset: .2em;
}

/* Header links use a text underline as their only hover treatment. */
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--hover-underline .wapu-nav-row__item {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  text-decoration: none;
  border-bottom-color: transparent !important;
}
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--hover-underline .wapu-nav-row__item.is-active {
  border-bottom-color: transparent !important;
}
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--hover-underline .wapu-nav-row__label {
  text-decoration: none;
}
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--hover-underline .wapu-nav-row__item:hover,
.wapu-nav-shell .wapu-nav-row.wapu-nav-row--hover-underline .wapu-nav-row__item:focus-visible {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: none !important;
}
.wapu-nav-shell .wapu-nav-row--hover-underline .wapu-nav-row__item:hover .wapu-nav-row__label,
.wapu-nav-shell .wapu-nav-row--hover-underline .wapu-nav-row__item:focus-visible .wapu-nav-row__label {
  text-decoration: underline;
  text-underline-offset: .2em;
}

/* Compact desktop navigation shared by the parent and all child themes. */
@media (min-width: 62rem) {
  .site-header .wapu-nav-row {
    box-sizing: border-box;
    height: 40px;
    min-height: 40px;
    padding-block: 8px;
    flex-wrap: nowrap;
  }

  .site-header .wapu-nav-row__item {
    box-sizing: border-box;
    min-height: 24px;
    padding-block: 0;
  }
}

/* The secondary navigation belongs to the storefront homepage only. */
body:not(.home) .site-header .wapu-nav-row {
  display: none;
}

/* Shared storefront text-button variants: filled, outlined and link. */
.wapu-btn:not(.wapu-btn--standard):not(.wapu-btn--link) {
	min-height: var(--wtds-button-standard-min-height);
	padding: var(--wtds-button-standard-padding);
	font-size: var(--wtds-button-standard-font-size);
}

.wapu-btn--standard {
	position: relative;
	border-radius: var(--wtds-button-standard-radius) !important;
	font-family: var(--wtds-button-standard-font-family) !important;
	font-size: var(--wtds-button-standard-font-size) !important;
	font-weight: var(--wtds-button-standard-font-weight) !important;
	letter-spacing: var(--wtds-button-standard-letter-spacing) !important;
	text-transform: var(--wtds-button-standard-text-transform) !important;
	text-decoration: none;
	box-shadow: none;
	transition: none;
	transform: none;
}

.wapu-btn--standard .wapu-btn__label {
	text-transform: uppercase !important;
}

.wapu-btn--standard:not(.wapu-btn--link) svg,
.wapu-btn--standard:not(.wapu-btn--link):hover svg {
	transition: none !important;
	transform: none !important;
}

.wapu-btn--standard:not(.wapu-btn--link) {
	min-height: var(--wtds-button-standard-min-height);
	padding: var(--wtds-button-standard-padding);
	border: var(--wtds-border-thin) solid transparent;
}

.wapu-btn--standard::before {
	content: none !important;
}

.wapu-btn--standard.wapu-btn--primary:not(.wapu-btn--link),
.wapu-btn--standard.wapu-btn--primary.wapu-btn--purchase:not(.wapu-btn--link) {
	background: var(--wtds-button-standard-primary-bg);
	border-color: var(--wtds-button-standard-primary-bg);
	color: var(--wtds-button-standard-primary-ink);
}

.wapu-btn--standard.wapu-btn--secondary:not(.wapu-btn--link) {
	background: var(--wtds-button-standard-secondary-bg);
	border-color: var(--wtds-button-standard-stroke);
	color: var(--wtds-button-standard-secondary-ink);
}

.wapu-btn--standard.wapu-btn--primary:hover:not(:disabled):not(.wapu-btn--loading),
.wapu-btn--standard.wapu-btn--primary.wapu-btn--purchase:hover:not(:disabled),
.wapu-btn--standard.wapu-btn--secondary:hover:not(:disabled):not(.wapu-btn--loading) {
	background: inherit;
	border-color: inherit;
	color: inherit;
	box-shadow: none;
	transform: none;
}

.wapu-btn--standard.wapu-btn--primary:hover:not(:disabled):not(.wapu-btn--loading),
.wapu-btn--standard.wapu-btn--primary.wapu-btn--purchase:hover:not(:disabled) {
	background: var(--wtds-surface, #fff);
	border-color: var(--wtds-button-standard-primary-bg);
	color: var(--wtds-button-standard-primary-bg);
}

.wapu-btn--standard.wapu-btn--secondary:hover:not(:disabled):not(.wapu-btn--loading) {
	background: #111;
	border-color: #111;
	color: #fff;
}

.wapu-btn--standard.wapu-btn--danger:hover:not(:disabled):not(.wapu-btn--loading) {
	background: var(--wtds-button-standard-danger-bg);
	border-color: var(--wtds-button-standard-danger-stroke);
	color: var(--wtds-button-standard-danger-ink);
	box-shadow: none;
}

.wapu-btn--standard:not(.wapu-btn--link):active:not(:disabled),
.wapu-btn--arrow:hover::after {
	transform: none;
	transition: none;
}

.wapu-btn--standard.wapu-btn--sm:not(.wapu-btn--link) {
	min-height: var(--wtds-button-standard-small-height);
	padding: .25rem .75rem;
}

.wapu-btn--standard.wapu-btn--lg:not(.wapu-btn--link) {
	min-height: var(--wtds-button-standard-large-height);
	padding: .625rem 1rem;
}

.wapu-btn--standard:not(.wapu-btn--link):focus-visible {
	outline: 2px solid var(--wtds-button-standard-primary-bg);
	outline-offset: 3px;
	box-shadow: none;
}

.wapu-btn--standard.wapu-btn--link,
.wapu-btn--standard.wapu-btn--link:hover,
.wapu-btn--standard.wapu-btn--link:focus-visible {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-family: var(--wtds-button-standard-font-family);
	font-size: var(--wtds-button-standard-font-size);
	font-weight: var(--wtds-button-standard-font-weight);
	letter-spacing: var(--wtds-button-standard-letter-spacing);
	text-transform: var(--wtds-button-standard-text-transform);
}

/* Match text actions outside the standard button wrapper. */
.wapu-btn:not(.wapu-btn--icon) {
	border-radius: var(--wtds-button-standard-radius) !important;
	font-family: var(--wtds-button-standard-font-family) !important;
	font-size: var(--wtds-button-standard-font-size) !important;
	font-weight: var(--wtds-button-standard-font-weight) !important;
	letter-spacing: var(--wtds-button-standard-letter-spacing) !important;
	text-transform: var(--wtds-button-standard-text-transform) !important;
}

.wapu-btn--link:not(.wapu-btn--standard) {
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* Shared catalog drawer: inset panel, tiered rhythm and blurred backdrop.
   Navigation and category content continue to come from the parent theme. */
.wapu-mobile-catalog-drawer .wapu-mobile-catalog-drawer__overlay {
	background: rgba(255, 255, 255, .34);
	-webkit-backdrop-filter: blur(16px) grayscale(1) brightness(.8);
	backdrop-filter: blur(16px) grayscale(1) brightness(.8);
}

.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--right .wapu-mobile-catalog-drawer__panel {
	top: 16px;
	bottom: 16px;
	left: auto;
	right: 16px;
	width: min(316px, calc(100vw - 32px));
	max-width: calc(100vw - 32px);
	height: calc(100dvh - 32px);
	max-height: calc(100dvh - 32px);
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .06) !important;
	transform: translateX(calc(100% + 32px));
	transition: transform .6s cubic-bezier(.31, 0, .13, 1), width .6s cubic-bezier(.31, 0, .13, 1);
}

.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--right.is-open .wapu-mobile-catalog-drawer__panel {
	transform: translateX(0);
}

.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head {
	min-height: 74px;
	padding: 0 24px;
	border-bottom: 0;
}

.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head::after {
	content: "";
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 0;
	border-bottom: 1px solid #e6e6e6;
}

.wapu-mobile-catalog-drawer[data-catalog-level="root"] .wapu-mobile-catalog-drawer__head {
	min-height: 74px;
}

.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__close,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__back {
	font-size: 13px;
}

.wapu-mobile-catalog-drawer__panel .wapu-drawer__level {
	padding: 8px 24px 24px;
	gap: 0;
	scrollbar-width: thin;
	scrollbar-color: #b7b7b7 transparent;
}

.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-group + .wapu-drawer__section-group {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #e6e6e6;
}

.wapu-mobile-catalog-drawer__panel .wapu-drawer__section-title {
	margin: 0 0 5px;
	color: #858585 !important;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.wapu-mobile-catalog-drawer__panel .wapu-drawer__link,
.wapu-mobile-catalog-drawer__panel [data-level="0"] .wapu-drawer__link,
.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-navigation .wapu-drawer__link {
	min-height: 43px;
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.35;
}

.wapu-mobile-catalog-drawer__panel [data-level="0"] .wapu-drawer__name {
	font-size: 14px;
}

.wapu-mobile-catalog-drawer__panel .wapu-drawer__chevron {
	width: 12px;
	height: 12px;
}

.wapu-mobile-catalog-drawer__panel .wapu-drawer__text-action {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

@media (min-width: 48rem) {
	.wapu-mobile-catalog-drawer[data-catalog-level="detail"].wapu-mobile-catalog-drawer--right .wapu-mobile-catalog-drawer__panel {
		width: min(870px, calc(100vw - 32px));
		max-width: calc(100vw - 32px);
	}

	.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		right: auto;
		width: 316px;
		min-height: 148px;
		grid-template-rows: 74px 74px;
		padding: 0 24px;
		border-bottom: 0;
	}

	.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__title {
		font-size: 14px;
		font-weight: 400;
	}

	.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head::before {
		top: 74px;
		left: 24px;
		right: 24px;
	}

	.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-drawer__level {
		padding: 8px;
	}

	.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-layout {
		grid-template-columns: 292px minmax(0, 1fr);
		gap: 16px;
	}

	.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-main {
		padding: 148px 16px 16px;
	}

	.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlights {
		gap: 8px;
	}

	.wapu-mobile-catalog-drawer__panel .wapu-drawer__category-spotlight {
		aspect-ratio: 4 / 5;
		border-radius: 4px;
	}
}

@media (max-width: 47.99rem) {
	.wapu-mobile-catalog-drawer.wapu-mobile-catalog-drawer--right .wapu-mobile-catalog-drawer__panel {
		top: 10px;
		bottom: 10px;
		left: auto;
		right: 10px;
		width: min(316px, calc(100vw - 20px));
		max-width: calc(100vw - 20px);
		height: calc(100dvh - 20px);
		max-height: calc(100dvh - 20px);
	}

	.wapu-mobile-catalog-drawer__panel .wapu-mobile-catalog-drawer__head,
	.wapu-mobile-catalog-drawer__panel .wapu-drawer__level {
		padding-inline: 24px;
	}

	.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head {
		min-height: 148px;
		grid-template-rows: 74px 74px;
	}

	.wapu-mobile-catalog-drawer[data-catalog-level="detail"] .wapu-mobile-catalog-drawer__head::before {
		top: 74px;
		left: 24px;
		right: 24px;
	}
}

/* Shared icon size for search, account, bag and catalog drawer triggers. */
.site-header .nav-action-link svg {
	width: 22px !important;
	height: 22px !important;
}

.wapu-mobile-bottom-nav__item--search svg,
.wapu-mobile-bottom-nav__item--catalog svg,
.wapu-mobile-bottom-nav__item--cart svg,
.wapu-mobile-bottom-nav__item--account svg {
	width: 20px !important;
	height: 20px !important;
}

/* The header owns search on every route; search-page CSS is not globally loaded. */
.wapu-search-modal .wapu-search-modal__overlay {
	background: rgb(0 0 0 / 42%);
	pointer-events: auto;
}
.wapu-search-modal .wapu-search-modal__panel {
	z-index: 1;
	left: auto;
	right: 0;
	width: min(460px, 100vw);
	max-width: 100vw;
	height: 100dvh;
	max-height: 100dvh;
	border: 0;
	border-radius: 0;
	box-shadow: -12px 0 36px rgb(0 0 0 / 12%);
	transform: translateX(100%);
	transition: transform .28s ease;
}
.wapu-search-modal[aria-hidden="false"] .wapu-search-modal__panel { transform: translateX(0); }
.wapu-search-modal .wapu-search-modal__body {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 72px 20px 24px;
}
.wapu-search-modal .wapu-search-split { grid-template-columns: 1fr; gap: 1.5rem; }
.wapu-search-modal .wapu-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 48rem) {
	.wapu-search-modal .wapu-search-modal__panel { width: 100vw; }
	.wapu-search-modal .wapu-search-modal__body { padding: calc(64px + env(safe-area-inset-top, 0px)) 16px calc(20px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
	.wapu-search-modal .wapu-search-modal__panel { transition: none; }
}