/* Scrollprise UI Lab — approved hero + product card + swipe visual system
   Experimental branch only. Production main remains untouched. */
:root{
  --sp-lab-page:#e6e6e4;
  --sp-lab-page-2:#dfdfda;
  --sp-lab-panel:#f1f1ef;
  --sp-lab-frame:#fff;
  --sp-lab-line:#d7d7d3;
  --sp-lab-ink:#111;
  --sp-lab-muted:#666663;
  --sp-lab-muted-2:#aaa9a6;
  --sp-lab-ease:cubic-bezier(.22,.82,.22,1);
}

/* ---------- Shared light page language ---------- */
body.catalogue-page,
body.category-page,
body.traditional-categories-page{
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.72),transparent 34rem),var(--sp-lab-page)!important;
  color:var(--sp-lab-ink)!important;
}
body.catalogue-page .site-header,
body.category-page .site-header{
  background:rgba(230,230,228,.88)!important;
  border-bottom:1px solid rgba(0,0,0,.07)!important;
  backdrop-filter:blur(18px)!important;
}
body.catalogue-page .site-header a,
body.catalogue-page .site-header summary,
body.category-page .site-header a,
body.category-page .site-header summary{color:#1b1b1a!important}
body.catalogue-page main,
body.category-page main{color:var(--sp-lab-ink)}
body.catalogue-page .category-hero,
body.catalogue-page .catalogue-hero,
body.category-page .category-hero{
  background:transparent!important;
  color:var(--sp-lab-ink)!important;
}
body.catalogue-page .category-hero p,
body.catalogue-page .catalogue-hero p,
body.category-page .category-hero p{color:#686865!important}

/* ---------- FINAL APPROVED PRODUCT CARD ---------- */
.product-grid .product-card,
#traditionalProductGrid .product-card,
#productGrid .product-card,
.catalogue-grid .product-card,
.category-page .product-card{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  padding:0!important;
  color:#111!important;
  background:linear-gradient(180deg,#f2f2f0 0%,#ececea 100%)!important;
  border:5px solid #fff!important;
  border-radius:27px!important;
  box-shadow:0 28px 35px rgba(0,0,0,.17),0 9px 13px rgba(0,0,0,.08),inset 0 0 0 1px rgba(0,0,0,.025)!important;
  transform:translateY(0)!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s cubic-bezier(.2,.8,.2,1)!important;
  backdrop-filter:none!important;
  isolation:isolate;
}
.product-grid .product-card:hover,
#traditionalProductGrid .product-card:hover,
#productGrid .product-card:hover,
.catalogue-grid .product-card:hover,
.category-page .product-card:hover{
  transform:translateY(-10px)!important;
  box-shadow:0 40px 48px rgba(0,0,0,.20),0 12px 17px rgba(0,0,0,.09)!important;
}
.product-card::before,.product-card::after{display:none!important}
.product-card .card-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:262px!important;
  min-height:262px!important;
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  border-radius:21px 21px 0 0!important;
  background:#e9e9e7!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.product-card .card-media::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  inset:auto 0 0!important;
  height:56px!important;
  background:linear-gradient(transparent,#eeeeec)!important;
  pointer-events:none!important;
}
.product-card .card-media img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:14px!important;
  border-radius:0!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
  transform:scale(1.01)!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1)!important;
}
.product-card:hover .card-media img{transform:scale(1.07)!important}
.product-card .card-number,
.product-card .final-card-number{
  position:absolute!important;
  z-index:5!important;
  top:13px!important;
  left:13px!important;
  display:grid!important;
  place-items:center!important;
  height:30px!important;
  min-width:36px!important;
  padding:0 10px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  color:#111!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.1em!important;
  backdrop-filter:blur(10px)!important;
}
.product-card .final-card-arrow{
  position:absolute!important;
  z-index:5!important;
  top:13px!important;
  right:13px!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.84)!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:700!important;
  backdrop-filter:blur(10px)!important;
  transition:transform .25s ease!important;
}
.product-card:hover .final-card-arrow{transform:rotate(45deg)!important}
.product-card .card-save{
  z-index:6!important;
  top:51px!important;
  right:13px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.84)!important;
  color:#222!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.product-card .card-badge{
  z-index:5!important;
  top:auto!important;
  left:14px!important;
  right:auto!important;
  bottom:12px!important;
  max-width:calc(100% - 28px)!important;
  padding:5px 8px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  color:#555552!important;
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.product-card .card-copy{
  padding:11px 17px 17px!important;
  background:transparent!important;
  color:#111!important;
}
.product-card .card-topline{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin:0 0 11px!important;
}
.product-card .card-topline>span{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:5px 7px!important;
  border:1px solid #d1d1ce!important;
  border-radius:999px!important;
  background:#f9f9f7!important;
  color:#565654!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.product-card .card-topline>span::before{content:"•";margin-right:4px;color:#aaa}
.product-card h3{
  margin:0!important;
  font-size:29px!important;
  line-height:.92!important;
  letter-spacing:-.05em!important;
  font-weight:820!important;
}
.product-card h3 button{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#111!important;
  text-align:left!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  cursor:pointer!important;
}
.product-card .final-title-main,
.product-card .final-title-sub{display:block!important}
.product-card .final-title-main{color:#111!important}
.product-card .final-title-sub{color:#a7a7a4!important;font-weight:770!important}
.product-card .card-story{
  margin:11px 0 14px!important;
  min-height:42px!important;
  color:#5f5f5c!important;
  font-size:10px!important;
  line-height:1.42!important;
}
.product-card .card-hook,
.product-card .best-for{display:none!important}
.product-card .card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin:0!important;
  padding:11px 0 0!important;
  border-top:1px solid #d7d7d4!important;
}
.product-card .card-actions .details-button,
.product-card .card-actions .amazon-button{
  min-height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.product-card .card-actions .details-button{
  border:1px solid #d1d1ce!important;
  background:#f9f9f7!important;
  color:#555552!important;
}
.product-card .card-actions .amazon-button{
  border:1px solid #111!important;
  background:#111!important;
  color:#fff!important;
}
.product-card .paid-note{
  display:block!important;
  margin-top:7px!important;
  color:#999995!important;
  font-size:7px!important;
  text-align:right!important;
}

/* Home product grid — same neutral gallery backdrop */
body:not(.swipe-page) #picks,
body:not(.swipe-page) .picks{
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.62),transparent 30rem),var(--sp-lab-page)!important;
  color:#111!important;
}
body:not(.swipe-page) #picks .section-heading h2,
body:not(.swipe-page) #picks .eyebrow{color:#111!important}

/* ---------- FINAL APPROVED HOMEPAGE HERO ---------- */
.editorial-hero.final-hero{
  position:relative!important;
  min-height:760px!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  background:radial-gradient(circle at 50% 5%,rgba(255,255,255,.75),transparent 31rem),linear-gradient(180deg,#e8e8e6 0%,#deded9 100%)!important;
  border:0!important;
}
.editorial-hero.final-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle at 18% 26%,rgba(0,0,0,.09) 0 1px,transparent 1.4px),radial-gradient(circle at 72% 14%,rgba(0,0,0,.06) 0 1px,transparent 1.4px),radial-gradient(circle at 87% 69%,rgba(255,255,255,.6) 0 1px,transparent 1.4px);
  background-size:210px 190px,260px 240px,190px 170px;
  opacity:.13;
  pointer-events:none;
}
.final-hero .final-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(350px,.78fr) minmax(610px,1.22fr);
  align-items:center;
  width:min(1500px,calc(100% - 56px));
  min-height:760px;
  margin:0 auto;
  gap:18px;
}
.final-hero-copy{position:relative;z-index:12;padding:54px 0 60px}
.final-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:24px;
  padding:8px 12px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:999px;
  background:rgba(255,255,255,.42);
  color:#5f5f5c;
  font-size:10px;
  font-weight:720;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.final-hero-kicker i{width:6px;height:6px;border-radius:50%;background:#111}
.final-hero-title{
  max-width:590px!important;
  margin:0!important;
  color:#111!important;
  font-size:clamp(58px,5.8vw,94px)!important;
  line-height:.92!important;
  font-weight:340!important;
  letter-spacing:-.065em!important;
  text-transform:none!important;
}
.final-hero-title span{color:#aaa9a6!important;-webkit-text-stroke:0!important}
.final-hero-lede{
  max-width:430px;
  margin:25px 0 28px;
  color:#656563!important;
  font-size:15px!important;
  line-height:1.6!important;
}
.final-hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.final-hero-actions .final-primary,
.final-hero-actions .final-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:15px;
  font-size:13px;
  font-weight:680;
  text-decoration:none;
  cursor:pointer;
}
.final-hero-actions .final-primary{border:1px solid #111;background:#111;color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.14)}
.final-hero-actions .final-secondary{border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.52);color:#222}
.final-hero-stage{position:relative;height:720px;min-height:720px;perspective:1300px}
.final-hero-scene-note{position:absolute;z-index:12;top:34px;left:52%;transform:translateX(-50%);color:#777774;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.final-hero-orbit{position:absolute;left:55%;top:52%;width:76%;height:40%;border:1px solid rgba(0,0,0,.08);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);transition:transform .9s var(--sp-lab-ease),opacity .7s ease}
.final-hero-orbit.o2{width:56%;height:29%;transform:translate(-50%,-50%) rotate(14deg)}
.final-hero-core{
  position:absolute;
  left:53%;top:50%;
  width:410px;height:206px;
  transform:translate(-50%,-50%);
  padding:24px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:28px;
  background:rgba(255,255,255,.44);
  backdrop-filter:blur(18px);
  box-shadow:0 30px 60px rgba(0,0,0,.10);
  transition:all .8s var(--sp-lab-ease);
}
.final-hero-core-dots{display:flex;gap:7px;margin-bottom:25px}
.final-hero-core-dots i{width:8px;height:8px;border-radius:50%;background:#b8b8b4}
.final-hero-core-dots i:nth-child(2){background:#c9c9c5}.final-hero-core-dots i:nth-child(3){background:#8c8c88}
.final-hero-core strong{font-size:17px;font-weight:520;color:#2e2e2b}
.final-hero-ghost{display:flex;gap:12px;margin-top:16px}.final-hero-ghost span{width:84px;height:8px;border-radius:99px;background:rgba(0,0,0,.06)}
.final-hero-search{position:absolute;left:18px;right:18px;bottom:18px;height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:rgba(255,255,255,.65);color:#555552;font-size:11px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.final-hero-search b{margin-left:auto}
.final-hero-chip{position:absolute;z-index:10;padding:8px 11px;border:1px solid rgba(0,0,0,.09);border-radius:999px;background:rgba(255,255,255,.57);color:#5f5f5c;box-shadow:0 8px 18px rgba(0,0,0,.05);font-size:9px;backdrop-filter:blur(12px);animation:spFinalFloat 5.5s ease-in-out infinite}
.final-hero-chip.a{left:5%;top:17%}.final-hero-chip.b{right:3%;top:20%;animation-delay:.8s}.final-hero-chip.c{right:8%;bottom:12%;animation-delay:1.4s}
@keyframes spFinalFloat{50%{transform:translateY(-8px)}}
.final-hero-card{
  position:absolute;
  left:50%;top:50%;
  width:248px;height:386px;
  overflow:hidden;
  color:#111;
  text-decoration:none;
  background:linear-gradient(180deg,#f2f2f0 0%,#ececea 100%);
  border:5px solid #fff;
  border-radius:27px;
  box-shadow:0 28px 35px rgba(0,0,0,.20),0 9px 13px rgba(0,0,0,.10),inset 0 0 0 1px rgba(0,0,0,.025);
  transform-origin:center;
  opacity:0;
  transition:transform 1s var(--sp-lab-ease),opacity .75s ease,filter .75s ease,box-shadow .75s ease;
}
.final-hero-card.is-focus{box-shadow:0 40px 52px rgba(0,0,0,.24),0 14px 22px rgba(0,0,0,.13),0 0 42px rgba(255,255,255,.60)}
.final-hero-card .fh-visual{position:relative;height:210px;overflow:hidden;background:#e9e9e7;border-radius:20px 20px 0 0}
.final-hero-card .fh-visual::after{content:"";position:absolute;inset:auto 0 0;height:50px;background:linear-gradient(transparent,#eeeeec);pointer-events:none}
.final-hero-card .fh-visual img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}
.final-hero-card .fh-index,.final-hero-card .fh-arrow{position:absolute;z-index:4;top:11px;display:grid;place-items:center;height:27px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.84);border-radius:999px;font-size:9px;font-weight:850}
.final-hero-card .fh-index{left:11px;padding:0 9px;letter-spacing:.1em}.final-hero-card .fh-arrow{right:11px;width:27px;font-size:13px}
.final-hero-card .fh-copy{padding:9px 14px 13px}.final-hero-card .fh-chips{display:flex;gap:4px;flex-wrap:wrap;min-height:19px;margin-bottom:8px}.final-hero-card .fh-chips span{padding:4px 6px;border:1px solid #d1d1ce;border-radius:999px;background:#fafaf8;color:#565654;font-size:7px;font-weight:700;line-height:1}.final-hero-card .fh-chips span::before{content:"•";margin-right:4px;color:#aaa}
.final-hero-card h3{margin:0;font-size:23px;line-height:.92;letter-spacing:-.05em;font-weight:820}.final-hero-card h3 span{display:block;color:#a7a7a4;font-weight:770}.final-hero-card p{margin:9px 0 10px;min-height:34px;color:#5f5f5c;font-size:8px;line-height:1.4}.final-hero-card .fh-foot{display:flex;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid #d7d7d4;color:#6c6c69;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.final-hero-stage[data-scene="0"] .final-hero-card[data-index="0"]{opacity:.94;transform:translate(-50%,-50%) translate(-195px,-55px) scale(.72) rotate(-4deg)}
.final-hero-stage[data-scene="0"] .final-hero-card[data-index="1"]{opacity:.92;transform:translate(-50%,-50%) translate(22px,105px) scale(.75) rotate(2deg)}
.final-hero-stage[data-scene="0"] .final-hero-card[data-index="2"]{opacity:.88;transform:translate(-50%,-50%) translate(260px,-35px) scale(.69) rotate(5deg)}
.final-hero-stage[data-scene="0"] .final-hero-card[data-index="3"]{opacity:.74;transform:translate(-50%,-50%) translate(250px,190px) scale(.56) rotate(7deg)}
.final-hero-stage[data-scene="0"] .final-hero-card[data-index="4"]{opacity:.70;transform:translate(-50%,-50%) translate(-175px,210px) scale(.55) rotate(-6deg)}
.final-hero-stage[data-scene="1"] .final-hero-card[data-index="0"]{opacity:.96;transform:translate(-50%,-50%) translate(-225px,-80px) scale(.72) rotate(-5deg)}
.final-hero-stage[data-scene="1"] .final-hero-card[data-index="1"]{opacity:.94;transform:translate(-50%,-50%) translate(15px,130px) scale(.78) rotate(1deg)}
.final-hero-stage[data-scene="1"] .final-hero-card[data-index="2"]{opacity:.94;transform:translate(-50%,-50%) translate(280px,-38px) scale(.72) rotate(5deg)}
.final-hero-stage[data-scene="1"] .final-hero-card[data-index="3"]{opacity:.86;transform:translate(-50%,-50%) translate(265px,210px) scale(.60) rotate(7deg)}
.final-hero-stage[data-scene="1"] .final-hero-card[data-index="4"]{opacity:.84;transform:translate(-50%,-50%) translate(-205px,220px) scale(.60) rotate(-7deg)}
.final-hero-stage[data-scene="2"] .final-hero-card[data-index="0"]{opacity:.74;transform:translate(-50%,-50%) translate(-260px,-95px) scale(.56) rotate(-6deg)}
.final-hero-stage[data-scene="2"] .final-hero-card[data-index="1"]{opacity:1;transform:translate(-50%,-50%) translate(15px,28px) scale(1.04)}
.final-hero-stage[data-scene="2"] .final-hero-card[data-index="2"]{opacity:.78;transform:translate(-50%,-50%) translate(285px,-70px) scale(.58) rotate(6deg)}
.final-hero-stage[data-scene="2"] .final-hero-card[data-index="3"]{opacity:.68;transform:translate(-50%,-50%) translate(255px,205px) scale(.50) rotate(8deg)}
.final-hero-stage[data-scene="2"] .final-hero-card[data-index="4"]{opacity:.66;transform:translate(-50%,-50%) translate(-215px,205px) scale(.50) rotate(-7deg)}
.final-hero-stage[data-scene="3"] .final-hero-card[data-index="0"]{opacity:.72;transform:translate(-50%,-50%) translate(-255px,-100px) scale(.55) rotate(-5deg)}
.final-hero-stage[data-scene="3"] .final-hero-card[data-index="1"]{opacity:.78;transform:translate(-50%,-50%) translate(265px,170px) scale(.56) rotate(6deg)}
.final-hero-stage[data-scene="3"] .final-hero-card[data-index="2"]{opacity:.76;transform:translate(-50%,-50%) translate(270px,-100px) scale(.56) rotate(5deg)}
.final-hero-stage[data-scene="3"] .final-hero-card[data-index="3"]{opacity:.72;transform:translate(-50%,-50%) translate(-205px,190px) scale(.52) rotate(-6deg)}
.final-hero-stage[data-scene="3"] .final-hero-card[data-index="4"]{opacity:1;transform:translate(-50%,-50%) translate(20px,25px) scale(1.04)}
.final-hero-stage[data-scene="4"] .final-hero-card[data-index="0"]{opacity:.90;transform:translate(-50%,-50%) translate(-195px,-55px) scale(.69) rotate(-4deg)}
.final-hero-stage[data-scene="4"] .final-hero-card[data-index="1"]{opacity:.90;transform:translate(-50%,-50%) translate(22px,112px) scale(.73) rotate(2deg)}
.final-hero-stage[data-scene="4"] .final-hero-card[data-index="2"]{opacity:.86;transform:translate(-50%,-50%) translate(255px,-32px) scale(.66) rotate(5deg)}
.final-hero-stage[data-scene="4"] .final-hero-card[data-index="3"]{opacity:.71;transform:translate(-50%,-50%) translate(245px,185px) scale(.54) rotate(6deg)}
.final-hero-stage[data-scene="4"] .final-hero-card[data-index="4"]{opacity:.70;transform:translate(-50%,-50%) translate(-170px,205px) scale(.54) rotate(-5deg)}
.final-hero-stage[data-scene="2"] .final-hero-core{opacity:.38;transform:translate(-50%,-50%) scale(.92)}.final-hero-stage[data-scene="3"] .final-hero-core{opacity:.28;transform:translate(-50%,-50%) scale(.88)}.final-hero-stage[data-scene="1"] .final-hero-orbit{transform:translate(-50%,-50%) rotate(2deg) scale(1.05)}.final-hero-stage[data-scene="3"] .final-hero-orbit{transform:translate(-50%,-50%) rotate(-15deg) scale(1.07)}
.final-hero-controls{position:absolute;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px}.final-hero-control{width:36px;height:36px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:rgba(255,255,255,.48);color:#555;font-size:17px;cursor:pointer}.final-hero-dots{display:flex;gap:6px}.final-hero-dot{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:rgba(0,0,0,.12);cursor:pointer;transition:.3s var(--sp-lab-ease)}.final-hero-dot.active{width:22px;background:#111}.final-hero-pause{height:34px;padding:0 12px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:rgba(255,255,255,.48);color:#666;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* ---------- FINAL APPROVED SWIPE MODE ---------- */
body.swipe-page.final-swipe-page{overflow:hidden!important;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.80),transparent 29rem),linear-gradient(180deg,#e9e9e5,#deded8)!important;color:#111!important}
.final-swipe-page .swipe-header{background:transparent!important;border-color:rgba(0,0,0,.07)!important}.final-swipe-page .swipe-header a{color:#222!important}.final-swipe-shell{height:calc(100vh - 84px);min-height:650px;display:grid;grid-template-rows:auto 1fr auto;width:min(1450px,100%);margin:auto;padding:18px 34px 22px}.final-swipe-top{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:15}.final-swipe-tag{color:#666;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.final-swipe-count{color:#777;font-size:11px;font-variant-numeric:tabular-nums}.final-swipe-stage{position:relative;display:grid;place-items:center;min-height:0;perspective:1200px;touch-action:pan-y;user-select:none}.final-swipe-deck{position:relative;width:min(900px,94vw);height:min(610px,72vh);min-height:520px}.final-swipe-card{position:absolute;left:50%;top:50%;width:330px;height:515px;transform-origin:center;transition:transform .72s var(--sp-lab-ease),opacity .58s ease,filter .58s ease;will-change:transform,opacity}.final-swipe-card .fsc-shell{height:100%;overflow:hidden;color:#111;text-decoration:none;background:linear-gradient(180deg,#f2f2f0,#ececea);border:6px solid #fff;border-radius:29px;box-shadow:0 31px 40px rgba(0,0,0,.18),0 10px 15px rgba(0,0,0,.08);display:block}.final-swipe-card.is-center .fsc-shell{box-shadow:0 38px 50px rgba(0,0,0,.21),0 13px 19px rgba(0,0,0,.09)}.final-swipe-card.pos-center{z-index:8;opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}.final-swipe-card.pos-left{z-index:4;opacity:.94;filter:saturate(.92);transform:translate(-50%,-50%) translateX(-235px) translateY(4px) scale(.83) rotate(-1.2deg)}.final-swipe-card.pos-right{z-index:4;opacity:.94;filter:saturate(.92);transform:translate(-50%,-50%) translateX(235px) translateY(4px) scale(.83) rotate(1.2deg)}.final-swipe-card.pos-far-left{z-index:1;opacity:0;transform:translate(-50%,-50%) translateX(-390px) scale(.70)}.final-swipe-card.pos-far-right{z-index:1;opacity:0;transform:translate(-50%,-50%) translateX(390px) scale(.70)}.final-swipe-card .fsc-visual{position:relative;height:287px;overflow:hidden;background:#e9e9e7;border-radius:22px 22px 0 0}.final-swipe-card .fsc-visual::after{content:"";position:absolute;inset:auto 0 0;height:64px;background:linear-gradient(transparent,#eeeeec);pointer-events:none}.final-swipe-card .fsc-visual img{width:100%;height:100%;object-fit:contain;padding:17px;mix-blend-mode:multiply}.final-swipe-card .fsc-index,.final-swipe-card .fsc-save{position:absolute;z-index:4;top:13px;display:grid;place-items:center;height:30px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.84);border-radius:999px;font-size:10px;font-weight:850}.final-swipe-card .fsc-index{left:13px;padding:0 10px;letter-spacing:.1em}.final-swipe-card .fsc-save{right:13px;width:30px;cursor:pointer}.final-swipe-card .fsc-copy{padding:10px 18px 17px}.final-swipe-card .fsc-chips{display:flex;gap:5px;flex-wrap:wrap;min-height:22px;margin-bottom:10px}.final-swipe-card .fsc-chips span{padding:5px 7px;border:1px solid #d1d1ce;border-radius:999px;background:#fafaf8;color:#565654;font-size:8px;font-weight:700;line-height:1}.final-swipe-card .fsc-chips span::before{content:"•";margin-right:4px;color:#aaa}.final-swipe-card h2{margin:0;font-size:31px;line-height:.92;letter-spacing:-.052em;font-weight:820}.final-swipe-card h2 span{display:block;color:#a7a7a4;font-weight:770}.final-swipe-card p{margin:11px 0 14px;min-height:43px;color:#5f5f5c;font-size:10px;line-height:1.42}.final-swipe-card .fsc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid #d7d7d4;color:#6c6c69;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.final-swipe-card .fsc-foot a{color:#111;text-decoration:none}.final-swipe-controls{display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px}.final-swipe-btn{width:38px;height:38px;border:1px solid rgba(0,0,0,.10);border-radius:50%;background:rgba(255,255,255,.45);color:#555;font-size:18px;cursor:pointer}.final-swipe-dots{display:flex;align-items:center;gap:6px}.final-swipe-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.12);cursor:pointer;transition:.3s var(--sp-lab-ease)}.final-swipe-dot.active{width:18px;border-radius:99px;background:#111}.final-swipe-pause{min-width:72px;height:34px;padding:0 12px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:rgba(255,255,255,.42);color:#666;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.final-swipe-hint{text-align:center;color:#888;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.final-swipe-deck.dragging .final-swipe-card{transition:none!important}

@media(max-width:1120px){
  .final-hero .final-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:32px}.final-hero-copy{text-align:center;padding:32px 0 0}.final-hero-title{margin:auto!important}.final-hero-lede{margin:22px auto 27px}.final-hero-actions{justify-content:center}.final-hero-stage{height:680px;min-height:680px}
}
@media(max-width:780px){
  .product-card .card-media{height:230px!important;min-height:230px!important}.product-card h3{font-size:25px!important}
  .final-swipe-shell{padding:15px 12px 18px;min-height:620px}.final-swipe-deck{width:100%;height:560px;min-height:500px}.final-swipe-card{width:min(300px,76vw);height:480px}.final-swipe-card .fsc-visual{height:258px}.final-swipe-card.pos-left{transform:translate(-50%,-50%) translateX(-44vw) scale(.78) rotate(-1deg)}.final-swipe-card.pos-right{transform:translate(-50%,-50%) translateX(44vw) scale(.78) rotate(1deg)}.final-swipe-card.pos-far-left{transform:translate(-50%,-50%) translateX(-76vw) scale(.68)}.final-swipe-card.pos-far-right{transform:translate(-50%,-50%) translateX(76vw) scale(.68)}
}
@media(max-width:680px){
  .editorial-hero.final-hero{min-height:930px!important}.final-hero .final-hero-grid{width:min(100% - 26px,620px)}.final-hero-title{font-size:55px!important}.final-hero-stage{height:620px;min-height:620px}.final-hero-core{width:310px;height:175px}.final-hero-card{width:210px;height:332px}.final-hero-card .fh-visual{height:178px}.final-hero-card h3{font-size:19px}.final-hero-card p{display:none}
  .final-hero-stage[data-scene="0"] .final-hero-card[data-index="0"]{transform:translate(-50%,-50%) translate(-105px,-70px) scale(.62) rotate(-4deg)}.final-hero-stage[data-scene="0"] .final-hero-card[data-index="1"]{transform:translate(-50%,-50%) translate(5px,110px) scale(.68) rotate(2deg)}.final-hero-stage[data-scene="0"] .final-hero-card[data-index="2"]{transform:translate(-50%,-50%) translate(115px,-55px) scale(.60) rotate(5deg)}.final-hero-stage[data-scene="0"] .final-hero-card[data-index="3"]{transform:translate(-50%,-50%) translate(120px,190px) scale(.44) rotate(7deg)}.final-hero-stage[data-scene="0"] .final-hero-card[data-index="4"]{transform:translate(-50%,-50%) translate(-105px,190px) scale(.44) rotate(-6deg)}
  .final-hero-stage[data-scene="1"] .final-hero-card[data-index="0"]{transform:translate(-50%,-50%) translate(-120px,-80px) scale(.62) rotate(-5deg)}.final-hero-stage[data-scene="1"] .final-hero-card[data-index="1"]{transform:translate(-50%,-50%) translate(0,115px) scale(.70)}.final-hero-stage[data-scene="1"] .final-hero-card[data-index="2"]{transform:translate(-50%,-50%) translate(125px,-65px) scale(.62) rotate(5deg)}.final-hero-stage[data-scene="1"] .final-hero-card[data-index="3"]{transform:translate(-50%,-50%) translate(125px,195px) scale(.46) rotate(7deg)}.final-hero-stage[data-scene="1"] .final-hero-card[data-index="4"]{transform:translate(-50%,-50%) translate(-115px,195px) scale(.46) rotate(-7deg)}
  .final-hero-stage[data-scene="2"] .final-hero-card[data-index="1"],.final-hero-stage[data-scene="3"] .final-hero-card[data-index="4"]{transform:translate(-50%,-50%) translate(0,25px) scale(.94)}
}
@media(prefers-reduced-motion:reduce){.product-card,.final-hero-card,.final-hero-chip,.final-swipe-card{transition:none!important;animation:none!important}}


/* =============================================================
   WORD CORRECTIONS PASS · 2026-08-16
   1) visible Browse All Products CTAs
   2) no dead gap between navigation and final homepage hero
   3) category/discovery pages use the same neutral light theme
   4) loader uses the same UI language
   5) product details/modal uses the final product-card family
   ============================================================= */

/* 1. Header + mega-menu CTA contrast */
.site-header .header-button,
.site-header a.header-button,
.mega-menu .mega-browse-button,
.mega-browse-button,
.swipe-header .header-button{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#fff!important;
}
.mega-menu .mega-browse-button span,
.mega-browse-button span{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Keep navigation light and avoid an expensive live glass blur. */
.site-header,.swipe-header,.lab-header{
  background:rgba(230,230,228,.975)!important;
  color:#111!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* 2. Homepage hero starts immediately below navigation. */
.editorial-hero.final-hero{
  margin-top:0!important;
  padding-top:0!important;
  min-height:690px!important;
}
.final-hero .final-hero-grid{
  min-height:690px!important;
  align-items:start!important;
  padding-top:0!important;
}
.final-hero-copy{
  padding-top:12px!important;
  padding-bottom:32px!important;
}
.final-hero-stage{
  height:690px!important;
  min-height:690px!important;
  margin-top:-72px!important;
}
@media(max-width:1100px){
  .final-hero-stage{margin-top:-28px!important}
  .final-hero-copy{padding-top:14px!important}
}
@media(max-width:680px){
  .editorial-hero.final-hero{min-height:860px!important}
  .final-hero .final-hero-grid{min-height:860px!important}
  .final-hero-stage{margin-top:-8px!important;height:620px!important;min-height:620px!important}
}

/* 3. Every category/discovery page inherits the master site palette. */
body.category-page,
body.traditional-categories-page,
body.catalogue-page{
  --page-accent:#111!important;
  --page-accent-2:#666663!important;
  --page-accent-rgb:17,17,17!important;
  --page-bg-1:#e6e6e4!important;
  --page-bg-2:#deded9!important;
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.74),transparent 34rem),#e6e6e4!important;
  color:#111!important;
}
body.category-page main,
body.traditional-categories-page main,
body.catalogue-page main,
body.category-page .category-products,
body.category-page .category-hero,
body.traditional-categories-page .category-hero,
body.traditional-categories-page .traditional-category-browser{
  background:transparent!important;
  color:#111!important;
}
body.category-page .category-hero h1,
body.category-page .category-products-head h2,
body.category-page .category-manifesto blockquote,
body.traditional-categories-page h1,
body.traditional-categories-page h2,
body.catalogue-page h1,
body.catalogue-page h2{color:#111!important;text-shadow:none!important}
body.category-page .category-story,
body.category-page .category-hero p,
body.category-page .category-manifesto,
body.category-page .category-products-head>span,
body.traditional-categories-page p,
body.catalogue-page p{color:#62625f!important}
body.category-page .category-kicker,
body.category-page .eyebrow,
body.traditional-categories-page .category-kicker,
body.catalogue-page .eyebrow{color:#555552!important}
body.category-page .category-manifesto,
body.category-page .catalogue-search-wrap,
body.traditional-categories-page .category-pathway,
body.traditional-categories-page .tv-filter-panel{
  background:linear-gradient(180deg,#f2f2f0,#ececea)!important;
  color:#111!important;
  border:5px solid #fff!important;
  box-shadow:0 22px 34px rgba(0,0,0,.10)!important;
}

/* 4. Loading screen becomes part of the same Scrollprise light system. */
.brand-loader{
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.88),transparent 25rem),#e6e6e4!important;
  color:#111!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.brand-loader>div{
  min-width:min(330px,calc(100vw - 40px))!important;
  padding:30px 34px!important;
  border:5px solid #fff!important;
  border-radius:27px!important;
  background:linear-gradient(180deg,#f2f2f0,#ececea)!important;
  box-shadow:0 28px 35px rgba(0,0,0,.14),0 8px 13px rgba(0,0,0,.06)!important;
}
.brand-loader span{color:#111!important;animation:loaderSpin 1s linear infinite!important}
.brand-loader p{margin:10px 0 0!important;color:#5f5f5c!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-style:normal!important;font-size:12px!important;font-weight:650!important;letter-spacing:.01em!important}

/* 5. Product details use the same physical template as the final product card. */
.modal{
  background:rgba(224,224,220,.82)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  backdrop-filter:blur(6px)!important;
}
.modal-card,.product-modal,.detail-card{
  border:6px solid #fff!important;
  border-radius:29px!important;
  background:linear-gradient(180deg,#f2f2f0,#ececea)!important;
  color:#111!important;
  box-shadow:0 38px 68px rgba(0,0,0,.18),0 12px 20px rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.modal-product{background:transparent!important;color:#111!important}
.modal-gallery{
  background:#e9e9e7!important;
  border-right:1px solid #d7d7d3!important;
}
.modal-main-image{
  background:linear-gradient(180deg,#f4f4f1,#e9e9e7)!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)!important;
}
.modal-main-image img{object-fit:contain!important;mix-blend-mode:multiply!important}
.modal-copy{
  background:transparent!important;
  color:#111!important;
  padding:34px 34px 30px!important;
}
.modal-copy .modal-category{
  display:inline-flex!important;
  width:auto!important;
  padding:6px 9px!important;
  border:1px solid #d1d1ce!important;
  border-radius:999px!important;
  background:#fafaf8!important;
  color:#565654!important;
  font-size:8px!important;
  font-weight:760!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.modal-copy h2{
  margin:14px 0 12px!important;
  color:#111!important;
  font-size:clamp(26px,2.8vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
}
.modal-copy .detail-hook,.modal-copy .modal-verdict{color:#666663!important}
.modal-copy .detail-why,
.modal-copy .modal-best,
.modal-copy .detail-catch,
.modal-copy .watch-box,
.modal-copy .detail-specs,
.modal-copy .intelligence-panel{
  background:#fff!important;
  color:#333!important;
  border:1px solid #d3d3cf!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.modal-copy .feature-list li,.modal-copy .spec-grid div{color:#555552!important;border-color:#d9d9d5!important}
.modal-close{
  background:#fff!important;
  color:#111!important;
  border:1px solid #d1d1ce!important;
  box-shadow:0 8px 18px rgba(0,0,0,.08)!important;
}
.modal-copy .stash-button{background:#fff!important;color:#111!important;border-color:#d1d1ce!important}
.modal-copy .amazon-button,.modal-copy .modal-amazon{background:#111!important;color:#fff!important;border-color:#111!important}
.modal-copy .reaction-strip button{background:#fff!important;color:#444!important;border-color:#d2d2ce!important}
.modal-copy .share-product{color:#111!important}
@media(max-width:760px){
  .modal-product{grid-template-columns:1fr!important}
  .modal-gallery{border-right:0!important;border-bottom:1px solid #d7d7d3!important;padding:20px!important}
  .modal-main-image{min-height:300px!important}
  .modal-main-image img{height:290px!important}
  .modal-copy{padding:24px 20px!important}
}


/* PRODUCT CARD MICRO-SPACING PATCH · 2026-08-16 */
.product-card .card-actions{min-height:34px!important;padding-top:5px!important;gap:6px!important}
.product-card .final-card-meta-bottom{flex:0 0 18px!important;min-height:18px!important;margin-top:2px!important;gap:6px!important}
.product-card .final-meta-tags span{height:18px!important;padding:4px 7px!important}
.product-card .final-meta-paid{font-size:6.1px!important}


/* =============================================================
   FULL-WIDTH PRODUCT MODAL + LIGHT INTELLIGENCE · 2026-08-16
   Upper row: gallery + product decision summary.
   Lower row: editorial / Intelligence / specs span the full window.
   ============================================================= */
.modal-product[data-final-wide-modal="1"]{
  display:grid!important;
  grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  min-height:0!important;
  background:linear-gradient(180deg,#f0f0ed 0%,#e8e8e5 100%)!important;
}
.modal-product[data-final-wide-modal="1"]>.modal-gallery{
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  min-height:560px!important;
  border-right:1px solid #d7d7d3!important;
  border-bottom:0!important;
}
.modal-product[data-final-wide-modal="1"]>.modal-copy-top{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  min-width:0!important;
  padding:32px 34px 30px!important;
}
.modal-product[data-final-wide-modal="1"]>.modal-wide-copy{
  grid-column:1 / -1!important;
  grid-row:2!important;
  min-width:0!important;
  padding:28px 34px 34px!important;
  border-top:1px solid #d2d2cf!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.72),transparent 28rem),#e7e7e4!important;
  color:#111!important;
}
.modal-wide-copy .detail-split{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:0 0 20px!important;
}
.modal-wide-copy .detail-split>div,
.modal-wide-copy .detail-catch,
.modal-wide-copy .watch-box,
.modal-wide-copy .detail-specs,
.modal-wide-copy .modal-best{
  background:#f7f7f5!important;
  color:#333!important;
  border:1px solid #d2d2ce!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.modal-wide-copy .detail-split>div{padding:18px 20px!important}
.modal-wide-copy .detail-catch{padding:18px 20px!important}
.modal-wide-copy h3{
  margin:0 0 12px!important;
  color:#111!important;
  font-size:13px!important;
  letter-spacing:-.01em!important;
}
.modal-wide-copy .feature-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 24px!important;
  margin:0!important;
  padding-left:18px!important;
  color:#4f4f4c!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* Final light Scrollprise Intelligence system */
.modal-wide-copy .sp-intelligence-panel,
.modal-copy .sp-intelligence-panel{
  margin:18px 0 20px!important;
  padding:20px!important;
  border:5px solid #fff!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#f0f0ee 0%,#e9e9e6 100%)!important;
  box-shadow:0 20px 34px rgba(0,0,0,.11),0 7px 12px rgba(0,0,0,.05)!important;
  color:#111!important;
}
.sp-intelligence-panel .sp-intel-heading{
  align-items:center!important;
  margin-bottom:14px!important;
}
.sp-intelligence-panel .sp-intel-heading>span{
  color:#111!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.sp-intelligence-panel .sp-intel-heading>small{
  color:#777774!important;
  font-size:9px!important;
}
.sp-intelligence-panel .sp-persona-row,
.sp-intelligence-panel .sp-usability-row{
  gap:6px!important;
  margin-bottom:12px!important;
}
.sp-intelligence-panel .sp-persona-row span,
.sp-intelligence-panel .sp-usability-row>b,
.sp-intelligence-panel .sp-extra-chips span{
  border:1px solid #d3d3cf!important;
  background:#fafaf8!important;
  color:#565654!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.sp-intelligence-panel .sp-persona-row span{padding:6px 8px!important;font-size:8px!important}
.sp-intelligence-panel .sp-persona-row i{color:#999995!important}
.sp-intelligence-panel .sp-usability-row>span{
  color:#777774!important;
  font-size:7px!important;
  font-weight:900!important;
}
.sp-intelligence-panel .sp-usability-row>b{padding:5px 7px!important;font-size:8px!important}
.sp-intelligence-panel .sp-intel-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.sp-intelligence-panel .sp-intel-card{
  padding:13px 14px!important;
  border:1px solid #d2d2ce!important;
  border-radius:14px!important;
  background:#f9f9f7!important;
  color:#333!important;
  box-shadow:none!important;
}
.sp-intelligence-panel .sp-intel-card.sp-intel-wide{grid-column:span 2!important}
.sp-intelligence-panel .sp-intel-catch{
  grid-column:1 / -1!important;
  border-color:#cfcfcb!important;
  background:#f7f7f4!important;
}
.sp-intelligence-panel .sp-intel-card>span{
  color:#777774!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.sp-intelligence-panel .sp-intel-card>strong{
  color:#171715!important;
  font-size:11px!important;
}
.sp-intelligence-panel .sp-intel-card p,
.sp-intelligence-panel .sp-intel-card ul{
  color:#5d5d59!important;
  font-size:9.5px!important;
  line-height:1.5!important;
}
.sp-intelligence-panel .sp-catch-tagline{color:#8a8a86!important}
.sp-intelligence-panel .sp-intel-pairing{
  margin-top:14px!important;
  padding-top:14px!important;
  border-top:1px solid #d2d2ce!important;
}
.sp-intelligence-panel .sp-pair-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.sp-intelligence-panel .sp-pair-pill,
.sp-intelligence-panel .sp-pair-suggestion{
  border:1px solid #d2d2ce!important;
  background:#fafaf8!important;
  color:#333!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.sp-intelligence-panel .sp-pair-pill:hover{
  border-color:#aaa!important;
  background:#fff!important;
}
.sp-intelligence-panel .sp-pair-pill span,
.sp-intelligence-panel .sp-pair-suggestion b{color:#8a8a86!important}
.sp-intelligence-panel .sp-dna{
  border-top:1px solid #d2d2ce!important;
}
.sp-intelligence-panel .sp-dna summary{color:#686864!important}
.sp-intelligence-panel .sp-dna>div span{
  background:#fafaf8!important;
  border:1px solid #d8d8d4!important;
  color:#444!important;
}
.sp-intelligence-panel .sp-dna i{color:#888884!important}
.sp-intelligence-panel .sp-dna b{color:#111!important}

.modal-wide-copy .detail-specs{
  margin:18px 0!important;
  padding:0!important;
  overflow:hidden!important;
}
.modal-wide-copy .detail-specs summary{
  padding:15px 18px!important;
  color:#222!important;
  background:#f8f8f6!important;
  border-bottom:1px solid #d5d5d1!important;
}
.modal-wide-copy .spec-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:10px 18px 16px!important;
}
.modal-wide-copy .spec-grid>div{
  padding:11px 12px!important;
  border-bottom:1px solid #dededb!important;
}
.modal-wide-copy .detail-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}
.modal-wide-copy .modal-paid{text-align:right!important;display:block!important;margin-top:6px!important}

@media(max-width:1050px){
  .sp-intelligence-panel .sp-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sp-intelligence-panel .sp-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modal-wide-copy .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .modal-product[data-final-wide-modal="1"]{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}
  .modal-product[data-final-wide-modal="1"]>.modal-gallery{grid-column:1!important;grid-row:1!important;min-height:0!important;border-right:0!important;border-bottom:1px solid #d7d7d3!important}
  .modal-product[data-final-wide-modal="1"]>.modal-copy-top{grid-column:1!important;grid-row:2!important;padding:22px 20px!important}
  .modal-product[data-final-wide-modal="1"]>.modal-wide-copy{grid-column:1!important;grid-row:3!important;padding:22px 20px 26px!important}
  .modal-wide-copy .detail-split{grid-template-columns:1fr!important}
  .modal-wide-copy .feature-list{grid-template-columns:1fr!important}
  .sp-intelligence-panel .sp-intel-grid,
  .sp-intelligence-panel .sp-pair-grid,
  .modal-wide-copy .spec-grid{grid-template-columns:1fr!important}
  .sp-intelligence-panel .sp-intel-card.sp-intel-wide{grid-column:1!important}
}

/* =============================================================
   WORD CORRECTIONS 06 · 2026-08-16
   Full Swipe catalogue, black sound control, top purchase CTA,
   single affiliate note, image-only hero cards.
   ============================================================= */
.sound-toggle,
.sound-toggle.sound-on{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.sound-toggle:hover{background:#292927!important;color:#fff!important;border-color:#292927!important}

.final-swipe-tag{
  max-width:min(760px,72vw)!important;
  color:#4f4f4c!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.final-swipe-hint{text-transform:none!important;letter-spacing:.02em!important;font-size:10px!important;color:#777774!important}
.final-swipe-card.pos-off-left{z-index:0;opacity:0;transform:translate(-50%,-50%) translateX(-470px) scale(.64)}
.final-swipe-card.pos-off-right{z-index:0;opacity:0;transform:translate(-50%,-50%) translateX(470px) scale(.64)}

/* The original product-card affiliate note is source data only; the final
   bottom utility strip renders exactly one visible disclosure. */
.product-card .paid-note{display:none!important}
.product-card .final-meta-paid{display:block!important}

/* Product modal purchase CTA belongs in the upper summary column. */
.modal-copy-top .detail-top-actions{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:16px 0 0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
}
.modal-copy-top .detail-top-actions .stash-button{flex:0 0 42px!important;width:42px!important;height:42px!important}
.modal-copy-top .detail-top-actions .modal-amazon,
.modal-copy-top .detail-top-actions .amazon-button{flex:1!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.modal-copy-top .detail-top-paid{display:block!important;margin:5px 0 0!important;text-align:right!important;color:#92928e!important;font-size:7px!important}
.modal-wide-copy .detail-actions,.modal-wide-copy .modal-paid{display:none!important}
.modal-copy .reaction-strip,.modal-copy .share-row{display:none!important}

/* Homepage moving product cards now communicate through imagery only. */
.final-hero-card.image-only{height:278px!important}
.final-hero-card.image-only .fh-visual{height:100%!important;border-radius:21px!important}
.final-hero-card.image-only .fh-visual::after{height:34px!important}
.final-hero-card.image-only .fh-visual img{padding:16px!important}
.final-hero-card.image-only .fh-copy{display:none!important}
@media(max-width:700px){
  .final-hero-card.image-only{height:235px!important}
  .final-swipe-tag{max-width:72vw!important;font-size:10.5px!important}
}

/* =============================================================
   WORD CORRECTIONS 06 · 2026-08-16
   Full Swipe catalogue, black sound control, top purchase CTA,
   single affiliate note, image-only hero cards.
   ============================================================= */
.sound-toggle,
.sound-toggle.sound-on{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.sound-toggle:hover{background:#292927!important;color:#fff!important;border-color:#292927!important}

.final-swipe-tag{
  max-width:min(760px,72vw)!important;
  color:#4f4f4c!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.final-swipe-hint{text-transform:none!important;letter-spacing:.02em!important;font-size:10px!important;color:#777774!important}
.final-swipe-card.pos-off-left{z-index:0;opacity:0;transform:translate(-50%,-50%) translateX(-470px) scale(.64)}
.final-swipe-card.pos-off-right{z-index:0;opacity:0;transform:translate(-50%,-50%) translateX(470px) scale(.64)}

/* The original product-card affiliate note is source data only; the final
   bottom utility strip renders exactly one visible disclosure. */
.product-card .paid-note{display:none!important}
.product-card .final-meta-paid{display:block!important}

/* Product modal purchase CTA belongs in the upper summary column. */
.modal-copy-top .detail-top-actions{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:16px 0 0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
}
.modal-copy-top .detail-top-actions .stash-button{flex:0 0 42px!important;width:42px!important;height:42px!important}
.modal-copy-top .detail-top-actions .modal-amazon,
.modal-copy-top .detail-top-actions .amazon-button{flex:1!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.modal-copy-top .detail-top-paid{display:block!important;margin:5px 0 0!important;text-align:right!important;color:#92928e!important;font-size:7px!important}
.modal-wide-copy .detail-actions,.modal-wide-copy .modal-paid{display:none!important}
.modal-copy .reaction-strip,.modal-copy .share-row{display:none!important}

/* Homepage moving product cards now communicate through imagery only. */
.final-hero-card.image-only{height:278px!important}
.final-hero-card.image-only .fh-visual{height:100%!important;border-radius:21px!important}
.final-hero-card.image-only .fh-visual::after{height:34px!important}
.final-hero-card.image-only .fh-visual img{padding:16px!important}
.final-hero-card.image-only .fh-copy{display:none!important}
@media(max-width:700px){
  .final-hero-card.image-only{height:235px!important}
  .final-swipe-tag{max-width:72vw!important;font-size:10.5px!important}
}


/* =============================================================
   FURTHER CORRECTIONS 07 · 2026-08-16
   Dropdown consistency, category-page cleanup, card-space rebalance,
   modal copy alignment, Intelligence readability, Instagram contrast,
   and GPU-friendly image-only hero motion.
   ============================================================= */

/* 1) All category dropdowns adopt the homepage structure and sizing. */
.nav-dropdown.category-continuous-dropdown{position:static!important}
.nav-dropdown.category-continuous-dropdown:not([open])>.category-mega-menu{display:none!important}
.nav-dropdown.category-continuous-dropdown[open]>.category-mega-menu{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:24px!important;
  position:absolute!important;
  top:calc(100% + 9px)!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 42px),1240px)!important;
  max-height:min(76vh,720px)!important;
  overflow:auto!important;
  padding:24px!important;
  z-index:10000!important;
}
.category-continuous-dropdown .mega-intro{padding:4px 22px 4px 2px!important;border-right:1px solid #d5d5d1!important}
.category-continuous-dropdown .mega-intro-label{display:block!important;margin-bottom:14px!important;color:#666663!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.category-continuous-dropdown .mega-intro h2{margin:0 0 10px!important;color:#111!important;font-size:22px!important;line-height:1!important;letter-spacing:-.04em!important}
.category-continuous-dropdown .mega-intro p{margin:0 0 18px!important;color:#6b6b68!important;font-size:10px!important;line-height:1.5!important}
.category-continuous-dropdown .mega-browse-button{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:10px 12px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:9px!important;font-weight:800!important;text-decoration:none!important}
.category-continuous-dropdown .mega-columns{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;min-width:0!important}
.category-continuous-dropdown .mega-column{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important}
.category-continuous-dropdown .mega-group{padding:0 0 11px!important;border-bottom:1px solid #d9d9d5!important}
.category-continuous-dropdown .mega-group h3{margin:0 0 6px!important;color:#555552!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.category-continuous-dropdown .mega-links{display:grid!important;gap:1px!important}
.category-continuous-dropdown .mega-links a{min-height:22px!important;padding:3px 4px!important;border-radius:7px!important;color:#3f3f3c!important;font-size:9.5px!important;line-height:1.25!important;text-decoration:none!important}
.category-continuous-dropdown .mega-links a:hover{background:#fff!important;color:#111!important}
@media(max-width:1120px){
  .nav-dropdown.category-continuous-dropdown[open]>.category-mega-menu{grid-template-columns:180px 1fr!important}
  .category-continuous-dropdown .mega-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* 2) Once a traditional category is selected, don't repeat the category tile chooser. */
body.traditional-category-selected .traditional-category-browser{padding-top:22px!important}
body.traditional-category-selected .category-products-head[hidden],
body.traditional-category-selected #traditionalCategoryGrid[hidden]{display:none!important}
body.traditional-category-selected #traditionalSubcategoryFilters{margin-top:0!important}

/* 3) Use the lower card space for actual product identity/copy; keep controls pinned low. */
.product-grid .product-card,#traditionalProductGrid .product-card,#productGrid .product-card,.catalogue-grid .product-card,.category-page .product-card{height:520px!important;min-height:520px!important;max-height:520px!important}
.product-card .card-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;padding:7px 16px 7px!important}
.product-card h3{min-height:68px!important;max-height:68px!important;font-size:18px!important;line-height:1.03!important}
.product-card h3 button{height:68px!important;max-height:68px!important;-webkit-line-clamp:4!important}
.product-card .card-story{min-height:58px!important;max-height:58px!important;margin:4px 0 5px!important;font-size:9.5px!important;line-height:1.45!important;-webkit-line-clamp:4!important}
.product-card .card-actions{margin-top:auto!important;min-height:32px!important;padding-top:4px!important}
.product-card .final-card-meta-bottom{flex:0 0 18px!important;min-height:18px!important;margin-top:1px!important;margin-bottom:0!important}

/* 4) Why-it's-here card: predictable left alignment and readable measure. */
.modal-copy-top .detail-why,.modal-copy .detail-why{
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 16px!important;
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
.modal-copy-top .detail-why span,.modal-copy .detail-why span{display:block!important;margin:0 0 6px!important;text-align:left!important;line-height:1.2!important}
.modal-copy-top .detail-why p,.modal-copy .detail-why p{display:block!important;width:100%!important;margin:0!important;text-align:left!important;font-size:11px!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important}
.modal-copy-top .modal-best{width:100%!important;box-sizing:border-box!important;text-align:left!important}

/* 6) Intelligence text gets a modest readability increase without bloating the grid. */
.sp-intelligence-panel .sp-intel-heading>span{font-size:11px!important}
.sp-intelligence-panel .sp-intel-heading>small{font-size:9.8px!important}
.sp-intelligence-panel .sp-persona-row span{font-size:8.8px!important}
.sp-intelligence-panel .sp-usability-row>span{font-size:7.8px!important}
.sp-intelligence-panel .sp-usability-row>b{font-size:8.8px!important}
.sp-intelligence-panel .sp-intel-card>span{font-size:8.2px!important}
.sp-intelligence-panel .sp-intel-card>strong{font-size:12px!important;line-height:1.35!important}
.sp-intelligence-panel .sp-intel-card p,.sp-intelligence-panel .sp-intel-card ul{font-size:10.5px!important;line-height:1.55!important}
.sp-intelligence-panel .sp-pair-pill,.sp-intelligence-panel .sp-pair-suggestion{font-size:9.5px!important}

/* 7) Instagram identity box: contrast the white Scrollprise mark against an IG-matched gradient. */
.instagram-avatar{
  padding:5px!important;
  background:linear-gradient(135deg,#feda75 0%,#fa7e1e 24%,#d62976 52%,#962fbf 76%,#4f5bd5 100%)!important;
  box-shadow:0 8px 20px rgba(150,47,191,.18)!important;
}
.instagram-avatar img{border:0!important;background:transparent!important;object-fit:contain!important;filter:none!important}
.instagram-profile-name strong{color:#111!important;font-size:13.5px!important;font-weight:850!important}

/* 8) Hero uses five inert image objects only. Remove live blur/blend/shadow transitions. */
.final-hero-core{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(247,247,244,.92)!important}
.final-hero-chip{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(250,250,248,.94)!important}
.final-hero-card.hero-image-object{
  pointer-events:none!important;
  cursor:default!important;
  will-change:transform,opacity!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  contain:paint!important;
  box-shadow:0 20px 30px rgba(0,0,0,.14),0 6px 11px rgba(0,0,0,.06)!important;
  transition:transform 1.18s cubic-bezier(.22,.72,.18,1),opacity .9s ease!important;
}
.final-hero-card.hero-image-object.is-focus{box-shadow:0 20px 30px rgba(0,0,0,.14),0 6px 11px rgba(0,0,0,.06)!important}
.final-hero-card.hero-image-object .fh-visual img{mix-blend-mode:normal!important;transform:translateZ(0)!important;backface-visibility:hidden!important}

/* Why-it's-here alignment also applies to category-page watch boxes. */
.modal-copy-top .watch-box,.modal-wide-copy .watch-box,.modal-copy .watch-box{
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  padding:14px 16px!important;
}
.modal-copy-top .watch-box strong,.modal-wide-copy .watch-box strong,.modal-copy .watch-box strong{
  display:block!important;
  margin:0 0 6px!important;
  text-align:left!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.modal-copy-top .watch-box p,.modal-wide-copy .watch-box p,.modal-copy .watch-box p{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:left!important;
  font-size:11px!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}


/* =============================================================
   WORD CORRECTIONS 08 · Discover dropdown consistency
   Canonical light mega-menu on home, discovery pages and categories.
   ============================================================= */
body .site-header details.nav-dropdown > .mega-menu,
body.category-page .site-header details.nav-dropdown > .mega-menu,
body.catalogue-page .site-header details.nav-dropdown > .mega-menu,
body.traditional-categories-page .site-header details.nav-dropdown > .mega-menu{
  background:linear-gradient(180deg,#f3f3f1 0%,#ececea 100%)!important;
  color:#111!important;
  border:5px solid #fff!important;
  border-radius:26px!important;
  box-shadow:0 30px 68px rgba(0,0,0,.15)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-intro,
body.category-page .site-header details.nav-dropdown > .mega-menu .mega-intro,
body.catalogue-page .site-header details.nav-dropdown > .mega-menu .mega-intro,
body.traditional-categories-page .site-header details.nav-dropdown > .mega-menu .mega-intro{
  color:#111!important;
  border-color:#d7d7d3!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-intro-label,
body .site-header details.nav-dropdown > .mega-menu .eyebrow{
  color:#666663!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-intro h2,
body .site-header details.nav-dropdown > .mega-menu .mega-intro strong{
  color:#111!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-intro p{
  color:#6c6c68!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-group,
body.category-page .site-header details.nav-dropdown > .mega-menu .mega-group{
  border-color:#d8d8d4!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-group h3,
body.category-page .site-header details.nav-dropdown > .mega-menu .mega-group h3,
body.catalogue-page .site-header details.nav-dropdown > .mega-menu .mega-group h3,
body.traditional-categories-page .site-header details.nav-dropdown > .mega-menu .mega-group h3{
  color:#666663!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-links a,
body.category-page .site-header details.nav-dropdown > .mega-menu .mega-links a,
body.catalogue-page .site-header details.nav-dropdown > .mega-menu .mega-links a,
body.traditional-categories-page .site-header details.nav-dropdown > .mega-menu .mega-links a{
  color:#3f3f3c!important;
  background:transparent!important;
  -webkit-text-fill-color:#3f3f3c!important;
  text-shadow:none!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-links a:hover,
body .site-header details.nav-dropdown > .mega-menu .mega-links a:focus-visible,
body.category-page .site-header details.nav-dropdown > .mega-menu .mega-links a:hover,
body.category-page .site-header details.nav-dropdown > .mega-menu .mega-links a:focus-visible,
body.catalogue-page .site-header details.nav-dropdown > .mega-menu .mega-links a:hover,
body.traditional-categories-page .site-header details.nav-dropdown > .mega-menu .mega-links a:hover{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  background:rgba(255,255,255,.66)!important;
  border-radius:8px!important;
  transform:translateX(2px)!important;
  padding-left:7px!important;
}
body .site-header details.nav-dropdown > .mega-menu .mega-browse-button{
  background:#111!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#111!important;
}


/* =============================================================
   WORD CORRECTIONS 08 · Hero visual restoration
   Earlier premium floating-card appearance, still image-only/inert.
   ============================================================= */
.final-hero-card.hero-image-object,
.final-hero-card.image-only.hero-image-object{
  background:linear-gradient(180deg,#f2f2f0 0%,#e9e9e6 100%)!important;
  border:5px solid #fff!important;
  border-radius:27px!important;
  overflow:hidden!important;
  box-shadow:0 22px 32px rgba(0,0,0,.14),0 7px 12px rgba(0,0,0,.065)!important;
  pointer-events:none!important;
  cursor:default!important;
  will-change:transform,opacity!important;
  backface-visibility:hidden!important;
  contain:paint!important;
  transition:transform .96s cubic-bezier(.22,.78,.22,1),opacity .72s ease!important;
}
.final-hero-card.hero-image-object.is-focus,
.final-hero-card.image-only.hero-image-object.is-focus{
  box-shadow:0 22px 32px rgba(0,0,0,.14),0 7px 12px rgba(0,0,0,.065)!important;
}
.final-hero-card.hero-image-object .fh-visual,
.final-hero-card.image-only.hero-image-object .fh-visual{
  height:100%!important;
  background:linear-gradient(180deg,#eeeeec 0%,#e7e7e4 100%)!important;
  border-radius:21px!important;
  overflow:hidden!important;
}
.final-hero-card.hero-image-object .fh-visual::after,
.final-hero-card.image-only.hero-image-object .fh-visual::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:42px!important;
  background:linear-gradient(transparent,rgba(233,233,230,.96))!important;
  pointer-events:none!important;
}
.final-hero-card.hero-image-object .fh-visual img,
.final-hero-card.image-only.hero-image-object .fh-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:18px!important;
  mix-blend-mode:multiply!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}