/** Shopify CDN: Minification failed

Line 1760:0 Unexpected "}"

**/

  :root{
    --ink:#121212; --paper:#ffffff; --paper-off:#f6f5f3; --line:#e6e4e0; --muted:#7a7a7a;
    --crimson:#7c2c2c; --olive:#5c5b47; --cream:#e7ddc9; --charcoal:#2a2a2a; --maxw:1360px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;}
  h1,h2,h3,.display{font-family:'Inter Tight',sans-serif;text-transform:none;line-height:1.1;letter-spacing:-0.01em;font-weight:600;}
  a{color:inherit;text-decoration:none;}
  img,picture{display:block;max-width:100%;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

  /* -------- Deliberate type scale — each level clearly outranks the next -------- */
  .t-hero{font-size:clamp(3.2rem,9vw,7.2rem);}      /* 1: hero statement */
  .t-section{font-size:clamp(1.6rem,2.8vw,2.2rem);}  /* 2: section headline — big drop from hero */
  .t-card{font-size:14px;font-weight:600;text-transform:none;} /* 3: product/card title — plain weight, not display font */
  .t-support{font-size:15px;color:var(--muted);font-weight:400;} /* one-liner supporting copy */

  .btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:999px;transition:transform .18s ease, background-color .18s ease;}
  .btn--dark{background:var(--ink);color:#fff;}
  .btn--dark:hover{transform:translateY(-2px);background:#000;}
  .btn--light{background:#fff;color:var(--ink);}
  .btn--light:hover{transform:translateY(-2px);background:#eee;}
  .btn--outline{border:1.5px solid rgba(255,255,255,.7);color:#fff;}
  .btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px);}
  .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
  .eyebrow{font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);}

  .ph{position:relative;overflow:hidden;background:#ddd;}
  .ph::after{content:attr(data-label);position:absolute;left:16px;bottom:14px;color:#fff;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.4);}
  .ph--crimson{background:linear-gradient(155deg,#8a3737,#5e1f1f);}
  .ph--ink{background:linear-gradient(155deg,#3a3a3a,#141414);}
  .ph--cream{background:linear-gradient(155deg,#efe6d4,#cdbf9f);}
  .ph--cream::after{color:#3a3327;text-shadow:none;}
  .ph--olive{background:linear-gradient(155deg,#6e6d54,#3f3e30);}
  .ph--charcoal{background:linear-gradient(155deg,#4a4a4a,#1c1c1c);}

  .announce{background:var(--ink);color:#fff;text-align:center;font-size:12px;letter-spacing:.5px;padding:9px 0;}

  header{position:sticky;top:0;z-index:100;background:transparent;transition:background-color .25s ease, box-shadow .25s ease;}
  header.solid{background:#fff;box-shadow:none;}
  .header__inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px;padding:0 clamp(20px, 3vw, 48px);}
  .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:24px;height:24px;flex-shrink:0;}
  .hamburger span{display:block;width:100%;height:2px;background:currentColor;border-radius:1px;}
  .mobile-icons{display:none;align-items:center;gap:20px;flex-shrink:0;}

  .nav-drawer{position:fixed;inset:0;z-index:300;visibility:hidden;}
  .nav-drawer__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease;}
  .nav-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:82%;max-width:340px;background:#fff;color:var(--ink);transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:24px;overflow-y:auto;}
  .nav-drawer.open{visibility:visible;}
  .nav-drawer.open .nav-drawer__overlay{opacity:1;}
  .nav-drawer.open .nav-drawer__panel{transform:translateX(0);}
  .nav-drawer__close{align-self:flex-end;margin-bottom:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;}
  .nav-drawer__close svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.8;}
  .nav-drawer__links{display:flex;flex-direction:column;}
  .nav-drawer__links a{padding:15px 2px;font-size:20px;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--line);}
  .nav-drawer__secondary{margin-top:20px;display:flex;flex-direction:column;}
  .nav-drawer__secondary a{padding:13px 2px;font-size:14px;color:var(--muted);}

  .logo{font-family:'Inter Tight',sans-serif;font-size:22px;letter-spacing:1px;display:flex;align-items:center;gap:10px;}
  .logo__mark{height:clamp(30px, 3vw, 51px);width:auto;display:block;}
  header:not(.solid) .logo__mark{filter:brightness(0) invert(1);}
  header.solid .logo__mark{filter:none;}
  .footer__brand .logo__mark{filter:brightness(0) invert(1);}
  header:not(.solid) .logo, header:not(.solid) .nav a, header:not(.solid) .icon-btn svg{color:#fff;}
  header.solid .logo, header.solid .nav a, header.solid .icon-btn svg{color:var(--ink);}
  .nav{display:flex;gap:clamp(20px,2.2vw,36px);}
  .nav a{font-size:clamp(16px,1.39vw,20px);font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;transition:opacity .15s;}
  .nav a:hover{opacity:.6;}
  .header__icons{display:flex;align-items:center;gap:16px;}
  .icon-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;}
  .search-bar{display:flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;width:180px;border:1px solid transparent;transition:background-color .2s ease, border-color .2s ease, width .2s ease;}
  .search-bar svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0;}
  .search-bar input{border:none;background:none;outline:none;font-family:'Inter Tight',sans-serif;font-size:14px;width:100%;color:inherit;}
  .search-bar input::placeholder{color:inherit;opacity:.65;}
  .search-bar:focus-within{width:220px;}
  header:not(.solid) .search-bar{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;}
  header.solid .search-bar{background:#f4f4f4;color:var(--ink);}
  header:not(.solid) .hamburger, header:not(.solid) .mobile-icons svg{color:#fff;}
  header.solid .hamburger, header.solid .mobile-icons svg{color:var(--ink);}

  @media (max-width:900px){
    .nav{display:none !important;}
    .header__icons{display:none !important;}
    .hamburger{display:flex !important;}
    .mobile-icons{display:flex !important;}
    .logo{font-size:19px;margin-left:1cm;}
  }

  .hero{position:relative;min-height:94vh;display:flex;align-items:flex-end;background:#161616;margin-top:-78px;padding-top:78px;overflow:hidden;}
  .hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
  .hero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%);}
  .hero__content{position:relative;z-index:2;padding:0 32px 88px;max-width:var(--maxw);margin:0 auto;width:100%;}
  .hero h1{color:#fff;margin:16px 0 20px;max-width:820px;}
  .hero .eyebrow{color:#fff;opacity:.85;}
  .hero p{color:#fff;opacity:.9;max-width:420px;margin-bottom:32px;font-size:16px;}
  .hero .btns{display:flex;gap:14px;flex-wrap:wrap;}

  section{padding:96px 0;}
  .section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:16px;}
  .section-head a{font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;border-bottom:1.5px solid var(--ink);padding-bottom:3px;}
  .section-support{margin-bottom:40px;}

  .categories{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  .cat-tile{position:relative;height:480px;display:flex;align-items:flex-end;padding:32px;border-radius:2px;cursor:pointer;}
  .cat-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 55%);z-index:1;}
  .cat-tile span{position:relative;z-index:2;color:#fff;font-family:'Inter Tight',sans-serif;font-size:26px;text-transform:uppercase;}
  .cat-tile .ph{position:absolute;inset:0;transition:transform .5s ease;}
  .cat-tile:hover .ph{transform:scale(1.05);}
  @media (max-width:900px){.categories{grid-template-columns:1fr;}.cat-tile{height:340px;}}

  .products{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
  .product-card{cursor:pointer;}
  .product-card .ph{aspect-ratio:3/4;border-radius:2px;position:relative;}
  .product-card .swap{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;}
  .product-card:hover .swap{opacity:1;}
  .product-card__media{aspect-ratio:3/4;border-radius:2px;position:relative;overflow:hidden;background:#eee;}
  .product-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .product-card__media .pc-back{opacity:0;transition:opacity .3s ease;}
  .product-card:hover .product-card__media .pc-back{opacity:1;}
  .quick-add{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;background:#fff;color:var(--ink);text-align:center;padding:12px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:999px;opacity:0;transform:translateY(8px);transition:opacity .2s ease, transform .2s ease;}
  .product-card:hover .quick-add{opacity:1;transform:translateY(0);}
  .product-card__info{padding-top:14px;display:flex;justify-content:space-between;align-items:flex-start;}
  .product-card__info .price{font-size:14px;color:var(--muted);}
  @media (max-width:900px){.products{grid-template-columns:repeat(2,1fr);gap:18px;}}

  /* Trending strip — small circular quick-browse, new in v2 */
  .trending{padding:64px 0;border-top:1px solid var(--line);}
  .trending-track{display:flex;gap:28px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;}
  .trending-track::-webkit-scrollbar{display:none;}
  .trending-item{flex:0 0 auto;text-align:center;width:96px;cursor:pointer;}
  .trending-item .ph{width:96px;height:96px;border-radius:50%;margin-bottom:10px;}
  .trending-item span{font-size:12px;font-weight:600;}

  .editorial{background:var(--ink);color:#fff;padding:0;}
  .editorial__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
  .editorial__media{min-height:520px;}
  .editorial__text{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;}
  .editorial__text .eyebrow{color:#bbb;}
  .editorial__text h2{color:#fff;margin:14px 0 18px;}
  .editorial__text p{color:#ccc;font-size:15px;line-height:1.6;max-width:420px;margin-bottom:30px;}
  @media (max-width:900px){.editorial__grid{grid-template-columns:1fr;}.editorial__media{min-height:340px;}.editorial__text{padding:56px 32px;}}

  .inner-circle{background:var(--paper-off);text-align:center;}
  .inner-circle .wrap{max-width:640px;}
  .inner-circle h2{margin:14px 0 16px;}
  .inner-circle p{color:var(--muted);font-size:15px;margin-bottom:32px;}

  .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;}
  .trust .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}
  .trust-item{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;}
  .trust-item svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.6;flex-shrink:0;}

  footer{background:var(--ink);color:#ccc;padding:72px 0 32px;}
  .footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;}
  .footer__brand .logo{color:#fff;margin-bottom:14px;}
  .footer__brand p{font-size:13px;color:#999;max-width:280px;line-height:1.6;}
  .footer__col h5{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:18px;}
  .footer__col ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
  .footer__col a{font-size:13px;color:#999;transition:color .15s;}
  .footer__col a:hover{color:#fff;}
  .footer__bottom{border-top:1px solid #333;padding-top:26px;display:flex;justify-content:space-between;font-size:12px;color:#777;flex-wrap:wrap;gap:12px;}
  @media (max-width:900px){.footer__top{grid-template-columns:1fr 1fr;}}


  /* =====================================================================
     STORE ADDITIONS — collection pages, product pages, bag, favourites.
     Everything above this line is the approved homepage CSS, unchanged.
     ===================================================================== */
  [hidden]{display:none !important;}
  html.lock{overflow:hidden;}
  :focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
  .nw{white-space:nowrap;}
  .icon-btn:focus-visible{border-radius:50%;}
  header:not(.solid) :focus-visible{outline-color:#fff;}
  .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  main{display:block;}
  .page{max-width:1920px;margin:0 auto;padding:0 clamp(20px,3vw,48px);}

  /* ---- header additions ---- */
  .icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;color:inherit;}
  .icon-btn .count{position:absolute;top:-9px;right:-12px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;}
  header.solid .icon-btn .count{box-shadow:0 0 0 2px #fff;}   /* thin white gap so the badge doesn't merge into the black icon */
  .icon-btn .dot{position:absolute;top:-4px;right:-5px;width:9px;height:9px;border-radius:50%;background:currentColor;pointer-events:none;}
  header:not(.solid) .icon-btn{color:#fff;}
  header.solid .icon-btn{color:var(--ink);}
  .nav a[aria-current="page"]{box-shadow:0 2px 0 currentColor;padding-bottom:3px;}

  /* ---- drawers / modals (bag, filters) ---- */
  .drawer{position:fixed;inset:0;z-index:400;visibility:hidden;transition:visibility 0s linear .3s;}
  .drawer.open{visibility:visible;transition-delay:0s;}
  .drawer__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease;}
  .drawer.open .drawer__overlay{opacity:1;}
  .drawer__panel{position:absolute;top:0;bottom:0;right:0;width:100%;max-width:440px;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;}
  .drawer.open .drawer__panel{transform:none;}
  .drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);}
  .drawer__head h2{font-size:1.15rem;line-height:1;}
  .drawer__head h2 span{font-family:'Inter Tight',sans-serif;font-weight:500;color:var(--muted);font-size:.8em;margin-left:4px;letter-spacing:0;}
  .icon-close{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s;}
  .icon-close:hover{background:#f2f2f2;}
  .icon-close svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.8;}
  .drawer__body{flex:1;overflow:auto;padding:0 24px;}
  .drawer__foot{padding:16px 24px 22px;border-top:1px solid var(--line);}
  .drawer__foot--row{display:flex;gap:10px;}
  .drawer__foot--row .btn{flex:1;padding:16px 12px;}
  .btn--block{display:flex;width:100%;padding:18px 24px;font-size:16px;}
  .btn--ghost{border:1.5px solid #cfcfcf;color:var(--ink);background:#fff;}
  .btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px);}
  .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none !important;}
  .link-btn{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:var(--ink);}
  .link-btn:hover{opacity:.6;}

  .modal{position:fixed;inset:0;z-index:450;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;transition:visibility 0s linear .25s;}
  .modal.open{visibility:visible;transition-delay:0s;}
  .modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s ease;}
  .modal.open .modal__overlay{opacity:1;}
  .modal__panel{position:relative;background:#fff;border-radius:24px;max-width:560px;width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:32px;opacity:0;transform:translateY(14px);transition:opacity .25s ease, transform .25s ease;}
  .modal.open .modal__panel{opacity:1;transform:none;}
  .modal__panel h2{font-size:1.5rem;margin-bottom:6px;}
  .modal__panel .icon-close{position:absolute;top:16px;right:16px;}
  .modal__panel h3{font-family:'Inter Tight',sans-serif;text-transform:none;font-size:15px;letter-spacing:0;line-height:1.3;margin:24px 0 8px;}
  .modal__panel p, .modal__panel li{font-size:14.5px;line-height:1.6;color:#333;}
  .modal__panel ul{padding-left:20px;list-style:disc;}

  .toast{position:fixed;left:50%;bottom:28px;z-index:600;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;max-width:calc(100vw - 40px);text-align:center;line-height:1.4;}
  .toast.show{opacity:1;transform:translate(-50%,0);}
  @media (max-width:1023.98px){body[data-route="product"] .toast{bottom:92px;}}

  .search-overlay{position:fixed;inset:0;z-index:350;background:rgba(10,10,10,.42);opacity:0;visibility:hidden;transition:opacity .25s ease, visibility 0s linear .25s;}
  .search-overlay.open{opacity:1;visibility:visible;transition-delay:0s;}
  .search-overlay__bar{background:#fff;padding:14px clamp(20px,3vw,48px);box-shadow:0 10px 30px rgba(0,0,0,.14);transform:translateY(-100%);transition:transform .25s ease;}
  .search-overlay.open .search-overlay__bar{transform:none;}
  .search-overlay form{display:flex;align-items:center;gap:12px;background:#f4f4f4;border-radius:999px;padding:12px 18px;}
  .search-overlay svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.8;flex-shrink:0;}
  .search-overlay input{flex:1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:16px;color:var(--ink);}
  .search-overlay button.cancel{font-size:14px;font-weight:600;}

  /* ---- product card (shared: home, collections, favourites, search, related) ---- */
  .product-card{position:relative;}
  .product-card__mediawrap{position:relative;}
  a.product-card__media{display:block;}
  .product-card__media img{z-index:1;transition:opacity .3s ease;}
  .product-card__media img.is-broken{opacity:0 !important;}
  .product-card__media::after{content:attr(data-label);position:absolute;left:14px;bottom:14px;z-index:0;color:var(--phtxt,rgba(255,255,255,.85));font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
  .product-card__info{display:block;padding-top:12px;}
  .product-card__tag{display:inline-block;margin-bottom:8px;padding:4px 11px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:600;line-height:1.25;color:var(--crimson);}
  .product-card__tag--soon{color:var(--ink);}
  h3.product-card__name{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.35;color:var(--ink);}
  .product-card__meta{font-size:14.5px;line-height:1.4;color:var(--ink);}
  .product-card__price{margin-top:6px;font-size:14.5px;font-weight:500;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;}
  .product-card__price s{font-weight:400;color:var(--muted);}
  .product-card__info:hover h3.product-card__name{text-decoration:underline;text-underline-offset:3px;}

  /* the like heart (cards, product page): a plain outline, filled solid black (same colour as the outline) with a quick pop when it is on */
  .heart{display:block;overflow:visible;}
  .heart path{fill:transparent;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;transition:fill .12s ease, stroke .12s ease;}
  .is-fav .heart path{fill:currentColor;}
  .heart.is-pop{animation:heart-pop .5s cubic-bezier(.2,.8,.3,1);}
  @keyframes heart-pop{0%{transform:scale(1)}18%{transform:scale(.7)}52%{transform:scale(1.3)}78%{transform:scale(.94)}100%{transform:scale(1)}}
  @media (prefers-reduced-motion:reduce){.heart.is-pop{animation:none;}}

  .fav-btn{position:absolute;top:2px;right:2px;z-index:3;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:transform .15s ease;}
  .fav-btn .heart{width:26px;height:26px;}
  .fav-btn:hover{transform:scale(1.1);}
  .fav-btn:active{transform:scale(.88);}

  .quick-add{cursor:pointer;border:none;font-family:inherit;}
  .quick-add:focus-visible{opacity:1;transform:translateY(0);}
  .qa-sizes{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;background:#fff;border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.16);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease, transform .2s ease;}
  .qa-sizes p{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
  .qa-sizes div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
  .qa-sizes button{height:34px;border:1px solid #d6d6d6;border-radius:999px;font-size:12px;font-weight:600;transition:background-color .15s, color .15s, border-color .15s;}
  .qa-sizes button:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
  .product-card.is-qa .qa-sizes{opacity:1;pointer-events:auto;transform:none;}
  .product-card.is-qa .quick-add{opacity:0;pointer-events:none;}
  @media (hover:none){.quick-add,.qa-sizes{display:none;}}

  /* The colour block shown while a photo loads (or if it is missing) is drawn one pixel INSIDE the photo's box. Painted on the
     box itself it peeked out along the photo's edges and corners as a hairline or a ring, which read as a dark border. */
  .product-card__media,.pdp-stage,.pdp-thumb,.sw,.bag-line__img,.rv-prodlink__img,.rv-prod__img,.em-item__img{background:none;}
  .product-card__media::before,.pdp-stage::before,.pdp-thumb::before,.sw::before,.bag-line__img::before,.rv-prodlink__img::before,.rv-prod__img::before,.em-item__img::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:var(--ph,#eee);}
  .trending-item .ph{background:none;}
  .trending-item .ph::before{content:"";position:absolute;inset:1px;border-radius:50%;background:#ddd;}
  .trending-item .ph--crimson::before{background:linear-gradient(155deg,#8a3737,#5e1f1f);}
  .trending-item .ph--ink::before{background:linear-gradient(155deg,#3a3a3a,#141414);}
  .trending-item .ph--cream::before{background:linear-gradient(155deg,#efe6d4,#cdbf9f);}
  .trending-item .ph--olive::before{background:linear-gradient(155deg,#6e6d54,#3f3e30);}
  .trending-item .ph--charcoal::before{background:linear-gradient(155deg,#4a4a4a,#1c1c1c);}

  .product-card__media img{object-position:50% 22%;}
  .trending-item .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;}
  .trending-item .ph img.is-broken{opacity:0;}
  .trending-item:hover .ph{transform:scale(1.05);transition:transform .25s ease;}
  .lightbox__img.is-broken{visibility:hidden;}

  body:not([data-route="home"]) footer .wrap{max-width:1920px;padding:0 clamp(20px,3vw,48px);}

  /* ---- collection page: title, category tabs, sticky filter bar, side panel, tight grid ---- */
  .col-head{padding-bottom:6px;}
  .col-head .crumbs{padding:22px 0 0;}
  .col-h1{font-size:clamp(2rem,4.4vw,3.6rem);line-height:.96;letter-spacing:-.01em;margin-top:14px;}
  .col-tabs{margin-top:24px;}
  .col-tabs ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 30px;position:relative;}
  .col-tabs a{display:block;padding:8px 0 9px;font-size:15px;font-weight:500;color:#6d6d6d;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s ease, border-color .15s ease;}
  .col-tabs a:hover{color:var(--ink);}
  .col-tabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink);}

  .col-bar{position:sticky;top:78px;z-index:60;background:#fff;}
  .col-bar__inner{display:flex;align-items:center;gap:16px;padding:14px 0;}
  .col-results{margin-left:auto;font-size:14px;color:#555;white-space:nowrap;}
  .tool-btn{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 20px 0 16px;border:1.5px solid #cfcfcf;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;transition:border-color .15s ease;}
  .tool-btn:hover{border-color:var(--ink);}
  .tool-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
  .tool-btn .js-fcount{margin-left:-4px;}

  .col-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;padding-top:6px;padding-bottom:72px;align-items:start;}
  .col--nofilters .col-body{grid-template-columns:minmax(0,1fr);}
  .col--nofilters .col-side{display:none;}
  .col-side{position:sticky;top:calc(78px + var(--bar-h,72px) + 6px);max-height:calc(100vh - 78px - var(--bar-h,72px) - 24px);overflow:auto;padding:0 10px 84px 0;scrollbar-width:thin;animation:side-in .22s ease both;}
  @keyframes side-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.col-side{animation:none;}}

  .fgroup{border-bottom:1px solid var(--line);}
  .fgroup>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:15px;font-weight:600;cursor:pointer;}
  .fgroup>summary::-webkit-details-marker{display:none;}
  .fgroup>summary::after{content:'';width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;margin-right:3px;}
  .fgroup[open]>summary::after{transform:rotate(-135deg) translateY(-2px);}
  .fgroup__body{padding:0 0 22px;}
  .chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;}
  .chip{position:relative;display:block;}
  .chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;}
  .chip span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1.5px solid #d6d6d6;border-radius:14px;font-size:14.5px;font-weight:500;transition:border-color .15s ease, box-shadow .15s ease;}
  .chip:hover span{border-color:var(--ink);}
  .chip input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:700;}
  .chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px;}
  .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 6px;}
  .swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;cursor:pointer;}
  .swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;}
  .swatch i{display:block;width:32px;height:32px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.2);transition:box-shadow .15s ease;}
  .swatch span{font-size:12px;line-height:1.2;color:#333;}
  .swatch input:checked+i{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink);}
  .swatch input:focus-visible+i{outline:2px solid var(--ink);outline-offset:4px;}
  .checks{display:flex;flex-direction:column;}
  .check{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;cursor:pointer;}
  .check input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:20px;height:20px;margin:0;border:1.5px solid #b9b9b9;border-radius:6px;display:grid;place-content:center;cursor:pointer;transition:background-color .15s ease, border-color .15s ease;}
  .check input:checked{background:var(--ink);border-color:var(--ink);}
  .check input:checked::after{content:'';width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);}
  .check--radio input{border-radius:50%;}
  .check--radio input:checked::after{width:8px;height:8px;border:none;border-radius:50%;background:#fff;transform:none;}
  .check input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}

  .applied{padding:2px 0 0;border-bottom:1px solid var(--line);}
  .applied:empty{display:none;}
  .applied__t{margin:6px 0 12px;font-size:15px;font-weight:600;}
  .applied__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-bottom:18px;}
  .applied button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#f2f2f2;font-size:13px;font-weight:500;transition:background-color .15s ease;}
  .applied button:hover{background:#e8e8e8;}
  .applied button svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;}
  .applied button.clear{background:none;text-decoration:underline;text-underline-offset:3px;padding:8px 6px;}

  .grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:44px 8px;}
  .grid .product-card__media{aspect-ratio:var(--tile,4/5);border-radius:6px;}
  @media (min-width:1700px){.col--nofilters .grid,.grid--wide{--cols:4;}}
  @media (min-width:1024px) and (max-width:1279.98px){.col:not(.col--nofilters) .grid{--cols:2;}}
  .empty{padding:72px 0 40px;text-align:center;max-width:520px;margin:0 auto;}
  .empty h2{font-size:1.6rem;margin-bottom:12px;}
  .empty p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:26px;}
  .empty .btn{margin:0 4px 8px;}

  .related-cats{padding:56px 0 8px;border-top:1px solid var(--line);margin-top:64px;}
  .related-cats h2{font-size:1.15rem;margin-bottom:18px;}
  .pills{display:flex;flex-wrap:wrap;gap:10px;}
  .pill{display:inline-flex;align-items:center;padding:11px 20px;border:1px solid #cfcfcf;border-radius:999px;font-size:14px;font-weight:500;transition:border-color .15s ease, background-color .15s ease;}
  .pill:hover{border-color:var(--ink);}

  .soon-panel{max-width:620px;margin:0 auto;padding:clamp(48px,8vw,110px) 0 clamp(60px,9vw,130px);text-align:center;}
  .soon-panel h1{font-size:clamp(2rem,5vw,3.4rem);margin:12px 0 16px;}
  .soon-panel p{color:var(--muted);font-size:16px;line-height:1.6;max-width:460px;margin:0 auto 28px;}
  .notify{display:flex;gap:8px;max-width:440px;margin:0 auto 24px;}
  .notify input{flex:1;min-width:0;border:1.5px solid #cfcfcf;border-radius:999px;padding:0 20px;height:52px;font:inherit;font-size:15px;outline:none;transition:border-color .15s ease;}
  .notify input:focus{border-color:var(--ink);}
  .notify .btn{padding:0 26px;height:52px;flex-shrink:0;}
  .page-title-row{display:flex;align-items:baseline;gap:12px;padding:32px 0 24px;}

  /* ---- product page ---- */
  .crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13px;color:var(--muted);padding:22px 0 18px;}
  .crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
  .crumbs [aria-current]{color:var(--ink);}
  .pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,4.5vw,80px);align-items:start;padding-bottom:80px;}
  .pdp-gallery{position:sticky;top:100px;display:flex;gap:16px;justify-content:center;align-items:flex-start;}
  .pdp-thumbs{display:flex;flex-direction:column;gap:16px;width:68px;flex-shrink:0;}
  /* thumbnails and colour swatches carry no border or ring; the one showing now has a short bar under it */
  .pdp-thumb{position:relative;display:block;aspect-ratio:4/5;border-radius:8px;}
  .pdp-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
  .pdp-thumb::after,.sw::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:var(--ink);opacity:0;transform:scaleX(.3);transition:opacity .2s ease, transform .2s ease;pointer-events:none;}
  .pdp-thumb:hover::after,.sw:hover::after{opacity:.3;transform:scaleX(1);}
  .pdp-thumb.is-active::after,.sw.is-current::after{opacity:1;transform:scaleX(1);}
  .pdp-stage{position:relative;flex:1 1 auto;width:100%;max-width:max(380px,calc((100vh - 170px) * .8));aspect-ratio:4/5;border-radius:8px;overflow:hidden;}
  .pdp-stage::after{content:attr(data-label);position:absolute;left:18px;bottom:16px;color:var(--phtxt,rgba(255,255,255,.85));font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
  .pdp-slides{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;z-index:1;}
  .pdp-slides::-webkit-scrollbar{display:none;}
  .pdp-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;position:relative;}
  .pdp-slide__btn{display:block;width:100%;height:100%;cursor:zoom-in;}
  .pdp-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;}
  .pdp-slide img.is-broken{opacity:0;}
  .pdp-arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease, background-color .15s ease;}
  .pdp-arrow svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:2;}
  .pdp-arrow--prev{left:12px;}.pdp-arrow--next{right:12px;}
  .pdp-stage:hover .pdp-arrow{opacity:1;}
  .pdp-arrow:hover{background:#fff;}
  .pdp-arrow:focus-visible{opacity:1;}
  @media (hover:none){.pdp-arrow{display:none;}}
  .pdp-dots{display:none;}
  .pdp-fav{position:absolute;top:8px;right:8px;z-index:3;width:50px;height:50px;display:none;align-items:center;justify-content:center;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:transform .15s ease;}
  .pdp-fav .heart{width:29px;height:29px;}
  .pdp-fav:active{transform:scale(.88);}

  .pdp-title{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.02;}
  .pdp-sub{font-size:16px;color:var(--muted);margin-top:10px;}
  .pdp-price{margin-top:16px;font-size:18px;font-weight:600;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;}
  .pdp-price s{color:var(--muted);font-weight:400;font-size:16px;}
  .pdp-price .off{font-size:14px;color:var(--crimson);font-weight:700;}
  .pdp-price .soon{font-size:15px;color:var(--muted);font-weight:600;}
  .pdp-label{font-size:15px;font-weight:600;}
  .pdp-label span{font-weight:400;color:var(--muted);}
  .pdp-colours{margin-top:30px;}
  .sw-row{display:flex;flex-wrap:wrap;gap:16px 8px;margin-top:12px;}
  .sw{position:relative;display:block;width:min(64px,calc((100% - 32px) / 5));aspect-ratio:4/5;border-radius:8px;}   /* five colours always fit on one row, even on a 360px phone */
  .sw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
  .sw img.is-broken{opacity:0;}
  .pdp-sizes{margin-top:28px;}
  .pdp-sizes__head{display:flex;justify-content:space-between;align-items:baseline;}
  .size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;}
  .size-btn{height:52px;border:1px solid #cfcfcf;border-radius:12px;font-size:15px;font-weight:500;transition:border-color .15s ease, box-shadow .15s ease;}
  .size-btn:hover{border-color:var(--ink);}
  .size-btn[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:700;}
  .pdp-sizes.has-error .size-btn{border-color:#b3261e;}
  .pdp-sizes.shake .size-grid{animation:shake .35s ease;}
  @keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
  .size-error{margin-top:10px;font-size:14px;color:#b3261e;font-weight:500;}
  .pdp-cta{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
  .pdp-cta .btn .heart{width:20px;height:20px;margin-left:8px;flex-shrink:0;}
  .pdp-cta .btn .heart path{stroke-width:2.1;}
  .pdp-perks{margin-top:24px;display:flex;flex-direction:column;gap:12px;font-size:14px;list-style:none;}
  .pdp-perks li{display:flex;gap:12px;align-items:center;}
  .pdp-perks svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
  .pdp-desc{margin-top:30px;font-size:15px;line-height:1.65;color:#222;}
  .pdp-bullets{margin-top:14px;padding-left:20px;font-size:15px;line-height:1.75;list-style:disc;color:#222;}
  .acc{margin-top:30px;border-top:1px solid var(--line);}
  .acc details{border-bottom:1px solid var(--line);}
  .acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:16px;font-weight:600;cursor:pointer;}
  .acc summary::-webkit-details-marker{display:none;}
  .acc summary::after{content:'+';font-size:22px;font-weight:400;line-height:1;}
  .acc details[open] summary::after{content:'\2013';}
  .acc__body{padding:0 0 22px;font-size:15px;line-height:1.65;color:#333;}
  .acc__body p+p{margin-top:10px;}
  .acc__body a{text-decoration:underline;text-underline-offset:3px;}
  .soon-box{margin-top:28px;padding:22px;border-radius:20px;background:var(--paper-off);}
  .soon-box strong{display:block;font-size:15px;margin-bottom:4px;}
  .soon-box p{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:14px;}
  .soon-box .notify{margin:0;max-width:none;}
  .more-block{padding:8px 0 80px;border-top:1px solid var(--line);}
  .more-block .section-head{margin:40px 0 24px;}
  .more-block .products{grid-template-columns:repeat(4,minmax(0,1fr));}

  .pdp-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;align-items:center;gap:14px;background:#fff;border-top:1px solid var(--line);padding:12px clamp(20px,3vw,48px) calc(12px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .25s ease;}
  .pdp-bar.show{transform:none;}
  .pdp-bar__txt{flex:1;min-width:0;}
  .pdp-bar__name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .pdp-bar__price{font-size:13px;color:var(--muted);}
  .pdp-bar .btn{padding:14px 26px;flex-shrink:0;}

  /* ---- bag ---- */
  .bag-empty{padding:56px 0;text-align:center;}
  .bag-empty p{color:var(--muted);font-size:15px;margin-bottom:22px;}
  .bag-line{display:grid;grid-template-columns:96px 1fr auto;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);}
  .bag-line__img{position:relative;display:block;aspect-ratio:4/5;border-radius:8px;overflow:hidden;}
  .bag-line__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .bag-line__img img.is-broken{opacity:0;}
  .bag-line__name{font-size:14.5px;font-weight:600;line-height:1.3;}
  .bag-line__name:hover{text-decoration:underline;text-underline-offset:3px;}
  .bag-line__meta{font-size:13.5px;color:var(--muted);line-height:1.5;}
  .bag-line__price{font-size:14.5px;font-weight:600;}
  .bag-line__ctrl{display:flex;align-items:center;gap:16px;margin-top:12px;}
  .qty{display:inline-flex;align-items:center;border:1px solid #cfcfcf;border-radius:999px;}
  .qty button{width:34px;height:34px;font-size:18px;line-height:1;border-radius:50%;}
  .qty button:hover{background:#f2f2f2;}
  .qty span{min-width:22px;text-align:center;font-size:14px;font-weight:600;}
  .bag-sum{display:flex;justify-content:space-between;font-size:16px;font-weight:600;margin-bottom:6px;}
  .bag-note{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px;}
  .bag-foot-links{display:flex;justify-content:center;margin-top:14px;}

  /* ---- lightbox ---- */
  .lightbox{position:fixed;inset:0;z-index:500;background:rgba(8,8,8,.96);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s ease, visibility 0s linear .2s;}
  .lightbox.open{visibility:visible;opacity:1;transition-delay:0s;}
  .lightbox__img{max-width:min(94vw,1100px);max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:4px;}
  .lightbox__btn{position:absolute;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .15s ease;}
  .lightbox__btn:hover{background:rgba(255,255,255,.28);}
  .lightbox__btn svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;}
  .lightbox__close{top:18px;right:18px;}
  .lightbox__prev{left:18px;top:50%;margin-top:-24px;}
  .lightbox__next{right:18px;top:50%;margin-top:-24px;}
  .lightbox__count{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:#fff;font-size:13px;letter-spacing:1px;opacity:.8;}

  /* ---- 404 ---- */
  .nf{padding:clamp(60px,10vw,140px) 0;text-align:center;}
  .nf h1{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:14px;}
  .nf p{color:var(--muted);margin-bottom:26px;}

  /* ---- responsive ---- */
  @media (min-width:1024px){
    .tool-btn--mob{display:none;}
  }
  @media (max-width:1023.98px){
    .col-body{grid-template-columns:minmax(0,1fr);}
    .col-side{display:none;}
    .tool-btn--desk{display:none;}
    .grid, .col--nofilters .grid{--cols:3;}
    .products{grid-template-columns:repeat(3,1fr);}
    .more-block .products{grid-template-columns:repeat(3,minmax(0,1fr));}
    .pdp{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:44px;}
    body[data-route="product"] footer{padding-bottom:calc(32px + 84px);}
    .pdp-gallery{position:static;display:block;}
    .pdp-thumbs{display:none;}
    .pdp-stage{max-width:none;border-radius:0;margin:0 calc(-1 * clamp(20px,3vw,48px));width:auto;}
    .pdp-arrow{display:none;}
    .pdp-fav{display:flex;}
    .pdp-dots{display:flex;justify-content:center;gap:7px;padding:14px 0 0;}
    .pdp-dots i{width:7px;height:7px;border-radius:50%;background:#cfcfcf;transition:background-color .2s ease, transform .2s ease;}
    .pdp-dots i.is-active{background:var(--ink);transform:scale(1.15);}
    .pdp-bar{display:flex;}
    .crumbs{padding:16px 0 14px;}
    .col-head .crumbs{padding:16px 0 0;}
    .col-bar__inner{padding:10px 0;}
  }
  @media (max-width:767.98px){
    .grid, .col--nofilters .grid{--cols:2;gap:32px 6px;}
    .grid .product-card__media{border-radius:4px;}
    .products{grid-template-columns:repeat(2,1fr);}
    .more-block .products{grid-template-columns:repeat(2,minmax(0,1fr));}
    .col-h1{font-size:clamp(1.7rem,7.6vw,2.2rem);margin-top:10px;}
    .col-tabs{margin-top:16px;}
    .col-tabs ul{flex-wrap:nowrap;overflow-x:auto;gap:4px 24px;margin:0 calc(-1 * clamp(20px,3vw,48px));padding:0 clamp(20px,3vw,48px);scrollbar-width:none;}
    .col-tabs ul::-webkit-scrollbar{display:none;}
    .tool-btn{height:42px;padding:0 16px 0 14px;}
    .col-title{font-size:1.45rem;line-height:1.05;}
    .col-count{display:inline;vertical-align:.25em;}
    .bag-line{grid-template-columns:84px 1fr auto;gap:12px;}
    .modal__panel{padding:26px 22px;}
    .notify{flex-direction:column;}
    .notify .btn{width:100%;}
    /* the filter + sort panel becomes a full-screen sheet that slides up */
    .drawer--sheet .drawer__panel{max-width:none;transform:translateY(100%);}
    .drawer--sheet.open .drawer__panel{transform:none;}
  }
  @media (max-width:420px){
    .col-title{font-size:1.3rem;}
  }
  .drawer--sheet .icon-close{background:#f0f0f0;}
  .drawer--sheet .icon-close:hover{background:#e5e5e5;}
  .drawer--sheet .drawer__foot{padding:14px 24px calc(18px + env(safe-area-inset-bottom));}
  /* =====================================================================
     REVIEWS — stars, product-page section, list, review-your-order page
     (stars and reviews are only ever shown on an individual product page)
     ===================================================================== */
  .stars{--s:16px;--p:0%;position:relative;display:inline-block;width:calc(var(--s) * 5);height:var(--s);flex-shrink:0;vertical-align:middle;}
  .stars::before,.stars::after{content:'';position:absolute;left:0;top:0;height:100%;background-repeat:repeat-x;background-position:0 50%;background-size:var(--s) var(--s);}
  .stars::before{width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23d9d7d3' points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");}
  .stars::after{width:var(--p);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23121212' points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");}
  .stars--sm{--s:13px;}
  .stars--lg{--s:22px;}

  .pdp-rating{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:2px 0;font-size:14px;font-weight:600;color:var(--ink);}
  .pdp-rating:hover .pdp-rating__n{text-decoration:underline;text-underline-offset:3px;}
  .pdp-rating__n span{font-weight:400;color:var(--muted);}
  #pdpRating:empty{display:none;}
  #reviewsAcc{scroll-margin-top:100px;}
  .acc summary>span:first-child>span{font-weight:400;color:var(--muted);}
  .acc__stars{margin-left:auto;margin-right:16px;display:inline-flex;}

  .rv{padding-bottom:30px;}
  .rv-note{margin:0 0 18px;padding:13px 16px;border-radius:14px;background:var(--paper-off);font-size:14px;line-height:1.5;color:#333;}
  .acc__body .rv-note+.rv-sum, .acc__body .rv-note+.rv-empty{margin-top:0;}
  .rv-empty{padding:4px 0 6px;}
  .rv-empty p{margin:0 0 14px;color:var(--muted);}
  .rv-empty strong{color:var(--ink);font-size:16px;}
  .rv-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 32px;align-items:center;padding:4px 0 24px;}
  .rv-sum__big{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
  .rv-sum__avg{font-size:46px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink);}
  .rv-sum__n{font-size:13px;color:var(--muted);}
  .rv-bars{display:flex;flex-direction:column;gap:2px;}
  .rv-bar{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;padding:5px 8px;margin:0 -8px;border-radius:8px;font-size:13px;color:#333;text-align:left;transition:background-color .15s;}
  .rv-bar:not(:disabled):hover{background:#f4f3f1;}
  .rv-bar:disabled{opacity:.45;cursor:default;}
  .rv-bar.is-on{background:#f0eeea;}
  .rv-bar.is-on .rv-bar__lbl{font-weight:700;}
  .rv-bar__lbl{display:flex;align-items:center;gap:4px;}
  .rv-bar__lbl svg{width:12px;height:12px;fill:var(--ink);}
  .rv-bar__track{display:block;height:6px;border-radius:999px;background:#ecebe8;overflow:hidden;}
  .rv-bar__track i{display:block;height:100%;border-radius:999px;background:var(--ink);}
  .rv-bar__n{text-align:right;color:var(--muted);}
  .rv-bar:focus-visible{outline:2px solid var(--ink);outline-offset:1px;}

  .rv-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 6px;border-top:1px solid var(--line);}
  .rv-sortlbl{display:block;margin-left:auto;}
  .rv-select{appearance:none;-webkit-appearance:none;border:1.5px solid #cfcfcf;border-radius:999px;padding:11px 40px 11px 18px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 14px;}
  .rv-select:hover{border-color:var(--ink);}
  .rv-filtered{margin:14px 0 0;font-size:14px;color:var(--muted);}
  .rv-list{display:flex;flex-direction:column;}
  .rv-item{padding:24px 0;border-top:1px solid var(--line);}
  .rv-item:first-child{border-top:0;}
  .rv-item:focus{outline:none;}
  .rv-item__top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .rv-item__top time{font-size:13px;color:var(--muted);}
  .rv-item__title{margin:10px 0 0;font-family:'Inter Tight',sans-serif;font-size:15.5px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.35;color:var(--ink);}
  .rv-item .rv-item__text{margin:6px 0 0;font-size:14.5px;line-height:1.65;color:#2b2b2b;white-space:pre-line;overflow-wrap:anywhere;}
  .rv-item__meta{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--muted);}
  .rv-item__meta strong{color:var(--ink);font-weight:600;}
  .rv-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#f2f1ee;font-size:11.5px;font-weight:600;line-height:1.5;color:#444;}
  .rv-tag svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
  .rv-tag--ok{background:#e6f0e6;color:#27552b;}
  .rv-tag--sample{background:#fff1cf;color:#6f5200;}
  .rv-more{margin-top:10px;}
  .rv-prodlink{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13.5px;font-weight:600;line-height:1.3;}
  .rv-prodlink:hover{text-decoration:underline;text-underline-offset:3px;}
  .rv-prodlink small{display:block;font-weight:400;color:var(--muted);font-size:12.5px;}
  .rv-prodlink__img{position:relative;display:block;width:44px;aspect-ratio:4/5;border-radius:6px;overflow:hidden;flex-shrink:0;}
  .rv-prodlink__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .rv-prodlink__img img.is-broken{opacity:0;}

  /* review-your-order page (opened from the emails) */
  .ro{max-width:900px;padding-bottom:90px;}
  .ro-head{padding:36px 0 26px;}
  .ro-head h1{margin:10px 0 12px;}
  .ro-sub{max-width:560px;font-size:15px;line-height:1.6;color:var(--muted);}
  .ro-box{margin:0 0 34px;padding:6px 24px;border-radius:24px;background:var(--paper-off);}
  .ro-row{display:flex;align-items:center;gap:14px;padding:16px 0;}
  .ro-row+.ro-row{border-top:1px solid #e3e0da;}
  .ro-row>div{flex:1;min-width:0;}
  .ro-row strong{display:block;font-size:14.5px;font-weight:600;}
  .ro-row small{color:var(--muted);font-size:13px;}
  .ro-row .rv-prodlink__img{width:52px;}

  @media (max-width:767.98px){
    .rv-sum{grid-template-columns:minmax(0,1fr);gap:14px;}
    .rv-sum__big{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;}
    .rv-sum__avg{font-size:38px;}
    .ro-box{padding:4px 18px;}
    .ro-row{flex-wrap:wrap;}
    .ro-row .rv-tag,.ro-row .btn{margin-left:66px;}
  }

  /* ---- review form (modal) ---- */
  .modal--sheet .modal__panel{max-width:620px;}
  .btn--sm{padding:10px 18px;font-size:14px;}
  .rv-form h2{font-size:1.5rem;margin-bottom:4px;padding-right:44px;}
  .modal__panel .rv-form p{font-size:14px;}
  .rv-prod{display:flex;align-items:center;gap:14px;margin:14px 0 0;padding:12px;border-radius:16px;background:var(--paper-off);}
  .rv-prod__img{position:relative;display:block;width:52px;aspect-ratio:4/5;border-radius:8px;overflow:hidden;flex-shrink:0;}
  .rv-prod__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .rv-prod__img img.is-broken{opacity:0;}
  .rv-prod strong{display:block;font-size:14.5px;font-weight:600;line-height:1.3;color:var(--ink);}
  .rv-prod span{font-size:13px;color:var(--muted);}
  .modal__panel .rv-form .rv-verified{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;border-radius:12px;background:#e6f0e6;color:#27552b;font-size:13.5px;line-height:1.4;}
  .rv-verified svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  .rv-field{margin:16px 0 0;border:0;padding:0;min-width:0;}
  .rv-field>label,.rv-field>legend{display:block;margin-bottom:8px;padding:0;font-size:14px;font-weight:600;color:var(--ink);}
  .rv-field small{font-weight:400;color:var(--muted);font-size:12.5px;}
  .rv-input{display:block;width:100%;border:1.5px solid #cfcfcf;border-radius:14px;padding:13px 16px;font:inherit;font-size:16px;line-height:1.4;color:var(--ink);background:#fff;outline:none;transition:border-color .15s;}
  select.rv-input{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 14px;}
  textarea.rv-input{resize:vertical;min-height:104px;}
  .rv-input:focus{border-color:var(--ink);}
  .rv-input[aria-invalid="true"]{border-color:#b3261e;}
  .rv-input::placeholder{color:#9a9a9a;}
  .rv-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
  .rv-row>.rv-field{min-width:0;}
  .modal__panel .rv-form .rv-err{margin:7px 0 0;font-size:13px;font-weight:500;color:#b3261e;}
  .modal__panel .rv-form .rv-hint{margin:6px 0 0;font-size:12.5px;color:var(--muted);}
  .modal__panel .rv-form .rv-policy{margin:18px 0 16px;font-size:12.5px;line-height:1.55;color:var(--muted);}
  .rv-starsin{display:inline-flex;gap:2px;}
  .rv-starsin input{position:absolute;opacity:0;width:1px;height:1px;margin:0;}
  .rv-starsin label{display:block;padding:3px;border-radius:8px;cursor:pointer;}
  .rv-starsin label svg{display:block;width:34px;height:34px;fill:#d9d7d3;stroke:none;transition:fill .12s ease, transform .12s ease;}
  .rv-starsin label.is-on svg,.rv-starsin label.is-hover svg{fill:var(--ink);}
  .rv-starsin label:hover svg{transform:scale(1.08);}
  .rv-starsin input:focus-visible+label{outline:2px solid var(--ink);outline-offset:2px;}
  .rv-ratingrow{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-left:-3px;}
  .rv-rating-word{font-size:14px;font-weight:600;color:var(--ink);}
  .rv-thanks{text-align:center;padding:10px 0 0;}
  .rv-thanks h2{margin:0 0 10px;padding:0;}
  .modal__panel .rv-thanks>p{margin:0 auto 22px;max-width:380px;font-size:15px;color:#444;}
  .rv-thanks__tick{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:var(--ink);}
  .rv-thanks__tick svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  .demo-box{margin-top:22px;padding:16px 18px;border:1.5px dashed #b4b0a6;border-radius:16px;background:#fffdf6;text-align:left;}
  .demo-box strong{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#6f5200;}
  .modal__panel .demo-box p{margin:6px 0 12px;font-size:13.5px;color:#444;}

  /* ---- owner approvals (drawer) ---- */
  .drawer__panel--wide{max-width:560px;}
  .owner-note{padding:14px 24px;font-size:13px;line-height:1.55;color:#555;background:#fffdf6;border-bottom:1px solid var(--line);}
  .owner-note strong{color:#6f5200;}
  .owner-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--line);}
  .owner-tabs button{padding:14px 12px 12px;margin-bottom:-1px;font-size:14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;}
  .owner-tabs button span{font-weight:400;}
  .owner-tabs button[aria-pressed="true"]{color:var(--ink);font-weight:700;border-bottom-color:var(--ink);}
  .own-item{padding:22px 0;border-bottom:1px solid var(--line);}
  .own-item .rv-item__text{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:#2b2b2b;white-space:pre-line;overflow-wrap:anywhere;}
  .own-item__private{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--paper-off);font-size:12.5px;line-height:1.6;color:#555;}
  .own-item__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .own-empty{padding:48px 0;text-align:center;font-size:14.5px;color:var(--muted);}

  /* ---- prototype tools (floating) ---- */
  .demo-fab{position:fixed;left:16px;bottom:16px;z-index:85;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1.5px dashed #8f8b80;border-radius:999px;background:#fff;color:var(--ink);font-size:12.5px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.14);}
  .demo-fab:hover{background:#fffdf6;}
  .demo-fab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  .demo-fab__badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#c0392b;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;}
  .demo-menu{position:fixed;left:16px;bottom:66px;z-index:86;width:min(340px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.22);}
  .demo-menu__h{padding:10px 12px 6px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#6f5200;}
  .demo-item{display:block;width:100%;padding:11px 12px;border-radius:12px;text-align:left;font-size:14px;font-weight:600;color:var(--ink);}
  .demo-item:hover{background:#f5f5f3;}
  .demo-item small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted);}
  @media (max-width:1023.98px){body[data-route="product"] .demo-fab{bottom:92px;}body[data-route="product"] .demo-menu{bottom:142px;}}

  /* ---- email previews ---- */
  .mail-wrap{max-width:860px;margin:0 auto;padding:30px 0 100px;}
  .mail-intro p:not(.eyebrow){max-width:560px;margin-top:10px;font-size:15px;line-height:1.6;color:var(--muted);}
  .mail-intro h1{margin-top:10px;}
  .mail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px;}
  .pill.is-on{background:var(--ink);border-color:var(--ink);color:#fff;}
  .mail-meta{margin:0 0 16px;padding:12px 18px;border:1px solid var(--line);border-radius:16px;font-size:14px;}
  .mail-meta div{display:flex;gap:14px;padding:4px 0;}
  .mail-meta dt{width:64px;flex-shrink:0;color:var(--muted);}
  .mail-meta dd{min-width:0;font-weight:500;}
  .mail-frame{display:flex;justify-content:center;padding:28px 12px;border-radius:22px;background:#e9e7e2;}
  .mail-frame.is-phone .em{max-width:375px;}
  .em{width:100%;max-width:600px;background:#fff;color:#111;font-family:Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55;}
  .em a{color:inherit;}
  .em__logo{padding:30px 32px 6px;text-align:center;}
  .em__logo img{display:inline-block;height:30px;width:auto;}
  .em-h{margin:22px 32px 10px;font-size:28px;line-height:1.1;font-weight:900;letter-spacing:-.01em;text-align:center;text-transform:none;font-family:Helvetica,Arial,sans-serif;}
  .em-p{margin:0 32px 18px;text-align:center;color:#444;}
  .em-cta{margin:0 32px 26px;text-align:center;}
  .em-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:#121212;color:#fff !important;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;}
  .em-btn--sm{padding:10px 20px;font-size:12px;margin-top:12px;}
  .em-btn--light{background:#fff;color:#121212 !important;}
  .em-items{margin:0 32px;border-top:1px solid #e6e4e0;}
  .em-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e6e4e0;}
  .em-item__img{position:relative;display:block;width:84px;aspect-ratio:4/5;border-radius:8px;overflow:hidden;flex-shrink:0;}
  .em-item__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .em-item__img img.is-broken{opacity:0;}
  .em-item__txt{flex:1;min-width:0;}
  .em-item__txt strong{display:block;font-size:15px;}
  .em-item__txt>span{display:block;font-size:13.5px;color:#777;}
  .em-stars{margin-top:8px;font-size:30px;line-height:1;letter-spacing:2px;}
  .em-stars a{text-decoration:none;color:#c9c6bf;}
  .em-stars:hover a{color:#121212;}
  .em-stars a:hover~a{color:#c9c6bf !important;}
  .em-box{margin:26px 32px 0;padding:24px;border-radius:18px;background:#121212;color:#fff;text-align:center;}
  .em-box strong{display:block;font-size:17px;}
  .em-box p{margin:8px 0 16px;font-size:14px;color:#ccc;}
  .em-small{margin:20px 32px 0;text-align:center;font-size:13.5px;color:#666;}
  .em-small a{text-decoration:underline;}
  .em__foot{margin-top:30px;padding:22px 32px 30px;border-top:1px solid #e6e4e0;text-align:center;font-size:12px;line-height:1.6;color:#888;}
  .em__foot a{text-decoration:underline;}

  /* ---- reviews: small screens ---- */
  @media (max-width:767.98px){
    .modal--sheet{padding:0;align-items:flex-end;}
    .modal--sheet .modal__panel{max-width:none;border-radius:24px 24px 0 0;max-height:92vh;padding:26px 20px calc(26px + env(safe-area-inset-bottom));}
    .rv-row{grid-template-columns:1fr;}
    .rv-starsin label svg{width:42px;height:42px;}
    .em__logo,.em-h,.em-p,.em-cta,.em-items,.em-box,.em-small,.em__foot{margin-left:0;margin-right:0;}
    .em__logo{padding-left:20px;padding-right:20px;}
    .em-h{margin:20px 20px 10px;font-size:25px;}
    .em-p,.em-cta,.em-small{margin-left:20px;margin-right:20px;}
    .em-items{margin:0 20px;}
    .em-box{margin:24px 20px 0;}
    .em__foot{padding-left:20px;padding-right:20px;}
    .mail-frame{padding:16px 0;border-radius:16px;}
    .demo-fab{padding:11px;}
    .demo-fab__txt{display:none;}
    .rv-tools .btn{width:100%;}
    .rv-tools .rv-sortlbl{margin-left:0;width:100%;}
    .rv-tools .rv-select{width:100%;}
    .owner-tabs{padding:0 12px;overflow-x:auto;}
    .owner-tabs button{padding:14px 10px 12px;font-size:13.5px;white-space:nowrap;}
  }
  .mail-frame.is-phone .em-h{margin:20px 20px 10px;font-size:25px;}
  .mail-frame.is-phone .em-p,.mail-frame.is-phone .em-cta,.mail-frame.is-phone .em-small{margin-left:20px;margin-right:20px;}
  .mail-frame.is-phone .em-items{margin:0 20px;}
  .mail-frame.is-phone .em-box{margin:24px 20px 0;}

  @media (prefers-reduced-motion:reduce){
    *{transition-duration:.01ms !important;animation-duration:.01ms !important;scroll-behavior:auto !important;}
  }

  /* =====================================================================
     v10 — v8 layout everywhere, set in v9's type: Inter Tight, sentence
     case, On-style sizes (hero 49.6 px / 30.8 px, section headings 49.6 px,
     nav 20 px, buttons 16 px), scaling down on smaller screens.
     ===================================================================== */
  body{font-size:16px;line-height:1.5;}
  .t-hero{font-size:clamp(2rem,1.2rem + 2.6vw,3.1rem);line-height:1.1;}
  .hero h1{margin:10px 0 6px;max-width:14em;}
  .hero p{font-size:clamp(1.2rem,.9rem + 1.45vw,1.925rem);line-height:1.3;max-width:21em;opacity:1;}
  .hero .eyebrow{font-size:clamp(15px,1.1vw,17px);opacity:.92;}
  .hero .btns{margin-top:-8px;}
  .t-section{font-size:clamp(1.75rem,1rem + 2.45vw,3.1rem);line-height:1.1;}
  .t-support{font-size:clamp(1rem,.9rem + .4vw,1.25rem);line-height:1.4;}
  .cat-tile span{font-size:clamp(20px,1.8vw,26px);font-weight:600;text-transform:none;}
  .trending-item span{font-size:14px;}
  .trust-item{font-size:15px;font-weight:500;}
  .more-block .t-section{font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem);}
  .col-h1{font-size:clamp(1.75rem,1rem + 2.45vw,3.1rem);line-height:1.1;letter-spacing:-.01em;}
  .pdp-title{font-size:clamp(1.6rem,1.1rem + 1.2vw,2.25rem);line-height:1.15;}
  .soon-panel h1,.nf h1,.ro-head h1,.mail-intro h1{line-height:1.1;}


  /* =====================================================================
     v11 — Nike type sizes on collection headers and product pages;
     hero words lined up with the logo on the left (as in v9).
     ===================================================================== */
  .hero__content{max-width:none;margin:0;padding:0 clamp(20px,3vw,48px) clamp(40px,7vh,88px);}
  .hero .eyebrow{margin:0 0 10px;}
  .hero h1{margin:0;}
  .hero p{margin:6px 0 0;}
  .hero .btns{margin-top:clamp(20px,3.2vh,32px);}

  /* collection header (Nike: 24 px, medium weight, count in brackets) */
  .col-h1{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:0;margin-top:14px;}
  .col-h1__count{font-weight:500;}
  .col-title{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:0;}
  .col-count{display:inline;vertical-align:baseline;}
  @media (max-width:767.98px){
    .col-h1,.col-title{font-size:20px;}
    .col-h1{margin-top:10px;}
  }

  /* product page (Nike: title 24 px medium, everything else 16 px) */
  .pdp-title{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:0;}
  .pdp-sub{font-size:16px;font-weight:500;margin-top:4px;}
  .pdp-price{margin-top:14px;font-size:16px;font-weight:500;}
  .pdp-price s{font-size:16px;}
  .pdp-price .off{font-size:16px;font-weight:500;}
  .pdp-price .soon{font-size:16px;font-weight:500;}
  .pdp-label{font-size:16px;font-weight:500;}
  .size-btn{font-size:16px;font-weight:400;}
  .pdp-cta .btn{font-size:16px;font-weight:500;}
  .pdp-perks{font-size:16px;}
  .pdp-desc{font-size:16px;line-height:1.75;}
  .pdp-bullets{font-size:16px;line-height:1.75;}
  .acc summary{font-size:20px;font-weight:500;}
  .pdp-sizes__head .link-btn{font-size:16px;font-weight:500;}
  .more-block .t-section{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:0;}


  /* =====================================================================
     v12 — homepage section headings at the collection-title size (24 px);
     "Shop by category" in the style of the original Angora site: two
     photo tiles, close to the edges, title + black Shop pill on the photo.
     ===================================================================== */
  #view-home .t-section{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:0;}
  #view-home .t-support{font-size:16px;line-height:1.5;}
  #view-home .section-support{margin-bottom:24px;}
  #view-home .section-head{margin-bottom:6px;}
  .editorial__text h2{margin:10px 0 14px;}
  .inner-circle h2{margin:10px 0 12px;}

  .home-cats{padding:clamp(28px,3.4vw,48px) clamp(20px,3vw,48px);}
  .home-cats .section-support{margin-bottom:clamp(14px,1.4vw,20px);}
  .home-cats .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);}
  .cat-tile--photo{display:block;height:auto;aspect-ratio:1264/1575;padding:0;border-radius:0;overflow:hidden;background:#e6e6e6;}
  .cat-tile--photo::before{display:none;}
  @media (min-width:600px){.cat-tile--photo{aspect-ratio:auto;width:100%;min-height:420px;height:min(calc((100vw - 2 * clamp(20px,3vw,48px) - clamp(10px,1.2vw,16px)) * .623), calc(100vh - 110px));height:min(calc((100vw - 2 * clamp(20px,3vw,48px) - clamp(10px,1.2vw,16px)) * .623), calc(100svh - 110px));}}
  .cat-tile--photo img{object-position:62% 40%;}
  .cat-tile--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
  .cat-tile--photo:hover img{transform:scale(1.03);}
  .cat-tile__txt{position:absolute;left:7%;bottom:6%;right:7%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.8vw,26px);}
  .cat-tile__title{color:var(--ink);font-size:clamp(18px,1.7vw,24px);font-weight:600;line-height:1.2;}
  .cat-tile .cat-tile__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:999px;background:var(--ink);color:#fff;font-size:16px;font-weight:500;line-height:1.2;transition:background-color .18s ease, transform .18s ease;}
  .cat-tile--photo:hover .cat-tile__btn{background:#000;transform:translateY(-2px);}
  .cat-tile--photo:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
  @media (max-width:767.98px){
    #view-home .t-section{font-size:20px;}
    .cat-tile .cat-tile__btn{padding:10px 22px;font-size:15px;}
  }
  @media (max-width:599.98px){
    .home-cats .categories{grid-template-columns:minmax(0,1fr);}
    .cat-tile__title{font-size:20px;}
  }


  /* =====================================================================
     v13 — smaller category photos on computers: same margins and gap, the
     tiles are about a quarter shorter by trimming empty backdrop above and
     below (people, stool and shoes stay whole). The words sit beside the
     feet and scale with the tile so they never run into the photo.
     ===================================================================== */
  @media (min-width:1200px){
    .cat-tile--photo{aspect-ratio:auto;min-height:0;container-type:inline-size;height:min(calc((100vw - 2 * clamp(20px,3vw,48px) - clamp(10px,1.2vw,16px)) / 2 * .989), calc(100vh - 110px));height:min(calc((100vw - 2 * clamp(20px,3vw,48px) - clamp(10px,1.2vw,16px)) / 2 * .989), calc(100svh - 110px));}
    .cat-tile--men img{object-position:50% 41%;}
    .cat-tile--women img{object-position:50% 37%;}
    .cat-tile__txt{left:7%;bottom:5.5%;gap:2.2cqw;}
    .cat-tile__title{font-size:2.7cqw;}
    .cat-tile .cat-tile__btn{font-size:max(14px,1.85cqw);padding:1.3cqw 3cqw;}
  }


  /* =====================================================================
     v14 — New arrivals as a sideways slider (rounded photo cards, words on
     the photo, arrows top-right), close to the edges, fits any screen.
     ===================================================================== */
  .home-new{padding:clamp(24px,3vw,40px) 0 clamp(32px,4vw,56px);background:#fff;}
  .home-new__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 clamp(20px,3vw,48px);margin-bottom:clamp(14px,1.6vw,20px);}
  .home-new__head .t-support{margin-top:4px;}
  .home-new__tools{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .home-new__all{font-size:15px;font-weight:600;border-bottom:1.5px solid var(--ink);padding-bottom:2px;margin-right:6px;white-space:nowrap;}
  .na-arrow{width:44px;height:44px;border-radius:50%;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease, opacity .15s ease;}
  .na-arrow:hover:not(:disabled){background:#e2e2e2;}
  .na-arrow:disabled{opacity:.4;cursor:default;}
  .na-arrow svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.8;}
  .na-arrows{display:flex;gap:10px;}

  .na-track{display:flex;gap:clamp(8px,.9vw,16px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,3vw,48px);padding:0 clamp(20px,3vw,48px);scrollbar-width:none;}
  .na-track::-webkit-scrollbar{display:none;}
  .na-track>.product-card{flex:0 0 auto;width:clamp(230px,19.2vw,400px);scroll-snap-align:start;}
  .na-track .product-card__mediawrap{border-radius:12px;overflow:hidden;}
  .na-track .product-card__media{border-radius:12px;}
  .na-track .product-card__mediawrap::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));border-radius:0 0 12px 12px;}
  .na-track .product-card__media::after{display:none;}
  .na-track .quick-add,.na-track .qa-sizes{display:none !important;}
  .na-track .product-card__info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 clamp(14px,1.4vw,22px) clamp(14px,1.4vw,20px);color:#fff;}
  .na-track h3.product-card__name{color:#fff;font-size:clamp(16px,1.2vw,18px);font-weight:600;}
  .na-track .product-card__meta{color:rgba(255,255,255,.88);font-size:14px;}
  .na-track .product-card__price{color:#fff;font-size:15px;margin-top:4px;}
  .na-track .product-card__price s{color:rgba(255,255,255,.75);}
  .na-track .product-card__tag{color:#fff;border-color:rgba(255,255,255,.85);margin-bottom:6px;}
  @media (max-width:1023.98px){ .na-track>.product-card{width:clamp(220px,31vw,320px);} }
  @media (max-width:767.98px){
    .na-arrows{display:none;}
    .na-track>.product-card{width:64vw;}
  }
  @media (max-width:399.98px){ .na-track>.product-card{width:72vw;} }


  /* =====================================================================
     v15 — New arrivals card words like Nike: under the photo, black name,
     grey description, price below; Sale as plain coloured text above.
     ===================================================================== */
  .na-track .product-card__mediawrap::after{display:none;}
  .na-track .product-card__info{position:static;display:block;padding:12px 0 0;color:var(--ink);}
  .na-track .product-card__tag{display:block;padding:0;border:0;border-radius:0;margin:0 0 2px;font-size:16px;font-weight:500;line-height:1.5;color:var(--crimson);}
  .na-track h3.product-card__name{color:var(--ink);font-size:16px;font-weight:500;line-height:1.5;}
  .na-track .product-card__meta{color:#707072;font-size:16px;line-height:1.5;}
  .na-track .product-card__price{color:var(--ink);font-size:16px;font-weight:500;line-height:1.5;margin-top:10px;}
  .na-track .product-card__price s{color:#707072;font-weight:400;}
  @media (max-width:767.98px){
    .na-track h3.product-card__name,.na-track .product-card__meta,.na-track .product-card__price,.na-track .product-card__tag{font-size:15px;}
  }


  /* =====================================================================
     v16 — the "Keep Moving Forward" skate-park video from angoraclothing.com
     fills the left half of the "Built for the grind" section (streams from
     Shopify's video CDN; if it can't load, the dark block shows instead).
     ===================================================================== */
  .editorial__media--video{position:relative;overflow:hidden;}
  .editorial__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block;}
  .editorial__video.is-broken{display:none;}


  /* =====================================================================
     v18 — Trending now: big words + a photo panel that plays through each
     item on its own (replaces the round thumbnails)
     ===================================================================== */
  .trend{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,3.4vw,48px) clamp(20px,3vw,48px);}
  .trend__h{margin-bottom:14px;}
  .trend__list{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:28px;}
  .trend__item{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;padding:2px 0;}
  .trend__word{font-size:clamp(28px,3.4vw,52px);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:#b9b9b9;transition:color .2s ease;}
  .trend__item:hover .trend__word,.trend__item.is-on .trend__word{color:var(--ink);}
  .trend__bar{display:block;width:100%;height:3px;margin-top:4px;border-radius:2px;background:transparent;overflow:hidden;}
  .trend__item.is-on .trend__bar{background:#e4e4e4;}
  .trend__bar i{display:block;height:100%;width:0;background:var(--ink);border-radius:2px;}
  .trend__media{position:relative;display:block;border-radius:12px;overflow:hidden;background:#ececec;aspect-ratio:4/5;width:100%;max-height:calc(100vh - 120px);max-height:calc(100svh - 120px);}
  .trend__set{position:absolute;inset:0;visibility:hidden;}
  .trend__set.is-on{visibility:visible;}
  .trend__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;opacity:0;transform:scale(1.04);transition:opacity .7s ease, transform 2.4s ease;}
  .trend__img.is-on{opacity:1;transform:scale(1);}
  .trend__img.is-broken{display:none;}
  .trend__label{position:absolute;left:16px;bottom:14px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:14px;font-weight:500;}
  .trend__media:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
  @media (max-width:767.98px){
    .trend{grid-template-columns:minmax(0,1fr);gap:16px;}
    .trend__text{display:contents;}
    .trend__h{order:0;margin:0;}
    .trend__list{order:1;flex-direction:row;overflow-x:auto;gap:8px;margin:0 calc(-1 * clamp(20px,3vw,48px));padding:0 clamp(20px,3vw,48px);scrollbar-width:none;}
    .trend__list::-webkit-scrollbar{display:none;}
    .trend__item{padding:10px 16px;border-radius:999px;border:1.5px solid #d6d6d6;position:relative;overflow:hidden;}
    .trend__word{font-size:15px;color:var(--ink);white-space:nowrap;}
    .trend__item.is-on{background:var(--ink);border-color:var(--ink);}
    .trend__item.is-on .trend__word{color:#fff;}
    .trend__bar{position:absolute;left:0;right:0;bottom:0;margin:0;height:3px;}
    .trend__item.is-on .trend__bar{background:rgba(255,255,255,.25);}
    .trend__item.is-on .trend__bar i{background:#fff;}
    .trend__media{order:2;max-height:none;}
    .trend__cta{order:3;justify-self:start;}
  }
  @media (prefers-reduced-motion:reduce){ .trend__img{transition:none;transform:none;} }


  /* =====================================================================
     v19 — Trending now: same type as "Made for every move", no progress
     lines, photos keep playing on their own, smaller photo, everything
     drawn a little towards the middle (like On's activity list)
     ===================================================================== */
  #view-home .trend__h{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;color:#555;margin-bottom:14px;}
  .trend__bar{display:none !important;}
  .trend__list{gap:2px;}
  .trend__item{padding:2px 0;}
  .trend__img{transition:opacity .8s ease;transform:none;}
  .trend__img.is-on{animation:trendDrift 3.2s linear forwards;}
  @keyframes trendDrift{from{transform:scale(1);}to{transform:scale(1.07);}}
  @media (min-width:768px){
    .trend{max-width:1320px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);padding-left:clamp(20px,7vw,120px);padding-right:clamp(20px,7vw,120px);}
    .trend__media{width:100%;max-width:560px;justify-self:center;aspect-ratio:3/4;max-height:calc(100vh - 160px);max-height:calc(100svh - 160px);}
  }
  @media (max-width:767.98px){
    #view-home .trend__h{font-size:20px;color:var(--ink);margin:0;}
    .trend__item{padding:10px 16px;}
  }
  @media (prefers-reduced-motion:reduce){ .trend__img.is-on{animation:none;} }


  /* v20 — Trending now: slightly bigger photo and label, slightly smaller words */
  #view-home .trend__h{font-size:19px;}
  .trend__word{font-size:clamp(26px,2.9vw,44px);}
  .trend__img.is-on{animation-duration:4s;}
  @media (min-width:768px){
    .trend{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
    .trend__media{max-width:620px;max-height:calc(100vh - 130px);max-height:calc(100svh - 130px);}
  }
  @media (max-width:767.98px){ #view-home .trend__h{font-size:20px;} .trend__word{font-size:15px;} }


  /* =====================================================================
     v21 — story section: full-screen skate-park video that plays as you
     scroll, words fading in on top (Ideas 2 + 7 combined; other ideas gone)
     ===================================================================== */
  .scrub{position:relative;height:280vh;padding:0;margin:0;}
  .scrub__stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#161616;}
  .scrub__video,.scrub__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;}
  .scrub:not(.use-frames) .scrub__canvas{display:none;}
  .scrub.use-frames .scrub__video{display:none;}
  .scrub__stick::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 60%,rgba(0,0,0,0)),linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,0) 50%);}
  .scrub__text{position:absolute;z-index:2;left:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px);bottom:clamp(40px,10vh,110px);max-width:760px;color:#fff;}
  .scrub__line{display:block;opacity:0;transform:translateY(24px);transition:opacity .5s ease, transform .5s ease;}
  .scrub__line.is-on{opacity:1;transform:none;}
  .scrub__eyebrow{font-size:16px;font-weight:500;color:#fff;margin-bottom:10px;}
  .scrub__big{font-size:clamp(2rem,1.2rem + 3.2vw,4rem);font-weight:600;line-height:1.08;letter-spacing:-.01em;color:#fff;}
  .scrub__btn{display:inline-flex;width:auto;margin-top:22px;color:var(--ink);}
  @media (prefers-reduced-motion:reduce){
    .scrub{height:auto;}
    .scrub__stick{position:relative;height:clamp(440px,72vh,780px);}
    .scrub__line{opacity:1;transform:none;transition:none;}
  }


  /* =====================================================================
     v22 — header menus: categories + sub-categories (desktop drop-down,
     phone menu sections); homepage order; "Shop now" buttons
     ===================================================================== */
  .mega{position:absolute;left:0;right:0;top:100%;z-index:101;background:#fff;color:var(--ink);border-top:0;box-shadow:0 18px 30px rgba(0,0,0,.08);}
  .mega__panel{display:none;max-width:1400px;margin:0 auto;padding:36px clamp(20px,3vw,48px) 48px;gap:0;justify-content:center;}
  .mega__panel.is-on{display:flex;animation:megaIn .18s ease;}
  @keyframes megaIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
  .mega__col{width:270px;padding-right:24px;}
  .mega__h{font-size:16px;font-weight:500;line-height:1.5;margin-bottom:12px;color:var(--ink);}
  .mega__col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
  .mega__col a{font-size:14px;line-height:24px;color:#707072;font-weight:500;transition:color .15s ease;}
  .mega__col a:hover,.mega__col a:focus-visible{color:var(--ink);}
  .mega__soon,.nd-body .mega__soon{margin-left:6px;font-size:11px;font-weight:600;color:var(--ink);background:#f1f1f1;border-radius:999px;padding:2px 8px;vertical-align:1px;}
  .mega-scrim{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.18);}
  header.mega-open{box-shadow:none;}
  .header__inner{position:relative;z-index:102;}
  header.mega-open .header__inner{background:#fff;}
  @media (max-width:900px){ .mega,.mega-scrim{display:none !important;} }
  @media (prefers-reduced-motion:reduce){ .mega__panel.is-on{animation:none;} }

  /* phone menu: each main link opens to show its categories */
  .nd-group{border-bottom:1px solid var(--line);}
  .nd-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px 2px;font-size:20px;font-weight:600;cursor:pointer;}
  .nd-group>summary::-webkit-details-marker{display:none;}
  .nd-group>summary::after{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease;margin-right:4px;}
  .nd-group[open]>summary::after{transform:rotate(-135deg) translateY(-1px);}
  .nd-body{padding:0 2px 16px;}
  .nd-h{font-size:13px;font-weight:600;color:#707072;margin:10px 0 4px;}
  .nd-body ul{list-style:none;}
  .nav-drawer__links .nd-body a{display:block;padding:9px 0;font-size:16px;font-weight:500;color:var(--ink);border-bottom:0;}


  /* =====================================================================
     v23 — search suggestions; no line under the header
     ===================================================================== */
  .search-wrap{position:relative;}
  .sugg{position:absolute;right:0;top:calc(100% + 10px);z-index:130;width:min(440px,calc(100vw - 32px));max-height:min(72vh,620px);overflow-y:auto;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.18);padding:10px;text-align:left;}
  .sugg[hidden]{display:none !important;}
  .sugg--sheet{position:static;width:auto;max-height:calc(100vh - 120px);max-height:calc(100svh - 120px);box-shadow:none;border-radius:0;padding:8px 0 0;}
  .sugg__h{font-size:13px;font-weight:600;color:#707072;margin:10px 10px 6px;}
  .sugg__prod{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;}
  .sugg__img{position:relative;flex:0 0 48px;width:48px;height:60px;border-radius:8px;overflow:hidden;background:var(--ph,#eee);}
  .sugg__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .sugg__img img.is-broken{opacity:0;}
  .sugg__txt{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:1.35;}
  .sugg__txt b{font-weight:500;font-size:15px;}
  .sugg__txt span{color:#707072;}
  .sugg__txt .sugg__price{color:var(--ink);font-weight:500;}
  .sugg__price s{color:#707072;font-weight:400;margin-left:4px;}
  .sugg__row{display:block;width:100%;text-align:left;padding:10px 10px;border-radius:12px;font-size:15px;font-weight:500;color:var(--ink);}
  .sugg__prod:hover,.sugg__row:hover,.sugg__chip:hover,[role="option"].is-active{background:#f3f3f3;}
  .sugg__chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 10px 8px;}
  .sugg__chip{padding:8px 14px;border-radius:999px;border:1.5px solid #d6d6d6;font-size:14px;font-weight:500;color:var(--ink);}
  .sugg__all{display:block;width:100%;margin-top:6px;padding:12px 10px;border-top:1px solid var(--line);text-align:left;font-size:15px;font-weight:600;color:var(--ink);border-radius:0 0 12px 12px;}
  .sugg__none{padding:12px 10px 4px;font-size:15px;color:var(--ink);}
  .sugg__link{font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:var(--ink);padding:0;}
  .search-cats,.search-help,.search-pop{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
  .search-help{align-items:center;}
  .search-help__h{font-size:14px;font-weight:600;color:#707072;margin-right:4px;}
  .search-pop{justify-content:center;margin-top:18px;}
  .search-dym{font-weight:600;text-decoration:underline;text-underline-offset:3px;}
  button.pill{font:inherit;font-size:14px;cursor:pointer;background:none;}


  /* =====================================================================
     v24 — search panel (Nike × On): header bar unchanged; clicking it (or
     the phone search icon) opens a panel with suggestions, FAQs, products
     ===================================================================== */
  #hSearch{cursor:pointer;}
  .search-overlay.sx{background:rgba(10,10,10,.35);}
  .sx__panel{padding:0;max-height:min(92vh,860px);overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 24px 24px;box-shadow:0 20px 50px rgba(0,0,0,.18);}
  .sx__top{position:sticky;top:0;z-index:2;background:#fff;display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,880px) minmax(120px,1fr);align-items:center;gap:20px;padding:16px clamp(20px,3vw,48px);}
  .sx__logo{justify-self:start;display:flex;}
  .sx__logo img{height:clamp(30px,3vw,46px);width:auto;display:block;}
  .search-overlay .sx__form{display:flex;align-items:center;gap:12px;background:#f3f3f3;border-radius:999px;padding:0 10px 0 18px;height:52px;}
  .search-overlay .sx__form input{font-size:17px;}
  .search-overlay .sx__form input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}
  .sx__clear{width:32px;height:32px;border-radius:50%;background:#dcdcdc;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .search-overlay .sx__clear svg{width:14px;height:14px;stroke:var(--ink);stroke-width:2.2;}
  .search-overlay button.cancel.sx__cancel{justify-self:end;font-size:16px;font-weight:500;color:var(--ink);padding:8px 4px;}
  .sx__body{padding:4px clamp(20px,3vw,48px) 36px;}
  .sx__wrap{max-width:1180px;margin:0 auto;}
  .sx__h{font-size:14px;font-weight:500;color:#707072;margin:20px 0 12px;}
  .sx__rowhead{display:flex;align-items:center;justify-content:space-between;}
  .sx__clearrec{font-size:14px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px;margin-top:8px;}
  .sx__chips{display:flex;flex-wrap:wrap;gap:10px;}
  .sx__chip{padding:10px 18px;border-radius:999px;background:#f3f3f3;font-size:16px;font-weight:500;color:var(--ink);transition:background-color .15s ease;}
  .sx__chip:hover{background:#e6e6e6;}
  .sx__chip--recent{background:#fff;box-shadow:inset 0 0 0 1.5px #d6d6d6;}
  .sx__grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-top:8px;}
  .sx__suggs{display:flex;flex-direction:column;align-items:flex-start;}
  .sx__sugg{display:block;text-align:left;font-size:20px;font-weight:500;color:var(--ink);padding:6px 0;line-height:1.3;}
  .sx__sugg:hover{color:#555;}
  .sx__none{font-size:16px;margin:20px 0 4px;}
  .sx__dym{font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0;color:var(--ink);}
  .sx__faqs{border-top:1px solid var(--line);}
  .sx__faq{border-bottom:1px solid var(--line);}
  .sx__faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:15px;font-weight:500;color:var(--ink);}
  .sx__faq summary::-webkit-details-marker{display:none;}
  .sx__faq summary::after{content:'+';font-size:20px;font-weight:400;line-height:1;}
  .sx__faq[open] summary::after{content:'−';}
  .sx__ans{padding:0 0 14px;font-size:14.5px;line-height:1.55;color:#555;}
  .sx__anslink{margin-top:6px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding:0;}
  .sx__prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,16px);}
  .sx__card{display:flex;flex-direction:column;font-size:15px;line-height:1.4;border-radius:12px;}
  .sx__img{position:relative;display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--ph,#eee);margin-bottom:10px;}
  .sx__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .sx__img img.is-broken{opacity:0;}
  .sx__card:hover .sx__img img{transform:scale(1.04);}
  .sx__card b{font-weight:500;}
  .sx__card span{color:#707072;}
  .sx__card .sx__price{color:var(--ink);font-weight:500;margin-top:2px;}
  .sx__price s{color:#707072;font-weight:400;margin-left:4px;}
  .sx__all{display:inline-flex;margin-top:22px;padding:13px 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;}
  .sx [role="option"].is-active{outline:2px solid var(--ink);outline-offset:3px;border-radius:10px;}
  @media (max-width:900px){
    .search-overlay.sx .sx__panel{max-height:none;height:100vh;height:100svh;border-radius:0;}
    .sx__top{grid-template-columns:minmax(0,1fr) auto;padding:12px clamp(16px,4vw,24px);gap:12px;}
    .sx__logo{display:none;}
    .search-overlay .sx__form{height:46px;}
    .sx__body{padding:0 clamp(16px,4vw,24px) 40px;}
    .sx__grid{grid-template-columns:minmax(0,1fr);gap:4px;}
    .sx__side{display:contents;}
    .sx__s1{order:0;}
    .sx__main{order:1;}
    .sx__s2{order:2;}
    .sx__prods{grid-template-columns:repeat(2,minmax(0,1fr));}
    .sx__sugg{font-size:18px;}
    .sx__chip{font-size:15px;padding:9px 16px;}
  }


  /* =====================================================================
     v25 — Trending now evenly framed: space left of the words = space right
     of the photo (A = B); space above the photo = space below it (C = D)
     ===================================================================== */
  .trend{padding-top:0;padding-bottom:clamp(28px,3.4vw,48px);}
  @media (min-width:768px){
    .trend{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
    .trend__media{justify-self:end;}
  }
  /* older browsers without aspect-ratio (e.g. Safari 14): keep photo boxes their shape */
  @supports not (aspect-ratio: 1 / 1) {
    .product-card__media{height:0;padding-top:133.33%;}
    .trend__media{height:0;padding-top:133.33%;max-height:none;}
    .sx__img{height:0;padding-top:133.33%;}
    .cat-tile--photo{height:0;padding-top:124.6%;}
  }


  /* v26 — new Featured Women's photo: the two models kept in the centre at every screen size */
  .cat-tile--women img, .cat-tile--women.cat-tile--photo img{object-position:50% 50%;}


  /* =====================================================================
     v27 — Trending now: a slightly smaller photo with a little more space
     above and below, and two cards peeking out behind it (like On's
     stacked photos) showing the next items; the slideshow plays as before
     ===================================================================== */
  .trend{padding-top:clamp(16px,2.2vw,32px);padding-bottom:calc(clamp(28px,3.4vw,48px) + clamp(16px,2.2vw,32px));}
  .trend__stack{position:relative;width:100%;}
  .trend__ghost{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#e9e9e9;box-shadow:0 1px 4px rgba(0,0,0,.10);transition:transform .6s ease;}
  .trend__ghost img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;}
  .trend__ghost img.is-broken{opacity:0;}
  .trend__ghost--1{z-index:1;transform:translate(10px,-9px) rotate(1.8deg);}
  .trend__ghost--2{z-index:0;transform:translate(-9px,10px) rotate(-1.6deg);filter:brightness(.97);}
  .trend__stack .trend__media{position:relative;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.10);}
  @media (min-width:768px){
    .trend__stack{justify-self:end;max-width:540px;}
    .trend__stack .trend__media{max-width:none;max-height:calc(100vh - 190px);max-height:calc(100svh - 190px);}
  }
  @media (max-width:767.98px){
    .trend__stack{order:2;}
    .trend__ghost--1{transform:translate(6px,-6px) rotate(1.5deg);}
    .trend__ghost--2{transform:translate(-6px,7px) rotate(-1.3deg);}
  }
  @media (prefers-reduced-motion:reduce){ .trend__ghost{transition:none;} }


  /* v28 — new Featured Men's photo (red hoodie close-up): square tile kept, face and hood centred,
     a little of the top and bottom trimmed; white words + white button so they read on the red hoodie */
  .cat-tile--men img, .cat-tile--men.cat-tile--photo img{object-position:50% 18.5%;}
  .cat-tile--men .cat-tile__title{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35);}
  .cat-tile.cat-tile--men .cat-tile__btn{background:#fff;color:var(--ink);}
  .cat-tile--men.cat-tile--photo:hover .cat-tile__btn{background:#f1f1f1;}


  /* =====================================================================
     v29 — Join the Inner Circle as an On-style photo row: one big photo
     then taller cards with a line of text, a short clip, a dark card;
     joining happens on Instagram (the Angora Inner Circle channel)
     ===================================================================== */
  .ic{padding:clamp(32px,4vw,56px) 0 clamp(36px,4.5vw,64px);background:#fff;}
  .ic__track{display:flex;align-items:flex-end;gap:clamp(8px,.9vw,14px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,3vw,48px);padding:0 clamp(20px,3vw,48px);scrollbar-width:none;}
  .ic__track::-webkit-scrollbar{display:none;}
  .ic__track>figure{position:relative;flex:0 0 auto;margin:0;overflow:hidden;scroll-snap-align:start;background:#161616;}
  .ic__big{width:clamp(300px,44vw,900px);aspect-ratio:4/3.2;}
  .ic__card{width:clamp(220px,20.5vw,420px);aspect-ratio:0.71;}
  .ic__track img,.ic__track video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .ic__track img.is-broken{opacity:0;}
  .ic__card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 45%);pointer-events:none;}
  .ic__card--dark{background:#0d0d0d;}
  .ic__card--dark::after{display:none;}
  .ic__card figcaption{position:absolute;left:clamp(14px,1.4vw,22px);right:clamp(14px,1.4vw,22px);bottom:clamp(14px,1.6vw,24px);z-index:2;color:#fff;font-size:clamp(18px,1.7vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.005em;}
  .ic__join{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:clamp(18px,2vw,28px) clamp(20px,3vw,48px) 0;}
  .ic__join .t-support{margin-top:4px;}
  .ic__tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .ic__arrows{display:flex;gap:10px;}
  @media (max-width:767.98px){
    .ic__big{width:86vw;aspect-ratio:4/3.4;}
    .ic__card{width:62vw;}
    .ic__arrows{display:none;}
    .ic__tools .btn{width:100%;}
    .ic__tools{width:100%;}
  }
  @supports not (aspect-ratio: 1 / 1){ .ic__big{height:34vw;} .ic__card{height:29vw;} }


  /* =====================================================================
     v30 — Inner Circle row uses the basketball shoot: two big photos,
     taller cards, two clips; no words on the pictures, so no darkening
     ===================================================================== */
  .ic__card::after{display:none;}


  /* =====================================================================
     v31 — Inner Circle as one collage, like the @angoraclo basketball
     post: photos and clips overlap on a grainy dark backing, clips sit
     in the white hand-drawn frame. Fits the width on big screens and
     swipes sideways (arrows on computers) when the screen is narrower.
     ===================================================================== */
  .ic__track{align-items:stretch;scroll-snap-type:none;}
  .ic__collage{position:relative;flex:0 0 auto;height:clamp(400px,38vw,680px);aspect-ratio:3.54 / 1;
    background:#2b2326 var(--angora-m-64f4ff4774) 0 0/360px 360px;overflow:hidden;}
  .ic__collage .ic__tile{position:absolute;margin:0;overflow:visible;background:#1d1a1b;box-shadow:0 8px 22px rgba(0,0,0,.28);}
  .ic__collage .ic__tile>img:not(.ic__frame),.ic__collage .ic__tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .ic__collage .ic__tile--framed{background:#1d1a1b;box-shadow:none;}
  .ic__collage img.ic__frame{position:absolute;left:-3.97%;top:-3.77%;width:107.25%;height:107.99%;max-width:none;object-fit:fill;pointer-events:none;z-index:2;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3));}
  .ic__arrows[hidden]{display:none;}
  @media (max-width:640px){ .ic__collage{height:420px;} }
  @supports not (aspect-ratio: 1 / 1){ .ic__collage{width:1416.0px;height:400px;} }


  /* =====================================================================
     v33 — the collage is cut into On-style panels: one big panel, then
     cards that start lower, white gaps between. Pieces that cross a gap
     carry on in the next panel. No grainy backing any more.
     ===================================================================== */
  .ic__collage{background:#fff;aspect-ratio:3.8651 / 1;}
  .ic__cut{position:absolute;top:0;bottom:0;background:#fff;z-index:20;pointer-events:none;}
  .ic__cut--top{right:0;bottom:auto;}
  .ic__collage .ic__tile{box-shadow:0 6px 18px rgba(0,0,0,.22);}
  .ic__collage .ic__tile--framed,.ic__collage .ic__tile--full{box-shadow:none;}
  @supports not (aspect-ratio: 1 / 1){ .ic__collage{width:1546px;} }


  /* =====================================================================
     v34 — Inner Circle words + button sit on the big photo; arrows move
     above the collage; bag-reminder pop-up (Nike-style card)
     ===================================================================== */
  .ic{padding-top:clamp(40px,5vw,72px);}
  .ic__head{display:flex;justify-content:flex-end;padding:0 clamp(20px,3vw,48px);margin-bottom:clamp(12px,1.4vw,18px);}
  .ic__head .ic__arrows[hidden]{display:none;}
  .ic__head:has(.ic__arrows[hidden]){display:none;}
  .ic__over{position:absolute;left:0;bottom:0;z-index:25;padding:clamp(56px,6vw,110px) clamp(18px,2.2vw,36px) clamp(18px,2.2vw,34px);color:#fff;
    background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.28) 55%,rgba(0,0,0,0));box-sizing:border-box;}
  .ic__title{font-size:clamp(24px,2.1vw,34px);font-weight:500;line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0;}
  .ic__sub{margin:6px 0 0;font-size:clamp(15px,1.1vw,17px);color:rgba(255,255,255,.88);}
  .ic__cta{margin-top:clamp(14px,1.4vw,20px);}
  @media (max-width:640px){ .ic__head{display:none;} .ic__over{max-width:calc(100vw - 40px);} }

  /* v35 — bag reminder is a small card under the bag icon (top right) */
  .nudge{position:fixed;right:clamp(12px,3vw,48px);top:84px;z-index:440;width:min(420px,calc(100vw - 24px));
    opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;}
  .nudge[hidden]{display:none;}
  .nudge.open{opacity:1;transform:none;pointer-events:auto;}
  .nudge__panel{position:relative;display:flex;gap:16px;align-items:center;padding:14px 14px 14px 14px;background:#fff;border-radius:20px;
    box-shadow:0 14px 40px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);}
  .nudge__panel .icon-close{position:absolute;top:10px;right:10px;width:32px;height:32px;background:#f5f5f5;}
  .nudge__panel .icon-close:hover{background:#e5e5e5;}
  .nudge__panel .icon-close svg{width:16px;height:16px;}
  .nudge__img{position:relative;flex:0 0 auto;display:block;width:104px;aspect-ratio:4/5;border-radius:12px;background:#f5f5f5;overflow:hidden;}
  .nudge__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;}
  .nudge__body{min-width:0;padding-right:34px;}
  .nudge__body h2{font-size:17px;font-weight:500;line-height:1.25;letter-spacing:0;margin:0 0 6px;}
  .nudge__name,.nudge__price,.nudge__more{margin:0 0 2px;font-size:14px;line-height:1.35;color:#707072;}
  .nudge__more{margin-top:4px;font-size:13px;}
  .nudge__cta{margin-top:10px;padding:9px 18px;font-size:14px;min-height:0;}
  @media (max-width:560px){ .nudge{right:12px;} .nudge__img{width:84px;} .nudge__body h2{font-size:16px;} }


  /* =====================================================================
     v37 — "Style With" on product pages (Represent-style, smaller)
     ===================================================================== */
  .stw{padding:clamp(36px,5vw,64px) 0 clamp(8px,2vw,20px);margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--line);}
  .stw .sw__h{font-size:24px;font-weight:500;line-height:30px;letter-spacing:normal;margin:0 0 clamp(16px,2vw,24px);}
  .sw__grid{display:grid;grid-template-columns:clamp(260px,34vw,490px) minmax(0,1fr);gap:clamp(20px,3.4vw,56px);align-items:start;}
  .sw__left{position:relative;aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:#e9e7e3;}
  .sw-film,.sw-still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .sw-still{position:absolute;inset:0;background:var(--ph);}
  .sw__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,36px) clamp(12px,1.6vw,24px);}
  .sw-card{min-width:0;}
  .sw-card__media{position:relative;aspect-ratio:1.6/1;background:#f5f5f5;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
  .sw-card__link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
  .sw-card__media img{max-width:72%;max-height:78%;object-fit:contain;display:block;}
  .sw-ph svg{width:clamp(56px,6vw,84px);height:auto;fill:none;stroke:#b9b6b0;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
  .sw-ph__tag{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:#fffdf6;border:1px dashed #b4b0a6;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#6f5200;}
  .sw-plus{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;transition:background-color .15s;}
  .sw-plus:hover{background:#e8e8e8;}
  .sw-plus svg{width:18px;height:18px;fill:none;stroke:#111;stroke-width:1.4;}
  .sw-sizes{position:absolute;left:10px;right:56px;bottom:10px;display:none;gap:6px;flex-wrap:wrap;}
  .sw-card.is-qa .sw-sizes{display:flex;}
  .sw-sizes button{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #d6d6d6;font-size:13px;font-weight:600;}
  .sw-sizes button:hover{border-color:#111;}
  .sw-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;}
  .sw-card__name{margin:0;font-size:15px;font-weight:500;line-height:1.35;color:var(--ink);}
  .sw-card__name a:hover{text-decoration:underline;text-underline-offset:3px;}
  .sw-card__price{flex-shrink:0;font-size:14px;color:var(--ink);white-space:nowrap;}
  .sw-card__col{margin:3px 0 0;font-size:14px;color:var(--muted);}
  .sw-card__sw{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:13px;color:var(--muted);}
  .sw-card__sw i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);}
  @media (max-width:820px){
    .sw__grid{grid-template-columns:1fr;}
    .sw__left{aspect-ratio:4/5;max-height:72vh;width:100%;}
    .sw-card__row{flex-direction:column;gap:2px;}
    .sw-card__name{font-size:14px;}
    .sw-card__media{aspect-ratio:1/1;}
    .sw-ph__tag{left:8px;top:8px;padding:2px 7px;font-size:9.5px;}
  }
  /* prototype tools menu: scroll when taller than the screen */
  .demo-menu{max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;}
  @media (max-width:1023.98px){ body[data-route="product"] .demo-menu{max-height:calc(100vh - 236px);max-height:calc(100dvh - 236px);} }


  /* =====================================================================
     v39 — collection page: title + count stay in the sticky filter bar
     once you scroll past the big title (Nike-style)
     ===================================================================== */
  .col-bar__title{display:none;margin:0;font-size:20px;font-weight:500;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
  .col-bar.is-stuck .col-bar__title{display:block;animation:colTitleIn .2s ease;}
  .col-bar.is-stuck .col-bar__inner{gap:20px;}
  .col-bar.is-stuck .tool-btn{order:2;margin-left:auto;}
  .col-bar.is-stuck .col-results{order:3;}
  .col-bar.is-stuck .tool-btn ~ .col-results{margin-left:0;}
  .col-bar.is-stuck{box-shadow:0 1px 0 var(--line);}
  @keyframes colTitleIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
  @media (max-width:640px){
    .col-bar__title{font-size:16px;}
    .col-bar.is-stuck .col-results{display:none;}
  }
  @media (prefers-reduced-motion: reduce){ .col-bar.is-stuck .col-bar__title{animation:none;} }


  /* =====================================================================
     v40 — bigger tap areas for the header icons on phones and tablets
     (icons look the same; an invisible 42px touch area sits around each)
     ===================================================================== */
  .hamburger{position:relative;}
  .icon-btn::after,.hamburger::after{content:"";position:absolute;inset:-10px;border-radius:50%;}
  /* small phones: while scrolling, the filter button shrinks to its icon so the full title fits */
  @media (max-width:400px){
    .col-bar.is-stuck .tool-btn--mob .lbl{display:none;}
    .col-bar.is-stuck .tool-btn--mob{min-width:44px;min-height:44px;justify-content:center;padding-left:12px;padding-right:12px;}
  }


  /* =====================================================================
     v41 — footer, Help Centre, policy pages, track order, gift cards
     ===================================================================== */
  .tbc{background:#fff4c2;border-bottom:1.5px dashed #c79a00;padding:0 3px;border-radius:3px;color:#5a4300;}
  /* footer */
  footer.ft{background:#111;color:#bdbdbd;padding:clamp(48px,6vw,80px) 0 28px;}
  .ft a{color:#bdbdbd;transition:color .15s;}
  .ft a:hover{color:#fff;}
  .ft-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-bottom:clamp(36px,4vw,56px);border-bottom:1px solid #2a2a2a;}
  .ft-title{font-size:24px;font-weight:500;line-height:1.25;color:#fff;margin:0;}
  .ft-sub{margin:8px 0 18px;font-size:15px;color:#bdbdbd;}
  .ft-form{display:flex;gap:10px;max-width:520px;}
  .ft-form input{flex:1;min-width:0;height:52px;padding:0 20px;border-radius:999px;border:1.5px solid #3a3a3a;background:#1b1b1b;color:#fff;font:inherit;font-size:16px;outline:none;transition:border-color .15s;}
  .ft-form input:focus{border-color:#fff;}
  .ft-form input[aria-invalid="true"]{border-color:#ff8a80;}
  .ft-form .btn{flex:0 0 auto;height:52px;padding:0 28px;}
  .ft-err{margin:8px 0 0;font-size:13px;color:#ff8a80;}
  .ft-fine{margin:12px 0 0;max-width:520px;font-size:12.5px;line-height:1.55;color:#8d8d8d;}
  .ft-fine a{color:#d0d0d0;text-decoration:underline;text-underline-offset:2px;}
  .ft-done{font-size:15px;color:#fff;margin:0;}
  .ft-brand .logo{display:inline-flex;margin-bottom:14px;}
  .ft-brand .logo__mark{filter:brightness(0) invert(1);height:34px;width:auto;}
  .ft-brand p{font-size:14px;line-height:1.6;color:#9a9a9a;max-width:320px;margin:0 0 18px;}
  .ft-ig{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:#fff !important;}
  .ft-ig svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;}
  .ft-ig svg .dot{fill:currentColor;stroke:none;}
  .ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);padding:clamp(32px,4vw,48px) 0;}
  .ft-col__h{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0;margin:0 0 16px;font-size:16px;font-weight:500;color:#fff;cursor:default;pointer-events:none;}
  .ft-col__h i{display:none;}
  .ft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
  .ft-col a{font-size:15px;}
  .ft-pay{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:28px;}
  .ft-pay span{padding:5px 10px;border:1px solid #333;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.2px;color:#cfcfcf;background:#181818;}
  .ft-bottom{border-top:1px solid #2a2a2a;padding-top:22px;}
  .ft-legal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:13px;color:#8d8d8d;}
  .ft-legal a,.ft-privbtn{font-size:13px;color:#8d8d8d;}
  .ft-privbtn{text-decoration:none;font-weight:400;}
  .ft-privbtn:hover{color:#fff;opacity:1;}
  .ft-region{display:inline-flex;align-items:center;gap:7px;color:#d0d0d0;}
  .ft-region svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;}
  .ft-ack{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:#7a7a7a;max-width:760px;}
  @media (max-width:820px){
    .ft-top{grid-template-columns:1fr;}
    .ft-cols{grid-template-columns:1fr;gap:0;padding:8px 0 24px;}
    .ft-col{border-bottom:1px solid #2a2a2a;}
    .ft-col__h{pointer-events:auto;cursor:pointer;margin:0;padding:18px 0;min-height:44px;}
    .ft-col__h i{display:block;width:12px;height:12px;position:relative;}
    .ft-col__h i::before,.ft-col__h i::after{content:"";position:absolute;left:0;right:0;top:5px;height:1.6px;background:#fff;transition:transform .2s;}
    .ft-col__h i::after{transform:rotate(90deg);}
    .ft-col.is-open .ft-col__h i::after{transform:rotate(0);}
    .ft-col ul{display:none;padding:0 0 18px;}
    .ft-col.is-open ul{display:flex;}
    .ft-col a{display:inline-block;padding:3px 0;}
    .ft-form{flex-direction:column;}
    .ft-form .btn{width:100%;}
    .ft-legal{gap:12px 18px;}
  }
  footer.ft{padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px));}
  body[data-route="product"] footer.ft{padding-bottom:calc(28px + 84px);}

  /* trust bar links */
  a.trust-item{color:inherit;}
  a.trust-item:hover{text-decoration:underline;text-underline-offset:3px;}
  .announce a,.announce button{color:inherit;text-decoration:underline;text-underline-offset:2px;font:inherit;}

  /* info / policy pages */
  .info{padding-top:clamp(16px,2vw,28px);padding-bottom:clamp(48px,6vw,96px);}
  .info-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);margin-bottom:14px;}
  .info-crumbs a{color:var(--muted);}
  .info-crumbs a:hover{color:var(--ink);text-decoration:underline;}
  .info-crumbs [aria-current]{color:var(--ink);}
  .info-h1{font-size:24px;font-weight:500;line-height:1.25;margin:0 0 18px;}
  .info-wrap.has-side{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,72px);}
  .info-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:sticky;top:100px;}
  .info-side__h{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin:6px 0 10px;}
  .info-side a{display:block;padding:8px 0;font-size:15px;color:var(--muted);}
  .info-side a:hover,.info-side a[aria-current]{color:var(--ink);}
  .info-side a[aria-current]{font-weight:600;}
  .info-body{max-width:760px;font-size:16px;line-height:1.65;color:#2b2b2b;}
  .info-body h2{font-size:20px;font-weight:500;color:var(--ink);margin:36px 0 10px;scroll-margin-top:120px;}
  .info-body h3{font-size:16px;font-weight:600;color:var(--ink);margin:22px 0 6px;}
  .info-body p{margin:0 0 14px;}
  .info-body ul,.info-body ol{margin:0 0 16px;padding-left:22px;}
  .info-body li{margin-bottom:6px;}
  .info-body a:not(.btn):not(.info-card),.faq__a a:not(.faq__link){text-decoration:underline;text-underline-offset:3px;}
  .info-lede{font-size:18px;line-height:1.55;color:var(--ink);}
  .info-table{overflow-x:auto;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;}
  .info-table table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px;}
  .info-table th,.info-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;}
  .info-table th{font-weight:600;background:#fafafa;}
  .info-table tr:last-child td{border-bottom:0;}
  .info-updated{margin-top:40px !important;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);}
  .info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 22px;}
  .info-card{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:14px;transition:border-color .15s;}
  .info-card:hover{border-color:var(--ink);}
  .info-card strong{font-size:16px;color:var(--ink);}
  .info-card span{font-size:15px;color:var(--ink);overflow-wrap:anywhere;}
  .info-card small{font-size:13px;color:var(--muted);}
  .link-btn--inline{font-size:inherit;font-weight:inherit;}
  @media (max-width:820px){ .info-wrap.has-side{grid-template-columns:1fr;} .info-side{order:2;border-top:1px solid var(--line);padding-top:16px;} .info-side ul{position:static;} .info-cards{grid-template-columns:1fr;} }

  /* help centre */
  .hc-search{position:relative;max-width:640px;margin:0 0 16px;}
  .hc-search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:1.8;}
  .hc-search input{width:100%;height:54px;padding:0 20px 0 50px;border-radius:999px;border:1.5px solid #cfcfcf;background:#f5f5f5;font:inherit;font-size:16px;outline:none;}
  .hc-search input:focus{border-color:var(--ink);background:#fff;}
  .hc-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;}
  .hc-quick a{padding:9px 16px;border-radius:999px;border:1.5px solid #cfcfcf;font-size:14px;font-weight:500;}
  .hc-quick a:hover{border-color:var(--ink);}
  .hc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
  .hc-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:#f5f5f5;min-height:150px;transition:background-color .15s;}
  .hc-card:hover{background:#ececec;}
  .hc-card svg,.trk-empty svg,.gc-perks svg{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;}
  .hc-card strong{font-size:17px;font-weight:500;color:var(--ink);}
  .hc-card span{font-size:13.5px;line-height:1.45;color:var(--muted);}
  .hc-h2{font-size:20px;font-weight:500;margin:40px 0 12px;}
  .hc-pols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px;}
  .hc-pols a{font-size:15px;text-decoration:underline;text-underline-offset:3px;}
  .hc-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding:24px;border-radius:16px;border:1px solid var(--line);}
  .hc-contact h2{font-size:20px;font-weight:500;margin:0 0 4px;}
  .hc-contact p{margin:0;font-size:15px;color:var(--muted);}
  .hc-contact a:not(.btn){color:var(--ink);text-decoration:underline;}
  .hc-topic{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,5vw,72px);}
  .hc-side ul{list-style:none;margin:0;padding:0;}
  .hc-side a{display:block;padding:9px 0;font-size:15px;color:var(--muted);}
  .hc-side a[aria-current],.hc-side a:hover{color:var(--ink);}
  .hc-side a[aria-current]{font-weight:600;}
  .hc-count,.hc-none{font-size:14px;color:var(--muted);margin:0 0 8px;}
  .hc-results{max-width:820px;}
  .faq{border-bottom:1px solid var(--line);}
  .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:17px;font-weight:500;color:var(--ink);}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+";font-size:22px;font-weight:300;line-height:1;flex-shrink:0;}
  .faq[open] summary::after{content:"–";}
  .faq__topic{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-bottom:3px;}
  .faq summary{flex-wrap:nowrap;}
  .faq__a{padding:0 0 20px;font-size:15.5px;line-height:1.6;color:#2b2b2b;max-width:680px;}
  .faq__a p{margin:0 0 12px;}
  .faq__links{display:flex;flex-wrap:wrap;gap:8px 18px;}
  .faq__link{font-size:14.5px;font-weight:600;color:var(--ink);}
  .faq__link:hover{text-decoration:underline;text-underline-offset:3px;}
  @media (max-width:1023px){ .hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .hc-pols{grid-template-columns:repeat(2,minmax(0,1fr));} }
  @media (max-width:820px){ .hc-topic{grid-template-columns:1fr;} .hc-side{order:2;border-top:1px solid var(--line);padding-top:12px;} }
  @media (max-width:420px){ .hc-grid{grid-template-columns:1fr;} .hc-card{min-height:0;} }

  /* track order */
  .trk-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start;}
  .trk-form{max-width:460px;}
  .trk-form .btn{margin-top:18px;}
  .trk-help{font-size:14px;color:var(--muted);margin-top:16px;}
  .trk-help a{color:var(--ink);text-decoration:underline;}
  .trk-result{border-radius:18px;background:#f5f5f5;padding:24px;min-height:220px;}
  .trk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:180px;color:var(--muted);font-size:15px;}
  .trk-empty p{margin:0;}
  .trk-empty a{color:var(--ink);text-decoration:underline;}
  .trk-no{font-size:18px;font-weight:500;margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .trk-pill{padding:3px 10px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:600;}
  .trk-steps{list-style:none;margin:0 0 18px;padding:0;}
  .trk-steps li{position:relative;padding:0 0 16px 28px;font-size:15px;}
  .trk-steps li::before{content:"";position:absolute;left:3px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid #bdbdbd;background:#f5f5f5;}
  .trk-steps li::after{content:"";position:absolute;left:9px;top:20px;bottom:2px;width:2px;background:#d6d6d6;}
  .trk-steps li:last-child::after{display:none;}
  .trk-steps li.is-done::before{background:#111;border-color:#111;}
  .trk-steps strong{display:block;font-weight:500;}
  .trk-steps span{font-size:13.5px;color:var(--muted);}
  .trk-items a{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;}
  .trk-items small{display:block;color:var(--muted);}
  .trk-items__img{position:relative;width:48px;aspect-ratio:4/5;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--ph);}
  .trk-items__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .trk-demo{max-width:720px;}
  @media (max-width:820px){ .trk-wrap{grid-template-columns:1fr;} }

  /* gift cards */
  .gc{padding-bottom:clamp(48px,6vw,96px);}
  .gc-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:start;margin-top:8px;}
  .gc-media{position:sticky;top:100px;border-radius:12px;background:#f5f5f5;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:clamp(24px,6vw,80px);}
  .gc-art{position:relative;width:100%;max-width:520px;aspect-ratio:1.586/1;border-radius:clamp(10px,1.4vw,18px);background:linear-gradient(140deg,#1d1d1d,#050505);box-shadow:0 24px 48px rgba(0,0,0,.25);color:#fff;overflow:hidden;}
  .gc-art img{position:absolute;left:8%;top:12%;width:26%;filter:brightness(0) invert(1);}
  .gc-art__amt{position:absolute;right:8%;top:11%;font-size:clamp(16px,2.4vw,30px);font-weight:600;}
  .gc-art__lbl{position:absolute;left:8%;bottom:11%;font-size:clamp(11px,1.2vw,15px);letter-spacing:2px;text-transform:uppercase;color:#cfcfcf;}
  .gc-form{margin-top:18px;}
  .gc-amts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
  .gc-amt input,.gc-who input{position:absolute;opacity:0;width:1px;height:1px;}
  .gc-amt span{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;border:1.5px solid #d6d6d6;font-size:15px;font-weight:500;cursor:pointer;}
  .gc-amt input:checked+span,.gc-who input:checked+span{border-color:#111;box-shadow:inset 0 0 0 1px #111;}
  .gc-amt input:focus-visible+span,.gc-who input:focus-visible+span{outline:2px solid #111;outline-offset:2px;}
  .gc-who{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .gc-who span{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;border:1.5px solid #d6d6d6;font-size:15px;font-weight:500;cursor:pointer;}
  .gc-form .btn{margin-top:22px;}
  .gc-perks li{display:flex;align-items:center;gap:12px;}
  .gc-thumb{display:flex !important;align-items:center;justify-content:center;background:#f5f5f5;padding:6px;}
  .gc-thumb .gc-art{box-shadow:none;border-radius:5px;}
  .gc-thumb .gc-art img{width:34%;}
  .gc-thumb .gc-art__amt,.gc-thumb .gc-art__lbl{display:none;}
  @media (max-width:900px){ .gc-grid{grid-template-columns:1fr;} .gc-media{position:static;aspect-ratio:auto;padding:36px 24px;} }
  @media (max-width:420px){ .gc-amts{grid-template-columns:repeat(3,minmax(0,1fr));} }

  /* bag: free delivery progress */
  .ship-prog{margin:0 0 14px;}
  .ship-prog p{margin:0 0 8px;font-size:14px;}
  .ship-prog__bar{height:4px;border-radius:999px;background:#e5e5e5;overflow:hidden;}
  .ship-prog__bar i{display:block;height:100%;background:#111;border-radius:inherit;transition:width .3s;}

  /* privacy settings */
  .priv h2{font-size:1.4rem;margin:0 0 10px;padding-right:44px;}
  .modal__panel.priv p{font-size:14.5px;line-height:1.55;color:#444;}
  .modal__panel.priv p a{text-decoration:underline;}
  .priv-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer;}
  .priv-row small{display:block;font-size:13px;color:var(--muted);margin-top:2px;}
  .priv-row input{width:22px;height:22px;accent-color:#111;flex-shrink:0;}
  .priv .btn{margin-top:20px;}
  /* fixes: hints/errors on full pages (they were styled only inside pop-ups) */
  .info .rv-form .rv-hint,.gc .rv-form .rv-hint{margin:6px 0 0;font-size:13px;color:var(--muted);}
  .info .rv-form .rv-err,.gc .rv-form .rv-err{margin:7px 0 0;font-size:13px;font-weight:500;color:#b3261e;}
  .ft-brand .logo{position:static;transform:none;margin-left:0;justify-content:flex-start;width:auto;}
  @media (max-width:820px){ .ft-form input{flex:0 0 auto;width:100%;height:52px;} }

  .info-note{font-size:14px;color:var(--muted);}
  .info-table th small{font-weight:400;color:var(--muted);}
  .info-table--fit table{min-width:0;}
  @media (max-width:420px){ .info-table th,.info-table td{padding:10px 10px;} }

/* v44: footer edges match the header; no payment badges */
.ft > .wrap{max-width:none;padding:0 clamp(20px,3vw,48px);}
@media (min-width:821px){ .ft-brand{justify-self:end;} }

/* v45: small brand name under the gift card logo */
.gc-art__brand{position:absolute;left:8%;top:31%;font-size:clamp(7px,.75vw,10px);letter-spacing:2.5px;text-transform:uppercase;color:#bdbdbd;white-space:nowrap;}
.gc-thumb .gc-art__brand{display:none;}

/* v46: rotating offers bar (Nike-style, light grey) */
.announce{position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#111;text-align:center;letter-spacing:0;padding:0 44px;min-height:54px;font-size:14px;}
.announce__track{display:grid;width:100%;max-width:560px;}
.announce__slide{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .45s ease,transform .45s ease,visibility 0s .45s;}
.announce__slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease,visibility 0s;}
.announce__slide.is-out{transform:translateX(-18px);}
.announce__t{margin:0;font-size:14px;font-weight:500;line-height:1.3;}
.announce a,.announce__slide button{color:inherit;font:inherit;font-size:12px;line-height:1.4;text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;cursor:pointer;}
.announce__nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:none;border:0;color:#111;cursor:pointer;}
.announce__nav:first-child{left:max(8px,calc(50% - 340px));}
.announce__nav:last-child{right:max(8px,calc(50% - 340px));}
.announce__nav:hover{background:#e5e5e5;}
.announce__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.announce__nav:focus-visible,.announce a:focus-visible,.announce__slide button:focus-visible{outline:2px solid #111;outline-offset:2px;}
@media (max-width:560px){.announce{padding:0 36px;min-height:52px;}.announce__t{font-size:13px;}}
@media (prefers-reduced-motion:reduce){.announce__slide,.announce__slide.is-on{transform:none!important;}}
/* v46: small pause/play button on the hero video */
.vid-toggle{position:absolute;right:clamp(16px,3vw,48px);bottom:clamp(16px,3vw,40px);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#111;display:grid;place-items:center;cursor:pointer;}
.vid-toggle svg{width:16px;height:16px;fill:currentColor;}
.vid-toggle .i-play,.vid-toggle.is-paused .i-pause{display:none;}
.vid-toggle.is-paused .i-play{display:block;}
.vid-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* v47: slimmer offers bar, smaller type, no underlines */
.announce{min-height:38px;padding:0 36px;}
.announce__slide{gap:0;padding:4px 0;}
.announce__t,a.announce__t{font-size:12px;font-weight:500;line-height:1.35;text-decoration:none;}
.announce a,.announce__slide button{font-size:11px;line-height:1.35;text-decoration:none;}
.announce a:hover,.announce__slide button:hover{text-decoration:underline;}
.announce__nav{width:28px;height:28px;}
.announce__nav svg{width:12px;height:12px;}
@media (max-width:560px){.announce{min-height:38px;padding:0 30px;}.announce__t,a.announce__t{font-size:12px;}}


/* ---------- members sign-up popup (10% off) — Nike-style white box ---------- */
.join{padding:16px;}
/* one design on every screen, like Nike's: only the width shrinks on screens narrower than the box */
.join .modal__panel{width:100%;max-width:520px;padding:44px 40px 32px;border-radius:0;text-align:center;max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;}
.join .modal__panel .icon-close{position:absolute;top:12px;right:12px;}
.join__logo{display:block;height:44px;width:auto;margin:0 auto 22px;}
.join .modal__panel h2.join__title{font-family:'Oswald','Inter Tight',sans-serif;font-weight:600;font-size:30px;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px;text-wrap:balance;}
.join .modal__panel p.join__sub{font-size:14.5px;line-height:1.5;color:#111;letter-spacing:.01em;margin:0 auto 24px;max-width:400px;text-wrap:balance;}
.join__form{text-align:left;}
.join__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;}
.join__f{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0;}
.join__f--full{grid-column:1/-1;}
.join__f label{font-size:13.5px;color:#111;}
.join .modal__panel{--jh:44px;}
.join__f input,.join__f select{width:100%;height:var(--jh);border:1px solid #bdbdbd;border-radius:0;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:#111;-webkit-appearance:none;appearance:none;}
.join__f select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:34px;}
.join__f select:invalid{color:#757575;}
.join__f input::placeholder{color:#757575;}
.join__f input:focus,.join__f select:focus{outline:none;border-color:#111;box-shadow:0 0 0 1px #111;}
.join__f [aria-invalid="true"]{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e;}
.join .modal__panel p.join__err{margin:10px 0 0;font-size:13px;font-weight:500;color:#b3261e;text-align:left;}
.join__btns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
.join__btns button,.join__done button{height:44px;border-radius:0;font-family:'Oswald','Inter Tight',sans-serif;font-weight:500;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;}
.join__btn-no{background:#fff;color:#111;border:1px solid #bdbdbd;}
.join__btn-no:hover{border-color:#111;}
.join__btn-yes,.join__done button{background:#111;color:#fff;border:1px solid #111;}
.join__btn-yes:hover,.join__done button:hover{background:#333;}
.join .modal__panel p.join__fine{margin:22px auto 0;font-size:11.5px;line-height:1.55;color:#757575;max-width:380px;}
.join__fine a{color:#757575;text-decoration:underline;}
.join__done button{width:100%;margin-top:6px;}
@media (max-width:560px){   /* phones: same design scaled down, fields stacked full width */
  .join{padding:16px 28px;}
  .join .modal__panel{padding:28px 20px 18px;}
  .join .modal__panel .icon-close{top:6px;right:6px;transform:scale(.85);}
  .join__logo{height:32px;margin-bottom:12px;}
  .join .modal__panel h2.join__title{font-size:22px;margin-bottom:5px;}
  .join .modal__panel p.join__sub{font-size:12.5px;max-width:260px;margin-bottom:16px;}
  .join__grid{grid-template-columns:1fr;gap:11px;}
  .join__f{gap:4px;}
  .join__f label{font-size:12px;}
  .join .modal__panel{--jh:38px;}
  .join__f input,.join__f select{padding:0 10px;}
  .join__f select{padding-right:30px;}
  .join__btns{gap:10px;margin-top:16px;}
  .join__btns button,.join__done button{height:38px;font-size:12.5px;}
  .join .modal__panel p.join__fine{margin-top:13px;font-size:10.5px;max-width:260px;}
}
@media (max-width:359.98px){ .join{padding:10px 14px;} }
/* touch screens: phones zoom in on boxes with text under 16px, so the text is set at 16px and the box drawn at 87.5% — it looks 14px like on a computer */
@media (hover:none) and (pointer:coarse){
  .join__f input,.join__f select{font-size:16px;width:calc(100% / .875);height:calc(var(--jh) / .875);transform:scale(.875);transform-origin:0 0;margin-bottom:calc(var(--jh) - var(--jh) / .875);}
}
}
}