/* Source proportions: 35px announcement, 65px navigation row, centered mark. */
.htw-site-header { font-family: Poppins, Arial, sans-serif; color: #555; background: #fff; }
.htw-site-header__announcement { min-height: 35px; padding: 8px 16px; background:#99d9e5; color:#333; font-size:13px; line-height:19px; }
.htw-site-header__main { min-height:65px; padding:0 24px; gap:0; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
.htw-site-header__desktop-nav { grid-column:1; grid-row:1; justify-self:stretch; }
.htw-site-header__primary-list { justify-content:flex-start; gap:32px; }
.htw-site-header__logo { grid-column:2; grid-row:1; justify-self:center; width:190px; }
.htw-site-header__actions { grid-column:3; grid-row:1; gap:18px; }
.htw-site-header__menu li > a { font-size:16px; font-weight:400; text-transform:none; }
.htw-site-header__account-label,.htw-site-header__search-toggle > span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.htw-site-header__account-icon { display:block; }
.htw-site-header.is-ready .htw-site-header__cart-link { font-size:0 !important; }
.htw-site-header__icon { width:23px; height:23px; }
.htw-site-header__logo a.htw-site-header__text-logo { display:block; white-space:nowrap; font-size:24px; letter-spacing:.05em; }
.htw-site-header__desktop-nav .sub-menu { color:#555; background:#fff; }
.htw-site-header__desktop-nav .sub-menu li > a { font-size:14px; }
@media(min-width:1101px) {
  .home .htw-site-header { height:35px; background:transparent; }
  .home .htw-site-header__main { position:absolute; top:35px; left:0; right:0; color:#fff; background:transparent; border-bottom:1px solid rgba(255,255,255,.8); }
  .home .htw-site-header__main:not(:has(.htw-site-header__desktop-nav .sub-menu:not([hidden]))) .htw-site-header__logo img { filter:brightness(0) invert(1); }
  .home .htw-site-header__main:has(.htw-site-header__desktop-nav .sub-menu:not([hidden])),
  .home .htw-site-header__main:focus-within:has(.htw-site-header__desktop-nav .sub-menu:not([hidden])) { background:#fff; color:#555; border-color:#555; }
  .htw-site-header__desktop-nav .htw-site-header__mega-root > .sub-menu:not([hidden]) { min-height:360px; max-height:70vh; padding:30px 40px; gap:30px; box-shadow:none; }
}
@media(max-width:1100px) {
  .htw-site-header__main { grid-template-columns:1fr auto 1fr; padding:0 16px; }
  .htw-site-header__mobile-toggle { grid-column:1; grid-row:1; justify-self:start; }
  .htw-site-header__logo { grid-column:2; grid-row:1; width:165px; }
  .htw-site-header__actions { grid-column:3; grid-row:1; gap:8px; }
  .htw-site-header__account { display:none !important; }
  .htw-site-header.is-ready .htw-site-header__mobile-nav { width:100vw; max-width:none; height:100dvh; max-height:none; background:#fff; color:#222; }
  .htw-site-header__drawer-bar { position:relative; justify-content:center; min-height:65px; border:0; }
  .htw-site-header__drawer-bar .bondi-drawer-logo { width:190px; max-width:55vw; }
  .htw-site-header__drawer-bar .bondi-drawer-logo img { display:block; width:100%; height:auto; }
  .htw-site-header__drawer-bar .bondi-drawer-logo a { font-size:24px; letter-spacing:.05em; white-space:nowrap; }
  .htw-site-header__drawer-bar .htw-site-header__drawer-close { position:absolute; right:10px; top:10px; }
  .htw-site-header__drawer-bar .htw-site-header__drawer-back { position:absolute; left:10px; }
  .htw-site-header__drawer-bar:has(.htw-site-header__drawer-back[hidden]) .htw-site-header__drawer-title { display:none; }
  .htw-site-header__drawer-bar:not(:has(.htw-site-header__drawer-back[hidden])) .bondi-drawer-logo { display:none; }
  .htw-site-header__drawer-viewport { padding:8px 16px 20px; }
  .htw-site-header__mobile-nav .htw-site-header__drawer-viewport li { margin:0 0 12px; border:1px solid #ddd; border-radius:3px; padding:0 18px; }
  .htw-site-header__mobile-nav .htw-site-header__drawer-viewport li > a { font-size:15px; min-height:52px; }
  .bondi-drawer-actions { display:flex; justify-content:space-around; flex-shrink:0; padding:14px 12px 18px; border-top:1px solid #eee; }
  .bondi-drawer-actions button,.bondi-drawer-actions a { display:flex; flex-direction:column; align-items:center; gap:2px; min-width:54px; margin:0; padding:0; border:0; background:none; color:#222; font-size:11px; text-transform:none; box-shadow:none; }
  .bondi-drawer-actions svg { width:22px; height:22px; }
}
/* The target's independently fixed bottom navigation duplicates the header controls. */
@media(max-width:1100px){body.htw-header-slot-legendairy .htw-mobile-bottom-nav{display:none!important}body.htw-header-slot-legendairy.htw-has-mobile-bottom-nav{padding-bottom:0!important}}
/* Nested mega-menu columns remain expanded internally; only a top-level trigger opens the panel. */
@media(min-width:1101px){
 body.home .htw-site-header:not(.bb-header-scrolled):not(:has(.htw-site-header__primary-list > li > button[aria-expanded="true"])) .htw-site-header__main{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.8)!important}
 body.home .htw-site-header:not(.bb-header-scrolled):not(:has(.htw-site-header__primary-list > li > button[aria-expanded="true"])) .htw-site-header__logo img{filter:brightness(0) invert(1)!important}
 body.home .htw-site-header.bb-header-scrolled .htw-site-header__main{background:#fff!important;color:#555!important;border-color:#555!important}
 body.home .htw-site-header.bb-header-scrolled .htw-site-header__logo img{filter:none!important}
}

/* Two real target-product editorial cards occupy the fifth source-style mega-menu column. */
@media (min-width:1101px){
 .htw-site-header__desktop-nav .bondi-has-mega-promos.htw-site-header__mega-root > .sub-menu:not([hidden]){grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,1fr);min-height:490px;max-height:calc(100vh - 100px);gap:24px;padding:30px 40px}
 .htw-site-header__desktop-nav .bondi-mega-promos{display:flex;flex-direction:column;gap:8px;min-width:0;list-style:none}
 .htw-site-header__desktop-nav .bondi-mega-promos > a.bondi-mega-promo{display:flex;flex-direction:column;gap:7px;padding:0;color:#555;text-decoration:none;font-size:14px;font-weight:400;line-height:1.2}
 .bondi-mega-promo__visual{position:relative;display:block;width:100%;aspect-ratio:3 / 2;border-radius:4px;overflow:hidden;background:#f00f35}
 .bondi-mega-promo__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .2s ease}
 .bondi-mega-promo:hover img,.bondi-mega-promo:focus-visible img{transform:scale(1.03)}
 .bondi-mega-promo:focus-visible{outline:2px solid #111;outline-offset:3px}
}
@media (prefers-reduced-motion:reduce){.bondi-mega-promo__visual img{transition:none}}
@media(min-width:1101px){.htw-site-header__desktop-nav .bondi-mega-promos > a.bondi-mega-promo{font-weight:400!important;text-align:left!important}.bondi-mega-promo__caption{align-self:flex-start;text-align:left}}
/* On the homepage the mobile navigation overlays the hero, like the source. */
@media(max-width:749px){
  body.home .htw-site-header{background:transparent}
  body.home .htw-site-header__main{position:absolute;top:100%;left:0;right:0;min-height:65px;background:transparent!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.8)}
  body.home .htw-site-header:not(.bb-header-scrolled) .htw-site-header__main .htw-site-header__logo img{filter:brightness(0) invert(1)}
  body.home .htw-site-header.bb-header-scrolled .htw-site-header__main{background:#fff!important;color:#555!important;border-bottom-color:#555}
  body.home .htw-site-header.bb-header-scrolled .htw-site-header__main .htw-site-header__logo img{filter:none}
  body.home .bb-clone-hero .bb-clone-hero__content{top:calc(7% + 40px)}
}
/* The second headline wraps on narrow screens; keep the image clear of its CTA. */
@media(max-width:749px){body.home .bb-clone-hero__slide:nth-child(2) .bb-clone-hero__media{inset:47% 0 0;height:53%}}