/** Shopify CDN: Minification failed

Line 151:32 Expected identifier but found whitespace
Line 717:74 Unexpected ";"
Line 1165:32 Expected identifier but found whitespace
Line 1492:32 Expected identifier but found whitespace

**/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0a0a0a;
  --white:#ffffff;
  --bg:#ffffff;
  --bg2:#f5f5f5;
  --border:#e5e5e5;
  --mid:#767676;
  --dark:#1a1a1a;
  --accent:#15803d;
  --green:#15803d;
  --green-light:#22c55e;
  --green-bg:#f0faf4;
  --cream:#fafaf8;
  --fd:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --fb:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --max:1440px;--pad:40px;--nav:64px;--ann:40px;
  --ease:cubic-bezier(.4,0,.2,1);--t:200ms;
  --r:0px;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--fb);color:var(--ink);background:#fff;overflow-x:hidden;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:var(--fb);border:none;background:none;padding:0}
svg{display:block}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.w100{width:100%}

/* ── ANNOUNCEMENT BAR ── */
.ann-bar{height:var(--ann);overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #d1fae5;background:#f0faf4;}
.ann-track{display:inline-flex;white-space:nowrap;animation:ticker 32s linear infinite}
.ann-item{display:inline-flex;align-items:center;gap:6px;padding:0 36px;font-size:11.5px;font-weight:400;letter-spacing:0;}
.ann-item::before{content:'•';opacity:.4;margin-right:4px}
.ann-item:first-child::before{display:none}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── HEADER ── */
.site-header{position:sticky;top:0;z-index:600;background:#fff;border-bottom:1px solid var(--border)}
.hdr{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:var(--nav);max-width:var(--max);margin:0 auto;padding:0 var(--pad);gap:12px;}
.hdr-left{display:flex;align-items:center;gap:12px;}
.hdr-burger{display:none;align-items:center;padding:8px;margin-left:-8px}
.hdr-nav{display:flex;align-items:stretch}
.nav-item{position:relative}
.nav-btn{display:flex;align-items:center;height:var(--nav);padding:0 14px;font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;background:none;border:none;cursor:pointer;font-family:var(--fb);position:relative;text-decoration:none;letter-spacing:-.1px;gap:4px}
.nav-btn::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform var(--t) var(--ease);transform-origin:left}
.nav-item:hover .nav-btn::after,.nav-item:focus-within .nav-btn::after{transform:scaleX(1)}
.nav-btn.sale{color:#e01010}
.nav-btn.new-in{color:#15803d;font-weight:700}

/* ── MEGA MENU ── */
.mega{position:fixed;top:calc(var(--ann) + var(--nav));left:0;right:0;background:#fff;border-top:2px solid #0a0a0a;border-bottom:none;padding:32px var(--pad) 40px;display:none;z-index:590;box-shadow:0 16px 48px rgba(0,0,0,.12);}
.mega.open{display:block}
.mega-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:0 32px}
.mega-head{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#aaa;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0;font-family:var(--fb);}
.mega-col a{display:block;font-size:13px;font-weight:400;color:#3a3a3a;padding:7px 0;transition:color .12s;line-height:1.4;text-decoration:none;letter-spacing:-.1px;}
.mega-col a:hover{color:#0a0a0a;padding-left:6px;}
.mega-col a.link-new{color:var(--green);font-weight:700;}
.mega-col a.link-new::before{content:'✦ ';font-size:9px;}
.mega-col a.link-new:hover{color:var(--green);}
.mega-col a.link-hot{color:#0a0a0a;font-weight:700;}
.mega-col a.link-sale{color:#e01010;font-weight:700;}
.mega-col a.link-sale::before{content:none;}
.mega-col a.link-sale:hover{color:#c00;}
.mega-img{position:relative;overflow:hidden;}
.mega-img img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;display:block;transition:transform .5s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}
.mega-img:hover img{transform:scale(1.03);}
.mega-img-ph{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:#f0f0f0;}
.mega-img-lbl{position:absolute;bottom:12px;left:12px;right:12px;font-family:var(--fd);font-size:18px;font-weight:400;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);letter-spacing:1.5px;}

/* ── LOGO ── */
.hdr-logo{display:flex;align-items:center;}
.hdr-logo img{display:block;}
.hdr-center{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;}
.hdr-logo img{height:34px;width:auto}

/* ── ICONS ── */
.hdr-right{display:flex;align-items:center;justify-content:flex-end}
.icon-btn{display:flex;align-items:center;justify-content:center;padding:10px;color:var(--ink);transition:opacity var(--t);position:relative;text-decoration:none}
.icon-btn:hover{opacity:.6}
.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-pill{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 3px;background:var(--ink);color:#fff;border-radius:8px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* ── BUTTONS ── */
.btn-solid{display:inline-flex;align-items:center;justify-content:center;background:#15803d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 28px;border:none;transition:all .2s;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:var(--fb);border-radius:50px;box-shadow:0 4px 16px rgba(0,0,0,.18);text-transform:uppercase;}
.btn-solid:hover{background:#222;box-shadow:0 6px 20px rgba(0,0,0,.25);transform:translateY(-1px);}
.btn-solid.lg{padding:15px 36px;font-size:15px}
/* ── CART PAGE ── */
.cart-page{max-width:var(--max);margin:0 auto;padding:40px var(--pad) 80px;}
.cart-page-title{font-family:var(--fb);font-size:clamp(18px,2vw,24px);font-weight:300;letter-spacing:3px;text-transform:uppercase;color:#0a0a0a;margin-bottom:32px;}
.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;}
.cart-sum h3{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;}
@media(max-width:900px){.cart-grid{grid-template-columns:1fr;gap:32px;}}

/* ── PILL BUTTON (dark) — used on cart, ATC etc ── */
.btn-pill-dark{
  display:flex;align-items:center;justify-content:center;
  background:#0a0a0a;color:#fff;
  font-size:13px;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;text-decoration:none;
  padding:15px 28px;
  border:none;border-radius:50px;
  cursor:pointer;font-family:var(--fb);
  box-shadow:0 4px 16px rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.1);
  transition:all .2s;white-space:nowrap;
}
.btn-pill-dark:hover{background:#222;box-shadow:0 6px 20px rgba(0,0,0,.25);transform:translateY(-1px);}
.btn-pill-dark:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.18);}

/* newsletter success */
.nl-success{font-size:13px;color:#2e7d32;font-weight:600;margin-top:8px;padding-left:2px;}

.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;font-size:13px;font-weight:700;letter-spacing:.8px;padding:14px 28px;border:2px solid rgba(255,255,255,.7);transition:all .2s;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:var(--fb);border-radius:50px;text-transform:uppercase}
.btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn-ghost.lg{padding:14px 36px;font-size:15px}
.btn-white-solid{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;letter-spacing:.3px;padding:13px 28px;border:2px solid #fff;transition:all var(--t) var(--ease);cursor:pointer;text-decoration:none;white-space:nowrap;font-family:var(--fb)}
.btn-white-solid:hover{background:transparent;color:#fff}
.btn-white-solid.lg{padding:15px 36px;font-size:15px}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.8px;padding:14px 28px;border:2px solid var(--ink);transition:all .2s;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:var(--fb);border-radius:50px;text-transform:uppercase}
.btn-outline:hover{background:var(--ink);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);}

/* ── USP STRIP ── */
.usp-strip{display:grid;grid-template-columns:repeat(4,1fr)}
.usp-item{display:flex;align-items:center;gap:14px;padding:20px var(--pad);border-right:1px solid #d1fae5;background:#f0faf4;}
.usp-item:last-child{border-right:none}
.usp-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.usp-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.usp-text{display:flex;flex-direction:column;gap:2px}
.usp-text strong{font-size:13.5px;font-weight:700;display:block}
.usp-text span{font-size:12px;display:block}

/* ── SECTION HEADER ── */
.sec-head{display:flex;align-items:baseline;justify-content:space-between;padding:48px var(--pad) 20px;max-width:var(--max);margin:0 auto}

.sec-link{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;letter-spacing:.3px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* ── PRODUCT CARD ── */
.product-card{display:block;text-decoration:none;color:#0a0a0a;background:#fff;position:relative;}
.pc-link{display:block;text-decoration:none;color:inherit;overflow:hidden;}
.pc-media{position:relative;overflow:hidden;background:#e8e6e2;aspect-ratio:3/4;width:100%;display:block;}
.pc-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.pc-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f0f0f0;}
./* removed conflicting hover */
.pc-badge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;padding:4px 9px;letter-spacing:.8px;text-transform:uppercase;z-index:2;line-height:1;}
.pc-badge.sale{background:#e01010;color:#fff;}
.pc-badge.new{background:#15803d;color:#fff;}
.pc-badge.sold-out{background:rgba(0,0,0,.5);color:#fff;}
/* pc-atc replaced by pc-sizes */
._old_pc_atc_placeholder{nt-size:9px;font-weight:600;
  padding:8px 10px;
  border:none;
  cursor:pointer;font-family:var(--fb);
  letter-spacing:1.5px;text-transform:uppercase;
  opacity:0;transform:translateY(4px);
  transition:opacity .2s ease,transform .2s ease,background .15s;
  border-radius:2px;
  backdrop-filter:blur(4px);
}
.product-card:hover .pc-atc{opacity:1;transform:translateY(0);}
.pc-info{padding:7px 0 10px;text-align:center;}
.pc-brand{display:none!important;}
.pc-name{font-size:12px;font-weight:400;margin-bottom:3px;line-height:1.4;color:#222;text-decoration:none;display:block;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:0;text-transform:capitalize;}
.pc-price{font-size:12px;font-weight:400;color:#555;display:flex;align-items:center;gap:4px;}
.pc-price s{font-weight:400;color:#bbb;font-size:12px;text-decoration:line-through;}
.pc-price .sp{color:#e01010;}

/* ── PRODUCTS SCROLL ── */
.pscroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pscroll-wrap::-webkit-scrollbar{display:none}
.pscroll{display:flex;padding-bottom:4px}

/* ── CATEGORY TILES ── */
.ctiles-section .sec-head{padding-bottom:16px}

/* ── COLLECTION PAGE ── */
.coll-head{padding:32px var(--pad) 24px;border-bottom:1px solid var(--border);max-width:var(--max);margin:0 auto;}
.coll-head h1{font-family:var(--fb);font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.2;margin-bottom:4px;color:#888;}
.coll-head p{font-size:14px;color:var(--mid);max-width:480px}
.coll-layout{display:grid;grid-template-columns:260px 1fr;min-height:60vh;max-width:var(--max);margin:0 auto}
.coll-sidebar{border-right:1px solid var(--border);position:sticky;top:calc(var(--ann,40px) + var(--nav,58px) + 8px);height:auto;max-height:calc(100vh - var(--ann,40px) - var(--nav,58px) - 16px);overflow-y:auto;scrollbar-width:none;background:#fff;align-self:start;}
.sb-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}
.sb-head-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.sb-close-btn{font-size:20px;background:none;border:none;cursor:pointer;color:var(--mid);line-height:1;display:none}
/* sb-group/size-btn: defined below in Gymshark filter section */
.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 6px;padding-top:4px}
.color-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;cursor:pointer}
.color-swatch__dot{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.08);transition:all var(--t)}
.color-swatch:hover .color-swatch__dot,.color-swatch.active .color-swatch__dot{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}
.color-swatch__name{font-size:11px;color:var(--mid);text-align:center;line-height:1.2}
.cat-list{display:flex;flex-direction:column;gap:4px;padding-top:4px}
.cat-item{display:flex;align-items:center;gap:10px;padding:7px 4px;text-decoration:none;cursor:pointer}
.cat-item__box{width:16px;height:16px;border:1.5px solid var(--border);flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--t)}
.cat-item.active .cat-item__box{background:var(--ink);border-color:var(--ink)}
.cat-item.active .cat-item__box::after{content:'';width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);display:block}
.cat-item__label{font-size:13.5px;color:var(--dark);transition:color var(--t)}
.cat-item:hover .cat-item__label,.cat-item.active .cat-item__label{color:var(--ink);font-weight:700}
.active-pills{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px;border-bottom:1px solid var(--border)}
.active-pill{display:inline-flex;align-items:center;gap:5px;background:#f0faf4;color:#15803d;padding:5px 12px;font-size:11px;font-weight:600;border-radius:20px;text-decoration:none;border:1px solid #d1fae5;transition:all .15s;}
.active-pill:hover{background:#15803d;color:#fff;border-color:#15803d;}
.coll-main{padding:0 var(--pad) 64px;min-width:0}.t-product main{padding:0!important;overflow:visible!important;}
.coll-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px;border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap;gap:10px}
.coll-count{font-size:13px;color:var(--mid)}
.coll-sort select{border:1px solid var(--border);padding:7px 12px;background:#fff;font-size:13px;font-family:var(--fb);cursor:pointer;color:var(--ink)}
.pgrid,.coll-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;}
.mobile-filter-bar{display:none;align-items:center;justify-content:space-between;padding:12px var(--pad);border-bottom:1px solid var(--border);background:#fff}
.mobile-filter-trigger{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:9px 16px;border:1.5px solid var(--border);cursor:pointer;background:none;font-family:var(--fb);color:var(--ink)}
.mobile-filter-trigger svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:597}
.sb-overlay.open{display:block}
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:48px}
.pagination a,.pagination span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);font-size:13px;font-weight:700;padding:0 8px;text-decoration:none;color:var(--ink);transition:all var(--t)}
.pagination a:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.pagination span.cur{background:var(--ink);color:#fff;border-color:var(--ink)}
.coll-empty{text-align:center;padding:80px 24px}
.coll-empty h2{font-family:var(--fb);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:8px;color:#bbb;}
.coll-empty p{font-size:14px;color:var(--mid);margin-bottom:28px}

/* ── SEARCH PAGE ── */
.search-results-wrap{max-width:var(--max);margin:0 auto;padding:40px var(--pad) 64px}
.search-results-title{font-family:var(--fb);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;color:#999;}
.search-results-count{font-size:14px;color:var(--mid)}
.search-bar-large{display:flex;border-bottom:2.5px solid var(--ink);padding-bottom:14px;margin-bottom:40px;gap:10px}
.search-bar-large input[type=search]{flex:1;font-family:var(--fd);font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:-.5px;border:none;outline:none;color:var(--ink);background:transparent}
.search-bar-large input::placeholder{color:#ccc}
.search-bar-large button{display:flex;align-items:center;padding:4px;color:var(--ink);background:none;border:none;cursor:pointer}
.search-no-results{text-align:center;padding:80px 24px}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}
.stag{display:inline-flex;padding:8px 16px;border:1.5px solid var(--border);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;transition:all var(--t)}
.stag:hover{border-color:var(--ink);background:var(--ink);color:#fff}

/* ── PRODUCT PAGE ── */
.prod-layout{display:grid;grid-template-columns:55% 1fr;gap:0;max-width:var(--max);margin:0 auto;padding:0;align-items:start;}
/* ── PRODUCT GALLERY SLIDER ─────────────────── */
.prod-gallery{
  position:relative;
  display:flex;flex-direction:column;gap:10px;
}

/* Slider wrapper */
.gal-slider{
  position:relative;
  overflow:hidden;
  background:#f8f8f8;
  aspect-ratio:4/5;
  width:100%;
  border-radius:4px;
  cursor:zoom-in;
  touch-action:pan-y pinch-zoom;
  user-select:none;
  -webkit-user-select:none;
}

/* Track — holds all slides side by side */
.gal-track{
  display:flex;
  height:100%;
  transition:transform .38s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.gal-track.no-transition{transition:none!important;}

.gal-slide{
  flex:0 0 100%;
  width:100%;
  height:100%;
  overflow:hidden;
}
.gal-slide img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
  pointer-events:none;
}
.gal-ph{
  width:100%;height:100%;
  background:#f0f0f0;
  display:flex;align-items:center;justify-content:center;
}

/* Prev/Next arrows */
.gal-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;
  background:rgba(255,255,255,.92);
  border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:4;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
  color:#0a0a0a;
  transition:all .18s;
  opacity:0;
  backdrop-filter:blur(4px);
}
.gal-slider:hover .gal-arrow{opacity:1;}
.gal-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
.gal-arrow--prev{left:12px;}
.gal-arrow--next{right:12px;}
@media(max-width:900px){.gal-arrow{display:none;}}

/* Zoom button */
.gal-zoom-btn{
  position:absolute;bottom:14px;right:14px;
  width:36px;height:36px;
  background:rgba(255,255,255,.9);
  border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:4;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  opacity:0;transition:opacity .2s;
  backdrop-filter:blur(4px);
  color:#0a0a0a;
}
.gal-slider:hover .gal-zoom-btn{opacity:1;}
@media(max-width:900px){.gal-zoom-btn{opacity:1!important;width:40px;height:40px;bottom:14px;right:14px;background:rgba(255,255,255,.95);box-shadow:0 2px 12px rgba(0,0,0,.18);}}

/* Dots (mobile) */
.gal-dots{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  display:none;
  gap:4px;align-items:center;
  z-index:4;
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(4px);
  padding:6px 10px;
  border-radius:20px;
}
@media(max-width:900px){.gal-dots{display:flex;}}
.gal-dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.5);
  border:none;cursor:pointer;padding:0;
  transition:all .2s;
}
.gal-dot.on{background:#fff;width:18px;border-radius:3px;}

/* Thumbnails */
.gal-thumbs{
  display:flex;gap:8px;
  overflow-x:auto;scrollbar-width:none;
  padding-bottom:2px;
}
.gal-thumbs::-webkit-scrollbar{display:none;}
.gal-thumb{
  width:72px;height:88px;flex-shrink:0;
  overflow:hidden;cursor:pointer;
  border:2px solid transparent;
  transition:border-color .15s;
  border-radius:2px;
}
.gal-thumb.on,.gal-thumb:hover{border-color:var(--ink);}
.gal-thumb img{width:100%;height:100%;object-fit:cover;}
@media(max-width:900px){.gal-thumbs{display:none;}}

/* ── LIGHTBOX ─────────────────────────────── */
/* ═══════════════════════
   LIGHTBOX — rebuilt clean
   ═══════════════════════ */
#galLightbox{
  display:none;
  position:fixed;inset:0;
  z-index:9900;
  background:rgba(0,0,0,.96);
  touch-action:none;
  overscroll-behavior:none;
  -webkit-overflow-scrolling:auto;
  overflow:hidden;
}
#galLightbox.lb-open{display:block;}

/* Image container: fills full screen */
#galLbImgWrap{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
#galLbImg{
  max-width:100%;max-height:100%;
  object-fit:contain;display:block;
  transition:opacity .2s;
  transform-origin:center center;
  will-change:transform;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  pointer-events:none;
}

/* Close button: top-right, large tap zone */
#galLbClose{
  position:absolute;top:12px;right:12px;
  width:48px;height:48px;
  background:rgba(0,0,0,.5);
  border:1.5px solid rgba(255,255,255,.4);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#fff;
  z-index:9920;
  padding:0;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:background .15s,transform .15s;
  /* Ensure always visible */
  pointer-events:auto;
}
#galLbClose:hover,#galLbClose:active{
  background:rgba(255,255,255,.25);
  transform:scale(1.1);
}
#galLbClose svg{display:block;}

/* Counter */
#galLbCounter{
  position:fixed;top:0;left:0;right:60px;height:56px;
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.55);font-size:13px;
  font-family:var(--fb);letter-spacing:1px;
  pointer-events:none;z-index:9910;
}

/* Hint text */
#galLbHint{
  position:fixed;bottom:20px;left:0;right:0;text-align:center;
  color:rgba(255,255,255,.3);font-size:11px;
  font-family:var(--fb);letter-spacing:.5px;
  pointer-events:none;z-index:9910;
  transition:opacity .4s;
}
@media(min-width:769px){#galLbHint{display:none;}}

/* Desktop nav arrows */
#galLbPrev,#galLbNext{
  position:fixed;top:50%;transform:translateY(-50%);
  width:50px;height:50px;
  background:rgba(255,255,255,.1);border:none;
  border-radius:50%;
  display:none;align-items:center;justify-content:center;
  cursor:pointer;color:#fff;z-index:9915;
  transition:background .15s;
  touch-action:manipulation;
}
@media(min-width:769px){#galLbPrev,#galLbNext{display:flex;}}
#galLbPrev:hover,#galLbNext:hover{background:rgba(255,255,255,.22);}
#galLbPrev{left:16px;}
#galLbNext{right:76px;}

/* Zoom indicator */
#galLbZoomHint{
  position:fixed;top:56px;left:50%;transform:translateX(-50%);
  background:rgba(255,255,255,.12);border-radius:20px;
  padding:4px 12px;color:rgba(255,255,255,.6);font-size:11px;
  font-family:var(--fb);letter-spacing:.5px;
  opacity:0;transition:opacity .3s;pointer-events:none;z-index:9910;
}
#galLbZoomHint.show{opacity:1;}

.gal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.gal-thumbs::-webkit-scrollbar{display:none}
.gal-thumb{width:72px;height:88px;flex-shrink:0;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--t)}
.gal-thumb.on,.gal-thumb:hover{border-color:var(--ink)}
.gal-thumb img{width:100%;height:100%;object-fit:cover}
.pi-vendor{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#bbb;margin-bottom:8px;}
.pi-title{font-family:var(--fb);font-size:clamp(16px,1.5vw,20px);font-weight:600;text-transform:capitalize;letter-spacing:-.2px;line-height:1.25;margin-bottom:10px;color:#111;word-break:break-word;}
.pi-price{font-size:20px;font-weight:600;margin-bottom:22px;color:#0a0a0a;letter-spacing:-.2px;}
.pi-price s{font-size:18px;font-weight:400;color:var(--mid);margin-right:8px}
.pi-price .sp{color:#e01010}
.opt-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:10px;color:#666;}
.opt-label a{color:#999;font-weight:500;text-decoration:underline;font-size:11px;letter-spacing:0;}
.sz-btn{
  min-width:44px;height:44px;padding:0 12px;
  border:1.5px solid #d5d5d5;
  font-size:13px;font-weight:500;
  cursor:pointer;background:#fff;color:#111;
  transition:border-color .15s,background .15s,color .15s,transform .1s;
  font-family:var(--fb);letter-spacing:0;
  border-radius:3px;
  display:inline-flex;align-items:center;justify-content:center;
}
.sz-btn:hover:not(.sz-sold-out):not(.on){
  border-color:#15803d;background:#f0faf4;
}
.sz-btn.on{
  background:#15803d;color:#fff;border-color:#15803d;
  transform:scale(1.02);
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.sz-btn[disabled]{opacity:.3;cursor:not-allowed}
.atc-row{display:flex;gap:10px;margin-top:24px}
.atc-btn{flex:1;padding:15px 24px;background:#15803d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;border:none;cursor:pointer;font-family:var(--fb);transition:all .2s;text-transform:uppercase;border-radius:50px;box-shadow:0 4px 16px rgba(0,0,0,.18);}
.atc-btn:hover{background:#0f6230!important;box-shadow:0 6px 20px rgba(0,0,0,.25);transform:translateY(-1px);}
.wl-btn{width:52px;height:52px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t);background:#fff;flex-shrink:0}
.wl-btn:hover{border-color:var(--ink)}
.wl-btn svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round}
.pi-desc{font-size:14px;line-height:1.75;color:var(--dark);margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.pi-meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.pi-meta-row{display:flex;align-items:center;gap:10px;font-size:13px}
.pi-meta-row svg{width:16px;height:16px;stroke:var(--mid);fill:none;stroke-width:1.8;stroke-linecap:round;flex-shrink:0}
.pi-meta-row span{color:var(--dark)}
/* Product trust bar */
.prod-trust{display:flex;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0;}
.prod-trust-item{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:#999;line-height:1.2;}
.prod-trust-item:last-child{}
.prod-trust-item svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;stroke:#bbb;fill:none;stroke-width:1.8;stroke-linecap:round;flex-shrink:0;display:block;}
/* Accordions on product page */
.accord{margin-top:24px;border-top:1.5px solid #e5e5e5;}
.accord-item{border-bottom:1.5px solid #e5e5e5;}
.accord-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:13px;font-weight:700;background:none;border:none;cursor:pointer;font-family:var(--fb);color:#0a0a0a;text-align:left;letter-spacing:.3px;}
.accord-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;transition:transform .2s;flex-shrink:0;}
.accord-btn.open svg{transform:rotate(180deg);}
.accord-body{display:none;padding:0 0 18px;font-size:13.5px;line-height:1.7;color:#555;}
.accord-body.open{display:block;}
.accord-body p{margin-bottom:8px;}
.accord-body p:last-child{margin-bottom:0;}
/* Qty box on product page */
.qty-box{display:flex;align-items:center;border:1.5px solid #e0e0e0;height:46px;border-radius:50px;overflow:hidden;}
.qty-box-btn{width:42px;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;font-size:18px;color:#0a0a0a;transition:background .15s;flex-shrink:0;}
.qty-box-btn:hover{background:#f5f5f5;}
.qty-box-val{width:40px;text-align:center;font-size:14px;font-weight:700;color:#0a0a0a;border-left:1.5px solid #e0e0e0;border-right:1.5px solid #e0e0e0;height:100%;display:flex;align-items:center;justify-content:center;}

/* ── CART ── */
.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;max-width:var(--max);margin:0 auto;padding:40px var(--pad) 64px;align-items:start}
.cart-title{font-family:var(--fb);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:#999;}
.cart-item{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}
.cart-item-img img{width:90px;height:110px;object-fit:cover;display:block}
.cart-item-body{display:flex;flex-direction:column;gap:4px}
.cart-item-brand{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mid)}
.cart-item-name{font-size:14px;font-weight:600}
.cart-item-opt{font-size:12.5px;color:var(--mid)}
.cart-item-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.qty-step{display:flex;align-items:center;gap:0;border:1.5px solid var(--border)}
.qty-step-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:18px;color:var(--ink);transition:background var(--t)}
.qty-step-btn:hover{background:var(--bg2)}
.qty-step-val{width:36px;text-align:center;font-size:13px;font-weight:700;border-left:1.5px solid var(--border);border-right:1.5px solid var(--border);height:32px;display:flex;align-items:center;justify-content:center}
.cart-item-price{font-size:14px;font-weight:700}
.cart-remove{background:none;border:none;cursor:pointer;color:var(--mid);font-size:12px;text-decoration:underline;margin-top:6px;padding:0}
.cart-summary{background:var(--bg2);padding:28px;position:sticky;top:calc(var(--ann) + var(--nav) + 20px)}
.cart-summary-title{font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;color:#888;}
.cart-summary-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid var(--border)}
.cart-summary-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;padding:16px 0}
.cart-checkout-btn{width:100%;padding:16px;background:#15803d;color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:var(--fb);letter-spacing:.3px;margin-top:4px;transition:background var(--t)}
.cart-checkout-btn:hover{background:var(--dark)}
.cart-continue{display:block;text-align:center;font-size:13px;color:var(--mid);text-decoration:underline;margin-top:12px}

/* ── PRODUCT RECOMMENDATIONS ── */
.prod-recs{background:#fafafa;padding:48px 0;margin-top:48px;border-top:1px solid #e5e5e5;}
.prod-recs .pscroll-wrap{margin:0;padding:0;}
.prod-recs .pscroll{padding-left:var(--pad);padding-right:var(--pad);}
.prod-recs .product-card{flex:0 0 220px;}
@media(max-width:768px){.prod-recs .product-card{flex:0 0 160px;}}

/* ── CART DRAWER ── */
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:#fff;z-index:900;transform:translateX(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 40px rgba(0,0,0,.12)}
.cart-drawer.on{transform:translateX(0)}

/* Head */
.cd-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1px solid #f0f0f0;flex-shrink:0;background:#fff;}
.cd-head-left{display:flex;align-items:center;gap:10px;color:#0a0a0a;}
.cd-head-left svg{stroke:#0a0a0a;opacity:.7;}
.cd-title{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:#0a0a0a;}
.cd-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0a0a0a;color:#fff;border-radius:10px;font-size:11px;font-weight:700;}
.cd-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;cursor:pointer;border-radius:50%;transition:background .15s;color:#0a0a0a;}
.cd-close-btn:hover{background:#e5e5e5;}

/* Shipping progress */
.cd-shipping-bar{padding:12px 24px;background:#fafafa;border-bottom:1px solid #f0f0f0;flex-shrink:0;}
.cd-shipping-msg{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#444;margin-bottom:8px;}
.cd-shipping-msg svg{flex-shrink:0;stroke:#767676;}
.cd-shipping-msg strong{color:#0a0a0a;}
.cd-shipping-achieved{color:#1a7a1a;margin-bottom:0;}
.cd-shipping-achieved svg{stroke:#1a7a1a;}
.cd-progress-bar{height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden;}
.cd-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .4s ease;}

/* Body */
.cd-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e5e5 transparent;}
.cd-body::-webkit-scrollbar{width:4px;}
.cd-body::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:2px;}
.cd-items-list{padding:0 24px;}

/* Empty state */
.cd-empty{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;}
.cd-empty-icon{width:72px;height:72px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.cd-empty-icon svg{stroke:#ccc;}
.cd-empty-title{font-family:var(--fd);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:-.3px;margin-bottom:6px;color:#0a0a0a;}
.cd-empty-sub{font-size:13px;color:#999;margin-bottom:24px;}
.cd-empty-btn{padding:13px 32px;background:#0a0a0a;color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:var(--fb);letter-spacing:.3px;transition:opacity .2s;}
.cd-empty-btn:hover{opacity:.8;}

/* Item */
.cd-item{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #f5f5f5;}
.cd-item:last-child{border-bottom:none;}
.cd-item-img{display:block;flex-shrink:0;}
.cd-item-img img{width:88px;height:110px;object-fit:cover;display:block;background:#f5f5f5;}
.cd-item-img-ph{width:88px;height:110px;background:#f0f0f0;}
.cd-item-body{display:flex;flex-direction:column;min-width:0;}
.cd-item-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;}
.cd-item-brand{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:3px;}
.cd-item-name{font-size:13px;font-weight:600;color:#0a0a0a;text-decoration:none;line-height:1.35;display:block;}
.cd-item-name:hover{text-decoration:underline;}
.cd-item-opt{font-size:11.5px;color:#999;margin-top:3px;background:#f5f5f5;padding:2px 8px;display:inline-block;border-radius:3px;}
.cd-remove-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#ccc;transition:color .15s;padding:0;}
.cd-remove-btn:hover{color:#e01010;}
.cd-item-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;}
.cd-item-prices{text-align:right;}
.cd-item-original{font-size:12px;color:#bbb;display:block;text-decoration:line-through;}
.cd-item-price{font-size:14px;font-weight:700;color:#0a0a0a;display:block;}
.cd-item-sale{color:#e01010;}

/* Qty stepper */
.qty-step{display:flex;align-items:center;border:1.5px solid #e5e5e5;border-radius:3px;overflow:hidden;}
.qty-step-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;color:#0a0a0a;transition:background .15s;flex-shrink:0;}
.qty-step-btn:hover{background:#f5f5f5;}
.qty-step-val{width:34px;text-align:center;font-size:13px;font-weight:600;color:#0a0a0a;border-left:1.5px solid #e5e5e5;border-right:1.5px solid #e5e5e5;height:32px;display:flex;align-items:center;justify-content:center;}

/* Footer */
.cd-foot{padding:16px 24px 24px;border-top:1px solid #f0f0f0;flex-shrink:0;background:#fff;}
.cd-summary{margin-bottom:14px;}
.cd-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#555;padding:5px 0;}
.cd-summary-row span:last-child{font-weight:600;color:#0a0a0a;}
.cd-summary-saving{color:#1a7a1a;}
.cd-summary-saving span{color:#1a7a1a!important;}
.cd-summary-shipping{border-top:1px solid #f0f0f0;padding-top:10px;margin-top:4px;}
.cd-trust{display:flex;gap:0;border:1.5px solid #f0f0f0;border-radius:4px;margin-bottom:14px;overflow:hidden;}
.cd-trust-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-size:10.5px;color:#767676;font-weight:600;text-align:center;border-right:1.5px solid #f0f0f0;}
.cd-trust-item:last-child{border-right:none;}
.cd-trust-item svg{stroke:#767676;}
.cd-checkout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#15803d;color:#fff;font-size:12px;font-weight:700;border-radius:50px;border:1.5px solid #15803d;cursor:pointer;font-family:var(--fb);letter-spacing:.5px;text-decoration:none;transition:all .2s;}
.cd-checkout-btn:hover{background:var(--green);opacity:1;}
.cd-viewbag{display:block;text-align:center;font-size:12.5px;color:#999;text-decoration:none;padding:6px;transition:color .15s;}
.cd-viewbag:hover{color:#0a0a0a;text-decoration:underline;}

/* Overlay */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;opacity:0;pointer-events:none;transition:opacity var(--t)}
.overlay.on{opacity:1;pointer-events:all}

/* ── SEARCH PANEL ── */
.search-panel{position:fixed;top:0;left:0;right:0;background:#fff;z-index:700;padding:20px var(--pad) 28px;border-bottom:1px solid var(--border);transform:translateY(-100%);transition:transform .3s var(--ease)}
.search-panel.on{transform:translateY(0)}
.search-form{display:flex;align-items:center;gap:12px;max-width:700px;margin:0 auto;border-bottom:2px solid var(--ink);padding-bottom:12px}
.search-back{display:flex;align-items:center;color:var(--ink);background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}
.search-inp{flex:1;font-family:var(--fb);font-size:20px;font-weight:400;border:none;outline:none;background:transparent;color:#0a0a0a;text-transform:none;letter-spacing:0;}
.search-inp::placeholder{color:#ccc}
.search-go{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--ink);padding:4px}
.search-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mid);max-width:700px;margin:20px auto 10px}
.search-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:700px;margin:0 auto}

/* ── MOBILE NAV ── */
.mobile-nav{position:fixed;top:0;left:0;bottom:0;width:min(340px,100vw);background:#ffffff;z-index:900;transform:translateX(-100%);transition:transform .3s var(--ease);display:flex;flex-direction:column;overflow:hidden;}
.mobile-nav.on{transform:translateX(0)}
.mn-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}
.mn-search{padding:10px 16px 12px;border-bottom:1px solid var(--border)}
.mn-search-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid #e0e0e0;border-radius:50px;padding:9px 16px;background:#f8f8f8;}
.mn-search-input{flex:1;border:none;outline:none;font-size:13px;font-family:var(--fb);color:var(--ink);background:transparent;}
/* tabs defined below */
.mn-panel{display:none;}
.mn-panel.active{display:block}
/* Featured cards — taller, full width-ish like Gymshark */
.mn-featured{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 10px;}
.mn-featured-card{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  text-decoration:none;position:relative;
  border-radius:6px;overflow:hidden;flex:0 0 140px;width:140px;
  aspect-ratio:3/4;
  background:#111;
}
.mn-featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;transition:transform .4s ease;}
.mn-featured-card:hover img{transform:scale(1.04);}
.mn-featured-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.05) 55%);z-index:1;}
.mn-featured-label{
  position:relative;z-index:2;
  font-family:var(--fd);font-size:20px;font-weight:400;
  text-transform:uppercase;letter-spacing:2px;
  color:#fff;padding:0 12px 14px;
  line-height:1;width:100%;
}
/* Tabs — bigger, aligned */
.mn-tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;flex-shrink:0;-webkit-overflow-scrolling:touch;}
.mn-tabs::-webkit-scrollbar{display:none}
.mn-tab{padding:13px 14px;font-size:13px;font-weight:600;background:none;border:none;cursor:pointer;white-space:nowrap;border-bottom:2.5px solid transparent;color:var(--mid);transition:all var(--t);font-family:var(--fb);letter-spacing:-.1px;}
.mn-tab.active{color:var(--ink);border-bottom-color:var(--ink)}
.mn-accord{padding-bottom:20px}
.mn-accord-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:14px;font-weight:600;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-family:var(--fb);color:var(--ink);text-align:left;letter-spacing:-.1px;}
.mn-accord-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;transition:transform .2s;flex-shrink:0}
.mn-accord-btn.open svg{transform:rotate(180deg);stroke:var(--green);}
.mn-accord-body{display:none;background:#f8f8f8;}
.mn-accord-body.open{display:block}
.mn-accord-body a{display:flex;align-items:center;gap:12px;padding:13px 20px;font-size:14px;color:#2a2a2a;border-bottom:1px solid #f0f0f0;text-decoration:none;transition:color .12s;font-weight:400;letter-spacing:-.1px;}
.mn-accord-body a:hover{color:var(--ink);background:#f0f0f0;}
.mn-accord-body a.link-new{color:var(--green,#1a7a3c)!important;font-weight:700;}
.mn-accord-body a[style*="color:#e01010"]{color:#e01010!important;}
/* Remove old hover padding shift - causes misalignment */
.mn-accord-body a:hover{}
.mn-accord-body a:hover{color:var(--ink)}

/* ── MOBILE NAV FOOTER BUTTONS ── */
.mn-foot-btns{display:flex;gap:12px;padding:14px 20px 18px;border-top:1px solid #f0f0f0;justify-content:center;}
.mn-foot-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 16px;
  font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
  text-decoration:none;
  border-radius:50px;
  transition:all .18s ease;
  box-shadow:none;
}
.mn-foot-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;flex-shrink:0;}
.mn-foot-btn--new{background:transparent;color:#15803d;border:1.5px solid #15803d;}
.mn-foot-btn--new:hover{background:#f0faf4;color:#0f6230;border-color:#0f6230;}
.mn-foot-btn--sale{background:transparent;color:#e01010;border:1.5px solid #e01010;}
.mn-foot-btn--sale:hover{background:#fff5f5;color:#c00;border-color:#c00;};}
.mn-foot{padding:16px 20px;display:flex;flex-direction:column;gap:0;}
.mn-foot a{font-size:13px;color:#767676;text-decoration:none;padding:9px 0;border-bottom:1px solid #f0f0f0;transition:color .15s;}
.mn-foot a:last-child{border-bottom:none;}
.mn-foot a:hover{color:#0a0a0a;}


/* ── MARQUEE ── */
.marquee-band{overflow:hidden;display:flex;align-items:center}
.marquee-track{display:inline-flex;white-space:nowrap;animation:ticker 35s linear infinite}
.marquee-item{display:inline-flex;align-items:center;padding:0 24px;letter-spacing:1px}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:var(--max);margin:0 auto;padding:40px var(--pad) 64px}
.blog-card{display:block;text-decoration:none;color:var(--ink)}
.blog-card-img{overflow:hidden;margin-bottom:16px;aspect-ratio:16/9;background:var(--bg2)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.blog-card:hover .blog-card-img img{transform:scale(1.04)}
.blog-card-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--mid);margin-bottom:6px}
.blog-card-title{font-family:var(--fb);font-size:15px;font-weight:600;text-transform:none;line-height:1.3;margin-bottom:8px;color:#0a0a0a;}
.blog-card-exc{font-size:13.5px;color:var(--mid);line-height:1.6}

/* ── BACK TO TOP ── */
.btt{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;z-index:500;cursor:pointer;opacity:0;transition:opacity .3s;border:none}
.btt.show{opacity:1}

/* ── MISC ── */
.page-wrap{max-width:var(--max);margin:0 auto;padding:48px var(--pad) 80px}

/* ═══════════════════════════════════
   RESPONSIVE
════════════════════════════════════ */
@media(max-width:1200px){
  :root{--pad:28px}
  .pgrid,.coll-pgrid{grid-template-columns:repeat(3,1fr);gap:18px 14px;}
}

@media(max-width:1024px){
  .mega-inner{grid-template-columns:repeat(3,1fr)}
  .cart-grid{grid-template-columns:1fr}
  .cart-summary{position:static}
}

@media(max-width:900px){
  .mobile-filter-bar{display:flex!important}
  
  .coll-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,90vw);z-index:598;transform:translateX(-100%);transition:transform .3s var(--ease);height:100vh;border-right:none;box-shadow:4px 0 24px rgba(0,0,0,.12)}
  .coll-sidebar.open{transform:translateX(0)}
  .sb-close-btn{display:block!important}
  .coll-main{padding:0 16px 48px}
  .usp-strip{grid-template-columns:repeat(2,1fr)}
  .usp-item{border-bottom:1px solid var(--border)}
}

@media(max-width:768px){
  :root{--pad:16px;--nav:56px;--ann:36px}
  .hdr-nav{display:none}
  .hdr-burger{display:flex}
  .mega{display:none!important}
  .usp-strip{grid-template-columns:1fr 1fr}
  .pgrid,.coll-pgrid{grid-template-columns:repeat(2,1fr)!important;gap:8px 6px!important;}
  .blog-grid{grid-template-columns:1fr;padding:24px var(--pad) 48px}
  .prod-layout{grid-template-columns:1fr;padding:16px var(--pad) 48px;gap:20px;}
  .pi-title{font-size:17px!important;}
  .prod-trust{grid-template-columns:repeat(3,1fr);}
  .atc-row{flex-direction:column}
  .wl-btn{width:100%;height:48px}
  .search-bar-large input{font-size:20px}
  .search-panel{padding:16px var(--pad) 20px}
  .search-inp{font-size:20px}
}

@media(max-width:480px){
  .usp-strip{grid-template-columns:1fr}
  .usp-item{border-right:none;border-bottom:1px solid var(--border)}
  .pgrid,.coll-pgrid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;}
  .cart-item{grid-template-columns:72px 1fr}
  .cart-drawer{width:100vw}
}

/* Mobile overlay */
#mobileOverlay { z-index: 899; }
/* Shopify section wrapper for mobile nav - must not block */
#shopify-section-mobile-nav { position: static; display: block; }

/* Product card tap/selected state */
.product-card.selected .pc-media{outline:2.5px solid #0a0a0a;outline-offset:-2.5px;}
.product-card.selected .pc-name{font-weight:700;}
.product-card:active .pc-media{outline:2.5px solid #0a0a0a;outline-offset:-2.5px;}
@media(max-width:768px){
  .pc-name{font-size:11px!important;text-transform:capitalize!important;font-weight:400!important;}
  .pc-price{font-size:11px!important;font-weight:400!important;}
  .pc-info{padding:6px 0 8px!important;}
}
/* Sale nav button - red pill around text only */
.nav-btn--sale{font-weight:700!important;padding:4px 8px!important;position:relative;}
.nav-btn--sale .sale-badge{background:#e01010;color:#fff;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;line-height:1.2;}
.nav-btn--sale:hover .sale-badge{background:#c00;}
.nav-btn--sale::after{display:none!important;}

/* Force 2 column grid on mobile - high specificity */
@media screen and (max-width:768px){
  .coll-layout .coll-main{padding-left:6px!important;padding-right:6px!important;}
  .coll-layout .coll-main .coll-pgrid{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:6px!important;
    width:100%!important;
  }
  .coll-layout .coll-main .coll-pgrid .product-card{
    width:100%!important;
    min-width:0!important;
  }
  .coll-layout .coll-main .coll-pgrid .product-card .pc-media{
    width:100%!important;
    aspect-ratio:4/5!important;
  }
}

/* Wishlist button */
.pc-wish{position:absolute;top:10px;right:10px;width:32px;height:32px;background:rgba(255,255,255,.92);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s,box-shadow .15s;z-index:4;backdrop-filter:blur(4px);box-shadow:0 1px 4px rgba(0,0,0,.12);}
.pc-wish svg{stroke:#555;transition:stroke .2s,fill .2s;}
.pc-wish:hover{background:#fff;}
.pc-wish:hover svg{stroke:#e01010;}
.pc-wish.active svg{stroke:#e01010;fill:#e01010;}

/* ── QUICK ADD TRIGGER ── */
.pc-qa-trigger{
  position:absolute;top:10px;left:10px;
  width:34px;height:34px;
  background:rgba(255,255,255,.94);
  border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:4;
  box-shadow:0 1px 6px rgba(0,0,0,.14);
  backdrop-filter:blur(6px);
  transition:background .18s,transform .18s,box-shadow .18s,color .18s;
  color:#0a0a0a;
  animation:qa-pulse 2.4s cubic-bezier(.4,0,.6,1) 1s 3;
}
@keyframes qa-pulse{
  0%{transform:scale(1);box-shadow:0 1px 6px rgba(0,0,0,.14),0 0 0 0 rgba(10,10,10,.25);}
  40%{transform:scale(1.12);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 8px rgba(10,10,10,.06);}
  100%{transform:scale(1);box-shadow:0 1px 6px rgba(0,0,0,.14),0 0 0 14px rgba(10,10,10,0);}
}
.pc-qa-trigger:hover,.pc-qa-trigger:focus{
  background:#15803d;color:#fff;
  transform:scale(1.08);
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  animation:none;
}
.pc-qa-trigger:active{transform:scale(.94);}
.pc-qa-trigger svg{transition:transform .26s cubic-bezier(.34,1.56,.64,1);}
.pc-qa-trigger:hover svg,.pc-qa-trigger:focus svg{transform:rotate(90deg) scale(1.15);}
/* Hide size pills on mobile — Quick Add handles it */


/* ── QUICK ADD MODAL — full bottom sheet ── */
/* ═══════════════════════════════════════════
   QUICK ADD MODAL — Gymshark-style bottom sheet
   ═══════════════════════════════════════════ */
.qa-overlay{
  display:none;
  position:fixed;inset:0;
  background:rgba(0,0,0,.52);
  z-index:9000;
  align-items:flex-end;
  justify-content:center;
  opacity:0;
  transition:opacity .25s ease;
}
.qa-overlay.qa-visible{opacity:1;}

.qa-sheet{
  width:100%;max-width:560px;
  background:#fff;
  border-radius:20px 20px 0 0;
  max-height:88vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  transform:translateY(100%);
  transition:transform .3s cubic-bezier(.32,0,.67,0);
}
.qa-sheet--open{transform:translateY(0);transition:transform .36s cubic-bezier(.34,1.2,.64,1);}

/* Drag bar */
.qa-drag-bar{padding:10px 0 2px;display:flex;justify-content:center;}
.qa-drag-handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;}

/* Header */
.qa-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:4px 20px 14px;
  border-bottom:1px solid #f0f0f0;
}
.qa-hdr-title{
  font-size:14px;font-weight:600;letter-spacing:0;
  text-transform:none;color:#0a0a0a;
  font-family:var(--fb);
}
.qa-hdr-close{
  width:34px;height:34px;border:none;background:none;
  cursor:pointer;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#999;transition:background .15s,color .15s;
}
.qa-hdr-close:hover{background:#f5f5f5;color:#0a0a0a;}

/* Product row */
.qa-prod-row{
  display:flex;align-items:center;gap:14px;
  padding:16px 20px;
  border-bottom:1px solid #f0f0f0;
}
.qa-prod-img-link{flex-shrink:0;}
.qa-prod-img{
  width:72px;height:90px;
  object-fit:cover;object-position:center top;
  border-radius:6px;background:#f5f5f5;
  display:block;
}
.qa-prod-info{flex:1;min-width:0;}
.qa-prod-name{
  font-size:14px;font-weight:500;
  color:#0a0a0a;line-height:1.3;
  margin-bottom:5px;
  font-family:var(--fb);
  letter-spacing:-.2px;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.qa-prod-price{
  font-size:15px;font-weight:700;
  color:#0a0a0a;font-family:var(--fb);
}

/* Sizes section */
.qa-sizes-section{padding-bottom:env(safe-area-inset-bottom,16px);}
.qa-sizes-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px 8px;
}
.qa-sizes-label{
  font-size:11px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:#0a0a0a;font-family:var(--fb);
}
.qa-sizes-guide{
  font-size:12px;color:#888;text-decoration:underline;
  text-underline-offset:2px;
}

/* Size rows */
.qa-row{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:15px 20px;
  background:#fff;border:none;
  border-top:1px solid #f2f2f2;
  cursor:pointer;text-align:left;
  font-family:var(--fb);
  transition:background .12s;
}
.qa-row:hover:not(.qa-row--out){background:#f8f8f8;}
.qa-row--out{cursor:not-allowed;}
.qa-row-name{
  font-size:14px;font-weight:500;
  color:#0a0a0a;letter-spacing:-.1px;
}
.qa-row--out .qa-row-name{color:#c0c0c0;}
.qa-row-action{
  display:flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;color:#0a0a0a;
}
.qa-row--out .qa-row-action{color:#c0c0c0;font-weight:500;}
.qa-row-action svg{transition:transform .2s;}
.qa-row:hover:not(.qa-row--out) .qa-row-action svg{transform:scale(1.2);}
.qa-row--added{background:#f0faf2!important;}
.qa-row--added .qa-row-name{color:#1e7e34;}
.qa-row--added .qa-row-action{color:#1e7e34;}

.qa-unavail{padding:20px;text-align:center;color:#aaa;font-size:13px;}

/* Size pills under card — shown on desktop hover only */

@media(min-width:560px){
  .qa-overlay{padding:0 20px;}
  .qa-sheet{border-radius:20px 20px 0 0;}
}


/* ── COLOR SWATCHES ── */
.sz-btn[data-opt="color"],.sz-btn[data-opt="colour"],.sz-btn[data-opt="Color"],.sz-btn[data-opt="Colour"]{
  display:none;
}
.color-swatch-grid{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;}
.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;position:relative;transition:all .15s;border:2px solid transparent;}
.color-swatch:hover{transform:scale(1.15);}
.color-swatch.on{border-color:#15803d;box-shadow:0 0 0 2px #fff inset,0 0 0 3px #15803d;}
.color-swatch[data-color="white"],.color-swatch[data-color="White"],.color-swatch[data-color="Bianco"]{border-color:#ddd!important;}
.color-swatch.on[data-color="white"],.color-swatch.on[data-color="White"]{border-color:#0a0a0a!important;}
.color-swatch-label{font-size:11px;color:#888;margin-top:6px;}

/* ── STICKY ATC BAR ── */
.sticky-atc{position:fixed;bottom:-80px;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;padding:12px var(--pad);display:flex;align-items:center;gap:16px;z-index:500;transition:bottom .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 24px rgba(0,0,0,.08);}
.sticky-atc.visible{bottom:0;}
.sticky-atc-img{width:44px;height:54px;object-fit:cover;flex-shrink:0;background:#f5f5f5;}
.sticky-atc-info{flex:1;min-width:0;}
.sticky-atc-name{font-size:13px;font-weight:500;text-transform:capitalize;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sticky-atc-price{font-size:13px;font-weight:700;color:#0a0a0a;margin-top:2px;}
.sticky-atc-btn{background:#15803d;color:#fff;border:none;padding:12px 24px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;font-family:var(--fb);white-space:nowrap;transition:all .18s;flex-shrink:0;border-radius:50px;box-shadow:0 3px 10px rgba(0,0,0,.18);}
.sticky-atc-btn:hover{background:#0f6230;}
@media(max-width:768px){
  .sticky-atc{padding:10px 16px;gap:12px;}
  .sticky-atc-btn{padding:12px 16px;font-size:11px;}
}

/* ── RECENTLY VIEWED ── */
.rv-bar{
  position:fixed;bottom:-180px;left:0;right:0;
  background:#fff;
  border-top:1.5px solid #ececec;
  padding:0;
  z-index:490;
  transition:bottom .35s cubic-bezier(.4,0,.2,1);
  box-shadow:0 -4px 24px rgba(0,0,0,.08);
  max-height:160px;
}
.rv-bar.visible{bottom:0;}
.rv-bar-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px 6px;
  border-bottom:1px solid #f2f2f2;
}
.rv-bar-title{
  font-size:9.5px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:#999;
}
.rv-bar-close{
  background:none;border:none;cursor:pointer;
  color:#bbb;font-size:16px;line-height:1;padding:2px 4px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;width:22px;height:22px;
  transition:background .15s,color .15s;
}
.rv-bar-close:hover{background:#f5f5f5;color:#333;}
.rv-bar-items{
  display:flex;gap:10px;overflow-x:auto;
  scrollbar-width:none;padding:10px 16px 12px;
  -webkit-overflow-scrolling:touch;
}
.rv-bar-items::-webkit-scrollbar{display:none;}
.rv-item{
  flex-shrink:0;width:56px;text-decoration:none;
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
.rv-item img{
  width:56px;height:70px;object-fit:cover;display:block;
  background:#f7f7f7;border-radius:2px;
  transition:opacity .2s;
}
.rv-item:hover img{opacity:.82;}
.rv-item-price{
  font-size:9.5px;font-weight:700;color:#0a0a0a;
  text-align:center;white-space:nowrap;letter-spacing:.2px;
}
@media(min-width:769px){
  .rv-bar{display:none;}
}

/* ── HERO SPLIT ── */
.hero-split{display:grid;grid-template-columns:1fr 1fr;height:85vh;min-height:500px;overflow:hidden;}
.hero-split-panel{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:40px;}
.hero-split-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.hero-split-panel:hover img{transform:scale(1.04);}
.hero-split-overlay{position:absolute;inset:0;transition:opacity .3s;}
.hero-split-content{position:relative;z-index:2;}
.hero-split-label{font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:8px;display:block;}
.hero-split-title{font-family:var(--fd);font-size:clamp(48px,6vw,90px);font-weight:400;text-transform:uppercase;color:#fff;line-height:.92;margin-bottom:20px;letter-spacing:1px;}
.hero-split-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);padding:11px 22px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:all .2s;}
.hero-split-btn:hover{background:#fff;color:#0a0a0a;border-color:#fff;}
.hero-split-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.2);z-index:10;pointer-events:none;}
@media(max-width:768px){
  .hero-split{grid-template-columns:1fr;height:auto;}
  .hero-split-panel{height:55vw;min-height:240px;padding:20px;}
  .hero-split-divider{display:none;}
}

/* Accord body icon */
.mn-accord-body a .cat-icon{width:24px;height:24px;background:transparent!important;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
.mn-accord-body a .cat-icon svg,.mn-accord-body a .cat-icon svg *{width:16px;height:16px;stroke:#888;fill:none!important;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.mn-accord-body a:hover{color:#0a0a0a;}
.mn-accord-body a:hover .cat-icon svg{stroke:#0a0a0a;}
.mn-accord-body a[style*="color:#e01010"] .cat-icon{background:transparent;}
.mn-accord-body a[style*="color:#e01010"] .cat-icon svg{stroke:#e01010;}

/* Mobile nav accordion link special styles */
.mn-accord-body a.link-new{color:var(--green)!important;font-weight:700;}
.mn-accord-body a.link-new .cat-icon{background:transparent!important;}
.mn-accord-body a.link-new .cat-icon svg{stroke:var(--green)!important;}
.mn-accord-body a.link-new::before{content:none;}
.mn-accord-body a.link-sale{color:#e01010!important;font-weight:700;}
.mn-accord-body a.link-sale .cat-icon{background:transparent!important;}
.mn-accord-body a.link-sale .cat-icon svg{stroke:#e01010!important;}
.mn-accord-body a.link-sale::before{content:none!important;}
.mn-accord-body a.link-hot{color:#0a0a0a!important;font-weight:700;}

/* Mobile nav footer links */
.mn-foot{padding:12px 16px 8px;border-top:1px solid #f5f5f5;}
.mn-foot-link{display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:13px;color:#555;text-decoration:none;border-bottom:1px solid #f8f8f8;transition:all .15s;}
.mn-foot-link:last-child{border-bottom:none;}
.mn-foot-link:hover{color:#0a0a0a;padding-left:8px;}
.mn-foot-icon{width:28px;height:28px;background:#f5f5f5;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mn-foot-icon svg{stroke:#555;}
.mn-foot-link:hover .mn-foot-icon{background:#0a0a0a;}
.mn-foot-link:hover .mn-foot-icon svg{stroke:#fff;}

/* Cat-icon sizing fix - ensure icons are never too large */
.cat-icon{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.cat-icon svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;}

/* Fix double star icon on New Arrivals */
.mn-accord-body a.link-new::before{content:none;}
/* Fix mega menu sale/new prefixes */
.mega-col a.link-new::before{content:none;}
.mega-col a.link-sale::before{content:none;}
/* Clean icon alignment */
.cat-icon{vertical-align:middle;}

/* ── ATC BUTTON ── */
@media(max-width:768px){
  .pc-atc{ display:none!important; }
}
@media(min-width:769px){
  .pc-media{overflow:hidden;}
  .product-card .pc-atc:hover{background:rgba(255,255,255,.82);}
}

/* ── ICON SYSTEM ── */
.cat-icon{width:24px;height:24px;min-width:24px;background:transparent!important;border-radius:0;display:flex;align-items:center;justify-content:center;}
.cat-icon svg,.cat-icon svg *{stroke:#888;fill:none!important;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.mn-accord-body a:hover .cat-icon svg{stroke:#0a0a0a;}
.mn-accord-body a.link-sale .cat-icon svg{stroke:#e01010;}
.mn-accord-body a.link-new .cat-icon svg{stroke:var(--green);}

/* ════════════════════════════════════════
   FEATURE 1 — PRODUCT CARD MICRO-ANIMATIONS
   ════════════════════════════════════════ */
.product-card{transition:transform .3s ease;}
.product-card:hover{transform:translateY(-4px);}
./* removed conflicting hover */
.pc-media img{transition:transform .5s ease;}
.pc-media{overflow:hidden;}

/* ════════════════════════════════════════
   FEATURE 2 — PAGE LOADING BAR
   ════════════════════════════════════════ */
#page-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--green);z-index:9999;transition:width .3s ease,opacity .3s ease;opacity:0;}
#page-progress.loading{opacity:1;}

/* ════════════════════════════════════════
   FEATURE 3 — FADE-IN SECTIONS ON SCROLL
   ════════════════════════════════════════ */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}

/* ════════════════════════════════════════
   FEATURE 5 — BREADCRUMB
   ════════════════════════════════════════ */
.breadcrumb{display:flex;align-items:center;gap:6px;padding:12px var(--pad);font-size:11px;color:#aaa;max-width:var(--max);margin:0 auto;}
.breadcrumb a{color:#aaa;text-decoration:none;transition:color .15s;}
.breadcrumb a:hover{color:#0a0a0a;}
.breadcrumb-sep{color:#ddd;font-size:10px;}
.breadcrumb-current{color:#555;}

/* ════════════════════════════════════════
   FEATURE 6 — QUICK VIEW MODAL
   ════════════════════════════════════════ */
.qv-trigger{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.9);border:none;border-radius:50px;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;opacity:0;transition:all .2s;font-family:var(--fb);color:#0a0a0a;backdrop-filter:blur(4px);}
.product-card:hover .qv-trigger{opacity:1;}
@media(max-width:768px){.qv-trigger{display:none;}}
.qv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;opacity:0;pointer-events:none;transition:opacity .25s;}
.qv-overlay.open{opacity:1;pointer-events:all;}
.qv-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);width:min(680px,92vw);max-height:85vh;background:#fff;z-index:801;overflow-y:auto;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);}
.qv-overlay.open .qv-modal{transform:translate(-50%,-50%);opacity:1;}
.qv-inner{display:grid;grid-template-columns:1fr 1fr;min-height:400px;}
.qv-img{background:#f0f0ee;aspect-ratio:3/4;overflow:hidden;}
.qv-img img{width:100%;height:100%;object-fit:cover;}
.qv-info{padding:32px 28px;display:flex;flex-direction:column;}
.qv-brand{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:6px;}
.qv-title{font-size:16px;font-weight:600;color:#0a0a0a;margin-bottom:8px;line-height:1.3;}
.qv-price{font-size:18px;font-weight:700;color:#0a0a0a;margin-bottom:20px;}
.qv-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:#555;z-index:2;}
.qv-atc{width:100%;padding:14px;background:#0a0a0a;color:#fff;border:none;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;font-family:var(--fb);margin-top:auto;transition:background .2s;}
.qv-atc:hover{background:var(--green);}
.qv-view{display:block;text-align:center;font-size:11px;color:#aaa;margin-top:10px;text-decoration:none;}
.qv-view:hover{color:#0a0a0a;}
@media(max-width:600px){.qv-inner{grid-template-columns:1fr;}}

/* ════════════════════════════════════════
   FEATURE 7 — SIZE GUIDE MODAL
   ════════════════════════════════════════ */
.sg-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;opacity:0;pointer-events:none;transition:opacity .25s;}
.sg-overlay.open{opacity:1;pointer-events:all;}
.sg-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);width:min(600px,92vw);max-height:80vh;background:#fff;z-index:801;overflow-y:auto;padding:32px;opacity:0;transition:all .3s ease;}
.sg-overlay.open .sg-modal{transform:translate(-50%,-50%);opacity:1;}
.sg-title{font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:20px;}
.sg-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:none;border:none;cursor:pointer;font-size:20px;color:#555;}
.sg-table{width:100%;border-collapse:collapse;font-size:13px;}
.sg-table th{padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#999;border-bottom:1px solid #f0f0f0;text-align:left;}
.sg-table td{padding:11px 14px;border-bottom:1px solid #f8f8f8;color:#444;}
.sg-table tr:hover td{background:#fafafa;}

/* ════════════════════════════════════════
   FEATURE 8 — LOW STOCK BADGE
   ════════════════════════════════════════ */
.stock-low{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#e01010;margin-top:4px;}
.stock-low::before{content:'';width:6px;height:6px;border-radius:50%;background:#e01010;flex-shrink:0;animation:pulse-red 1.5s ease infinite;}
@keyframes pulse-red{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* ════════════════════════════════════════
   FEATURE 4 — COUNTDOWN TIMER
   ════════════════════════════════════════ */
.pi-countdown{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff8f8;border:1px solid #fde8e8;border-radius:6px;margin-bottom:16px;}
.pi-countdown-label{font-size:11px;font-weight:600;color:#e01010;letter-spacing:.3px;}
.pi-countdown-timer{display:flex;gap:4px;align-items:center;}
.pi-countdown-seg{background:#e01010;color:#fff;border-radius:4px;padding:3px 7px;font-size:13px;font-weight:700;font-family:var(--fd);min-width:28px;text-align:center;}
.pi-countdown-colon{color:#e01010;font-weight:700;font-size:14px;}

/* ══ SKIP TO CONTENT ══ */
.skip-to-content{position:absolute;top:-100px;left:16px;background:#0a0a0a;color:#fff;padding:8px 16px;font-size:13px;font-weight:600;z-index:9999;border-radius:0 0 4px 4px;transition:top .2s;}
.skip-to-content:focus{top:0;}

/* ══ COOKIE BANNER ══ */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;z-index:9990;box-shadow:0 -4px 24px rgba(0,0,0,.08);}
.cookie-inner{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.cookie-text p{font-size:12.5px;color:#555;line-height:1.6;flex:1;}
.cookie-text a{color:var(--green);text-decoration:underline;}
.cookie-btns{display:flex;gap:8px;flex-shrink:0;}
.cookie-btn-accept{padding:9px 20px;background:#0a0a0a;color:#fff;border:none;border-radius:50px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--fb);letter-spacing:.3px;transition:background .15s;}
.cookie-btn-accept:hover{background:var(--green);}
.cookie-btn-decline{padding:9px 20px;background:transparent;color:#888;border:1px solid #ddd;border-radius:50px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--fb);transition:all .15s;}
.cookie-btn-decline:hover{border-color:#888;color:#555;}
@media(max-width:600px){.cookie-inner{flex-direction:column;gap:12px;}.cookie-btns{width:100%;}.cookie-btn-accept,.cookie-btn-decline{flex:1;text-align:center;}}

/* ══ SECOND IMAGE HOVER ══ */

.product-card:hover 
.product-card:hover 


/* ══ COLOR SWATCHES IN GRID ══ */
.pc-swatches{display:flex;align-items:center;gap:3px;margin-bottom:5px;}
.pc-swatch-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.1);}
.pc-swatch-more{font-size:10px;color:#aaa;margin-left:2px;}

/* ══ SOCIAL SHARE ══ */
.pi-share-label{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#aaa;margin-right:4px;}
.pi-share-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:#555;transition:all .15s;}
.pi-share-btn:hover{border-color:#0a0a0a;color:#0a0a0a;}

/* ══ ACTIVE FILTER PILLS ══ */
.filter-pills{display:flex;flex-wrap:wrap;gap:6px;padding:10px var(--pad) 0;max-width:var(--max);margin:0 auto;}
.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:#f5f5f5;color:#444;font-size:11.5px;font-weight:500;border-radius:50px;text-decoration:none;border:1px solid #e5e5e5;transition:all .15s;}
.filter-pill:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;}
.filter-pill-clear{background:transparent;color:#aaa;border:1px solid #e0e0e0;cursor:pointer;font-family:var(--fb);}
.filter-pill-clear:hover{background:#e01010;color:#fff;border-color:#e01010;}

/* ══ IMAGE ZOOM OVERLAY ══ */
.zoom-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:900;display:none;align-items:center;justify-content:center;flex-direction:column;}
.zoom-overlay.open{display:flex;}
.zoom-img{max-width:90vw;max-height:88vh;object-fit:contain;}
.zoom-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:2;opacity:.7;transition:opacity .15s;}
.zoom-close:hover{opacity:1;}
.zoom-nav{position:absolute;bottom:20px;display:flex;gap:16px;}
.zoom-arrow{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.zoom-arrow:hover{background:rgba(255,255,255,.3);}

/* ══ PRINT STYLES ══ */
@media print{
  .site-header,.ann-bar,.cd-foot,.cookie-banner,.sticky-atc,.rv-bar,
  .mn-foot-btns,.pi-share,.btt-btn,#page-progress,
  .coll-sidebar,.mobile-filter-bar{display:none!important;}
  body{font-size:12pt;color:#000;}
  a{color:#000;text-decoration:none;}
  .pi-wrap{display:block;}
  .pi-media{max-width:300px;float:left;margin:0 20px 20px 0;}
}

/* ── SKIP TO CONTENT ── */
.skip-link{position:absolute;top:-100px;left:16px;background:#0a0a0a;color:#fff;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;z-index:9999;transition:top .2s;}
.skip-link:focus{top:8px;}

/* ── COOKIE BANNER ── */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;z-index:9990;padding:14px var(--pad);box-shadow:0 -4px 20px rgba(0,0,0,.08);}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--max);margin:0 auto;flex-wrap:wrap;}
.cookie-text{font-size:12.5px;color:#555;line-height:1.5;flex:1;}
.cookie-link{color:#0a0a0a;font-weight:600;}
.cookie-btns{display:flex;gap:8px;flex-shrink:0;}
.cookie-btn-accept{background:#0a0a0a;color:#fff;border:none;padding:9px 20px;font-size:12px;font-weight:700;border-radius:50px;cursor:pointer;font-family:var(--fb);letter-spacing:.3px;transition:background .2s;}
.cookie-btn-accept:hover{background:var(--green);}
.cookie-btn-decline{background:transparent;color:#888;border:1px solid #ddd;padding:9px 16px;font-size:12px;font-weight:600;border-radius:50px;cursor:pointer;font-family:var(--fb);transition:all .2s;}
.cookie-btn-decline:hover{border-color:#aaa;color:#555;}
@media(max-width:600px){.cookie-inner{flex-direction:column;}.cookie-btns{width:100%;}.cookie-btn-accept,.cookie-btn-decline{flex:1;text-align:center;}}

/* ── IMAGE ZOOM LIGHTBOX ── */
.zoom-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:900;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;}
.zoom-overlay.open{opacity:1;pointer-events:all;}
.zoom-img{max-width:90vw;max-height:90vh;object-fit:contain;cursor:zoom-out;transform:scale(.95);transition:transform .3s ease;}
.zoom-overlay.open .zoom-img{transform:scale(1);}
.zoom-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.zoom-close:hover{background:rgba(255,255,255,.25);}

/* ── ACTIVE FILTER PILLS ── */
.active-filters{display:flex;flex-wrap:wrap;gap:6px;padding:10px var(--pad) 0;max-width:var(--max);margin:0 auto;}
.filter-pill{display:inline-flex;align-items:center;gap:5px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:50px;padding:4px 10px 4px 12px;font-size:11px;font-weight:600;color:#0a0a0a;cursor:pointer;transition:all .15s;}
.filter-pill:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;}
.filter-pill-x{font-size:14px;line-height:1;opacity:.6;}
.filter-pill:hover .filter-pill-x{opacity:1;}

/* ── PRODUCT CARD SECOND IMAGE ── */

.product-card:hover 

/* ── COLOUR SWATCHES ON CARD ── */
.pc-swatches{display:flex;gap:4px;margin-top:5px;}
.pc-swatch-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(0,0,0,.12);}

/* ── SHARE BUTTONS ── */
.pi-share-label{font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#aaa;}
.pi-share-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;text-decoration:none;color:#555;background:#fff;}
.pi-share-btn:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;}
.pi-share-btn svg{width:14px;height:14px;}

/* ── PRINT STYLES ── */
@media print{
  .site-header,.site-footer,.mn-overlay,.cart-drawer,.search-panel,.sticky-atc,.btt,.cookie-banner,.rv-bar,#page-progress{display:none!important;}
  body{font-size:12pt;color:#000;}
  .pi-wrap{display:block;}
  .gal-thumbs,.pc-atc,.pi-share,.pi-countdown{display:none!important;}
  a{color:#000;text-decoration:none;}
}

/* ═══════════════════════════════════════
   WISHLIST DRAWER
   ═══════════════════════════════════════ */
.wl-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.45);z-index:7000;
  opacity:0;transition:opacity .25s;
}
.wl-overlay.open{display:block;opacity:1;}
.wl-drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(380px,95vw);
  background:#fff;z-index:7001;
  transform:translateX(100%);
  transition:transform .32s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
  box-shadow:-4px 0 32px rgba(0,0,0,.1);
}
.wl-drawer.open{transform:translateX(0);}
.wl-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 20px 16px;
  border-bottom:1px solid #f0f0f0;
  flex-shrink:0;
}
.wl-title{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:#0a0a0a;font-family:var(--fb);
}
.wl-close{
  width:34px;height:34px;background:none;border:none;
  cursor:pointer;border-radius:50%;display:flex;
  align-items:center;justify-content:center;
  color:#888;transition:background .15s,color .15s;
}
.wl-close:hover{background:#f5f5f5;color:#0a0a0a;}
.wl-body{flex:1;overflow-y:auto;padding:16px 20px;}
.wl-empty{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:12px;padding:60px 20px;
  text-align:center;
}
.wl-empty p{font-size:14px;color:#aaa;font-weight:500;}
.wl-shop-btn{
  font-size:12px;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;text-decoration:none;
  background:#0a0a0a;color:#fff;padding:11px 22px;
  border-radius:50px;margin-top:4px;display:inline-block;
  transition:background .15s;
}
.wl-shop-btn:hover{background:#333;}
.wl-items{display:flex;flex-direction:column;gap:0;}
.wl-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 0;border-bottom:1px solid #f5f5f5;
  position:relative;
}
.wl-item-img{
  width:72px;height:90px;object-fit:cover;
  object-position:center top;background:#f5f5f5;
  flex-shrink:0;border-radius:4px;text-decoration:none;
  display:block;
}
.wl-item-info{flex:1;min-width:0;}
.wl-item-name{
  font-size:13px;font-weight:600;color:#0a0a0a;
  line-height:1.3;margin-bottom:4px;
  text-decoration:none;display:block;
  overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.wl-item-price{font-size:13px;font-weight:700;color:#0a0a0a;}
.wl-item-remove{
  position:absolute;top:14px;right:0;
  background:none;border:none;cursor:pointer;
  color:#ccc;font-size:16px;line-height:1;padding:2px 4px;
  transition:color .15s;
}
.wl-item-remove:hover{color:#e01010;}
/* Badge on header wishlist icon */
.wl-badge{
  position:absolute;top:-4px;right:-4px;
  background:#e01010;color:#fff;
  font-size:9px;font-weight:700;
  width:16px;height:16px;border-radius:50%;
  display:none;align-items:center;justify-content:center;
  font-family:var(--fb);
}
.wl-badge.show{display:flex;}
#wishlistBtn{position:relative;}

.wl-item-img-wrap{flex-shrink:0;display:block;text-decoration:none;}
.wl-item-img-ph{width:72px;height:90px;background:#f5f5f5;border-radius:4px;display:block;}

@media(max-width:600px){
  .hdr-logo img{max-width:calc(100vw - 200px);width:auto;height:28px;}
  .hdr-right{gap:0;}
  .icon-btn{padding:8px 6px;}
}

/* ── FREE SHIPPING BAR ── */
.fs-bar-wrap{background:#f8f8f8;border-radius:8px;padding:14px 16px;margin-bottom:20px;}
.fs-bar-msg{font-size:12.5px;color:#555;margin-bottom:8px;line-height:1.4;}
.fs-bar-msg strong{color:#0a0a0a;}
.fs-bar-msg--done{color:#16A34A;font-weight:600;}
.fs-bar-track{height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden;}
.fs-bar-fill{height:100%;background:linear-gradient(90deg,#16A34A,#22C55E);border-radius:2px;transition:width .4s ease;}

/* ── COLOR SWATCHES ON CARDS ── */
.pc-color-swatches{display:flex;gap:5px;margin-top:7px;align-items:center;}
.pc-color-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);display:inline-block;transition:transform .15s;cursor:pointer;}
.pc-color-dot:hover{transform:scale(1.2);}
.pc-color-more{font-size:10px;color:#888;font-weight:600;font-family:var(--fb);}

/* ── STOCK URGENCY ── */
.stock-urgency{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#fff8f0;border:1px solid #fde8c8;border-radius:6px;margin-bottom:14px;font-size:12.5px;color:#b45309;font-weight:600;}
.stock-urgency svg{flex-shrink:0;stroke:#b45309;}
.sz-low{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#b45309;color:#fff;border-radius:50%;font-size:8px;font-weight:700;margin-left:3px;vertical-align:middle;}
.sz-sold-out{opacity:.35;text-decoration:line-through;cursor:not-allowed;}
.sz-btn.sz-sold-out:hover{border-color:#e0e0e0;background:#fff;color:#0a0a0a;}

/* ── NOTIFY ME ── */
.notify-wrap{margin-top:12px;padding:14px;background:#f8f8f8;border-radius:8px;}
.notify-label{font-size:13px;color:#555;margin-bottom:10px;}
.notify-label strong{color:#0a0a0a;}
.notify-row{display:flex;gap:0;}
.notify-input{flex:1;padding:10px 14px;border:1.5px solid #e0e0e0;border-right:none;font-size:13px;font-family:var(--fb);outline:none;border-radius:50px 0 0 50px;}
.notify-input:focus{border-color:#0a0a0a;}
.notify-btn{padding:10px 18px;background:#0a0a0a;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--fb);border-radius:0 50px 50px 0;white-space:nowrap;transition:background .15s;}
.notify-btn:hover{background:#333;}
.notify-success{font-size:12.5px;color:#16A34A;font-weight:600;margin-top:8px;}
/* ══ IMPROVEMENTS v67 ══════════════════════════ */
.product-card{transition:transform .22s ease;}
.product-card:hover{transform:translateY(-2px);}
./* removed conflicting hover */
.coll-pgrid{row-gap:32px;}
@media(min-width:769px){.coll-pgrid{column-gap:20px;row-gap:36px;}}
.accord-item{border-bottom:1px solid #ebebeb;}
.accord-btn{font-size:13px;font-weight:500;letter-spacing:0;color:#1a1a1a;padding:15px 0;border:none;}
.accord-body{font-size:13px;line-height:1.7;color:#666;padding:4px 0 14px;text-transform:none;}.accord-body::first-letter{text-transform:uppercase;}
/* sz-btn: main rule at top is authoritative — no override needed here */
.pi-vendor{font-size:10px;letter-spacing:2px;color:#bbb;margin-bottom:8px;text-transform:uppercase;}
.pi-price{font-size:18px;font-weight:600;color:#1a1a1a;letter-spacing:-.2px;}
.pi-price-wrap{margin-bottom:20px;}
.coll-sidebar{border-right:1px solid #ebebeb;}
.sb-group{border-bottom:1px solid #ebebeb;}
.sb-group-btn{font-size:12px;font-weight:500;letter-spacing:0;color:#333;}
.cd-title{font-size:14px;font-weight:500;letter-spacing:0;}
.sticky-atc{border-top:1px solid #ebebeb;box-shadow:0 -2px 16px rgba(0,0,0,.05);}
.sticky-atc-btn{border-radius:3px;font-size:13px;font-weight:600;letter-spacing:.3px;}
.prod-trust{border-top:1px solid #ebebeb;padding-top:16px;margin-top:4px;}
.prod-trust-item{font-size:11px;color:#888;}
.breadcrumb{font-size:11.5px;color:#aaa;padding:16px var(--pad) 0;}
.breadcrumb a{color:#aaa;}
.breadcrumb-current{color:#666;}
@media(max-width:768px){
  .sz-btn{min-width:48px;padding:12px 10px;font-size:13px;}
  .mn-accord-btn{padding:15px 20px;font-size:13.5px;}
  .mn-accord-body a{padding:13px 20px;font-size:13.5px;}
}
/* High-specificity name/price overrides — ensure no cascade fights */
.product-card .pc-name{font-size:12px!important;font-weight:400!important;text-transform:capitalize!important;letter-spacing:0!important;color:#222!important;text-align:center!important;}
.product-card .pc-price{font-size:13px!important;font-weight:600!important;color:#111!important;text-align:center!important;justify-content:center!important;}
.product-card .pc-brand{display:none!important;}
.product-card .pc-info{text-align:center!important;}
.product-card .pc-color-swatches{justify-content:center!important;}
/* pi-title on product page */
.pi-title{font-size:clamp(15px,1.5vw,20px)!important;font-weight:600!important;text-transform:capitalize!important;letter-spacing:-.2px!important;}
/* Breadcrumb: capitalize not uppercase */
.breadcrumb,.breadcrumb a,.breadcrumb-current{text-transform:none;font-size:11.5px;color:#999;}
.breadcrumb-current{color:#555;}
/* ── PRODUCT CARD SECOND IMAGE HOVER ── */
.pc-img-main{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:center center;
  padding:12px;
  transition:opacity .4s ease;
  opacity:1;
}
.pc-img-alt{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;
  opacity:0;transition:opacity .4s ease;
}
.product-card:hover .pc-img-alt{opacity:1;}
.product-card:hover .pc-img-main{opacity:0;}
/* Prevent any scale transform interfering */
.product-card .pc-media img{transform:none!important;}
.product-card:hover .pc-media{cursor:pointer;}
/* Mobile: no hover effect — tap goes to product */
@media(max-width:900px){
  .product-card:hover .pc-img-alt{opacity:0;}
  .product-card:hover .pc-img-main{opacity:1;}
}
/* Mobile: image is plain link, no ATC overlay */
@media(max-width:900px){
  .pc-atc{pointer-events:none!important;opacity:0!important;}
  /* pc-qa-trigger: keep + button visible on mobile too */
}
/* Payment button (Apple Pay / Google Pay) */
.payment-btn-wrap{margin-top:10px;}
.payment-btn-wrap .shopify-payment-button{margin:0;}
.payment-btn-wrap .shopify-payment-button__button{border-radius:4px!important;height:44px!important;font-size:13px!important;}
/* Recently Viewed inline section on product page */
.rv-section{padding:40px 0;border-top:1px solid #ebebeb;margin-top:40px;}
.rv-product-list{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.rv-product-list::-webkit-scrollbar{display:none;}
.rv-product-list a{flex:0 0 160px;text-decoration:none;color:inherit;}
.rv-product-list .rv-p-img{width:160px;height:200px;background:#f5f5f5;overflow:hidden;margin-bottom:8px;border-radius:2px;}
.rv-product-list .rv-p-img img{width:100%;height:100%;object-fit:cover;display:block;}
.rv-product-list .rv-p-name{font-size:12px;font-weight:400;color:#333;text-transform:capitalize;line-height:1.3;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rv-product-list .rv-p-price{font-size:12px;font-weight:600;color:#111;}
@media(max-width:768px){
  .rv-product-list a{flex:0 0 130px;}
  .rv-product-list .rv-p-img{width:130px;height:163px;}
}
/* Scroll fade-in animation */
.fade-in-up{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .5s ease, transform .5s ease;
}
.fade-in-up.visible{
  opacity:1;
  transform:translateY(0);
}
@media(prefers-reduced-motion:reduce){
  .fade-in-up{opacity:1;transform:none;transition:none;}
}
/* Skeleton loading shimmer */
@keyframes shimmer{
  0%{background-position:-400px 0}
  100%{background-position:400px 0}
}
.pc-media::before{
  content:'';
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%);
  background-size:800px 100%;
  animation:shimmer 1.4s ease infinite;
  transition:opacity .3s;
}
.pc-media.img-loaded::before{
  opacity:0;pointer-events:none;
}
/* Star ratings */
.pc-stars{display:flex;align-items:center;gap:2px;justify-content:center;margin-top:4px;margin-bottom:2px;}
.pc-rating-count{font-size:11px;color:#999;margin-left:3px;}
.pi-stars{display:flex;align-items:center;gap:3px;margin-bottom:10px;}
.pi-rating-link{font-size:12px;color:#888;margin-left:6px;text-decoration:underline;text-underline-offset:2px;}
.pi-rating-link:hover{color:#333;}
/* Mobile: slider not clickable (only zoom btn opens lightbox) */
@media(max-width:900px){
  .gal-slider{cursor:default!important;}
}
/* Desktop: slider shows pointer cursor to hint it's zoomable */
@media(min-width:901px){
  .gal-slider{cursor:zoom-in;}
}
/* Mobile: remove sticky from gallery — prevents image from floating */
@media(max-width:768px){
  .prod-gallery{position:static!important;top:auto!important;}
  .gal-slider{aspect-ratio:3/4;}
}
/* Desktop: sidebar is always visible, overlay must never darken page */
@media(min-width:769px){
  .sb-overlay{display:none!important;}
}
/* pi-share — definitive rule */
.pi-share{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #ebebeb;}
.pi-share-label{
  font-size:11px;font-weight:500;letter-spacing:1px;
  text-transform:uppercase;color:#aaa;margin-right:4px;
}
.pi-share-btn{
  width:32px;height:32px;border-radius:50%;
  border:1px solid #e5e5e5;background:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#555;transition:all .15s;
  text-decoration:none;
}
.pi-share-btn:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;}
.pi-share-btn svg{width:14px;height:14px;display:block;}
/* Product description: force lowercase on ALL-CAPS Shopify descriptions */
.accord-body p{text-transform:lowercase;}
/* But keep first letter capitalized where possible */
.accord-body p::first-letter{text-transform:uppercase;}
/* Accordions inside product page only */
.prod-info .accord-body p{text-transform:lowercase;}
.prod-info .accord-body p::first-letter{text-transform:uppercase;}
/* ══ FOREST GREEN SYSTEM ══════════════════════════════════
   Accent colour applied consistently across:
   - CTA buttons (ATC, checkout, sticky ATC)
   - Active states (size, filter, nav)
   - Badges (New In)
   - Announcement bar & USP strip
   - Progress bars, indicators
   ════════════════════════════════════════════════════════ */

/* Quick add + button — discrete */

/* Wishlist active — keep red (emotional) */
/* Sale badge — keep red (urgency) */

/* fs-bar done message */
.fs-bar-msg--done{color:#15803d!important;font-weight:600;}

/* Progress bar / loading */
#page-progress{background:var(--green,#15803d)!important;}

/* Link hover green */
a.link-new{color:#15803d!important;}

/* Accord open arrow — green */
.accord-btn.open svg{stroke:#15803d;}
.accord-btn.open{color:#15803d;}

/* sb-group-btn open arrow */
.sb-group-btn.open{color:#15803d;}
.sb-group-btn.open svg{stroke:#15803d;}

/* Wl-drawer close hover */
.wl-close:hover{color:#15803d;}

/* Toast — green left border */
.toast{border-left:3px solid #15803d;}

/* Footer — dark with green accent */
/* (footer bg set via Theme Editor — recommend setting to #0a0a0a in Shopify admin) */

/* Product page: opt-label Size Guide link */
.opt-label a{color:#15803d;}
.opt-label a:hover{color:#0f6230;}

/* Gal-thumb active border */
.gal-thumb.on,.gal-thumb:hover{border-color:#15803d;}

/* Pagination active */
.page-link.on,.page-link:hover{background:#15803d;color:#fff;border-color:#15803d;}

/* Search highlight */
.search-result:hover{border-left:2px solid #15803d;}

/* Mobile nav tab */
.mn-tab:hover{color:#15803d;}

/* Sticky ATC hover */
.sticky-atc-btn:hover{background:#0f6230!important;}

/* Active filter pill */
.active-pill{background:#f0faf4;color:#15803d;border:1px solid #d1fae5;}
.active-pill:hover{background:#15803d;color:#fff;}

/* btn-ghost green border variant */
.btn-ghost:hover{background:#15803d;color:#fff;border-color:#15803d;}

/* Section alternating backgrounds */
.prod-recs,.rv-section{background:var(--cream,#fafaf8);}

/* cb-item active text */
.cb-item.active .cb-item__label{color:#15803d;font-weight:600;}
.size-btn.active{background:#15803d;color:#fff;border-color:#15803d;}
/* Subscribe button — always forest green across all pages */
.nl-btn{background:#15803d!important;color:#fff!important;border-color:#15803d!important;}
.nl-btn:hover{background:#0f6230!important;opacity:1!important;}
/* ── GLOBAL TYPOGRAPHY SYSTEM ──────────────────────────
   One font (Inter), three weights, consistent hierarchy
   Labels/eyebrows: 10-11px / 600 / uppercase / 3px spacing
   Section titles:  12-13px / 600 / uppercase / 3px spacing
   Body:            13-14px / 400 / none / 0
   ──────────────────────────────────────────────────── */
.sec-title{
  font-family:var(--fb);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:3px;
  color:#0a0a0a;
  line-height:1;
  margin-bottom:24px;
}
/* Collection page title */
.coll-head h1{
  font-family:var(--fb)!important;
  font-size:12px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:3px!important;
  color:#0a0a0a!important;
  line-height:1!important;
  margin-bottom:0!important;
}
/* Cart page title */
.cart-page-title{
  font-family:var(--fb)!important;
  font-size:12px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:3px!important;
  color:#0a0a0a!important;
  margin-bottom:0!important;
}
/* Section link "View All" */
.sec-link{
  font-size:11px;font-weight:600;letter-spacing:1.5px;
  text-transform:uppercase;text-decoration:none;
  color:#0a0a0a;border-bottom:1px solid #0a0a0a;
  padding-bottom:1px;
}
.sec-link:hover{color:#15803d;border-color:#15803d;}
/* ── FILTER SIDEBAR — clean aligned layout ────────────── */
.sb-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 20px 16px;
  border-bottom:1px solid #ebebeb;
}
.sb-head-title{
  font-size:10px;font-weight:600;letter-spacing:3px;
  text-transform:uppercase;color:#0a0a0a;
}
.sb-group{border-bottom:1px solid #ebebeb;}
.sb-group-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;
  font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  background:none;border:none;cursor:pointer;
  font-family:var(--fb);color:#0a0a0a;text-align:left;
  transition:color .15s;
}
.sb-group-btn:hover,.sb-group-btn.open{color:#15803d;}
.sb-group-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform .2s;}
.sb-group-btn.open svg{transform:rotate(180deg);stroke:#15803d;}
.sb-group-body{display:none;padding:8px 20px 16px;}
.sb-group-body.open{display:block;}
/* Checkbox filter items */
.cb-list{display:flex;flex-direction:column;gap:0;}
.cb-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 4px;cursor:pointer;
  transition:background .1s;
  border-radius:3px;
}
.cb-item:hover{background:#f8f8f8;}
.cb-item__box{
  width:15px;height:15px;flex-shrink:0;
  border:1.5px solid #d0d0d0;background:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
  border-radius:2px;
}
.cb-item.active .cb-item__box{background:#15803d;border-color:#15803d;}
.cb-item.active .cb-item__box::after{
  content:'';display:block;
  width:4px;height:7px;
  border:2px solid #fff;border-top:none;border-left:none;
  transform:rotate(45deg) translate(-1px,-1px);
}
.cb-item__label{font-size:13px;font-weight:400;color:#333;line-height:1.3;}
.cb-item.active .cb-item__label{color:#15803d;font-weight:500;}
/* Size buttons in sidebar */
.size-grid{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px;}
.size-btn{
  min-width:40px;height:36px;padding:0 10px;
  border:1.5px solid #e0e0e0;
  font-size:12px;font-weight:500;cursor:pointer;
  background:#fff;color:#333;
  font-family:var(--fb);
  border-radius:3px;
  transition:all .15s;
}
.size-btn:hover{border-color:#15803d;color:#15803d;}
.size-btn.active{background:#15803d;color:#fff;border-color:#15803d;}
/* Color swatches in filter */
.color-row{
  display:flex;align-items:center;gap:10px;
  padding:7px 4px;cursor:pointer;border-radius:3px;
}
.color-row:hover{background:#f8f8f8;}
.color-dot{
  width:18px;height:18px;border-radius:50%;flex-shrink:0;
  border:1.5px solid rgba(0,0,0,.12);
  transition:all .15s;
}
.color-row.active /* removed orphaned active dot rule */
.color-row__label{font-size:13px;color:#333;}
.color-row.active .color-row__label{color:#15803d;font-weight:500;}
/* Sort radio buttons */
.sb-radio{
  display:flex;align-items:center;gap:10px;
  padding:7px 4px;cursor:pointer;font-size:13px;color:#333;
}
.sb-radio input[type="radio"]{
  accent-color:#15803d;
  width:14px;height:14px;cursor:pointer;
}
.sb-radio.selected{color:#15803d;font-weight:500;}
/* Collection main head — title above product grid */
.coll-main-head{padding:24px 0 20px;border-bottom:1px solid #ebebeb;margin-bottom:24px;}
/* coll-head is now empty — remove its padding */
.coll-head{display:none;}
/* Mobile filter bar alignment */
.mobile-filter-bar{padding:12px var(--pad);border-bottom:1px solid #ebebeb;display:none;align-items:center;gap:12px;}
@media(max-width:768px){
  .mobile-filter-bar{display:flex;}
  .coll-main-head{padding:16px 0 14px;}
}
/* ── LANGUAGE SELECTOR ──────────────────────── */
.lang-picker{position:relative;display:flex;align-items:center;}
.lang-btn{
  display:flex;align-items:center;gap:5px;
  padding:6px 8px;background:none;border:none;cursor:pointer;
  font-size:11px;font-weight:600;letter-spacing:.5px;
  font-family:var(--fb);color:#0a0a0a;
  transition:color .15s;
}
.lang-btn:hover{color:#15803d;}
.lang-btn svg{stroke:#767676;}
.lang-drop{
  display:none;position:absolute;top:calc(100% + 10px);right:0;
  background:#fff;border:1px solid #e5e5e5;
  border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,.12);
  min-width:180px;overflow:hidden;z-index:600;
}
.lang-drop.open{display:block;}
.lang-drop-head{
  padding:10px 14px 8px;
  font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:#aaa;border-bottom:1px solid #f0f0f0;
}
.lang-option{
  display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;
  font-size:13px;font-family:var(--fb);
  background:none;border:none;cursor:pointer;
  text-align:left;color:#333;transition:background .1s;
}
.lang-option:hover{background:#f8f8f8;color:#0a0a0a;}
.lang-option.on{font-weight:600;color:#15803d;background:#f0faf4;}
.lang-flag{
  font-size:10px;font-weight:700;letter-spacing:.5px;
  background:#f0f0f0;padding:2px 6px;border-radius:2px;
  color:#555;min-width:28px;text-align:center;flex-shrink:0;
}
.lang-option.on .lang-flag{background:#d1fae5;color:#15803d;}
/* ══ MOBILE NAV — GYMSHARK STYLE ══════════════════════════════ */

/* Tabs: Women / Men / Baby / Health */
.mn-tab{
  padding:14px 16px;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
  background:none;border:none;cursor:pointer;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  color:#888!important;
  font-family:var(--fb)!important;
  transition:color .15s,border-color .15s;
}
.mn-tab.active{
  color:#0a0a0a!important;
  border-bottom-color:#0a0a0a!important;
}
.mn-tab:hover{color:#0a0a0a!important;}

/* Accordion section headers: Trending / Clothing / Tops / Accessories */
.mn-accord-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:2.5px!important;text-transform:uppercase!important;
  background:none;border:none;cursor:pointer;
  font-family:var(--fb)!important;color:#0a0a0a!important;text-align:left;
  border-top:1px solid #f0f0f0;
}
.mn-accord-btn:first-child{border-top:none;}
.mn-accord-btn svg{
  width:12px;height:12px;stroke:#aaa;fill:none;
  stroke-width:2.5;stroke-linecap:round;
  transition:transform .2s,stroke .15s;flex-shrink:0;
}
.mn-accord-btn.open svg{transform:rotate(180deg);stroke:#15803d;}
.mn-accord-btn.open{color:#15803d!important;}

/* Accordion body: clean white, no grey bg */
.mn-accord-body{display:none;background:#fff!important;}
.mn-accord-body.open{display:block;}
.mn-accord-body a{
  display:flex;align-items:center;gap:14px;
  padding:13px 20px 13px 28px!important;
  font-size:13px!important;font-weight:400!important;
  color:#333!important;
  border-bottom:1px solid #f8f8f8!important;
  text-decoration:none;
  font-family:var(--fb)!important;
  letter-spacing:0!important;
  transition:color .12s,padding-left .12s;
}
.mn-accord-body a:hover{
  color:#0a0a0a!important;
  padding-left:32px!important;
}
.mn-accord-body a.link-new{
  color:#15803d!important;font-weight:500!important;
}
.mn-accord-body a.link-sale,
.mn-accord-body a[style*="color:#e01010"]{
  color:#e01010!important;font-weight:500!important;
}

/* Featured cards */
.mn-featured{padding:12px 16px 8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
.mn-featured-card{
  border-radius:6px!important;
  width:100%!important;
  height:0!important;
  padding-bottom:140%!important;
  aspect-ratio:unset!important;
  flex:unset!important;
}
.mn-featured-label{
  font-family:var(--fb)!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
}

/* Cat icons — make smaller/subtler */
.mn-accord-body a .cat-icon{
  width:20px;height:20px;
  background:transparent!important;
  flex-shrink:0;
}
.mn-accord-body a .cat-icon svg{
  width:14px!important;height:14px!important;
  stroke:#bbb!important;stroke-width:1.5!important;
}
.mn-accord-body a:hover .cat-icon svg{stroke:#0a0a0a!important;}
.mn-accord-body a.link-new .cat-icon svg{stroke:#15803d!important;}
.mn-accord-body a.link-sale .cat-icon svg{stroke:#e01010!important;}

/* Footer links in drawer */
.mn-foot-btn{
  font-size:10px!important;font-weight:600!important;
  letter-spacing:1px!important;text-transform:uppercase!important;
  border-radius:50px!important;
  padding:9px 14px!important;
  border-radius:2px!important;
}
/* ══════════════════════════════════════════════════════════════ */
/* old stacked gallery removed */
#galLightbox{
  animation:none;
}
#galLightbox.lb-open #galLbImg{
  animation:lbZoomIn .25s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes lbZoomIn{
  from{transform:scale(.94);opacity:0;}
  to{transform:scale(1);opacity:1;}
}
/* ══ PC-SIZES: Gymshark hover size panel ══════════════════════ */

/* Container slides up from bottom of image on hover */
.pc-sizes{
  position:absolute;
  bottom:0;left:0;right:0;
  visibility:hidden;
  transform:translateY(100%);
  transition:transform .22s cubic-bezier(.4,0,.2,1), visibility 0s .22s;
  z-index:5;
  background:#fff;
  border-top:1px solid #e5e5e5;
  box-shadow:0 -2px 8px rgba(0,0,0,.06);
}
.product-card:hover .pc-sizes{
  visibility:visible;
  transform:translateY(0);
  transition:transform .22s cubic-bezier(.4,0,.2,1), visibility 0s 0s;
}
@media(max-width:900px){
  .pc-sizes{display:none!important;}
  .product-card:hover .pc-sizes{display:none!important;}
}

/* Inner grid of size buttons */
.pc-sizes-inner{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:4px;
  padding:10px 12px;
  background:#fff;
}

/* Individual size button */
.pc-sz{
  min-width:40px;height:36px;
  padding:0 6px;
  font-size:12px;font-weight:400;font-family:var(--fb);
  border:1px solid #d8d8d8;background:#fff;color:#0a0a0a;
  cursor:pointer;color:#333;
  display:flex;align-items:center;justify-content:center;
  transition:all .12s;
  border-radius:2px;
  text-decoration:none;
}
.pc-sz:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;}
.pc-sz-oos{
  color:#ccc;cursor:default;
  text-decoration:line-through;
}
.pc-sz-oos:hover{background:transparent;color:#ccc;}
.pc-sz-more{
  font-size:11px;color:#aaa;cursor:pointer;
}
.pc-sz-more:hover{background:transparent;color:#0a0a0a;text-decoration:underline;}

/* Fallback ATC (no sizes) */
.pc-sizes-atc{
  width:100%;padding:10px;
  font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
  font-family:var(--fb);
  background:#0a0a0a;color:#fff;border:none;cursor:pointer;
  transition:background .15s;
}
.pc-sizes-atc:hover{background:#15803d;}

/* Added to cart flash */
.pc-sz.sz-added{background:#15803d!important;color:#fff!important;}

/* ══════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════
   GYMSHARK PRODUCT PAGE — SINGLE DEFINITIVE BLOCK
   Based on pixel analysis of gymshark.com product pages
   ─────────────────────────────────────────────────────────────── */

/* ── LAYOUT ── */
.gs-prod-layout{
  display:grid;
  grid-template-columns:minmax(0,56%) 1fr;
  gap:0;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  align-items:start;
}
.t-product #MainContent{padding:0!important;}

/* ── GALLERY (left, scrolls) ── */
.gs-gallery{position:relative;width:100%;}
.gs-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.gs-img-item{
  position:relative;overflow:hidden;background:#f0f0f0;
  aspect-ratio:2/3;cursor:zoom-in;
}
.gs-img-item img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;
  transition:transform .6s cubic-bezier(.25,.46,.45,.94);
}
.gs-img-item:hover img{transform:scale(1.05);}
.gs-zoom-hint{
  position:absolute;bottom:12px;right:12px;width:32px;height:32px;
  background:rgba(255,255,255,.88);border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:0;transition:opacity .2s;z-index:2;
}
.gs-img-item .gs-zoom-hint{opacity:.2;}.gs-img-item:hover .gs-zoom-hint{opacity:1;}

/* ── PRODUCT INFO (right, sticky) ── */
.gs-prod-info{
  position:sticky;
  top:calc(var(--ann,40px) + var(--nav,64px));
  height:calc(100vh - var(--ann,40px) - var(--nav,64px));
  overflow-y:auto;
  scrollbar-width:none;
  padding:20px 36px 36px 28px;
  background:#fff;
  border-left:1px solid #ebebeb;
}
.gs-prod-info::-webkit-scrollbar{display:none;}

/* ── NEW BADGE ── */
.gs-new-badge{
  display:inline-block;
  padding:5px 14px;
  background:#f0f0f0;color:#0a0a0a;
  font-size:12px;font-weight:500;letter-spacing:.3px;
  border-radius:20px;margin-bottom:16px;
}

/* ── TITLE: exact Gymshark ── */
/* Gymshark uses ~22-24px, 700, uppercase, tight letter-spacing */
.gs-title{
  font-family:var(--fb);
  font-size:20px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.3px;
  line-height:1.2;
  color:#0a0a0a;
  margin:0 0 4px;
}

/* ── SUBTITLE (Slim Fit / vendor) ── */
/* Gymshark: ~14px normal weight, mid-grey */
.gs-subtitle{
  font-size:14px;
  font-weight:400;
  color:#555;
  margin:0 0 12px;
}

/* ── PRICE ── */
/* Gymshark: ~18px, bold */
.gs-price-row{margin:0 0 18px;}
.gs-price{font-size:18px;font-weight:700;color:#0a0a0a;}
.gs-price-was{font-size:15px;font-weight:400;color:#aaa;margin-right:8px;text-decoration:line-through;}
.gs-price--sale{color:#e01010;}

/* ── STARS + HEART + SHARE ROW ── */
/* Gymshark: stars in rounded pill with border | heart circle | share circle */
.gs-meta-row{
  display:flex;align-items:center;gap:8px;
  margin-bottom:20px;padding-bottom:18px;
  border-bottom:1px solid #ebebeb;
}
.gs-meta-actions{display:flex;gap:8px;margin-left:auto;}

/* Stars pill: border, rounded, ★ orange */
.gs-stars-pill{
  display:inline-flex;align-items:center;gap:5px;
  padding:7px 14px;
  border:1px solid #d8d8d8;border-radius:30px;
  text-decoration:none;color:#0a0a0a;
  font-size:13px;font-weight:400;
  transition:border-color .15s;
}
.gs-stars-pill:hover{border-color:#0a0a0a;}
.gs-star-fill{color:#f5a623;font-size:15px;line-height:1;}
.gs-rating-num{font-weight:600;font-size:13px;}
.gs-rating-count{color:#888;font-size:13px;}

/* Heart + share: 40px circles with border */
.gs-circle-btn{
  width:40px;height:40px;border-radius:50%;
  border:1px solid #d8d8d8;background:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#333;transition:border-color .15s;
  flex-shrink:0;padding:0;
}
.gs-circle-btn:hover{border-color:#0a0a0a;}
.gs-circle-btn.active svg{fill:#e01010;stroke:#e01010;}

/* ── COLOUR THUMBNAILS ── */
.gs-color-section{margin-bottom:20px;}
.gs-color-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.gs-color-thumb{
  width:56px;height:70px;overflow:hidden;
  cursor:pointer;
  border:2px solid transparent;
  background:#f0f0f0;padding:0;flex-shrink:0;
  border-radius:0;
  box-shadow:none;
  transition:border-color .15s;
}
.gs-color-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.gs-color-dot{display:block;width:100%;height:100%;}
.gs-color-thumb.on{
  border-color:#1a1a1a;
}
.gs-color-thumb:hover:not(.on){
  border-color:#999;
}
.gs-color-name{font-size:13px;font-weight:400;color:#555;margin-top:6px;margin-bottom:16px;}

/* ── SIZE SECTION ── */
.gs-size-section{margin-bottom:18px;}
.gs-size-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;
}
/* "Select a size" — Gymshark: 13px, normal weight, grey */
.gs-size-label{font-size:13px;font-weight:400;color:#555;}

/* Size guide link — underline only, with ruler icon */
.gs-size-guide-link{
  display:inline-flex;align-items:center;gap:4px;
  font-size:12px;font-weight:400;color:#333;
  text-decoration:underline;text-underline-offset:2px;
  transition:color .15s;
}
.gs-size-guide-link:hover{color:#0a0a0a;}
.gs-size-guide-link svg{stroke:#333;}

/* Size grid box */
.gs-size-grid{
  display:flex;flex-wrap:wrap;gap:6px;
  padding:10px 12px;
  border:1px solid #e5e5e5;
  margin-bottom:10px;
}

/* Size buttons — rounded, 3D, professional */
.sz-btn{
  min-width:52px!important;
  height:44px!important;
  padding:0 10px!important;
  border:1.5px solid #e0e0e0!important;
  background:#fff!important;
  color:#1a1a1a!important;
  font-size:13px!important;
  font-weight:500!important;
  font-family:var(--fb)!important;
  cursor:pointer;
  border-radius:8px!important;
  position:relative;
  box-shadow:0 1px 3px rgba(0,0,0,.06), 0 1px 0 rgba(255,255,255,.9) inset!important;
  transition:all .18s ease!important;
  display:inline-flex;align-items:center;justify-content:center;
}
.sz-btn:hover:not(.sz-sold-out):not(.on){
  border-color:#1a1a1a!important;
  background:#f8f8f8!important;
  box-shadow:0 3px 8px rgba(0,0,0,.12), 0 1px 0 rgba(255,255,255,.9) inset!important;
  transform:translateY(-1px)!important;
}
.sz-btn.on{
  background:#1a1a1a!important;
  color:#fff!important;
  border-color:#1a1a1a!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
  transform:translateY(0)!important;
}
.sz-btn.sz-sold-out{
  color:#ccc!important;
  border-color:#ebebeb!important;
  background:#fafafa!important;
  box-shadow:none!important;
  cursor:default;
}
.sz-btn.sz-sold-out::after{
  content:'';
  position:absolute;
  top:50%;left:10%;right:10%;
  height:1px;background:#d0d0d0;
  transform:rotate(-12deg);
}

/* Bell icon on OOS */
.sz-bell{
  position:absolute;top:2px;right:3px;
  line-height:1;pointer-events:none;
}
.sz-bell svg{stroke:#bbb;width:7px;height:7px;}

/* "Customers say it fits true to size" — green checkmark line */
.gs-fit-line{
  display:flex;align-items:center;gap:6px;
  padding:8px 0;
  font-size:13px;color:#444;
}
.gs-fit-link{color:#444;text-decoration:underline;text-underline-offset:2px;}
.gs-fit-link:hover{color:#0a0a0a;}

/* ── ADD TO BAG ── */
/* Gymshark: full width, black, large pill, letter-spacing */
.gs-atc-wrap{margin:18px 0 14px;}
.gs-atc-btn{
  width:100%;
  padding:18px 24px;
  background:#0a0a0a;color:#fff;
  border:none;border-radius:50px;
  font-size:13px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  font-family:var(--fb);cursor:pointer;
  display:block;text-align:center;
  transition:background .2s;
}
.gs-atc-btn:hover:not(:disabled){background:#222;}
.gs-atc-btn:disabled{background:#ccc;cursor:not-allowed;}

/* Payment buttons */
.payment-btn-wrap{margin-bottom:16px;}

/* ── ACCORDIONS ── */
/* Gymshark: UPPERCASE text, › arrow on RIGHT, thin border dividers */
.gs-accord-list{
  border-top:1px solid #ebebeb;
  margin-top:4px;
}
.gs-accord-item{border-bottom:1px solid #ebebeb;}
.gs-accord-btn{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;
  background:none;border:none;cursor:pointer;
  font-family:var(--fb);
  font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:#0a0a0a;text-align:left;
}
.gs-accord-btn svg{
  width:16px;height:16px;flex-shrink:0;
  stroke:#999;
  transition:transform .2s,stroke .15s;
}
.gs-accord-btn.open svg{transform:rotate(90deg);stroke:#0a0a0a;}
.gs-accord-body{
  display:none;
  font-size:13px;line-height:1.75;color:#555;
  padding-bottom:16px;
}
.gs-accord-body.open{display:block;}
.gs-accord-body p{margin-bottom:8px;}
.gs-accord-body ul{padding-left:18px;}
.gs-accord-body li{margin-bottom:4px;}

/* ── GALLERY LIGHTBOX ── */
#galLightbox.lb-open #galLbImg{
  animation:lbZoomIn .2s ease both;
}
@keyframes lbZoomIn{
  from{transform:scale(.95);opacity:0;}
  to{transform:scale(1);opacity:1;}
}

/* ── MOBILE ── */
@media(max-width:768px){
  /* Layout: single column */
  .gs-prod-layout{grid-template-columns:1fr!important;max-width:100%!important;}

  /* Gallery: horizontal swipe — 1 image per screen, snap */
  .gs-gallery{overflow:hidden;}
  .gs-img-grid{
    display:flex!important;
    flex-direction:row!important;
    overflow-x:scroll!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    gap:0!important;
  }
  .gs-img-grid::-webkit-scrollbar{display:none;}
  .gs-img-item{
    flex:0 0 100vw!important;
    width:100vw!important;
    aspect-ratio:4/5!important;
    scroll-snap-align:start!important;
  }
  /* Show dots on mobile */
  .gal-dots{display:flex!important;}

  /* Info panel: normal flow */
  .gs-prod-info{
    position:static!important;height:auto!important;
    overflow-y:visible!important;
    padding:20px var(--pad) 40px!important;
    border-left:none!important;
  }
  .gs-title{font-size:18px!important;}
}

/* ═══════════════════════════════════════════════════════════════ */

/* Fit note */
.gs-fit-note{
  display:flex;align-items:center;gap:6px;
  padding:8px 0 2px;
  font-size:13px;color:#444;
}
.gs-fit-note a{color:#444;text-decoration:underline;text-underline-offset:2px;}
/* ── COLOUR FILTER DOTS — bigger, clearer ── */
.color-list{display:flex;flex-direction:column;gap:2px;padding:4px 0;}
.color-row{
  display:flex;align-items:center;gap:10px;
  padding:7px 4px;cursor:pointer;border-radius:3px;
  transition:background .1s;
}
.color-row:hover{background:#f5f5f5;}
.color-dot{
  width:22px;height:22px;border-radius:50%;flex-shrink:0;
  border:1.5px solid rgba(0,0,0,.15);
  transition:all .15s;
}
.color-row.active .color-dot{
  box-shadow:0 0 0 2px #fff,0 0 0 3.5px #15803d;
  border-color:transparent;
}
.color-row__label{font-size:13px;color:#333;line-height:1;}
.color-row.active .color-row__label{color:#15803d;font-weight:500;}
/* ═══════════════════════════════════════════════════════════════
   GYMSHARK TYPOGRAPHY SYSTEM — SITE-WIDE
   Font: Inter only | Weights: 400/500/600/700 | No Bebas Neue
   ═══════════════════════════════════════════════════════════════ */

/* Base */
body,input,button,select,textarea{
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{font-size:14px;font-weight:400;line-height:1.5;color:#1a1a1a;}

/* Reset any remaining display font */
h1,h2,h3,h4,h5,h6{
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:600;
  line-height:1.2;
}

/* ── Navigation ── */
/* Desktop nav links */
.nav-link,.mega-col-title,.mega-link{
  font-size:13px;font-weight:500;letter-spacing:.3px;
}
/* Sale badge in nav */
.nav-btn--sale{
  font-size:12px!important;font-weight:700!important;
  letter-spacing:.5px!important;
}

/* ── Product Cards ── */
.pc-name{
  font-size:13px!important;font-weight:400!important;
  letter-spacing:0!important;text-transform:none!important;
  color:#1a1a1a!important;line-height:1.4!important;
}
.pc-price{
  font-size:13px!important;font-weight:600!important;
  color:#1a1a1a!important;letter-spacing:0!important;
}
.pc-price s{font-weight:400!important;color:#aaa!important;}

/* ── Section Titles (e.g. "New Arrivals", "Best Sellers") ── */
.sec-title{
  font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:2px;
  color:#1a1a1a;
}

/* ── Collection page ── */
.coll-main-head h1,.coll-main-head .sec-title{
  font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:2px;
  color:#1a1a1a;
}
.coll-count{font-size:13px;font-weight:400;color:#767676;}
.coll-sort select{font-size:13px;font-weight:400;}

/* ── Filter sidebar ── */
.sb-head-title{
  font-size:11px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;
}
.sb-group-btn{
  font-size:11px!important;font-weight:700!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
  color:#1a1a1a!important;
}
.cb-item__label{font-size:13px!important;font-weight:400!important;color:#333!important;}
.size-btn{font-size:13px!important;font-weight:400!important;}
.color-row__label{font-size:13px!important;font-weight:400!important;}
.sb-radio label{font-size:13px!important;font-weight:400!important;}

/* ── Product Page (right column) ── */
.gs-title{
  font-size:18px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.2px!important;
  line-height:1.2!important;
}
.gs-subtitle{font-size:14px!important;font-weight:400!important;color:#555!important;}
.gs-price{font-size:18px!important;font-weight:700!important;}
.gs-size-label{font-size:13px!important;font-weight:400!important;color:#555!important;}
.sz-btn{font-size:13px!important;font-weight:400!important;}
.gs-atc-btn{font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;}
.gs-accord-btn{
  font-size:12px!important;font-weight:700!important;
  letter-spacing:1.5px!important;text-transform:uppercase!important;
}
.gs-accord-body{font-size:13px!important;font-weight:400!important;line-height:1.7!important;}

/* ── Cart Page ── */
.cart-page-title{
  font-size:12px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:2px!important;
}
.cart-sum h3{
  font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:2px;
}

/* ── Buttons (global) ── */
.btn-solid,.btn-pill-dark,.gs-atc-btn,.sticky-atc-btn{
  font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
}

/* ── Mobile Nav ── */
.mn-tab{
  font-size:11px!important;font-weight:700!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
}
.mn-accord-btn{
  font-size:11px!important;font-weight:700!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
}
.mn-accord-body a{font-size:13px!important;font-weight:400!important;letter-spacing:0!important;}

/* ── Breadcrumb ── */
.breadcrumb,.gs-breadcrumb{font-size:12px;font-weight:400;color:#999;}
.breadcrumb a,.gs-breadcrumb a{color:#999;}
.breadcrumb-current,.gs-breadcrumb .breadcrumb-current{color:#555;}

/* ── Footer ── */
.footer-heading{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.footer-link,.footer-links a{font-size:13px;font-weight:400;}

/* ── Stars / ratings ── */
.gs-rating-num{font-size:13px;font-weight:600;}
.gs-rating-count{font-size:13px;font-weight:400;color:#999;}

/* ═══════════════════════════════════════════════════════════════ */
/* ── PC-SIZES: centered sizes on card hover ── */
.pc-sizes-inner{
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  padding:8px 10px!important;
}
.pc-sz{
  min-width:32px!important;
  height:26px!important;
  font-size:10px!important;
  font-weight:500!important;
  padding:0 8px!important;
  border-radius:20px!important;
  border:1px solid #d8d8d8!important;
  background:#fff!important;
  color:#1a1a1a!important;
  cursor:pointer!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
/* cursor:zoom-in restored on product images */
/* Zoom hint: minus icon = click to open lightbox */
.gs-zoom-hint{
  width:36px;height:36px;
  background:rgba(255,255,255,.88);
  border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer!important;
  opacity:0;transition:opacity .2s;
  z-index:4;
  pointer-events:auto;
}
.gs-img-item .gs-zoom-hint{opacity:.2;}.gs-img-item:hover .gs-zoom-hint{opacity:1;}
/* ── SZ-BTN FINAL OVERRIDE: Gymshark clean ── */
.sz-btn{
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 12px!important;
  min-width:44px!important;
  height:40px!important;
  font-size:13px!important;
  font-weight:400!important;
  color:#1a1a1a!important;
  transition:background .15s!important;
}
.sz-btn:hover:not(.sz-sold-out):not(.on){
  background:#f0f0f0!important;
  transform:none!important;
}
.sz-btn.on{
  background:#1a1a1a!important;
  color:#fff!important;
  border-radius:4px!important;
  box-shadow:none!important;
  transform:none!important;
}
.sz-btn.sz-sold-out{
  color:#ccc!important;
  background:transparent!important;
  box-shadow:none!important;
}
/* ── PRODUCT IMAGE ZOOM ── */
.gs-img-item{cursor:zoom-in!important;}
.gs-img-item:hover img{transform:scale(1.04)!important;}

/* ── COUNTRY/CURRENCY SELECTOR ── */
.country-picker{position:relative;display:flex;align-items:center;}
.country-btn{
  display:flex;align-items:center;gap:4px;
  padding:6px 10px;background:none;border:1px solid #e5e5e5;
  border-radius:20px;cursor:pointer;
  font-size:12px;font-weight:600;font-family:var(--fb);
  color:#1a1a1a;transition:all .15s;
}
.country-btn:hover{border-color:#1a1a1a;background:#f8f8f8;}
.country-drop{
  display:none;position:absolute;top:calc(100% + 8px);right:0;
  background:#fff;border:1px solid #e5e5e5;border-radius:8px;
  box-shadow:0 8px 32px rgba(0,0,0,.12);
  min-width:220px;max-height:320px;overflow-y:auto;
  z-index:600;scrollbar-width:thin;
}
.country-drop.open{display:block;}
.country-drop-head{
  padding:12px 16px 8px;
  font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:#aaa;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;
}
.country-option{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:10px 16px;font-size:13px;font-family:var(--fb);
  background:none;border:none;cursor:pointer;text-align:left;
  transition:background .1s;
}
.country-option:hover{background:#f8f8f8;}
.country-option.on{font-weight:600;color:#15803d;background:#f0faf4;}
.country-flag{
  font-size:10px;font-weight:700;letter-spacing:.5px;
  background:#f0f0f0;padding:2px 6px;border-radius:3px;
  color:#555;min-width:28px;text-align:center;flex-shrink:0;
}
.country-option.on .country-flag{background:#d1fae5;color:#15803d;}
.country-currency{font-size:11px;color:#aaa;margin-left:auto;}

/* Mobile country selector */
.mn-country{padding:12px 20px;border-top:1px solid #f0f0f0;}
.mn-country-select{
  width:100%;padding:10px 14px;
  border:1px solid #e0e0e0;border-radius:8px;
  font-size:13px;font-family:var(--fb);color:#1a1a1a;
  background:#fff;cursor:pointer;
  appearance:none;
  background-image: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='%23555' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
  padding-right:36px;
}
/* ── MOBILE NAV: full screen ONLY on mobile ── */
@media(max-width:768px){
  
}
/* Desktop: restore normal width */
@media(min-width:769px){
  
}

/* Subtle scroll on panel content */
.mn-panel{
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.12) transparent;
}
.mn-panel::-webkit-scrollbar{width:3px;}
.mn-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:2px;}
.mn-panel::-webkit-scrollbar-track{background:transparent;}

/* Footer buttons always visible on mobile */
@media(max-width:768px){
  .mn-foot-btns{display:flex!important;}
  .mn-foot-btn{flex:1;text-align:center;justify-content:center;}
}
/* ── GS-COLOR-CIRCLE: small circle when no product image ── */
.gs-color-thumb{
  display:flex;align-items:center;justify-content:center;
  background:#f8f8f8;
}
.gs-color-circle{
  width:22px;height:22px;
  border-radius:50%;
  border:1.5px solid rgba(0,0,0,.12);
  display:block;flex-shrink:0;
}
/* Override: thumb with circle is smaller and rounder */
.gs-color-thumb:has(.gs-color-circle){
  width:34px!important;height:34px!important;
  border-radius:50%!important;
  background:transparent!important;
}
/* ═══════════════════════════════════════════════════════════════
   GYMSHARK LAYOUT — EXACT DESKTOP SIZING
   Measured from gymshark.com at 1440px viewport
   ═══════════════════════════════════════════════════════════════ */

/* ── Collection: 4-column grid, tighter gap ── */
.coll-pgrid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px 8px!important;
  row-gap:24px!important;
}

/* ── Sidebar: 220px (Gymshark style) ── */



/* ── Product cards: 3/4 portrait image ── */
.pc-media{aspect-ratio:3/4!important;}

/* ── Product page: 50/50 split ── */
.gs-prod-layout{
  grid-template-columns:minmax(0,50%) 1fr!important;
  max-width:1440px!important;
}

/* ── Page padding: tighter on desktop ── */
@media(min-width:1024px){
  :root{--pad:24px;}
}
@media(min-width:1280px){
  :root{--pad:32px;}
}

/* ── Nav: slightly taller ── */
@media(min-width:769px){
  :root{--nav:60px;}
}

/* ── Card name: smaller ── */
.pc-name{font-size:12px!important;font-weight:400!important;}
.pc-price{font-size:12px!important;font-weight:600!important;}

/* ── Breadcrumb: smaller ── */
.breadcrumb,.gs-breadcrumb{font-size:11px!important;}

/* Mobile: keep 2 columns ── */
@media(max-width:768px){
  .coll-pgrid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:8px 6px!important;
    row-gap:16px!important;
  }
  
}

/* ═══════════════════════════════════════════════════════════════ */

/* ── CARD IMAGE: slightly rounded corners ── */
.pc-media{border-radius:6px!important;overflow:hidden!important;}
.pc-img-main,.pc-img-alt{border-radius:6px!important;}
/* Gallery images: slight radius */
.gs-img-item{border-radius:4px!important;}

/* ── ZOOM HINT: visible + icon ── */
.gs-zoom-hint{
  background:rgba(255,255,255,.92)!important;
  width:36px!important;height:36px!important;
  border:1px solid rgba(0,0,0,.1)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.15)!important;
  opacity:.5!important;
}
.gs-img-item:hover .gs-zoom-hint{opacity:1!important;}
.gs-zoom-hint svg{stroke:#1a1a1a!important;width:14px!important;height:14px!important;}
/* ══ GYMSHARK SIZING — FINAL OVERRIDE ══════════════════════════ */

/* Nav: tighter link padding */
.nav-btn{
  padding:0 12px!important;
  font-size:13px!important;
  font-weight:500!important;
}

/* Page padding: tighter like Gymshark */
@media(min-width:1200px){
  :root{--pad:28px!important;}
}
@media(min-width:1440px){
  :root{--pad:24px!important;}
}

/* Header height: 58px */
@media(min-width:769px){
  :root{--nav:58px!important;}
}

/* Collection grid: 4 cols already done — tighten further */
.coll-pgrid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  row-gap:24px!important;
}
.coll-main{padding-top:16px!important;}

/* Sidebar filter: tighter */
.sb-group-btn{padding:12px 16px!important;}
.sb-group-body{padding:4px 16px 12px!important;}
.cb-item{padding:6px 4px!important;}

/* Product card: tighter info area */
.pc-info{padding:8px 0 12px!important;}
.pc-name{font-size:12px!important;line-height:1.35!important;}
.pc-price{font-size:12px!important;}

/* Card image radius */
.pc-media{border-radius:4px!important;}

/* ══════════════════════════════════════════════════════════════ */

/* ── MOBILE NAV PANEL: fill available height when active ── */
.mn-panel.active{display:block!important;overflow-y:auto;}

/* ── SINGLE ZOOM INDICATOR (not per-image) ── */
.gs-zoom-indicator{
  position:absolute;bottom:14px;right:14px;
  display:flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.08);
  border-radius:20px;
  padding:5px 10px 5px 8px;
  font-size:11px;font-weight:500;color:#555;
  font-family:var(--fb);
  z-index:5;pointer-events:none;
  opacity:0;transition:opacity .2s;
}
.gs-gallery:hover .gs-zoom-indicator{opacity:1;}
.gs-zoom-indicator svg{stroke:#555;flex-shrink:0;}
/* Remove old per-image hints */
.gs-zoom-hint{display:none!important;}

/* ── MOBILE NAV: centred logo ── */
.mn-head--centered{
  display:grid!important;
  grid-template-columns:44px 1fr 44px!important;
  align-items:center!important;
  padding:14px 16px!important;
}
.mn-head-spacer{width:44px;}
.mn-head-logo{
  display:flex;justify-content:center;align-items:center;
  text-decoration:none;
}
.mn-close-btn{justify-self:end;}
/* ═══════════════════════════════════════════════════════════════
   PRODUCT CARD — GYMSHARK CLEAN STYLE
   ═══════════════════════════════════════════════════════════════ */

/* Card background: barely-there warm grey */
.pc-media{
  background:#e8e6e2!important;
  aspect-ratio:3/4!important;
  border-radius:4px!important;
  overflow:hidden!important;
}

/* Heart: always visible, top-right, clean */
.pc-wish{
  position:absolute!important;
  top:10px!important;right:10px!important;
  width:30px!important;height:30px!important;
  background:rgba(255,255,255,.88)!important;
  border:none!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important;opacity:1!important;
  transition:background .15s!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
}
/* pc-wish always visible */
.pc-wish svg{stroke:#555!important;width:13px!important;height:13px!important;}
.pc-wish:hover{background:#fff!important;}
.pc-wish:hover svg{stroke:#e01010!important;}
.pc-wish.active svg{stroke:#e01010!important;fill:#e01010!important;}

/* + button: DESKTOP hidden, MOBILE only */
.pc-qa-trigger{
  position:absolute!important;
  bottom:10px!important;left:50%!important;
  transform:translateX(-50%) translateY(8px)!important;
  top:auto!important;
  width:32px!important;height:32px!important;
  background:rgba(255,255,255,.92)!important;
  border:none!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important;
  opacity:1!important;
  transition:opacity .2s,transform .2s,background .15s!important;
  box-shadow:0 2px 8px rgba(0,0,0,.15)!important;
}
/* Desktop: hide completely */
@media(min-width:769px){
}
/* Mobile: show on active */
@media(max-width:768px){
  .pc-qa-trigger{
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
  }
}
.product-card:hover .pc-qa-trigger{
  opacity:1!important;
  transform:translateX(-50%) translateY(0)!important;
}
.pc-qa-trigger svg{stroke:#1a1a1a!important;width:13px!important;height:13px!important;}
.pc-qa-trigger:hover{background:#1a1a1a!important;}
.pc-qa-trigger:hover svg{stroke:#fff!important;}

/* Badge: keep left, not overlapping with + */
.pc-badge{
  top:10px!important;left:10px!important;
  font-size:9px!important;font-weight:700!important;
  padding:3px 8px!important;letter-spacing:.8px!important;
}

/* Card info: tighter */
.pc-info{padding:8px 2px 12px!important;}
.pc-name{font-size:12px!important;font-weight:400!important;color:#1a1a1a!important;margin-bottom:2px!important;}
.pc-price{font-size:12px!important;font-weight:600!important;color:#1a1a1a!important;}

/* ═══════════════════════════════════════════════════════════════ */
/* ══ MOBILE PRODUCT PAGE — GYMSHARK EXACT ══════════════════════ */
@media(max-width:768px){
  /* Gallery: full width, no negative margins */
  .gs-gallery{
    width:100%!important;
    margin:0!important;
  }
  .gs-img-item{
    flex:0 0 100%!important;
    width:100%!important;
    aspect-ratio:4/5!important;
    scroll-snap-align:start!important;
    border-radius:0!important;
  }
  /* Info BELOW gallery, not beside it */
  .gs-prod-layout{
    display:flex!important;
    flex-direction:column!important;
  }
  .gs-prod-info{
    position:static!important;
    height:auto!important;
    overflow-y:visible!important;
    padding:20px var(--pad) 40px!important;
    border-left:none!important;
    width:100%!important;
  }
  .gs-title{font-size:17px!important;}
}

/* ══ DESKTOP NAV TABS — no scroll ══════════════════════════════ */
@media(min-width:769px){
  .mn-tabs{overflow-x:auto!important;scrollbar-width:none!important;}
  .mn-tab{
    font-size:10px!important;
    padding:12px 14px!important;
    flex-shrink:1!important;
  }
}

/* ══ PRODUCT CARD GRID — visible card frames ══════════════════ */
/* Cards have slightly off-white bg to create visible grid */
.product-card{
  background:#fff!important;
  border-radius:4px!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.product-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.08)!important;
}
/* Page background stays pure white so cards stand out */
.coll-main,.coll-pgrid{background:#fff;}

/* ══ PC-QA-TRIGGER (+ btn): inside card, subtle background ══ */
.pc-qa-trigger{
  background:rgba(250,250,248,.92)!important;
  border:1px solid rgba(0,0,0,.08)!important;
}
.pc-qa-trigger:hover{background:#1a1a1a!important;}

/* mn-featured: 2-col grid, no overflow */
.mn-featured-card{width:100%!important;flex:none!important;}
.mn-featured-card{padding-bottom:130%!important;height:0!important;}
/* ════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════
   FINAL TYPOGRAPHY + SIZING OVERRIDES — ALL AT ONCE
   ═══════════════════════════════════════════════════════════════ */

/* ── Base ── */
body{font-size:13px!important;line-height:1.5!important;}

/* ── Header nav links ── */
.nav-btn{font-size:12px!important;font-weight:500!important;padding:0 10px!important;}
.nav-btn.new-in{font-size:12px!important;}
.nav-btn.sale{font-size:12px!important;}

/* ── Mobile nav: ALL text smaller ── */
.mn-tab{
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  padding:10px 12px!important;
}
.mn-accord-btn{
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  padding:12px 16px!important;
}
.mn-accord-body a{
  font-size:12px!important;
  font-weight:400!important;
  padding:10px 16px 10px 24px!important;
  letter-spacing:0!important;
}
.mn-head-logo img{height:28px!important;}

/* ── Filter sidebar ── */
.sb-head-title{font-size:9px!important;letter-spacing:2px!important;}
.sb-group-btn{
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:1.5px!important;
  padding:10px 16px!important;
}
.cb-item__label{font-size:11px!important;}
.size-btn{font-size:11px!important;}
.color-row__label{font-size:11px!important;}
.sb-radio label{font-size:11px!important;}
.sb-group-body{padding:4px 12px 12px!important;}

/* ── Collection page ── */
.coll-count{font-size:11px!important;}
.sec-title,.coll-main-head h1{font-size:10px!important;letter-spacing:2px!important;}

/* ── Product cards ── */
.pc-name{font-size:11px!important;font-weight:400!important;}
.pc-price{font-size:11px!important;font-weight:600!important;}

/* ── Section headings (homepage etc) ── */
.sec-title{font-size:10px!important;letter-spacing:2.5px!important;}

/* ── Mobile nav: no overflow on panel, fixed layout ── */
.mn-panel.active{
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.mn-accord{
  overflow-y:visible!important;
  flex:unset!important;
}
.mn-accord-body.open{display:block!important;}

/* ── Card grid: visible frame ── */
.product-card{background:#fff!important;}
.pc-media{background:#e8e6e2!important;}

/* ═══════════════════════════════════════════════════════════════ */
/* ══ MOBILE NAV CLEAN FIX ══════════════════════════════════════ */
.mobile-nav{
  overflow:hidden!important;
  overflow-y:auto!important;
}
@media(max-width:768px){
  .mobile-nav{width:100vw!important;}
}
@media(min-width:769px){
  .mobile-nav{width:340px!important;}
}

/* Panel: block display, no flex, natural height */
.mn-panel{display:none!important;}
.mn-panel.active{display:block!important;overflow:visible!important;}

/* Accordions: natural height, no overflow */
.mn-accord{overflow:visible!important;padding-bottom:8px;}

/* mn-featured: 2 equal columns, NO overflow */
.mn-featured{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  overflow:hidden!important;
  padding:12px 16px 10px!important;
}
.mn-featured-card{
  width:100%!important;
  flex:none!important;
  min-width:0!important;
  aspect-ratio:3/4!important;
  height:auto!important;
  padding-bottom:0!important;
}

/* Footer buttons: at natural position, not forced down */
.mn-foot-btns{
  display:flex!important;
  gap:8px!important;
  padding:12px 16px 16px!important;
  border-top:1px solid #f0f0f0;
  margin-top:8px;
}
.mn-foot-btn{flex:1!important;justify-content:center!important;}
/* ════════════════════════════════════════════════════════════ */
/* ══ PC-SZ: small pill buttons on card hover ══ */
.pc-sz{
  min-width:30px!important;
  height:24px!important;
  font-size:10px!important;
  border-radius:20px!important;
  padding:0 8px!important;
  border:1px solid #d0d0d0!important;
  background:#fff!important;
  color:#1a1a1a!important;
  box-shadow:none!important;
}
.pc-sz:hover{
  background:#1a1a1a!important;
  color:#fff!important;
  border-color:#1a1a1a!important;
}
.pc-sz.sz-added{
  background:#15803d!important;
  color:#fff!important;
  border-color:#15803d!important;
}
.pc-sz.pc-sz-oos{
  color:#ccc!important;
  border-color:#e8e8e8!important;
  text-decoration:line-through!important;
}

/* ══ PRODUCT CARD — clean professional ══════════════════════ */
.product-card{
  background:#fff!important;
  border-radius:6px!important;
  overflow:hidden!important;
  box-shadow:0 1px 4px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04)!important;
  transition:box-shadow .2s ease,transform .2s ease!important;
}
.product-card:hover{
  box-shadow:0 4px 16px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.06)!important;
  transform:translateY(-2px)!important;
}
.pc-media{
  background:#f8f8f8!important;
}
.pc-img-main,.pc-img-alt{
  object-fit:cover!important;
  object-position:center top!important;
  padding:0!important;
}
.pc-info{
  background:#fff!important;
  padding:8px 6px 12px!important;
}
/* Heart always visible */
.pc-wish{opacity:1!important;}
/* ════════════════════════════════════════════════════════════ */
/* ══ MOBILE NAV — GYMSHARK EXACT ════════════════════════════ */

/* Search bar: pill, light grey bg */
.mn-search-wrap{
  border-radius:50px!important;
  border:none!important;
  background:#f2f2f2!important;
  padding:10px 16px!important;
}
.mn-search-input{
  font-size:14px!important;
  color:#1a1a1a!important;
}
.mn-search-input::placeholder{
  color:#999!important;
  font-size:14px!important;
}

/* Tabs: compact uppercase, Gymshark style */
.mn-tabs{
  padding:0 4px!important;
  gap:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.mn-tab{
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  padding:14px 12px!important;
  color:#999!important;
  border-bottom:2px solid transparent!important;
  transition:color .15s,border-color .15s!important;
  white-space:nowrap!important;
  background:none!important;border-top:none!important;border-left:none!important;border-right:none!important;
}
.mn-tab.active{
  color:#0a0a0a!important;
  border-bottom-color:#0a0a0a!important;
}
.mn-tab:hover{color:#0a0a0a!important;}

/* Featured cards: portrait rectangles */
.mn-featured{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:12px 16px 8px!important;
  overflow:hidden!important;
}
.mn-featured-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#f0f0f0!important;
  width:100%!important;
  flex:none!important;
  aspect-ratio:3/4!important;
  height:auto!important;
  padding-bottom:0!important;
}

/* Accordions: clean, uppercase, Gymshark */
.mn-accord-btn{
  padding:14px 16px!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  color:#0a0a0a!important;
  border-top:1px solid #f0f0f0!important;
}
.mn-accord-btn:first-child{border-top:none!important;}
.mn-accord-body a{
  padding:10px 16px 10px 28px!important;
  font-size:13px!important;
  font-weight:400!important;
  color:#444!important;
  letter-spacing:0!important;
}

/* Footer buttons: subtle outline pill */
.mn-foot-btns{
  padding:12px 16px!important;
  gap:8px!important;
  border-top:1px solid #f0f0f0!important;
}
.mn-foot-btn{
  padding:10px 16px!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:1px!important;
  border-radius:50px!important;
  flex:1!important;
}

/* ════════════════════════════════════════════════════════════ */
/* sidebar: handled by inline CSS in collection-page.liquid */
/* ══ GYMSHARK EXACT TYPOGRAPHY ══════════════════════════════ */
body{font-size:14px!important;font-weight:400!important;line-height:1.5!important;color:#1a1a1a!important;}
/* Nav */
.nav-btn{font-size:13px!important;font-weight:500!important;}
/* Product cards */
.pc-name{font-size:13px!important;font-weight:400!important;color:#1a1a1a!important;}
.pc-price{font-size:13px!important;font-weight:600!important;color:#1a1a1a!important;}
/* Collection */
.sec-title,.coll-main-head h1{font-size:11px!important;font-weight:700!important;letter-spacing:3px!important;text-transform:uppercase!important;}
.coll-count{font-size:13px!important;color:#767676!important;}
/* Filter sidebar */
.sb-group-btn{font-size:10.5px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;color:#666!important;}
.sb-head-title{font-size:11px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;}
.cb-item__label,.sb-radio label{font-size:13px!important;font-weight:400!important;color:#333!important;}
.size-btn{font-size:12px!important;font-weight:700!important;}
.color-row__label{font-size:13px!important;font-weight:400!important;}
/* Product page */
.gs-title{font-size:20px!important;font-weight:700!important;letter-spacing:.2px!important;text-transform:uppercase!important;}
.gs-subtitle{font-size:14px!important;font-weight:400!important;color:#555!important;}
.gs-price{font-size:18px!important;font-weight:700!important;}
.gs-size-label{font-size:13px!important;font-weight:400!important;color:#555!important;}
.sz-btn{font-size:13px!important;font-weight:400!important;}
.gs-atc-btn{font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;}
.gs-accord-btn{font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.gs-accord-body{font-size:13px!important;font-weight:400!important;line-height:1.75!important;}
/* Breadcrumb */
.breadcrumb,.gs-breadcrumb{font-size:12px!important;font-weight:400!important;color:#999!important;}
/* Mobile nav */
.mn-tab{font-size:11px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.mn-accord-btn{font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.mn-accord-body a{font-size:13px!important;font-weight:400!important;color:#444!important;}
.mn-foot a,.mn-foot__link{font-size:13px!important;font-weight:400!important;color:#555!important;}
/* Cart */
.cart-page-title{font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;}
/* ════════════════════════════════════════════════════════════ */

/* ══ GYMSHARK TYPOGRAPHY — EXACT MATCH ══════════════════════ */
/* Inter font, verified sizes from gymshark.com */
body{font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;color:#1a1a1a!important;}
/* Desktop nav */
.nav-btn{font-size:13px!important;font-weight:500!important;letter-spacing:0!important;}
/* Collection section title */
.sec-title,.coll-main-head h1{font-size:11px!important;font-weight:700!important;letter-spacing:3px!important;text-transform:uppercase!important;color:#1a1a1a!important;}
/* Product cards */
.pc-name{font-size:13px!important;font-weight:400!important;color:#1a1a1a!important;text-transform:none!important;letter-spacing:0!important;}
.pc-price{font-size:13px!important;font-weight:600!important;color:#1a1a1a!important;}
.pc-price s{font-weight:400!important;color:#aaa!important;}
/* Filter sidebar */
.sb-head-title{font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;}
.sb-group-btn{font-size:10.5px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;color:#666!important;}
.sb-radio label{font-size:13px!important;font-weight:400!important;color:#333!important;}
.cb-item__label{font-size:13px!important;font-weight:400!important;color:#333!important;}
.size-btn{font-size:12px!important;font-weight:700!important;}
.color-row__label{font-size:13px!important;font-weight:400!important;}
/* Product page right column */
.gs-new-badge{font-size:12px!important;font-weight:500!important;}
.gs-title{font-size:20px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.2px!important;}
.gs-subtitle{font-size:14px!important;font-weight:400!important;color:#767676!important;}
.gs-price{font-size:18px!important;font-weight:700!important;}
.gs-size-label{font-size:13px!important;font-weight:400!important;color:#767676!important;}
.sz-btn{font-size:13px!important;font-weight:400!important;}
.gs-atc-btn{font-size:13px!important;font-weight:700!important;letter-spacing:2px!important;}
.gs-accord-btn{font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.gs-accord-body{font-size:13px!important;font-weight:400!important;line-height:1.7!important;color:#555!important;}
/* Breadcrumb */
.breadcrumb a,.breadcrumb-sep{font-size:12px!important;font-weight:400!important;color:#999!important;}
.breadcrumb-current{font-size:12px!important;font-weight:400!important;color:#555!important;}
/* Mobile nav */
.mn-tab{font-size:11px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.mn-accord-btn{font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.mn-accord-body a{font-size:13px!important;font-weight:400!important;color:#444!important;letter-spacing:0!important;}
/* Cart */
.cart-page-title{font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;}
/* Footer */
.footer-heading{font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;}
.footer-link,.footer-links a{font-size:13px!important;font-weight:400!important;}
/* ════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════
   PureEthical 2026 — FINAL (no conflicts)
   ═══════════════════════════════════════════════════ */

/* IMAGES */
.pc-media::before{display:none!important;content:none!important;}
.pc-media{position:relative!important;overflow:hidden!important;background:#f5f4f0!important;}
.pc-link{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:auto!important;}
.pc-img-main,.pc-img-alt{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;padding:0!important;pointer-events:none!important;}
.pc-img-main{opacity:1!important;transition:transform .5s ease!important;}
.pc-img-alt{opacity:0!important;transition:opacity .4s!important;}
.product-card:hover .pc-img-alt{opacity:1!important;}
.product-card:hover .pc-img-main{transform:scale(1.04)!important;}

/* HEART — top-right */
.pc-wish{
  position:absolute!important;top:8px!important;right:8px!important;
  width:30px!important;height:30px!important;border-radius:50%!important;
  background:rgba(255,255,255,.9)!important;border:none!important;
  cursor:pointer!important;z-index:10!important;pointer-events:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transition:background .15s,transform .15s!important;
  box-shadow:0 1px 4px rgba(0,0,0,.15)!important;
  isolation:isolate!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
.pc-wish svg{width:14px!important;height:14px!important;stroke:#0a0a0a!important;fill:none!important;stroke-width:1.8!important;pointer-events:none!important;transition:fill .15s,stroke .15s!important;}
.pc-wish.active svg{fill:#0a0a0a!important;stroke:#0a0a0a!important;}
.pc-wish:hover{background:#fff!important;transform:scale(1.08)!important;}
.pc-wish:active{transform:scale(.92)!important;}

/* QUICK-ADD + — MOBILE ONLY */

/* @keyframes MUST be outside @media for iOS Safari compatibility */
@keyframes qa-pulse {
  0%   { transform: scale(1);    box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 0 0 0   rgba(31,71,47,.6); }
  40%  { transform: scale(1.12); box-shadow: 0 2px 10px rgba(0,0,0,.2), 0 0 0 10px rgba(31,71,47,.12); }
  100% { transform: scale(1);    box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 0 0 18px rgba(31,71,47,0); }
}

@media(max-width: 900px) {
  .pc-qa-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.94) !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    isolation: isolate !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    animation: qa-pulse 2s ease-in-out 1s 4 !important;
    transition: background .18s, transform .18s !important;
    color: #1f4731 !important;
  }
  .pc-qa-trigger svg {
    width: 13px !important; height: 13px !important;
    stroke: #1f4731 !important;
    stroke-width: 2.5 !important;
    pointer-events: none !important;
  }
  .pc-qa-trigger:active {
    background: #1f4731 !important;
    transform: scale(.9) !important;
    animation: none !important;
  }
  .pc-qa-trigger:active svg { stroke: #fff !important; }
}

/* Also move pc-wish to match alignment */
@media(max-width: 900px) {
  .pc-wish { top: 10px !important; right: 10px !important; }
}

/* SIZES PANEL */
.pc-sizes{display:none!important;}
.pc-sizes.pc-sizes--open{display:block!important;}
/* Desktop: hover shows sizes at bottom of card */
@media(min-width:901px){
  .pc-sizes{
    position:absolute!important;bottom:0!important;left:0!important;right:0!important;
    background:rgba(255,255,255,.97)!important;padding:8px 6px 10px!important;
    z-index:9!important;border-top:1px solid rgba(0,0,0,.06)!important;
  }
  .pc-sizes::before{display:none!important;}
  .product-card:hover .pc-sizes{display:block!important;}
  .pc-sizes-inner{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:0!important;}
  .pc-sz{min-width:34px!important;padding:5px 7px!important;font-size:11px!important;border-radius:4px!important;}
}
/* Mobile: full bottom sheet */
@media(max-width:900px){
  .pc-sizes.pc-sizes--open{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;
    width:100%!important;padding:20px 20px 40px!important;
    background:#fff!important;border-radius:20px 20px 0 0!important;
    box-shadow:0 -4px 40px rgba(0,0,0,.18)!important;
    z-index:2000!important;animation:slideUp .22s ease!important;
    max-height:75vh!important;overflow-y:auto!important;
  }
  .pc-sizes.pc-sizes--open::before{
    content:'SELECT SIZE';display:block!important;
    font-size:10px!important;font-weight:700!important;letter-spacing:.2em!important;
    color:#aaa!important;margin-bottom:16px!important;text-align:center!important;
  }
  .pc-sizes-inner{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:16px!important;}
  .pc-sz{min-width:56px!important;padding:12px 14px!important;font-size:14px!important;font-weight:500!important;border-radius:8px!important;}
}
@keyframes slideUp{from{transform:translateY(100%);opacity:0;}to{transform:translateY(0);opacity:1;}}
.pc-sz{
  border:1.5px solid #e5e5ea!important;background:#fff!important;color:#0a0a0a!important;
  cursor:pointer!important;font-family:var(--fb)!important;transition:all .12s!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
.pc-sz:hover:not(.pc-sz-oos){border-color:#0a0a0a!important;background:#0a0a0a!important;color:#fff!important;}
.pc-sz.pc-sz-oos{opacity:.3!important;cursor:not-allowed!important;text-decoration:line-through!important;}
.pc-sizes-atc{
  display:block!important;width:100%!important;padding:14px!important;
  background:#1f4731!important;color:#fff!important;border:none!important;border-radius:40px!important;
  font-size:13px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;
  cursor:pointer!important;font-family:var(--fb)!important;transition:background .2s!important;margin-top:8px!important;
}
.pc-sizes-atc:hover{background:#2d6a45!important;}
.pc-sizes-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1999;}
.pc-sizes-backdrop.open{display:block;}

/* PRODUCT CARD TEXT — small, clean (Gymshark style) */
.pc-info{padding:8px 0 6px!important;text-align:left!important;}
.pc-name,.pc-name a{font-size:11px!important;font-weight:400!important;color:#1a1a1a!important;text-decoration:none!important;line-height:1.3!important;margin-bottom:2px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.pc-name a:hover{text-decoration:underline!important;}
.pc-vendor{font-size:10px!important;color:#aaa!important;margin-bottom:2px!important;display:none!important;}
.pc-price{font-size:11px!important;font-weight:600!important;color:#1a1a1a!important;display:flex!important;align-items:center!important;gap:6px!important;}
.pc-price s,.pc-price-compare{font-size:10px!important;color:#aaa!important;font-weight:400!important;text-decoration:line-through!important;}
.pc-price .sp,.pc-price-sale{color:#c0392b!important;}
@media(min-width:901px){
  .pc-name,.pc-name a{font-size:12px!important;}
  .pc-price{font-size:12px!important;}
}

/* MOBILE LOGO SMALLER */
@media(max-width:768px){
  .hdr-logo img{height:28px!important;max-width:110px!important;}
  .hdr-center{display:none!important;}
}

/* DESKTOP GRID TOGGLE via data-cols */
@media(min-width:769px){
  #collGrid[data-cols="2"]{grid-template-columns:repeat(2,1fr)!important;}
  #collGrid[data-cols="3"]{grid-template-columns:repeat(3,1fr)!important;}
  #collGrid[data-cols="4"]{grid-template-columns:repeat(4,1fr)!important;}
}

/* MOBILE GRID TOGGLE via class */
@media(max-width:768px){
  .coll-pgrid.mobile-1col{grid-template-columns:1fr!important;}
  .coll-pgrid:not(.mobile-1col){grid-template-columns:repeat(2,1fr)!important;}
}

/* NAV */
.nav-btn::after{display:none!important;}
.mega{border-top:1px solid #e5e5ea!important;}

/* CART QTY */
.cd-qty{display:inline-flex!important;align-items:center!important;border:1.5px solid #e5e5ea!important;border-radius:40px!important;height:34px!important;overflow:hidden!important;}
.cd-qty-btn{width:34px!important;height:34px!important;background:none!important;border:none!important;cursor:pointer!important;color:#0a0a0a!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .12s!important;padding:0!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;}
.cd-qty-btn:hover:not(:disabled){background:#f5f4f0!important;}
.cd-qty-btn:disabled{opacity:.3!important;cursor:not-allowed!important;}
.cd-qty-btn svg{pointer-events:none!important;display:block!important;}
.cd-qty-val{min-width:30px!important;text-align:center!important;font-size:14px!important;font-weight:600!important;color:#0a0a0a!important;border-left:1.5px solid #e5e5ea!important;border-right:1.5px solid #e5e5ea!important;line-height:34px!important;user-select:none!important;}

/* CART UNDO */
.cd-undo-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px!important;background:#f0faf4!important;border-bottom:1px solid rgba(31,71,47,.12)!important;font-size:13px!important;}
.cd-undo-action{background:#1f4731!important;color:#fff!important;border:none!important;padding:6px 16px!important;border-radius:40px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer!important;font-family:var(--fb)!important;}
.cd-remove-btn{background:none!important;border:none!important;cursor:pointer!important;padding:4px!important;color:#c5c5c5!important;transition:color .15s!important;line-height:0!important;flex-shrink:0!important;}
.cd-remove-btn:hover{color:#0a0a0a!important;}
.cd-remove-btn svg{pointer-events:none!important;}
.cd-empty{text-align:center;padding:48px 20px;}
.cd-empty-title{font-size:16px;font-weight:600;margin-bottom:8px;}
.cd-empty-sub{font-size:13px;color:#6e6e73;margin-bottom:24px;}
.cd-empty-btn{display:inline-block!important;background:#1f4731!important;color:#fff!important;padding:12px 28px!important;border-radius:40px!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;}

/* BUTTONS — green pill */
.cd-checkout-btn,.gs-atc-btn,.sticky-atc-btn,.nl-btn{background:#1f4731!important;color:#fff!important;border:none!important;border-radius:40px!important;font-family:var(--fb)!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;cursor:pointer!important;text-decoration:none!important;transition:background .2s!important;}
.cd-checkout-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:16px 24px!important;font-size:13px!important;}
.gs-atc-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:52px!important;font-size:12px!important;}
.sticky-atc-btn{padding:0 28px!important;height:44px!important;font-size:11px!important;}
.nl-btn{padding:0 24px!important;height:44px!important;font-size:11px!important;border-radius:0 40px 40px 0!important;}
.cd-checkout-btn:hover,.gs-atc-btn:hover:not(:disabled),.sticky-atc-btn:hover,.nl-btn:hover{background:#2d6a45!important;}
.gs-atc-btn:disabled{background:#e5e5ea!important;color:#aaa!important;cursor:not-allowed!important;}
.cd-viewbag{display:block!important;text-align:center!important;font-size:12px!important;color:#6e6e73!important;text-decoration:none!important;padding:10px!important;}
.cd-viewbag:hover{color:#0a0a0a!important;}
.nl-input{flex:1!important;padding:0 18px!important;height:44px!important;background:#fafaf8!important;border:1.5px solid #e5e5ea!important;border-right:none!important;border-radius:40px 0 0 40px!important;font-size:13px!important;color:#0a0a0a!important;outline:none!important;}
.nl-input:focus{border-color:#1f4731!important;}
.nl-input::placeholder{color:#aaa!important;}

/* FILTER BUTTONS */
#sbApplyBtn{background:#1f4731!important;color:#fff!important;border-radius:40px!important;border:none!important;padding:12px 24px!important;font-weight:600!important;cursor:pointer!important;font-family:var(--fb)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;width:100%!important;}
#sbApplyBtn:hover{background:#2d6a45!important;}
#sbClearBtn{background:#fff!important;color:#0a0a0a!important;border:1.5px solid #e5e5ea!important;border-radius:40px!important;padding:12px 20px!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;font-family:var(--fb)!important;}

/* COLOR FILTER */
.color-list{display:flex!important;flex-direction:column!important;gap:4px!important;}
.color-row{display:flex!important;align-items:center!important;gap:10px!important;padding:7px 6px!important;cursor:pointer!important;border-radius:6px!important;transition:background .1s!important;}
.color-row:hover{background:#f5f4f0!important;}
.color-dot{width:20px!important;height:20px!important;border-radius:50%!important;border:1.5px solid rgba(0,0,0,.12)!important;flex-shrink:0!important;}
.color-row.active .color-dot{outline:2.5px solid #0a0a0a!important;outline-offset:2px!important;}
.color-row__label{font-size:13px!important;color:#3a3a3c!important;}

/* LIGHTBOX */
#galLightbox{display:none!important;position:fixed!important;inset:0!important;z-index:9000!important;background:rgba(255,255,255,.97)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;}
#galLightbox.open{display:flex!important;}
#galLbImgWrap{flex:1;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;padding:20px;}
#galLbImg{max-width:100%!important;max-height:calc(100vh - 120px)!important;width:auto!important;height:auto!important;object-fit:contain!important;}
#galLbClose{position:absolute;top:16px;right:20px;background:none;border:none;cursor:pointer;color:#0a0a0a;padding:8px;font-size:22px;line-height:1;}
#galLbCounter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:#999;}
#galLbPrev,#galLbNext{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e5e5ea;color:#0a0a0a;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}
#galLbPrev{left:20px;}#galLbNext{right:20px;}

/* FOOTER */
.site-footer{background:#fff!important;color:#0a0a0a!important;border-top:1px solid #e5e5ea!important;}
.f-col-list a{color:#0a0a0a!important;}.f-col-list a:hover{color:#555!important;}
.f-col-head{color:#aaa!important;}.f-tagline{color:#555!important;}
.f-bottom{background:#0a0a0a!important;color:#fff!important;}
.f-copy{color:rgba(255,255,255,.45)!important;}
.f-links a{color:rgba(255,255,255,.45)!important;}.f-links a:hover{color:#fff!important;}

/* ANN BAR */
.ann-bar{position:relative!important;overflow:hidden!important;}

/* TOAST */
.pe-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);background:#0a0a0a;color:#fff;font-size:13px;padding:12px 20px;border-radius:40px;z-index:9999;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;}
.pe-toast--show{opacity:1!important;transform:translateX(-50%) translateY(0)!important;}
.pe-toast-msg{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#0a0a0a;color:#fff;padding:10px 20px;border-radius:40px;font-size:13px;z-index:9999;pointer-events:none;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.2);}

/* WISHLIST DRAWER */
.wl-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:800;}
.wl-overlay.open{display:block;}
.wl-drawer{position:fixed;top:0;right:-420px;width:380px;max-width:100vw;height:100%;background:#fff;z-index:801;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-8px 0 40px rgba(0,0,0,.1);}
.wl-drawer.open{right:0;}
.wl-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5ea;}
.wl-title{font-size:15px;font-weight:600;letter-spacing:.04em;}
.wl-close{background:none;border:none;cursor:pointer;padding:6px;color:#6e6e73;display:flex;}
.wl-close:hover{color:#0a0a0a;}
.wl-body{flex:1;overflow-y:auto;padding:16px;}
.wl-empty{text-align:center;padding:48px 20px;color:#6e6e73;}
.wl-shop-btn{display:inline-block;margin-top:16px;padding:12px 24px;background:#1f4731;color:#fff;border-radius:40px;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.wl-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5;}
.wl-item-img{width:72px;height:90px;flex-shrink:0;overflow:hidden;border-radius:6px;background:#f5f4f0;}
.wl-item-img img{width:100%;height:100%;object-fit:cover;display:block;}
.wl-item-info{flex:1;min-width:0;}
.wl-item-name{display:block;font-size:13px;font-weight:500;color:#0a0a0a;text-decoration:none;line-height:1.3;margin-bottom:4px;}
.wl-item-name:hover{text-decoration:underline;}
.wl-item-price{font-size:12px;color:#6e6e73;}
.wl-item-remove{background:none;border:none;cursor:pointer;color:#c5c5c5;font-size:18px;padding:4px 8px;line-height:1;transition:color .15s;flex-shrink:0;}
.wl-item-remove:hover{color:#0a0a0a;}

/* COUNTRY PICKER */
.country-drop{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid #e5e5ea;box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:700;display:none;max-height:420px;overflow-y:auto;}
.country-drop.open{display:block;}
.country-drop-head{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#aaa;padding:14px 16px 8px;border-bottom:1px solid #e5e5ea;}
.country-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 16px;font-size:13px;color:#0a0a0a;background:none;border:none;cursor:pointer;font-family:var(--fb);}
.country-option:hover{background:#f5f4f0;}.country-option.on{font-weight:600;}
.country-currency{font-size:11px;color:#aaa;}
.loc-suggest{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0a0a0a;color:#fff;padding:14px 20px;display:flex;align-items:center;gap:16px;font-size:13px;z-index:8000;border-radius:40px;box-shadow:0 8px 32px rgba(0,0,0,.2);}
.loc-suggest-yes{background:#1f4731;color:#fff;border:none;padding:8px 20px;font-size:11px;font-weight:600;border-radius:40px;cursor:pointer;font-family:var(--fb);}
.loc-suggest-no{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:16px;}

/* HERO */
.hero-slide{display:none;}.hero-slide.on,.hero-slide.active{display:block!important;}

/* REDUCE MOTION */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}}

/* ══════════════════════════════════════════════════════════
   PRODUCT PAGE — Smaller, cleaner typography
   ══════════════════════════════════════════════════════════ */
.gs-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  line-height: 1.3 !important;
  color: #0a0a0a !important;
  margin: 0 0 4px !important;
}
.gs-subtitle {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #aaa !important;
  margin: 0 0 10px !important;
  letter-spacing: .04em !important;
}
.gs-price-row { margin: 0 0 14px !important; }
.gs-price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0a0a0a !important;
}
.gs-price-was {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #aaa !important;
  margin-right: 6px !important;
  text-decoration: line-through !important;
}
.gs-price--sale { color: #c0392b !important; }
.gs-new-badge {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  margin-bottom: 8px !important;
}

/* Slightly larger on desktop */
@media(min-width: 769px) {
  .gs-title {
    font-size: 16px !important;
  }
  .gs-price {
    font-size: 15px !important;
  }
}

/* ── MOBILE GRID TOGGLE — high specificity to beat L812 ── */
@media(max-width: 768px) {
  .coll-layout .coll-main .coll-pgrid.mobile-1col {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .coll-pgrid.mobile-1col {
    grid-template-columns: 1fr !important;
  }
}

/* ── PRODUCT PAGE — title overflow fix ── */
.gs-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1.35 !important;
  color: #0a0a0a !important;
  margin: 0 0 4px !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}
.gs-subtitle { font-size: 10px !important; font-weight: 400 !important; color: #aaa !important; margin: 0 0 8px !important; }
.gs-price-row { margin: 0 0 12px !important; }
.gs-price { font-size: 13px !important; font-weight: 600 !important; color: #0a0a0a !important; }
.gs-price-was { font-size: 11px !important; color: #aaa !important; text-decoration: line-through !important; margin-right: 5px !important; }
@media(min-width: 769px) {
  .gs-title { font-size: 15px !important; }
  .gs-price { font-size: 14px !important; }
}

/* ── SIZES PANEL — override visibility from original CSS ── */
@media(min-width: 901px) {
  .product-card:hover .pc-sizes {
    display: block !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
  .pc-sizes.pc-sizes--open {
    display: block !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}
@media(max-width: 900px) {
  .pc-sizes.pc-sizes--open {
    visibility: visible !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.mega-head { font-size:10px!important; font-weight:700!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:#0a0a0a!important; border-bottom:2px solid #0a0a0a!important; padding-bottom:10px!important; margin-bottom:16px!important; }
.pc-media { position:relative!important; overflow:hidden!important; }
/* ── MEGA MENU HEAD — bold black underline ── */
.mega-head {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: #0a0a0a !important;
  border-bottom: 2px solid #0a0a0a !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
  font-family: var(--fb) !important;
}

/* ── WISHLIST DRAWER — definitive (overrides transform conflict) ── */
.wl-drawer {
  transform: none !important;
  transition: right .3s ease !important;
}
.wl-drawer.open {
  right: 0 !important;
  transform: none !important;
}

/* ═══════════════════════════════════════════════════
   GLOBAL TYPOGRAPHY — Gymshark precision
   ═══════════════════════════════════════════════════ */

/* Product card */
.pc-info { padding: 8px 0 4px !important; }
.pc-name, .pc-name a {
  font-size: 10px !important; font-weight: 500 !important;
  color: #0a0a0a !important; text-decoration: none !important;
  line-height: 1.35 !important; margin-bottom: 2px !important;
  display: block !important; overflow: hidden !important;
  white-space: nowrap !important; text-overflow: ellipsis !important;
  text-transform: none !important;
}
.pc-vendor { display: none !important; }
.pc-price {
  font-size: 10px !important; font-weight: 600 !important;
  color: #0a0a0a !important; display: flex !important;
  align-items: center !important; gap: 6px !important;
}
.pc-price s { font-size: 9px !important; color: #aaa !important; font-weight: 400 !important; }
.pc-price .sp { color: #c0392b !important; }
@media(min-width:769px){
  .pc-name,.pc-name a { font-size:11px!important; }
  .pc-price { font-size:11px!important; }
}

/* Product page */
.gs-title {
  font-size: 12px !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: .06em !important;
  line-height: 1.3 !important; color: #0a0a0a !important;
  word-break: break-word !important; margin: 0 0 3px !important;
}
.gs-subtitle { font-size: 10px !important; color: #aaa !important; margin: 0 0 6px !important; }
.gs-price { font-size: 13px !important; font-weight: 600 !important; }
.gs-price-was { font-size: 11px !important; color: #aaa !important; }
.gs-price-row { margin: 0 0 10px !important; }
@media(min-width:769px){
  .gs-title { font-size:14px!important; }
  .gs-price { font-size:14px!important; }
}

/* Body / general */
body, .site-header, input, select, button { font-size: 12px !important; }
.nav-btn { font-size: 12px !important; font-weight: 400 !important; }
.hdr-logo img { height: 26px !important; max-width: 130px !important; }
@media(max-width:768px){ .hdr-logo img { height: 24px !important; } }

/* Mega menu */
.mega-head {
  font-size: 9px !important; font-weight: 700 !important;
  letter-spacing: .22em !important; text-transform: uppercase !important;
  color: #0a0a0a !important; border-bottom: 1.5px solid #0a0a0a !important;
  padding-bottom: 8px !important; margin-bottom: 12px !important;
}
.mega-col a { font-size: 12px !important; font-weight: 400 !important; color: #0a0a0a !important; }

/* Cart page */
.cp-item-vendor { font-size: 9px !important; }
.cp-item-name { font-size: 12px !important; }
.cp-item-variant { font-size: 11px !important; }
.cp-item-price { font-size: 13px !important; }
.cp-sum-title { font-size: 9px !important; }
.cp-sum-row { font-size: 12px !important; }
.cp-sum-total { font-size: 14px !important; }
.cp-checkout { font-size: 11px !important; letter-spacing: .14em !important; }

/* Footer */
.f-col-head { font-size: 9px !important; letter-spacing: .15em !important; }
.f-col-list a { font-size: 11px !important; }
.f-copy { font-size: 10px !important; }

/* Wishlist drawer */
.wl-title { font-size: 12px !important; letter-spacing: .12em !important; }
.wl-item-name { font-size: 12px !important; }
.wl-item-price { font-size: 11px !important; }

/* Wishlist drawer — fix transform conflict */
.wl-drawer { transform: none !important; transition: right .3s ease !important; }
.wl-drawer.open { right: 0 !important; transform: none !important; }

/* ══════════════════════════════════════════════════════════
   GYMSHARK DESIGN DETAILS — Professional polish
   ══════════════════════════════════════════════════════════ */

/* Product card hover — subtle lift */
.product-card {
  transition: none !important;
  position: relative !important;
}

/* Badge — cleaner, smaller */
.pc-badge {
  position: absolute !important; top: 10px !important; left: 10px !important;
  z-index: 3 !important; pointer-events: none !important;
  font-size: 8px !important; font-weight: 700 !important;
  letter-spacing: .12em !important; text-transform: uppercase !important;
  padding: 3px 7px !important; border-radius: 2px !important;
  line-height: 1.4 !important;
}
.pc-badge.sale { background: #c0392b !important; color: #fff !important; }
.pc-badge.new  { background: #0a0a0a !important; color: #fff !important; }
.pc-badge.sold-out { background: #767676 !important; color: #fff !important; }

/* When + is visible (mobile), shift badge right to avoid overlap */
@media(max-width: 900px) {
  .pc-badge { left: 50px !important; }
}

/* Nav hover underline — Gymshark style */
.nav-btn {
  position: relative !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  padding-bottom: 2px !important;
}
.nav-btn::after {
  content: '' !important; display: block !important;
  position: absolute !important; bottom: -2px !important;
  left: 0 !important; right: 0 !important;
  height: 1px !important; background: #0a0a0a !important;
  transform: scaleX(0) !important;
  transition: transform .2s ease !important;
}
.nav-item:hover .nav-btn::after { transform: scaleX(1) !important; }

/* Page title */
.sec-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

/* Icon buttons */
.icon-btn {
  width: 36px !important; height: 36px !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; border-radius: 50% !important;
  transition: background .15s !important;
  position: relative !important;
}
.icon-btn:hover { background: #f5f4f0 !important; }

/* Cart badge */
#cartCount {
  position: absolute !important;
  top: -4px !important; right: -4px !important;
  background: #0a0a0a !important; color: #fff !important;
  width: 16px !important; height: 16px !important;
  border-radius: 50% !important; font-size: 9px !important;
  font-weight: 700 !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  pointer-events: none !important;
}

/* Announcement bar text */
.ann-bar, .ann-slide {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
}

/* Collection page title */
.coll-count { font-size: 10px !important; }

/* Sizes in QA modal — Gymshark row style */
.qa-sz-add {
  font-size: 12px !important;
  font-family: var(--fb) !important;
}

/* ═══════════════════════════════════════════════════
   PE QUICK-ADD + BUTTON — SINGLE DEFINITIVE BLOCK
   ═══════════════════════════════════════════════════ */

/* keyframes MUST be outside @media for iOS Safari */
@keyframes qa-explode {
  0%   { transform:scale(1);    box-shadow:0 0 0 0   rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.2); }
  35%  { transform:scale(1.38); box-shadow:0 0 0 18px rgba(0,0,0,0),  0 5px 16px rgba(0,0,0,.3); }
  65%  { transform:scale(.86);  box-shadow:0 0 0 0   rgba(0,0,0,0),  0 1px 4px rgba(0,0,0,.1); }
  100% { transform:scale(1);    box-shadow:0 0 0 0   rgba(0,0,0,0),  0 2px 8px rgba(0,0,0,.2); }
}
@keyframes qa-ping {
  0%   { box-shadow:0 0 0 0   rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.18); }
  60%  { box-shadow:0 0 0 14px rgba(0,0,0,0), 0 2px 6px rgba(0,0,0,.18); }
  100% { box-shadow:0 0 0 0   rgba(0,0,0,0), 0 2px 6px rgba(0,0,0,.18); }
}

/* Desktop: button hidden (slide-up bar is used instead) */
@media(min-width:769px) {
}

/* Mobile + trigger: REMOVED — using qa-bar slide-up only */
@media(max-width:768px) {
  .pc-qa-trigger {
    display: flex !important;
    position: absolute !important;
    top: 8px !important;
    left: 40px !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.96) !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 12 !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
    animation: qa-explode .6s ease 0s 3, qa-ping 2s ease-in-out 1.8s infinite !important;
    animation-fill-mode: both !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: background .15s, transform .15s !important;
  }
  .pc-qa-trigger svg {
    stroke: #0a0a0a !important;
    stroke-width: 2.5 !important;
    width: 13px !important;
    height: 13px !important;
    pointer-events: none !important;
  }
  .pc-qa-trigger:active {
    background: #0a0a0a !important;
    transform: scale(.84) !important;
    animation: none !important;
    box-shadow: none !important;
  }
  .pc-qa-trigger:active svg { stroke: #fff !important; }

  /* Heart: always top-right */
  .pc-wish {
    top: 8px !important;
    right: 8px !important;
    width: 30px !important;
    height: 30px !important;
  }
}
/* qa-trigger removed — desktop bar only */
.pc-qa-trigger { display:none !important; }

/* ── COUNTRY DROP — mobile bottom sheet ── */
@media(max-width:768px) {
  .country-drop {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    border-radius: 16px 16px 0 0 !important;
    border: none !important;
    box-shadow: 0 -4px 32px rgba(0,0,0,.18) !important;
    z-index: 9500 !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .country-drop.open { display: block !important; }
  .country-option {
    padding: 16px 20px !important;
    font-size: 14px !important;
    min-height: 50px !important;
  }
}

/* ── QUICK ADD BAR (desktop only, slide-up) ── */
@media(min-width:769px) {
  .pc-qa-bar {
    position: absolute !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    height: 38px !important;
    background: rgba(255,255,255,.97) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    cursor: pointer !important;
    border: none !important;
    width: 100% !important;
    transform: translateY(100%) !important;
    transition: transform .22s cubic-bezier(.4,0,.2,1) !important;
    z-index: 8 !important;
    border-radius: 0 0 4px 4px !important;
    gap: 7px !important;
    backdrop-filter: blur(6px) !important;
    border-top: 1px solid rgba(0,0,0,.07) !important;
  }
  .product-card:hover .pc-qa-bar { transform: translateY(0) !important; }
  .pc-qa-bar:hover { background: #0a0a0a !important; color: #fff !important; }
  .pc-qa-bar:hover svg { stroke: #fff !important; }
  .pc-qa-bar svg { stroke: #0a0a0a !important; flex-shrink: 0 !important; }
}
/* Mobile: hide quick add bar (not needed — no hover on mobile) */
@media(max-width:768px) {
  .pc-qa-bar { display: none !important; }
}

/* ── QA-BAR OVERFLOW FIX ── */
/* pc-media needs overflow:visible so the slide-up bar is NOT clipped */
html body .pc-media,
html body .product-card .pc-media,
html body .coll-pgrid .pc-media {
  overflow: visible !important;
}
/* But images still need to be clipped — use clip on the inner link */
html body .pc-link {
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}
/* qa-bar: keep inside pc-media, position absolute bottom */
html body .pc-qa-bar {
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 9 !important;
}

/* ── MOBILE NAV CTA BUTTONS — compact professional ── */
.mn-foot-btns { display:flex !important; gap:8px !important; padding:12px 16px 14px !important; border-top:1px solid #f0f0f0 !important; }
.mn-foot-btn { flex:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; padding:8px 10px !important; border-radius:40px !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.04em !important; text-transform:uppercase !important; text-decoration:none !important; transition:all .15s !important; }
.mn-foot-btn svg { width:10px !important; height:10px !important; }
.mn-foot-btn--new { background:transparent !important; color:#15803d !important; border:1.5px solid #15803d !important; }
.mn-foot-btn--sale { background:transparent !important; color:#e01010 !important; border:1.5px solid #e01010 !important; }

/* ── WL BADGE — always sync ── */
.wl-badge { position:absolute !important; top:-4px !important; right:-4px !important; background:#0a0a0a !important; color:#fff !important; font-size:8px !important; font-weight:700 !important; width:14px !important; height:14px !important; border-radius:50% !important; display:none !important; align-items:center !important; justify-content:center !important; border:1.5px solid #fff !important; z-index:2 !important; pointer-events:none !important; }
.wl-badge.show { display:flex !important; }
#wishlistBtn { position:relative !important; }

/* ── MOBILE NAV — smaller accordion text ── */
/* Section headers (TRENDING, CLOTHING, etc.) */
.mn-accord-btn {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 13px 20px !important;
}
/* Sub-menu items (Leggings, High-Waisted, etc.) */
.mn-accord-body a {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #444 !important;
  padding: 10px 20px !important;
  letter-spacing: 0 !important;
}

/* ── SIZE BUTTONS — final definitive styles ── */
.sz-btn {
  min-width: 44px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border: 1.5px solid #d5d5d5 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  background: #fff !important;
  color: #0a0a0a !important;
  border-radius: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color .15s, background .15s !important;
  position: relative !important;
}
.sz-btn:hover:not(.sz-sold-out):not(.on) {
  border-color: #0a0a0a !important;
  background: #fff !important;
}
.sz-btn.on {
  background: #0a0a0a !important;
  color: #fff !important;
  border-color: #0a0a0a !important;
}
/* Sold out: visible but with strikethrough — NOT hidden */
.sz-btn.sz-sold-out {
  color: #888 !important;
  border-color: #e8e8e8 !important;
  background: #fafafa !important;
  cursor: default !important;
  opacity: 1 !important;
  text-decoration: line-through !important;
}
.sz-btn.sz-sold-out::after { display: none !important; }