/* Final header layout: wide desktop shell, compact labelled selectors and a true mobile drawer. */
.site-header{z-index:10000!important;isolation:isolate}
.site-header>.shell,.scc-corporate-bar>.shell,.hut-service-bar>.shell{width:min(1800px,calc(100% - 48px))}
.scc-header-inner,.hut-header-inner{min-width:0;gap:clamp(8px,1vw,18px)!important}
.primary-nav{min-width:0;white-space:nowrap}
.primary-nav>a{white-space:nowrap}
.scc-brand-scc .scc-nav,.scc-brand-hut .hut-nav{gap:clamp(6px,.8vw,16px)!important;margin-inline:auto}
.header-account{display:inline-flex!important;flex:0 0 auto;min-width:max-content;padding-inline:9px}
.header-cta{flex:0 0 auto;max-width:none;overflow:visible}
.mobile-nav-tools{display:none}

.site-language--header,.site-currency--header,.scc-header-commerce{flex:0 0 auto}
.site-language--header summary,.site-currency--header summary{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:11px 20px;align-items:center;column-gap:5px;min-width:0!important;width:112px;min-height:48px;padding:5px 9px!important}
.header-selector-label{grid-column:1/-1;align-self:end;color:#69766f;font-size:7px!important;font-weight:850;line-height:1;letter-spacing:.1em;text-transform:uppercase}
.site-language--header .site-language__flag,.site-currency--header summary>[data-scc-currency-flag]{grid-column:1;font-size:15px!important}
.site-language--header .site-language__name,.site-currency--header summary>[data-scc-currency-name]{grid-column:2;display:block!important;min-width:0;max-width:none;font-size:9px!important;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-language--header summary>b,.site-currency--header summary>[data-scc-currency-code]{grid-column:3;padding:0 0 0 5px!important;border-left:1px solid rgba(20,35,30,.15);font-size:8px!important;line-height:1;letter-spacing:.03em}
.site-language--header summary>i,.site-currency--header summary>i{grid-column:4;position:static!important;right:auto!important;width:5px;height:5px}
.site-language--header>div,.site-currency--header>div{width:184px;padding:5px}
.site-language--header>div a,.site-currency--header>div a{gap:6px;min-height:38px;padding:7px 8px;font-size:10px}
.site-language--header .site-language__option{gap:6px}
.site-language--header .site-language__option>span{font-size:15px}
.scc-header-commerce{gap:6px!important;margin-left:0!important}
.scc-basket-button{flex:0 0 44px}

@media (max-width:1280px) and (min-width:1041px){
  .site-header>.shell{width:calc(100% - 32px)}
  .scc-brand-scc .scc-brand-lockup{flex-basis:96px;width:96px}
  .scc-brand-hut .hut-brand-lockup{flex-basis:132px;width:132px}
  .scc-brand-scc .scc-nav,.scc-brand-hut .hut-nav{gap:5px!important}
  .scc-brand-scc .scc-nav>a,.scc-brand-hut .hut-nav>a{padding-inline:6px!important;font-size:10px!important}
  .site-language--header summary,.site-currency--header summary{width:96px}
  .header-account{font-size:10px}
  .header-cta{display:inline-flex!important;padding-inline:12px!important;font-size:10px!important}
}

@media (max-width:1040px){
  .site-header{z-index:10000!important}
  .site-header>.shell{width:calc(100% - 24px)}
  .site-language--header,.site-currency--header,.header-account,.header-cta{display:none!important}
  .scc-header-commerce{margin-left:auto!important}
  .primary-nav.is-open{z-index:10020!important;left:0!important;right:0!important;top:100%!important;bottom:auto!important;height:calc(100dvh - 78px)!important;padding:22px 22px calc(32px + env(safe-area-inset-bottom))!important;overflow:auto!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important}
  .mobile-nav-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(90,105,99,.24)}
  .mobile-nav-tools>p{grid-column:1/-1;margin:0;color:#6b7771;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
  .mobile-nav-tools .site-language--drawer,.mobile-nav-tools .site-currency--drawer{display:block!important;width:100%;margin:0!important}
  .mobile-nav-tools .site-language--drawer summary,.mobile-nav-tools .site-currency--drawer summary{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:12px 24px;align-items:center;column-gap:7px;width:100%!important;min-width:0!important;min-height:54px;padding:6px 10px!important}
  .mobile-nav-tools .site-language--drawer .header-selector-label,.mobile-nav-tools .site-currency--drawer .header-selector-label{grid-column:1/-1;font-size:8px!important}
  .mobile-nav-tools .site-language--drawer .site-language__flag,.mobile-nav-tools .site-currency--drawer summary>[data-scc-currency-flag]{grid-column:1;font-size:17px!important}
  .mobile-nav-tools .site-language--drawer .site-language__name,.mobile-nav-tools .site-currency--drawer summary>[data-scc-currency-name]{grid-column:2;display:block!important;font-size:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-nav-tools .site-language--drawer summary>b,.mobile-nav-tools .site-currency--drawer summary>[data-scc-currency-code]{grid-column:3;display:block!important;padding-left:7px!important;border-left:1px solid rgba(20,35,30,.18);font-size:9px!important}
  .mobile-nav-tools .site-language--drawer summary>i,.mobile-nav-tools .site-currency--drawer summary>i{grid-column:4;display:block!important;position:static!important;width:6px;height:6px}
  .mobile-nav-tools .site-language--drawer>div,.mobile-nav-tools .site-currency--drawer>div{position:absolute;z-index:10030;top:calc(100% + 5px);right:0;left:0;width:auto;max-height:240px;overflow:auto}
  .mobile-nav-tools .mobile-nav-account,.mobile-nav-tools .mobile-nav-cta{display:flex!important;align-items:center;justify-content:center;min-height:50px;padding:10px 12px!important;border:0!important;font-size:12px!important;font-weight:850;text-align:center}
  .mobile-nav-tools .mobile-nav-account{background:#eef4f1;color:#12382e}
  .mobile-nav-tools .mobile-nav-cta{background:#006b4d;color:#fff}
  .scc-brand-hut .mobile-nav-tools .mobile-nav-account{border:2px solid #111!important;background:#fff;color:#111}
  .scc-brand-hut .mobile-nav-tools .mobile-nav-cta{border:2px solid #111!important;background:#ffc400;color:#111}
}

@media (max-width:720px){
  .primary-nav.is-open{position:fixed!important;top:70px!important;height:calc(100dvh - 70px)!important}
  .scc-brand-scc .primary-nav.is-open,.scc-brand-hut .primary-nav.is-open{z-index:10020!important}
  .scc-header-commerce{gap:4px!important}
  .scc-basket-button{width:42px;height:42px;min-height:42px}
}

@media (max-width:420px){
  .mobile-nav-tools{grid-template-columns:1fr}
  .mobile-nav-tools>p{grid-column:auto}
}