.wcts-proof-bar,.wcts-main-header,.wcts-navigation{font-family:Manrope,Arial,sans-serif}
.wcts-proof-bar{background:var(--wcts-green);color:#fff;font-size:12px;font-weight:600;letter-spacing:.035em}
.wcts-proof-bar__inner{width:min(calc(100% - 48px),1440px);min-height:36px;margin:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}
.wcts-proof-bar__item{display:flex;align-items:center;gap:8px;padding:0 26px;white-space:nowrap;color:inherit;text-decoration:none}
.wcts-proof-bar__item+.wcts-proof-bar__item{border-left:1px solid rgba(255,255,255,.2)}
.wcts-proof-bar__icon{width:15px;height:15px;display:grid;place-items:center}.wcts-proof-bar__icon svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.wcts-main-header{background:#fff;border-bottom:1px solid var(--wcts-border)}
.wcts-main-header__inner{width:min(calc(100% - 48px),1440px);height:94px;margin:auto;display:grid;grid-template-columns:300px minmax(300px,650px) 1fr;gap:40px;align-items:center}
.wcts-header-logo{display:flex;align-items:center;text-decoration:none}.wcts-header-logo img{display:block;max-width:300px;max-height:72px;width:auto;height:auto}
.wcts-header-logo__fallback{font-size:24px;letter-spacing:.14em;color:var(--wcts-accent);white-space:nowrap}.wcts-header-logo__fallback small{display:block;font-size:8px;letter-spacing:.36em;text-align:center;margin-top:7px;color:#77736c}
.wcts-header-search{height:46px;border:1px solid #d6d3cc;border-radius:3px;display:flex;background:#fff;transition:.18s ease}
.wcts-header-search:focus-within{border-color:var(--wcts-accent);box-shadow:0 0 0 1px var(--wcts-accent)}
.wcts-header-search input[type=search]{border:0!important;box-shadow:none!important;outline:0;min-width:0;flex:1;padding:0 16px!important;background:transparent!important;color:var(--wcts-ink);font-size:14px}
.wcts-header-search button{width:48px;border:0;background:transparent;color:var(--wcts-green);display:grid;place-items:center;cursor:pointer;padding:0}
.wcts-header-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.wcts-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:28px}.wcts-header-action{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--wcts-ink);text-decoration:none;white-space:nowrap}
.wcts-header-action svg{width:21px;height:21px;fill:none;stroke:var(--wcts-green);stroke-width:1.6}
.wcts-header-cart__icon{position:relative;display:flex}.wcts-cart-count{position:absolute;top:-9px;left:13px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--wcts-accent);color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff;line-height:13px}
.wcts-cart-total{margin-left:4px;color:var(--wcts-text);font-weight:400}.wcts-mobile-toggle,.wcts-mobile-search{display:none}

.wcts-navigation{background:#fff;border-bottom:1px solid var(--wcts-border)}
.wcts-navigation__inner{width:min(calc(100% - 48px),1440px);height:57px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.wcts-navigation__menu{height:100%}.wcts-menu{height:100%;display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
.wcts-menu>li{position:relative;display:flex;align-items:stretch}.wcts-menu>li>a{display:flex;align-items:center;padding:0 19px;font-size:14px;font-weight:600;color:var(--wcts-ink);text-decoration:none;position:relative}
.wcts-menu>li:first-child>a{padding-left:0}.wcts-menu>li>a:after{content:"";position:absolute;left:19px;right:19px;bottom:-1px;height:2px;background:var(--wcts-accent);transform:scaleX(0);transform-origin:left;transition:.18s}.wcts-menu>li:first-child>a:after{left:0}
.wcts-menu>li:hover>a,.wcts-menu>li:focus-within>a{color:var(--wcts-accent)}.wcts-menu>li:hover>a:after,.wcts-menu>li:focus-within>a:after{transform:scaleX(1)}
.wcts-menu .menu-item-has-children>a:before{content:"";order:2;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:8px;margin-top:-4px}
.wcts-menu .sub-menu{display:none;position:absolute;z-index:1000;top:100%;left:0;min-width:235px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid var(--wcts-border);box-shadow:0 12px 28px rgba(31,33,31,.08)}
.wcts-menu li:hover>.sub-menu,.wcts-menu li:focus-within>.sub-menu{display:block}.wcts-menu .sub-menu li{position:relative}.wcts-menu .sub-menu a{display:block;padding:10px 18px;color:var(--wcts-ink);font-size:13px;text-decoration:none}.wcts-menu .sub-menu a:hover{color:var(--wcts-accent);background:var(--wcts-off-white)}
.wcts-menu .sub-menu .sub-menu{top:-11px;left:100%}
.wcts-navigation__utility{display:flex;gap:18px;align-items:center;font-size:13px}.wcts-navigation__utility a{color:var(--wcts-text);text-decoration:none}.wcts-navigation__utility a.is-emphasis{color:var(--wcts-green);font-weight:600}
.wcts-navigation__mobile-head{display:none}.wcts-navigation__notice{padding:18px;color:var(--wcts-text)}

@media(max-width:1024px){
.wcts-main-header__inner{grid-template-columns:220px 1fr auto;gap:22px}.wcts-header-logo img{max-width:220px}.wcts-header-actions{gap:18px}.wcts-header-action>span:not(.wcts-header-cart__icon){display:none}
.wcts-menu>li>a{padding:0 10px;font-size:13px}.wcts-menu>li:first-child>a{padding-left:0}.wcts-navigation__utility{display:none}
}
@media(max-width:767px){
body.wcts-menu-open{overflow:hidden}
.wcts-proof-bar{font-size:11px}
.wcts-proof-bar__inner{width:100%;min-height:34px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 18px}
.wcts-proof-bar__inner::-webkit-scrollbar{display:none}
.wcts-proof-bar__item{flex:0 0 auto;scroll-snap-align:start;padding:0 18px;font-size:11px;gap:7px}
.wcts-proof-bar__item:first-child{padding-left:0}
.wcts-proof-bar__icon,.wcts-proof-bar__icon svg{width:14px;height:14px;flex:0 0 14px}

.wcts-main-header__inner{width:calc(100% - 36px);height:72px;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px}
.wcts-mobile-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:3px;background:transparent;color:var(--wcts-green);padding:0;cursor:pointer}
.wcts-mobile-toggle svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.wcts-header-logo{justify-content:center;min-width:0}
.wcts-header-logo img{max-width:min(215px,100%);max-height:52px;width:auto;height:auto}
.wcts-header-logo__fallback{font-size:17px;letter-spacing:.1em}.wcts-header-logo__fallback small{font-size:6px}
.wcts-main-header__inner>.wcts-header-search{display:none}
.wcts-header-actions{gap:0;justify-content:flex-end}
.wcts-header-account{display:none}
.wcts-header-cart{width:42px;height:42px;justify-content:center;gap:0}
.wcts-header-cart>span:last-child{display:none}
.wcts-header-action svg{width:24px;height:24px}
.wcts-cart-count{top:-8px;left:15px}
.wcts-mobile-search{display:block;padding:0 18px 12px}
.wcts-mobile-search .wcts-header-search{height:48px}
.wcts-mobile-search .wcts-header-search input[type=search]{font-size:14px;padding-left:14px!important}
.wcts-mobile-search .wcts-header-search button{width:46px}

.wcts-navigation{position:fixed;z-index:99999;inset:0 auto 0 0;width:min(88vw,390px);border:0;box-shadow:10px 0 35px rgba(0,0,0,.16);transform:translateX(-105%);transition:transform .22s ease;background:#fff;overflow-y:auto}
.wcts-menu-open .wcts-navigation{transform:translateX(0)}
.wcts-navigation__inner{width:100%;height:auto;display:block}
.wcts-navigation__mobile-head{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wcts-border)}
.wcts-mobile-close{border:0;background:transparent;font-size:30px;line-height:1;color:var(--wcts-ink);padding:5px}
.wcts-navigation__menu{height:auto}
.wcts-menu{display:block;height:auto}
.wcts-menu>li{display:block;border-bottom:1px solid var(--wcts-border)}
.wcts-menu>li>a,.wcts-menu>li:first-child>a{padding:16px 20px;font-size:15px}
.wcts-menu>li>a:after{display:none}
.wcts-menu .menu-item-has-children>a:before{margin-left:auto}
.wcts-menu .sub-menu{display:block!important;position:static;min-width:0;border:0;box-shadow:none;padding:0 0 8px;background:var(--wcts-off-white)}
.wcts-menu .sub-menu a{padding:10px 28px}.wcts-menu .sub-menu .sub-menu{position:static}.wcts-menu .sub-menu .sub-menu a{padding-left:42px}
.wcts-navigation__utility{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:10px 20px 24px}.wcts-navigation__utility a{padding:9px 0}
}

/* v1.3.1 - compact mobile header polish */
@media(max-width:767px){
  .wcts-proof-bar{position:relative;font-size:10.5px}
  .wcts-proof-bar__inner{min-height:32px;padding:0 14px;padding-right:34px}
  .wcts-proof-bar__item{padding:0 14px;font-size:10.5px;gap:6px}
  .wcts-proof-bar__icon,.wcts-proof-bar__icon svg{width:13px;height:13px;flex-basis:13px}
  .wcts-proof-bar:after{content:"›";position:absolute;right:0;top:0;width:28px;height:32px;display:grid;place-items:center;color:#fff;font-size:20px;line-height:1;background:linear-gradient(90deg,rgba(38,52,44,0),var(--wcts-green) 45%);pointer-events:none}

  .wcts-main-header__inner{width:calc(100% - 32px);height:66px;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
  .wcts-mobile-toggle{width:44px;height:44px;background:var(--wcts-green);color:#fff;border-radius:3px}
  .wcts-mobile-toggle svg{width:24px;height:24px;stroke-width:1.8}
  .wcts-header-logo img{max-width:min(220px,100%);max-height:48px}
  .wcts-header-cart{width:44px;height:44px}
  .wcts-header-action svg{width:23px;height:23px}
  .wcts-cart-count{top:-7px;left:15px}

  .wcts-mobile-search{padding:0 16px 10px}
  .wcts-mobile-search .wcts-header-search{height:50px}
  .wcts-mobile-search .wcts-header-search input[type=search]{font-size:13px;padding-left:14px!important}
  .wcts-mobile-search .wcts-header-search button{width:44px}
  .wcts-mobile-search .wcts-header-search svg{width:18px;height:18px}
}


/* v1.3.2 - corrected mobile header proportions */
@media(max-width:767px){
  .wcts-main-header__inner{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:calc(100% - 32px);
    height:72px;
    gap:0;
  }

  /* Menu is an icon control, not a coloured tile */
  .wcts-mobile-toggle{
    position:relative;
    z-index:3;
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--wcts-green);
  }
  .wcts-mobile-toggle svg{
    width:29px;
    height:29px;
    stroke-width:1.7;
  }

  /* Keep the brand optically centred regardless of the controls either side */
  .wcts-header-logo{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(285px,46vw);
    justify-content:center;
  }
  .wcts-header-logo img{
    width:100%;
    max-width:285px;
    max-height:60px;
    object-fit:contain;
  }

  .wcts-header-actions{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    margin-left:auto;
  }

  /* My Account belongs in the mobile header */
  .wcts-header-account{
    display:flex;
    width:auto;
    height:42px;
    gap:7px;
    font-size:12px;
    font-weight:600;
  }
  .wcts-header-account svg{
    width:20px;
    height:20px;
  }

  .wcts-header-cart{
    width:38px;
    height:42px;
    flex:0 0 38px;
  }
  .wcts-header-cart svg{
    width:24px;
    height:24px;
  }

  .wcts-mobile-search{
    padding:0 16px 12px;
  }
  .wcts-mobile-search .wcts-header-search{
    height:48px;
  }
  .wcts-mobile-search .wcts-header-search input[type=search]{
    font-size:13px;
  }
}

/* On genuinely narrow phones retain the account icon but drop only its text. */
@media(max-width:479px){
  .wcts-header-logo{
    width:min(205px,52vw);
  }
  .wcts-header-logo img{
    max-width:205px;
  }
  .wcts-header-actions{
    gap:5px;
  }
  .wcts-header-account{
    width:34px;
    flex:0 0 34px;
    justify-content:center;
    gap:0;
  }
  .wcts-header-account span{
    display:none!important;
  }
  .wcts-header-cart{
    width:34px;
    flex-basis:34px;
  }
}


/* v1.3.3 - definitive phone header override after device review */
@media (max-width:767px) {
  .wcts-main-header__inner {
    width:100% !important;
    height:78px !important;
    padding:0 16px !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) 92px !important;
    align-items:center !important;
  }

  .wcts-main-header button.wcts-mobile-toggle {
    position:static !important;
    justify-self:start !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    background-color:transparent !important;
    box-shadow:none !important;
    color:var(--wcts-green) !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }
  .wcts-main-header button.wcts-mobile-toggle:hover,
  .wcts-main-header button.wcts-mobile-toggle:focus {
    background:transparent !important;
    color:var(--wcts-accent) !important;
  }
  .wcts-main-header button.wcts-mobile-toggle:before,
  .wcts-main-header button.wcts-mobile-toggle:after {
    display:none !important;
    content:none !important;
  }
  .wcts-main-header button.wcts-mobile-toggle svg {
    display:block !important;
    width:32px !important;
    height:32px !important;
    margin:auto !important;
    stroke:currentColor !important;
    stroke-width:1.55 !important;
  }

  .wcts-main-header .wcts-header-logo {
    position:static !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    justify-self:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  .wcts-main-header .wcts-header-logo img {
    width:min(330px,100%) !important;
    max-width:330px !important;
    max-height:66px !important;
    height:auto !important;
  }

  .wcts-main-header .wcts-header-actions {
    position:static !important;
    justify-self:end !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
  }
  .wcts-main-header .wcts-header-account {
    display:flex !important;
    width:auto !important;
    min-width:0 !important;
    height:42px !important;
    flex:0 0 auto !important;
    justify-content:center !important;
    align-items:center !important;
    gap:5px !important;
    color:var(--wcts-ink) !important;
  }
  .wcts-main-header .wcts-header-account span {
    display:inline !important;
    font-size:11px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
  .wcts-main-header .wcts-header-account svg {
    width:20px !important;
    height:20px !important;
  }
  .wcts-main-header .wcts-header-cart {
    display:flex !important;
    width:34px !important;
    min-width:34px !important;
    height:42px !important;
    flex:0 0 34px !important;
  }

  .wcts-mobile-search {
    padding:0 16px 12px !important;
  }
}

/* Only on very small phones do we sacrifice the account wording. */
@media (max-width:389px) {
  .wcts-main-header__inner {
    grid-template-columns:50px minmax(0,1fr) 76px !important;
    padding:0 12px !important;
  }
  .wcts-main-header .wcts-header-account span {
    display:none !important;
  }
  .wcts-main-header .wcts-header-logo img {
    width:min(230px,100%) !important;
    max-width:230px !important;
  }
}


/* v1.3.4 - final mobile control balance */
@media (max-width:767px) {
  .wcts-main-header__inner {
    height:72px !important;
    grid-template-columns:54px minmax(0,1fr) 78px !important;
    padding:0 16px !important;
  }

  .wcts-main-header .wcts-header-logo img {
    width:min(360px,100%) !important;
    max-width:360px !important;
    max-height:66px !important;
  }

  .wcts-main-header .wcts-header-actions {
    gap:8px !important;
  }

  /* Mobile account remains fully accessible but visually uses the icon only. */
  .wcts-main-header .wcts-header-account {
    width:32px !important;
    min-width:32px !important;
    flex:0 0 32px !important;
    height:40px !important;
    gap:0 !important;
  }
  .wcts-main-header .wcts-header-account span {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
  .wcts-main-header .wcts-header-account svg {
    width:21px !important;
    height:21px !important;
  }

  .wcts-main-header .wcts-header-cart {
    width:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
    height:40px !important;
  }

  .wcts-mobile-search {
    padding:0 16px 10px !important;
    margin-top:-2px !important;
  }
}

@media (max-width:389px) {
  .wcts-main-header__inner {
    grid-template-columns:46px minmax(0,1fr) 72px !important;
    padding:0 12px !important;
  }
  .wcts-main-header .wcts-header-logo img {
    width:min(250px,100%) !important;
    max-width:250px !important;
  }
}