/* Owner-review global shell. All rules are scoped away from page content. */
html body .storefront-header.storefront-global-header {
  position:sticky; top:0; z-index:80;
  backdrop-filter:blur(14px);
  background:#080e13!important;
  border-bottom:1px solid #22303a!important;
  box-shadow:0 4px 20px #0003!important;
  color:#fff;
}
html body .storefront-header.storefront-global-header .global-header-row {
  display:flex!important; align-items:center!important; justify-content:space-between;
  width:min(1440px,calc(100% - 64px))!important;
  min-height:80px!important; margin:auto; padding:0!important; gap:16px!important;
  border:0!important; box-sizing:border-box!important;
  transition:min-height .18s ease;
}
html body .storefront-header.storefront-global-header.is-compacted .global-header-row {min-height:64px!important}
html body .storefront-header.storefront-global-header .global-header-brand {
  display:flex; flex:0 0 226px; align-items:flex-start; flex-direction:column;
  gap:2px; margin:0!important; padding:0; text-decoration:none;
}
html body .storefront-header.storefront-global-header .global-header-brand img {
  display:block; width:226px!important; height:35px!important; max-width:100%; object-fit:contain!important; object-position:left center;
}
.storefront-global-header .global-header-tagline {color:#e6ebef; font-size:11px; font-weight:650; letter-spacing:.9px; line-height:1.4; white-space:nowrap}
html body .storefront-header.storefront-global-header .global-header-navigation {
  display:flex; flex:1 1 auto; align-items:center; justify-content:center;
  gap:4px!important; min-width:0; overflow:visible;
}
html body .storefront-header.storefront-global-header .global-header-navigation .global-header-link {
  display:flex!important; align-items:center!important; justify-content:center!important;
  flex:0 0 auto; min-height:44px!important; padding:0 8px!important;
  border:0!important; border-radius:5px; text-decoration:none!important;
  color:#f5f7f8!important; font-size:14px!important; line-height:1.2!important;
  font-weight:650!important; white-space:nowrap!important; cursor:pointer; list-style:none;
}
.storefront-global-header summary::-webkit-details-marker {display:none}
.storefront-global-header .storefront-chevron {
  width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; transition:transform .16s ease;
}
.storefront-global-header .global-header-link:hover {background:#16212a; color:#FFD24A!important}
.storefront-global-header :is(a,button,summary):focus-visible {outline:3px solid #FFD24A!important; outline-offset:2px!important}
.storefront-global-header .global-header-utilities {display:flex; flex:0 0 auto; align-items:center; gap:4px}
.storefront-global-header .global-header-icon {
  display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px;
  min-width:44px; min-height:44px; padding:0 8px; border:0; border-radius:5px;
  background:transparent; color:#f5f7f8; font:inherit; font-size:14px; text-decoration:none; cursor:pointer;
}
.storefront-global-header .global-header-icon svg,
.storefront-global-header .global-header-mobile-utilities>button svg {
  width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
}
.storefront-global-header .global-header-icon:hover {background:#16212a}
.storefront-global-header button:disabled {color:#aeb9c1; cursor:default}
.storefront-global-header .global-header-region,
.storefront-global-header .global-header-brands {position:relative}
.storefront-global-header .global-header-region>summary {
  display:flex; align-items:center; justify-content:center; gap:4px; min-height:44px;
  padding:0 8px; color:#f5f7f8; font-size:14px; font-weight:550; cursor:pointer; list-style:none; white-space:nowrap;
}
.storefront-global-header .global-header-region>summary svg {width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5}
.storefront-global-header .global-header-dropdown {
  position:absolute; top:calc(100% + 8px); right:0; z-index:90;
  min-width:180px; padding:8px; border:1px solid #30414d; border-radius:8px;
  background:#0b131a; box-shadow:0 14px 32px #0006;
}
.storefront-global-header .global-header-brands .global-header-dropdown {left:0; right:auto}
.storefront-global-header .global-header-dropdown :is(a,button) {
  display:flex; align-items:center; width:100%; min-height:44px; padding:0 12px; box-sizing:border-box;
  border:0; border-radius:4px; background:transparent; color:#fff; font:inherit; font-size:14px; text-decoration:none; cursor:pointer;
}
.storefront-global-header .global-header-dropdown :is(a,button):hover {background:#1b2832}
.storefront-global-header .global-header-dropdown [aria-current="true"] {color:#FFD24A}
.storefront-global-header .global-header-mobile-menu {display:none; position:static}
.storefront-global-header .global-header-mobile-panel {
  position:absolute; top:100%; left:12px; right:12px; z-index:90;
  max-height:calc(100dvh - 76px); overflow-y:auto; overscroll-behavior:contain;
  padding:12px; box-sizing:border-box; border:1px solid #30414d; border-radius:0 0 10px 10px;
  background:#0b131a; box-shadow:0 16px 32px #0007;
}
.storefront-global-header .global-header-mobile-utilities {display:grid; padding-top:8px; margin-top:8px; border-top:1px solid #263641}
.storefront-global-header .global-header-mobile-utilities>:is(a,button) {
  display:flex; align-items:center; gap:10px; min-height:44px; padding:0 12px;
  border:0; border-radius:5px; background:transparent; color:#fff; font:inherit; font-size:14px; text-decoration:none;
}
.storefront-global-header .global-header-mobile-utilities>button:disabled {color:#aeb9c1}
.storefront-global-header .global-header-mobile-utilities small {margin-left:auto; font-size:12px; color:#aeb9c1}
.storefront-global-header .global-header-mobile-region>summary {justify-content:flex-start; padding:0 12px}
.storefront-global-header .global-header-mobile-region .global-header-dropdown {position:static; border:0; box-shadow:none; padding:0 8px; background:#111e28}
.storefront-global-header .global-header-mobile-navigation .global-header-dropdown {position:static; border:0; box-shadow:none; padding:0 8px; background:#111e28}
@media (min-width:1000px) and (max-width:1199px) {
  html body .storefront-header.storefront-global-header .global-header-row {width:calc(100% - 32px)!important; gap:8px!important}
  html body .storefront-header.storefront-global-header .global-header-brand {flex-basis:182px}
  html body .storefront-header.storefront-global-header .global-header-brand img {width:182px!important; height:30px!important}
  .storefront-global-header .global-header-tagline {letter-spacing:.3px}
  html body .storefront-header.storefront-global-header .global-header-navigation {gap:0!important}
  html body .storefront-header.storefront-global-header .global-header-navigation .global-header-link {padding-inline:6px!important}
  .storefront-global-header .global-header-utility-label {display:none}
}
@media (max-width:999px) {
  html body .storefront-header.storefront-global-header .global-header-row {
    display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important;
    width:calc(100% - 24px)!important; min-height:64px!important; gap:8px!important;
  }
  html body .storefront-header.storefront-global-header .global-header-brand {align-items:center; min-width:0; grid-column:2!important; grid-row:1!important}
  html body .storefront-header.storefront-global-header .global-header-brand img {width:180px!important; height:32px!important}
  .storefront-global-header .global-header-tagline {display:none}
  html body .storefront-header.storefront-global-header .global-header-row>.global-header-navigation {display:none!important}
  .storefront-global-header .global-header-mobile-menu {display:block; grid-column:1!important; grid-row:1!important; width:44px}
  .storefront-global-header .global-header-utilities {grid-column:3!important; grid-row:1!important; gap:4px; min-width:44px}
  .storefront-global-header .global-header-utilities>.global-header-region,
  .storefront-global-header .global-header-account,
  .storefront-global-header .global-header-utility-label {display:none}
  .storefront-global-header .global-header-icon {width:44px; padding:0}
  html body .storefront-header.storefront-global-header .global-header-mobile-navigation {display:grid!important; justify-content:stretch; gap:2px!important}
  html body .storefront-header.storefront-global-header .global-header-mobile-navigation .global-header-link {justify-content:flex-start!important; padding:0 12px!important}
}
@media (max-width:360px) {
  html body .storefront-header.storefront-global-header .global-header-row {gap:4px!important}
}
@media (prefers-reduced-motion:reduce) {
  html body .storefront-header.storefront-global-header .global-header-row {transition:none}
}

/* Portable Power line expansions reuse catalogue family destinations. */
html body .storefront-global-header .global-header-power .global-header-dropdown {
  min-width:260px; max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 96px); overflow-y:auto;
}
html body .storefront-global-header .global-header-power :is(a,summary) {
  color:#f5f7f8!important; background:transparent;
  min-height:44px; padding:10px 12px; box-sizing:border-box;
  display:flex; align-items:center; gap:8px; font-size:14px; line-height:1.4;
  text-decoration:none; cursor:pointer; list-style:none;
}
html body .storefront-global-header .global-header-power :is(a,summary):is(:hover,:focus-visible) {
  color:#FFD24A!important; background:#1b2832!important;
}
.storefront-global-header .global-header-power-brand>summary {justify-content:space-between}
.storefront-global-header .global-header-power-brand>summary svg {transform:rotate(-90deg)}
.storefront-global-header .global-header-power-brand[open]>summary svg {transform:rotate(0)}
.storefront-global-header .global-header-power-families {padding-left:12px; border-left:1px solid #30414d; margin-left:12px}
@media (max-width:999px) {
  html body .storefront-global-header .global-header-mobile-navigation .global-header-power .global-header-dropdown {
    min-width:0; max-width:100%; max-height:none; overflow:visible;
  }
}


/* Mobile Portable Power polish; desktop and navigation remain unchanged. */
@media (max-width:999px) {
  html body .storefront-global-header .global-header-mobile-navigation .global-header-power .global-header-dropdown {
    padding:4px 0 6px; background:rgba(255,255,255,.025); border-radius:6px;
  }
  html body .storefront-global-header .global-header-mobile-navigation .global-header-power-brand>summary {
    justify-content:space-between; padding:8px 12px; min-height:44px;
    font-weight:650; border-radius:6px;
  }
  .storefront-global-header .global-header-mobile-navigation .global-header-power-brand>summary svg {
    flex:0 0 14px; margin-left:auto; color:#FFD24A;
  }
  .storefront-global-header .global-header-mobile-navigation .global-header-power-brand[open]>summary {
    background:rgba(255,210,74,.045);
  }
  .storefront-global-header .global-header-mobile-navigation .global-header-power-families {
    margin:0; padding:0 0 4px 12px; border-left:0;
  }
  html body .storefront-global-header .global-header-mobile-navigation .global-header-power-families>a {
    min-height:44px; padding:8px 12px; font-weight:400; border-radius:6px;
    white-space:normal; overflow-wrap:break-word;
  }
  .storefront-global-header .global-header-mobile-navigation .global-header-power-families>a:first-child {
    font-weight:550;
  }
  html body .storefront-global-header .global-header-mobile-navigation .global-header-power .global-header-dropdown>.global-header-power-brand+a {
    margin-top:6px; border-top:1px solid rgba(255,255,255,.1); border-radius:0;
  }
  html body .storefront-global-header .global-header-mobile-navigation .global-header-power .global-header-dropdown>a {
    padding:8px 12px; min-height:44px;
  }
}