/* NEGO Tech Pop V2 · 22/09/2026
   Visual direction approved from graphic mockup.
   Layered after existing storefront styles; no product data or commerce logic is changed. */

:root{
  --tp-violet:#7657ff;
  --tp-violet-soft:#eee9ff;
  --tp-aqua:#67e7eb;
  --tp-aqua-soft:#eaffff;
  --tp-yellow:#ffe75a;
  --tp-lime:#e9ff69;
  --tp-coral:#ff8d73;
  --tp-ink:#101014;
  --tp-paper:#fbfaf7;
  --tp-line:rgba(16,16,20,.09);
}

/* Header: cleaner retail-tech composition */
.header{
  background:rgba(251,250,247,.94)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
.headerMain{
  height:62px!important;
}
.nav{
  gap:2px!important;
}
.nav a{
  padding:8px 11px!important;
  font-size:11.5px!important;
}
.topWa{
  min-height:38px!important;
  padding:0 15px!important;
  border-radius:14px!important;
}
.searchStrip{
  padding-bottom:10px!important;
}
.searchBox{
  height:44px!important;
  max-width:760px!important;
  border:1px solid rgba(16,16,20,.08)!important;
  box-shadow:0 8px 28px rgba(30,24,55,.055)!important;
}

/* Hero: one visual canvas instead of two disconnected blocks */
.hero{
  padding:24px 0 16px!important;
}
.heroGrid{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  padding:34px 34px 28px!important;
  border:1px solid rgba(118,87,255,.10);
  border-radius:34px;
  background:
    radial-gradient(circle at 82% 16%,rgba(118,87,255,.22),transparent 23%),
    radial-gradient(circle at 55% 68%,rgba(103,231,235,.20),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(255,231,90,.18),transparent 23%),
    linear-gradient(135deg,#f8f4ff 0%,#f5fbff 52%,#fffaf0 100%);
  overflow:hidden;
}
.heroGrid::before{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:29%;top:-106px;
  border:1px solid rgba(118,87,255,.16);
  border-radius:42px;
  transform:rotate(28deg);
  z-index:-1;
}
.heroGrid::after{
  content:"TECH / POP / STORE";
  position:absolute;
  right:24px;
  bottom:15px;
  font-size:8px;
  font-weight:850;
  letter-spacing:.22em;
  color:rgba(16,16,20,.34);
  z-index:3;
}
.heroCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 8px 24px 6px;
}
.hero .eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  color:var(--tp-ink)!important;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(118,87,255,.14);
  letter-spacing:.11em;
}
.hero h1{
  font-size:clamp(52px,5.35vw,78px)!important;
  line-height:.89!important;
  letter-spacing:-.064em!important;
  margin:16px 0 17px!important;
}
.hero h1 i{
  color:var(--tp-violet)!important;
}
.hero h1 i::after{
  height:5px!important;
  bottom:-2px!important;
  background:var(--tp-aqua)!important;
}
.hero p{
  max-width:500px!important;
  font-size:14px!important;
  line-height:1.56!important;
  color:#55525b!important;
}
.heroActions{
  margin-top:20px!important;
}
.heroActions .pillBtn{
  min-height:42px!important;
  padding:0 16px!important;
}
.heroActions .pillBtn.primary{
  background:var(--tp-ink)!important;
  border-color:var(--tp-ink)!important;
  color:#fff!important;
}
.heroCarousel{
  min-height:448px!important;
  border:0!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.25)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.heroCarousel::before{
  content:"✦";
  position:absolute;
  left:26px;
  top:60px;
  font-size:34px;
  color:var(--tp-violet);
  opacity:.58;
  transform:rotate(8deg);
  z-index:2;
}
.heroCarousel::after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.56)!important;
}
.carouselBadge{
  top:15px!important;
  right:16px!important;
  padding:7px 10px!important;
  background:rgba(255,255,255,.76)!important;
  color:var(--tp-violet)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 8px 24px rgba(45,33,90,.08);
}
.carouselStage{
  inset:38px 22px 112px!important;
}
.carouselStage img{
  width:86%!important;
  height:86%!important;
  max-width:86%!important;
  max-height:86%!important;
  filter:drop-shadow(0 28px 26px rgba(15,12,28,.18))!important;
}
.carouselBottom{
  left:16px!important;
  right:16px!important;
  bottom:14px!important;
  gap:12px!important;
}
.carouselKicker{
  color:var(--tp-violet)!important;
  font-size:8.5px!important;
}
.carouselName{
  font-size:clamp(18px,1.8vw,26px)!important;
}
.carouselPrice{
  margin-top:8px!important;
  padding:8px 13px!important;
  border-radius:13px!important;
  background:var(--tp-yellow)!important;
  color:var(--tp-ink)!important;
  font-size:22px!important;
}
.carouselSpecs{
  gap:6px!important;
}
.carouselSpecs span{
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 5px 16px rgba(29,24,52,.05);
  font-size:9.5px!important;
}
.carouselSpecs span:nth-child(3n+1){background:rgba(103,231,235,.82)!important}
.carouselSpecs span:nth-child(3n+2){background:rgba(255,231,90,.82)!important}
.carouselSpecs span:nth-child(3n+3){background:rgba(238,233,255,.92)!important}
.carouselControls{
  padding:5px!important;
}
.carouselArrow{
  width:29px!important;height:29px!important;
}
.carouselProgress{
  left:16px!important;right:16px!important;height:2px!important;
}

/* Trust strip: flat editorial band */
.trustStrip{
  padding:4px 0 14px!important;
}
.trustGrid{
  gap:0!important;
  border-top:1px solid var(--tp-line);
  border-bottom:1px solid var(--tp-line);
  background:rgba(255,255,255,.5);
}
.trustItem{
  min-height:74px;
  padding:12px 18px!important;
  border:0!important;
  border-right:1px solid var(--tp-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.trustItem:last-child{border-right:0!important}
.trustItem:hover{
  transform:none!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:none!important;
}
.trustIcon{
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  color:var(--tp-ink)!important;
  background:transparent!important;
  border:1px solid rgba(16,16,20,.12);
  font-size:14px;
}
.trustItem b{font-size:11.5px!important}
.trustItem span{font-size:9.5px!important}

/* Tech pop product rail */
.techPicksRail{
  padding:28px 0 16px;
}
.techPicksHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:13px;
}
.techPicksHead h2{
  margin:2px 0 0;
  font-size:clamp(28px,3.2vw,42px);
  line-height:.94;
  letter-spacing:-.055em;
}
.techPicksHead p{
  margin:0;
  max-width:430px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.techPicksHead .techPicksAction{
  flex:0 0 auto;
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(16,16,20,.1);
  border-radius:999px;
  background:#fff;
  font-size:10px;
  font-weight:800;
}
.techPicksTrack{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.techPickCard{
  --pick-accent:var(--tp-violet);
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:9px;
  border:1px solid rgba(16,16,20,.08);
  border-radius:19px;
  background:#fff;
  box-shadow:0 8px 26px rgba(25,20,45,.045);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.techPickCard:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--pick-accent) 32%,transparent);
  box-shadow:0 18px 38px rgba(25,20,45,.09);
}
.techPickMedia{
  position:relative;
  height:154px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--pick-accent) 16%,white),transparent 58%),
    #f7f6f9;
}
.techPickMedia::after{
  content:"✦";
  position:absolute;
  right:9px;
  bottom:7px;
  color:var(--pick-accent);
  font-size:16px;
}
.techPickMedia img{
  width:78%;
  height:78%;
  object-fit:contain;
  filter:drop-shadow(0 13px 15px rgba(0,0,0,.12));
}
.techPickBadge{
  position:absolute;
  left:8px;top:8px;z-index:2;
  padding:5px 7px;
  border-radius:999px;
  color:#fff;
  background:var(--pick-accent);
  font-size:7.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.04em;
}
.techPickCopy{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:10px 3px 2px;
}
.techPickKicker{
  min-height:11px;
  color:var(--pick-accent);
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.techPickCopy h3{
  margin:5px 0 6px;
  min-height:2.25em;
  font-size:12.5px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.techPickSpecs{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin:0 0 9px;
  min-height:31px;
}
.techPickSpecs span{
  font-size:7.7px;
  line-height:1.2;
  color:#625e69;
}
.techPickSpecs span+span::before{
  content:"·";
  margin-right:5px;
  color:var(--pick-accent);
}
.techPickBottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-top:auto;
}
.techPickPrice{
  font-size:19px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.04em;
}
.techPickLink{
  min-height:33px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:var(--tp-ink);
  color:#fff;
  font-size:8.5px;
  font-weight:800;
}

/* Discovery: asymmetrical editorial promo system */
.discovery{
  padding:28px 0 36px!important;
}
.sectionIntro{
  margin-bottom:14px!important;
}
.sectionIntro h2{
  letter-spacing:-.05em!important;
}
.discoveryGrid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
}
.discoveryCard{
  min-height:240px!important;
  padding:22px!important;
  border-radius:22px!important;
  overflow:hidden;
  isolation:isolate;
}
.discoveryCard::after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-48px;bottom:-54px;
  border:1px solid currentColor;
  border-radius:32px;
  opacity:.13;
  transform:rotate(28deg);
  z-index:-1;
}
.discoveryCard:nth-child(1){grid-column:span 7}
.discoveryCard:nth-child(2){grid-column:span 5}
.discoveryCard:nth-child(3){grid-column:span 5}
.discoveryCard:nth-child(4){grid-column:span 7}
.discoveryCard strong{
  max-width:430px;
  font-size:clamp(27px,3.2vw,44px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.discoveryCard.dcDark{
  background:
    radial-gradient(circle at 76% 28%,rgba(118,87,255,.38),transparent 26%),
    #111114!important;
}
.discoveryCard.dcViolet{
  color:var(--tp-ink)!important;
  background:linear-gradient(135deg,#ede7ff 0%,#f8f5ff 60%,#dffcff 100%)!important;
}
.discoveryCard.dcAqua{
  color:var(--tp-ink)!important;
  background:linear-gradient(135deg,#d9ffff 0%,#ecffff 55%,#f6f1ff 100%)!important;
}
.discoveryCard.dcLight{
  color:var(--tp-ink)!important;
  background:linear-gradient(135deg,#fbffb9 0%,#fff8d5 58%,#f2ebff 100%)!important;
}

/* The old text-only NEGO PICKS story becomes a compact brand manifesto */
.negoPicksStory{
  padding:14px 0 24px!important;
}
.negoPicksPanel{
  min-height:0!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)!important;
  gap:26px!important;
  padding:24px 26px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(118,87,255,.32),transparent 24%),
    #111114!important;
}
.negoPicksPanel h2{
  max-width:680px!important;
  font-size:clamp(30px,3.6vw,50px)!important;
}
.negoPicksPanel h2 span{color:#b9a9ff!important}
.negoPicksSide p{
  font-size:11px!important;
  line-height:1.5!important;
}
.pickNameRow button{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:9px!important;
}
.showPicksBtn{
  background:var(--tp-lime)!important;
  color:var(--tp-ink)!important;
  border:0!important;
  border-radius:12px!important;
}

/* Categories keep existing sticky behavior, gain icon/tone language only */
.catChip{
  gap:7px!important;
  border-color:rgba(16,16,20,.10)!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(28,22,50,.035);
}
.catChip::before{
  content:attr(data-tech-icon);
  display:inline-grid;
  place-items:center;
  width:19px;height:19px;
  flex:0 0 auto;
  border-radius:7px;
  background:var(--cat-tint,#f1eef6);
  color:var(--cat-accent,var(--tp-violet));
  font-size:10px;
  line-height:1;
}
.catChip[data-tech-icon=""]::before{display:none}
.catChip.active::before{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.catChip[data-tech-tone="audio"]{--cat-tint:#eee9ff;--cat-accent:#6544ef}
.catChip[data-tech-tone="parlantes"]{--cat-tint:#dffcff;--cat-accent:#138a95}
.catChip[data-tech-tone="smartwatches"]{--cat-tint:#fff7bf;--cat-accent:#766100}
.catChip[data-tech-tone="power"]{--cat-tint:#e9ebff;--cat-accent:#5149db}
.catChip[data-tech-tone="gaming"]{--cat-tint:#efffbd;--cat-accent:#647c00}
.catChip[data-tech-tone="accesorios"]{--cat-tint:#f0edf5;--cat-accent:#59515f}
.catChip[data-tech-tone="liquidacion"]{--cat-tint:#fff0c7;--cat-accent:#b66c00}

/* Catalog headings and cards */
.catalog{
  padding-top:34px!important;
}
.catalogHead{
  margin-bottom:18px!important;
}
.catalogHead h2{
  font-size:clamp(42px,4.8vw,64px)!important;
  line-height:.92!important;
}
.productCard{
  --card-accent:var(--tp-violet);
  position:relative;
}
.productCard::before{
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;
  height:2px;
  border-radius:999px;
  background:var(--card-accent);
  opacity:0;
  transform:scaleX(.2);
  transition:opacity .2s ease,transform .28s ease;
  transform-origin:left;
  z-index:4;
}
.productCard:hover::before{
  opacity:.85;
  transform:scaleX(1);
}
.productCard[data-tech-tone="audio"]{--card-accent:#7657ff}
.productCard[data-tech-tone="parlantes"]{--card-accent:#29bfc9}
.productCard[data-tech-tone="smartwatches"]{--card-accent:#d8ba00}
.productCard[data-tech-tone="power"]{--card-accent:#5f63e8}
.productCard[data-tech-tone="gaming"]{--card-accent:#9ab900}
.productCard[data-tech-tone="accesorios"]{--card-accent:#8a7a93}
.productMedia{
  background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--card-accent) 10%,white),transparent 52%),
    #f6f5f8!important;
}
.productCard:hover{
  border-color:color-mix(in srgb,var(--card-accent) 22%,rgba(13,13,15,.055))!important;
}
.productKicker{
  color:var(--card-accent)!important;
}
.cardPurchaseInline .cardBuyBtn{
  background:var(--tp-ink)!important;
}
.cardPurchaseInline .cardBuyBtn:hover{
  background:color-mix(in srgb,var(--card-accent) 18%,var(--tp-ink))!important;
}

/* Final CTA: acid tech-pop signoff */
.finalCta{
  padding-top:24px!important;
}
.finalCtaBox{
  position:relative;
  overflow:hidden;
  color:var(--tp-ink)!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(118,87,255,.18),transparent 20%),
    linear-gradient(100deg,#edff77 0%,#fff7a3 48%,#efffb3 100%)!important;
  border:1px solid rgba(16,16,20,.08)!important;
}
.finalCtaBox::after{
  content:"////  ✦";
  position:absolute;
  right:24px;
  top:18px;
  font-size:18px;
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(16,16,20,.52);
}
.finalCtaMark{
  color:var(--tp-violet)!important;
}
.finalWa{
  background:var(--tp-ink)!important;
  color:#fff!important;
}
.finalCatalog{
  border-color:rgba(16,16,20,.18)!important;
  color:var(--tp-ink)!important;
}

/* Responsive */
@media(max-width:1050px){
  .techPicksTrack{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .techPickCard:nth-child(n+4){display:none}
  .heroGrid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    padding:28px!important;
  }
  .hero h1{
    font-size:clamp(46px,6vw,62px)!important;
  }
}
@media(max-width:760px){
  .headerMain{height:56px!important}
  .hero{padding:10px 0 12px!important}
  .heroGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:20px 14px 14px!important;
    border-radius:24px!important;
  }
  .heroGrid::after{right:15px;bottom:9px;font-size:6px}
  .heroGrid::before{width:150px;height:150px;right:-60px;top:55px}
  .heroCopy{
    padding:4px 6px 6px!important;
  }
  .hero .eyebrow{
    padding:6px 8px;
    font-size:8px!important;
  }
  .hero h1{
    font-size:clamp(42px,12vw,54px)!important;
    margin:10px 0 12px!important;
  }
  .hero p{font-size:12.5px!important}
  .heroActions{margin-top:14px!important}
  .heroCarousel{
    min-height:382px!important;
    border-radius:21px!important;
  }
  .carouselStage{
    inset:28px 12px 102px!important;
  }
  .carouselStage img{
    width:82%!important;height:82%!important;
  }
  .carouselSide{
    max-width:46%!important;
  }
  .carouselSpecs span{
    padding:5px 7px!important;
    font-size:7.5px!important;
  }
  .carouselPrice{
    font-size:18px!important;
  }

  .trustStrip{padding-bottom:10px!important}
  .trustGrid{
    grid-template-columns:1fr 1fr!important;
  }
  .trustItem{
    min-height:64px;
    padding:9px 10px!important;
    border-bottom:1px solid var(--tp-line)!important;
  }
  .trustItem:nth-child(2){border-right:0!important}
  .trustItem:nth-child(n+3){border-bottom:0!important}
  .trustItem b{font-size:10px!important}
  .trustItem span{font-size:8px!important}

  .techPicksRail{
    padding:18px 0 10px;
  }
  .techPicksHead{
    align-items:flex-start;
    margin-bottom:10px;
  }
  .techPicksHead p{display:none}
  .techPicksHead h2{font-size:30px}
  .techPicksHead .techPicksAction{
    min-height:34px;
    padding:0 10px;
    font-size:8.5px;
  }
  .techPicksTrack{
    display:flex;
    gap:8px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:0 1px 5px;
    scrollbar-width:none;
  }
  .techPicksTrack::-webkit-scrollbar{display:none}
  .techPickCard,
  .techPickCard:nth-child(n+4){
    display:flex;
    flex:0 0 min(70vw,250px);
    scroll-snap-align:start;
  }
  .techPickMedia{height:146px}

  .discovery{
    padding:18px 0 24px!important;
  }
  .sectionIntro{
    margin-bottom:10px!important;
  }
  .discoveryGrid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .discoveryCard,
  .discoveryCard:nth-child(n){
    grid-column:auto!important;
    min-height:178px!important;
    padding:15px!important;
    border-radius:18px!important;
  }
  .discoveryCard strong{
    font-size:24px!important;
  }
  .dcMeta{font-size:8px!important}
  .dcAction{font-size:8px!important}

  .negoPicksStory{padding:8px 0 16px!important}
  .negoPicksPanel{
    grid-template-columns:1fr!important;
    padding:18px!important;
    gap:16px!important;
  }
  .negoPicksPanel h2{
    font-size:31px!important;
  }

  .catChip::before{
    width:17px;height:17px;
    border-radius:6px;
    font-size:9px;
  }
  .catalogHead h2{
    font-size:40px!important;
  }
  .finalCtaBox::after{
    display:none;
  }
}
@media(max-width:430px){
  .discoveryGrid{
    grid-template-columns:1fr!important;
  }
  .discoveryCard{
    min-height:156px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .techPickCard,.productCard::before{transition:none!important}
}


/* Mobile hero product alignment · 22/09/2026 */
@media(max-width:760px){
  .heroCarousel{
    min-height:390px!important;
    border-radius:22px!important;
  }
  .heroCarousel::before{
    left:20px!important;
    top:66px!important;
    font-size:28px!important;
  }
  .carouselBadge{
    top:13px!important;
    right:13px!important;
    padding:7px 10px!important;
    font-size:8px!important;
  }
  .carouselStage{
    top:48px!important;
    right:14px!important;
    bottom:auto!important;
    left:14px!important;
    height:198px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }
  .carouselStage img{
    width:auto!important;
    height:auto!important;
    max-width:70%!important;
    max-height:184px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
    transform:none!important;
  }
  .heroCarousel:hover .carouselStage img{
    transform:none!important;
  }
  .carouselBottom{
    left:18px!important;
    right:18px!important;
    bottom:15px!important;
    display:block!important;
  }
  .carouselIdentity{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "kicker kicker"
      "name price"!important;
    column-gap:12px!important;
    row-gap:5px!important;
    align-items:end!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
  }
  .carouselKicker{
    grid-area:kicker!important;
    margin:0!important;
    font-size:8.5px!important;
    line-height:1.15!important;
  }
  .carouselName{
    grid-area:name!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    font-size:16.5px!important;
    line-height:1.06!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .carouselPrice{
    grid-area:price!important;
    align-self:end!important;
    justify-self:end!important;
    margin:0!important;
    padding:8px 13px!important;
    border-radius:13px!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .carouselSide{
    width:100%!important;
    max-width:none!important;
    margin-top:12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .carouselSpecs{
    display:none!important;
  }
  .carouselControls{
    margin:0 auto!important;
    align-self:center!important;
    padding:5px 8px!important;
  }
  .carouselArrow{
    width:25px!important;
    height:25px!important;
  }
  .carouselProgress{
    left:18px!important;
    right:18px!important;
    bottom:0!important;
  }
}
@media(max-width:430px){
  .heroCarousel{
    min-height:372px!important;
  }
  .carouselStage{
    top:46px!important;
    height:184px!important;
  }
  .carouselStage img{
    max-width:68%!important;
    max-height:168px!important;
  }
  .carouselBottom{
    left:15px!important;
    right:15px!important;
    bottom:14px!important;
  }
  .carouselName{
    font-size:15.5px!important;
  }
  .carouselPrice{
    padding:7px 11px!important;
    font-size:17px!important;
  }
}


/* Category active-chip stability · 22/09/2026 */
/* The active state lives on the chip itself. This avoids the moving
   indicator becoming detached from the chip inside the horizontal scroller. */
.categoryIndicator{
  display:none!important;
}
.catChip.active{
  background:var(--tp-ink)!important;
  border-color:var(--tp-ink)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(16,16,20,.10)!important;
}
.catChip.active:hover{
  background:var(--tp-ink)!important;
  border-color:var(--tp-ink)!important;
  color:#fff!important;
}
.catChip.active .catCount{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
@media(max-width:899px){
  .categoryWrap .wrap{
    overflow:hidden!important;
  }
  .categoryRow{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:16px!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .categoryRow::-webkit-scrollbar{
    display:none!important;
  }
  .categoryRow .catChip{
    flex:0 0 auto!important;
    transform:none;
  }
  .categoryRow .catChip:first-of-type{
    margin-left:0!important;
  }
  .categoryRow .catChip:last-of-type{
    margin-right:0!important;
  }
}


/* Desktop hero geometry fix · 22/09/2026 */
/* .heroGrid is also .wrap. Keep padding inside its declared width so it can
   never grow wider than the viewport and clip the left-hand copy. */
.heroGrid{
  box-sizing:border-box!important;
  min-width:0!important;
}
.heroCopy,
.heroCarousel{
  min-width:0!important;
}

@media(min-width:1060px){
  .hero{
    padding:20px 0 14px!important;
    overflow:visible!important;
  }
  .heroGrid{
    width:min(1280px,calc(100% - 44px))!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
    gap:24px!important;
    align-items:center!important;
    padding:28px 30px 24px!important;
    overflow:hidden!important;
  }
  .heroCopy{
    width:100%!important;
    max-width:470px!important;
    justify-self:start!important;
    padding:8px 0 12px 4px!important;
    overflow:visible!important;
  }
  .hero h1{
    width:auto!important;
    max-width:455px!important;
    margin:13px 0 15px!important;
    font-size:clamp(52px,4.55vw,67px)!important;
    line-height:.91!important;
    letter-spacing:-.062em!important;
    overflow:visible!important;
  }
  .hero p{
    width:auto!important;
    max-width:430px!important;
    margin-right:0!important;
    font-size:13.5px!important;
    line-height:1.52!important;
  }
  .heroActions{
    margin-top:17px!important;
  }

  .heroCarousel{
    width:100%!important;
    min-height:458px!important;
    max-height:458px!important;
    justify-self:stretch!important;
    border-radius:29px!important;
  }
  .carouselStage{
    top:44px!important;
    right:24px!important;
    bottom:116px!important;
    left:24px!important;
    display:grid!important;
    place-items:center!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
  }
  .carouselStage img{
    width:auto!important;
    height:auto!important;
    max-width:min(82%,380px)!important;
    max-height:315px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
  }
  .heroCarousel:hover .carouselStage img{
    transform:translateY(-3px) scale(1.015)!important;
  }
  .carouselBottom{
    left:18px!important;
    right:18px!important;
    bottom:14px!important;
    grid-template-columns:minmax(0,1fr) minmax(210px,.72fr)!important;
    gap:12px!important;
    align-items:end!important;
  }
  .carouselIdentity{
    min-width:0!important;
    max-width:none!important;
  }
  .carouselName{
    max-width:100%!important;
    min-height:0!important;
    font-size:clamp(18px,1.65vw,24px)!important;
    line-height:1.02!important;
  }
  .carouselSide{
    min-width:0!important;
    max-width:none!important;
  }
  .carouselSpecs{
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
  }
  .carouselSpecs span{
    max-width:190px!important;
    white-space:normal!important;
    line-height:1.18!important;
  }
}

/* Compact desktop/laptop range: preserve the same balance without affecting mobile. */
@media(min-width:761px) and (max-width:1059px){
  .heroGrid{
    width:min(100% - 32px,1280px)!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)!important;
    gap:18px!important;
    padding:24px!important;
  }
  .heroCopy{
    max-width:390px!important;
    padding:6px 0!important;
  }
  .hero h1{
    max-width:385px!important;
    font-size:clamp(46px,5.5vw,58px)!important;
    line-height:.92!important;
    margin:12px 0 14px!important;
  }
  .hero p{
    max-width:370px!important;
    font-size:12.5px!important;
  }
  .heroCarousel{
    min-height:430px!important;
    max-height:430px!important;
  }
  .carouselStage{
    top:44px!important;
    right:18px!important;
    bottom:112px!important;
    left:18px!important;
  }
  .carouselStage img{
    width:auto!important;
    height:auto!important;
    max-width:80%!important;
    max-height:285px!important;
  }
}


/* Reference category chips · 22/09/2026 */
.categoryWrap{
  padding:7px 0!important;
  background:rgba(251,250,247,.97)!important;
  border-top:1px solid rgba(16,16,20,.06)!important;
  border-bottom:1px solid rgba(16,16,20,.07)!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
}
.categoryRow{
  min-height:40px!important;
  gap:9px!important;
  align-items:center!important;
  padding:0 2px!important;
}
.categoryIndicator{
  display:none!important;
}
.catChip{
  --chip-accent:#4d4752;
  --chip-border:#e7e3ec;
  --chip-count-bg:#f0edf4;
  --chip-count-color:#706978;
  height:40px!important;
  min-height:40px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid var(--chip-border)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17161a!important;
  box-shadow:0 4px 14px rgba(29,23,47,.035)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.catChip.techCatReady::before{
  display:none!important;
  content:none!important;
}
.catChip:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--chip-accent) 28%,#ded9e5)!important;
  box-shadow:0 7px 18px rgba(29,23,47,.065)!important;
}
.techCatIcon{
  width:19px;
  height:19px;
  flex:0 0 19px;
  display:grid;
  place-items:center;
  color:var(--chip-accent);
}
.techCatIcon svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.techCatLabel{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.catChip .catCount{
  min-width:20px;
  height:20px;
  padding:0 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--chip-count-bg)!important;
  color:var(--chip-count-color)!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.catChip[data-tech-tone="audio"]{
  --chip-accent:#6b4fff;
  --chip-border:#e2dcff;
  --chip-count-bg:#eee9ff;
  --chip-count-color:#7657ff;
}
.catChip[data-tech-tone="parlantes"]{
  --chip-accent:#242327;
  --chip-border:#dcebea;
  --chip-count-bg:#e7f8f7;
  --chip-count-color:#169c9e;
}
.catChip[data-tech-tone="smartwatches"]{
  --chip-accent:#252427;
  --chip-border:#e7e3d8;
  --chip-count-bg:#f4f0df;
  --chip-count-color:#7a6c38;
}
.catChip[data-tech-tone="power"]{
  --chip-accent:#694cff;
  --chip-border:#e4dfff;
  --chip-count-bg:#eee9ff;
  --chip-count-color:#7657ff;
}
.catChip[data-tech-tone="gaming"]{
  --chip-accent:#27262a;
  --chip-border:#e6e2da;
  --chip-count-bg:#f3f0e8;
  --chip-count-color:#746d5d;
}
.catChip[data-tech-tone="accesorios"]{
  --chip-accent:#323036;
  --chip-border:#e6e2ea;
  --chip-count-bg:#f1eef4;
  --chip-count-color:#77707f;
}
.catChip[data-tech-tone="liquidacion"]{
  --chip-accent:#dfaa00;
  --chip-border:#eee3bf;
  --chip-count-bg:#f8f1dc;
  --chip-count-color:#8d741d;
}
.catChip.active{
  background:#111114!important;
  border-color:#111114!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(16,16,20,.11)!important;
}
.catChip.active .techCatIcon{
  color:#fff!important;
}
.catChip.active .catCount{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.catChip.active:hover{
  background:#111114!important;
  border-color:#111114!important;
  color:#fff!important;
}
@media(max-width:760px){
  .categoryWrap{
    padding:6px 0!important;
  }
  .categoryRow{
    gap:8px!important;
    min-height:38px!important;
  }
  .catChip{
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    gap:7px!important;
    font-size:11.5px!important;
  }
  .techCatIcon,
  .techCatIcon svg{
    width:18px;
    height:18px;
  }
  .catChip .catCount{
    min-width:19px;
    height:19px;
    padding:0 5px!important;
    font-size:8.5px!important;
  }
}


/* Header inline nav + search · 22/09/2026 */
@media(min-width:981px){
  .headerMain{
    height:64px!important;
    display:grid!important;
    grid-template-columns:auto auto minmax(240px,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
  }
  .headerBrand{
    display:flex!important;
    align-items:center!important;
    justify-self:start!important;
    flex:0 0 auto!important;
  }
  .headerMain .nav{
    justify-self:start!important;
    gap:1px!important;
    min-width:max-content!important;
  }
  .headerMain .nav a{
    padding:8px 9px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .headerMain .searchStrip{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    justify-self:stretch!important;
  }
  .headerMain .searchBox{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    margin:0!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }
  .headerMain .searchBox input{
    min-width:0!important;
    font-size:12.5px!important;
    text-overflow:ellipsis!important;
  }
  .headerMain .topWa{
    justify-self:end!important;
    min-height:40px!important;
    padding:0 15px!important;
    white-space:nowrap!important;
  }
  .headerMain .negoSearchSuggestions{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* Laptops/tablets: keep nav by the logo and let search use a dedicated second row
   instead of squeezing navigation or overflowing. */
@media(min-width:761px) and (max-width:980px){
  .headerMain{
    height:auto!important;
    min-height:104px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-rows:54px 42px!important;
    align-items:center!important;
    gap:0 14px!important;
    padding-top:2px!important;
    padding-bottom:6px!important;
  }
  .headerBrand{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
  }
  .headerMain .nav{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    gap:0!important;
  }
  .headerMain .nav a{
    padding:7px 8px!important;
    font-size:10.5px!important;
  }
  .headerMain .topWa{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    padding:9px 12px!important;
    font-size:10.5px!important;
  }
  .headerMain .searchStrip{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  .headerMain .searchBox{
    width:100%!important;
    max-width:none!important;
    height:38px!important;
    margin:0!important;
  }
  .headerMain .negoSearchSuggestions{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* Mobile keeps the compact two-row header: logo first, search directly below. */
@media(max-width:760px){
  .headerMain{
    height:auto!important;
    min-height:104px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:54px 42px!important;
    gap:0!important;
    padding-top:0!important;
    padding-bottom:8px!important;
  }
  .headerBrand{
    grid-row:1!important;
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
  }
  .headerMain .nav,
  .headerMain .topWa{
    display:none!important;
  }
  .headerMain .searchStrip{
    grid-row:2!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  .headerMain .searchBox{
    width:100%!important;
    max-width:none!important;
    height:38px!important;
    margin:0!important;
  }
  .headerMain .negoSearchSuggestions{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
  }
}


/* Header account + cart actions · 22/09/2026 */
.headerActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:max-content;
}
.headerIconBtn{
  position:relative;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#111114;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,color .18s ease;
}
.headerIconBtn:hover{
  background:#f0edf4;
  transform:translateY(-1px);
}
.headerIconBtn:active{
  transform:translateY(0) scale(.97);
}
.headerIconBtn svg{
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.headerLoginBtn.isLoggedIn::after{
  content:"";
  position:absolute;
  right:6px;
  bottom:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#25d366;
  box-shadow:0 0 0 2px #fbfaf7;
}
.headerCartCount{
  position:absolute;
  right:1px;
  top:0;
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#7657ff;
  color:#fff;
  font-size:8px;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 0 2px #fbfaf7;
}
.headerCartCount[hidden]{display:none!important}

/* The cart now lives in the header on desktop. The drawer remains unchanged. */
@media(min-width:761px){
  .negoCartFab{display:none!important}
}

@media(min-width:981px){
  .headerMain{
    grid-template-columns:auto auto minmax(240px,1fr) auto!important;
  }
  .headerMain .headerActions{
    justify-self:end!important;
  }
}
@media(min-width:761px) and (max-width:980px){
  .headerMain .headerActions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
  }
}
@media(max-width:760px){
  .headerMain{
    grid-template-columns:1fr auto!important;
    grid-template-rows:54px 42px!important;
  }
  .headerBrand{
    grid-column:1!important;
    grid-row:1!important;
  }
  .headerMain .headerActions{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    justify-self:end!important;
  }
  .headerMain .searchStrip{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  .headerIconBtn{
    width:38px;
    height:38px;
  }
  .headerIconBtn svg{
    width:20px;
    height:20px;
  }
}

/* Customer login modal */
.customerAuthOverlay{
  position:fixed;
  inset:0;
  z-index:100500;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(10,9,14,.52);
  backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.customerAuthOverlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.customerAuthCard{
  width:min(430px,100%);
  position:relative;
  padding:26px;
  border:1px solid rgba(16,16,20,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(20,16,36,.22);
}
.customerAuthClose{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f2f0f5;
  color:#17171b;
  font-size:21px;
  line-height:1;
  cursor:pointer;
}
.customerAuthKicker{
  margin-bottom:7px;
  color:#7657ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.customerAuthCard h3{
  margin:0;
  font-size:30px;
  line-height:1;
  letter-spacing:-.045em;
}
.customerAuthCard p{
  margin:10px 0 18px;
  color:#6a6670;
  font-size:12px;
  line-height:1.5;
}
.customerAuthForm{
  display:grid;
  gap:10px;
}
.customerAuthForm label{
  display:grid;
  gap:6px;
  font-size:10px;
  font-weight:800;
}
.customerAuthForm input{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  border:1px solid #dedbe4;
  border-radius:13px;
  background:#fff;
  padding:0 13px;
  outline:none;
  font:inherit;
  font-size:13px;
}
.customerAuthForm input:focus{
  border-color:#9b8aff;
  box-shadow:0 0 0 3px rgba(118,87,255,.08);
}
.customerAuthSubmit,
.customerAuthLogout{
  min-height:46px;
  border:0;
  border-radius:13px;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.customerAuthSubmit{
  background:#111114;
  color:#fff;
}
.customerAuthLogout{
  width:100%;
  background:#f1eff4;
  color:#222026;
}
.customerAuthStatus{
  min-height:17px;
  margin-top:10px;
  color:#6a6670;
  font-size:10px;
  line-height:1.45;
}
.customerAuthStatus.ok{color:#16733a}
.customerAuthStatus.error{color:#a4313d}
.customerAuthAccount{
  padding:14px;
  border-radius:14px;
  background:#f7f5fb;
}
.customerAuthAccount strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
}
.customerAuthAccount span{
  display:block;
  margin-bottom:13px;
  color:#6a6670;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* Header scale + vertical centering · 22/09/2026 */
@media(min-width:981px){
  .headerMain{
    height:68px!important;
    min-height:68px!important;
    align-items:center!important;
  }
  .headerBrand{
    align-self:center!important;
  }
  .headerMain .nav{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
  }
  .headerMain .nav a{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 11px!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  .headerMain .searchStrip{
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
  }
  .headerMain .searchBox{
    height:44px!important;
    align-items:center!important;
  }
  .headerMain .searchBox input{
    font-size:13px!important;
    line-height:1.2!important;
  }
  .headerMain .headerActions{
    height:100%!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .headerIconBtn{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }
  .headerIconBtn svg{
    width:23px!important;
    height:23px!important;
    stroke-width:1.9!important;
  }
  .headerCartCount{
    right:0!important;
    top:2px!important;
    min-width:18px!important;
    height:18px!important;
    font-size:8.5px!important;
  }
}

/* Keep laptop header visually centered too. */
@media(min-width:761px) and (max-width:980px){
  .headerMain .nav{
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
  }
  .headerMain .nav a{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 9px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
  .headerMain .headerActions{
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
  }
  .headerIconBtn{
    width:42px!important;
    height:42px!important;
  }
  .headerIconBtn svg{
    width:22px!important;
    height:22px!important;
  }
}

/* Reference benefits row · single line */
.trustStrip.trustStripReference{
  padding:0!important;
  background:#fff!important;
}
.trustStripReference .referenceTrustGrid{
  width:min(100% - 28px,1280px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(160px,.72fr)!important;
  gap:0!important;
  align-items:stretch!important;
  border-top:1px solid #ece9ee!important;
  border-bottom:1px solid #ece9ee!important;
  background:#fff!important;
  overflow:hidden!important;
}
.trustStripReference .referenceTrustItem,
.trustStripReference .referenceTrustItem:nth-child(1),
.trustStripReference .referenceTrustItem:nth-child(2){
  min-width:0!important;
  min-height:60px!important;
  padding:8px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  border:0!important;
  border-right:1px solid #efedf1!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.trustStripReference .referenceTrustItem:last-child{border-right:0!important}
.trustStripReference .referenceTrustItem:hover{background:#fff!important;transform:none!important;box-shadow:none!important}
.trustStripReference .referenceTrustIcon{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
}
.trustStripReference .referenceTrustIcon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.trustStripReference .referenceTrustItem>div:last-child{min-width:0!important}
.trustStripReference .referenceTrustItem b{
  display:block!important;
  margin:0 0 3px!important;
  color:#111!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
.trustStripReference .referenceTrustItem span{
  display:block!important;
  color:#747079!important;
  font-size:9.4px!important;
  line-height:1.2!important;
  font-weight:450!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .trustStripReference .referenceTrustGrid{
    grid-template-columns:repeat(4,minmax(190px,1fr))!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  .trustStripReference .referenceTrustGrid::-webkit-scrollbar{display:none!important}
  .trustStripReference .referenceTrustItem,
  .trustStripReference .referenceTrustItem:nth-child(1),
  .trustStripReference .referenceTrustItem:nth-child(2){
    min-width:190px!important;
    min-height:58px!important;
    padding:8px 13px!important;
  }
}
@media(max-width:680px){
  .trustStripReference .referenceTrustGrid{width:100%!important}
  .trustStripReference .referenceTrustItem b{font-size:10.8px!important}
  .trustStripReference .referenceTrustItem span{font-size:9px!important}
}

.trustStripReference .referenceTrustSignature{
  min-width:0!important;
  min-height:60px!important;
  display:grid!important;
  grid-template-columns:minmax(34px,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 14px 8px 16px!important;
  background:#fff!important;
}
.trustStripReference .referenceTrustLine{
  display:block!important;
  width:100%!important;
  height:1px!important;
  background:#6f6b72!important;
  opacity:.7!important;
}
.trustStripReference .referenceTrustWords{
  color:#4d4950!important;
  font-size:10.5px!important;
  line-height:1.08!important;
  letter-spacing:.08em!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.trustStripReference .referenceTrustSpark{
  color:#111!important;
  font-size:15px!important;
  line-height:1!important;
}
@media(max-width:1100px){
  .trustStripReference .referenceTrustGrid{
    grid-template-columns:repeat(4,minmax(190px,1fr)) minmax(155px,.72fr)!important;
  }
}
@media(max-width:900px){
  .trustStripReference .referenceTrustGrid{
    grid-template-columns:repeat(4,minmax(190px,1fr)) minmax(155px,.72fr)!important;
  }
  .trustStripReference .referenceTrustSignature{
    min-width:155px!important;
  }
}
@media(max-width:680px){
  .trustStripReference .referenceTrustSignature{
    min-width:145px!important;
    min-height:58px!important;
    padding:8px 11px!important;
    gap:9px!important;
  }
  .trustStripReference .referenceTrustWords{font-size:9.5px!important}
}

/* Discovery Neo · editorial tech-pop banners */
.discovery.discoveryNeo{
  padding:30px 0 30px!important;
}
.discoveryNeo .discoveryNeoHead{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr)!important;
  gap:28px!important;
  align-items:end!important;
  margin-bottom:16px!important;
}
.discoveryNeo .discoveryNeoHead h2{
  margin:3px 0 0!important;
  font-size:clamp(38px,4.7vw,60px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.discoveryNeo .discoveryNeoHead p{
  margin:0 0 2px!important;
  max-width:470px!important;
  color:#706a75!important;
  font-size:12px!important;
  line-height:1.48!important;
}
.discoveryNeo .discoveryNeoGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:12px!important;
}
.discoveryNeo .discoveryNeoCard,
.discoveryNeo .discoveryNeoCard:nth-child(1),
.discoveryNeo .discoveryNeoCard:nth-child(2){
  position:relative!important;
  grid-column:auto!important;
  min-height:235px!important;
  padding:22px 22px!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:20px!important;
  border:1px solid rgba(20,18,28,.08)!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:0 8px 26px rgba(22,18,42,.045)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.discoveryNeo .discoveryNeoCard:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 15px 34px rgba(22,18,42,.08)!important;
}
.discoveryNeo .discoveryNeoCard::after{
  content:none!important;
}
.discoveryNeo .dcAccessories{
  color:#fff!important;
  background:
    radial-gradient(circle at 66% 24%,rgba(118,87,255,.25),transparent 27%),
    linear-gradient(135deg,#0c0d11 0%,#08090e 64%,#11101a 100%)!important;
}
.discoveryNeo .dcGamingNeo{
  color:#111114!important;
  background:
    radial-gradient(circle at 63% 38%,rgba(255,255,255,.92),transparent 24%),
    linear-gradient(122deg,#f0eaff 0%,#f7f3ff 51%,#edf8ff 100%)!important;
}
.discoveryNeo .dcIndex{
  position:absolute!important;
  left:20px!important;
  top:18px!important;
  z-index:3!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  opacity:.45!important;
}
.discoveryNeo .dcCopy{
  position:relative!important;
  z-index:4!important;
  width:48%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  padding-top:45px!important;
}
.discoveryNeo .dcLabel{
  margin:0 0 9px!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.discoveryNeo .dcCopy strong{
  margin:0!important;
  max-width:none!important;
  font-family:"Manrope",Arial,Helvetica,sans-serif!important;
  font-size:clamp(28px,2.8vw,42px)!important;
  line-height:.88!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  text-wrap:balance!important;
}
.discoveryNeo .dcCopy strong em{
  color:#8056ff!important;
  font-style:normal!important;
}
.discoveryNeo .dcAccessories .dcCopy strong em{
  color:#8a5cff!important;
}
.discoveryNeo .dcMeta{
  margin:9px 0 14px!important;
  font-size:9px!important;
  line-height:1.2!important;
  opacity:.68!important;
}
.discoveryNeo .dcAction{
  min-height:35px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111114!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:850!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
.discoveryNeo .dcGamingNeo .dcAction{
  box-shadow:0 8px 20px rgba(60,42,112,.08)!important;
}
.discoveryNeo .dcAction b{
  font-size:13px!important;
  line-height:1!important;
}
.discoveryNeo .dcVisual{
  position:absolute!important;
  z-index:2!important;
  right:0!important;
  top:0!important;
  width:57%!important;
  height:100%!important;
  pointer-events:none!important;
}
.discoveryNeo .dcProduct,
.discoveryNeo .dcGamingMain,
.discoveryNeo .dcGamingAlt{
  position:absolute!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.16))!important;
}
.discoveryNeo .dcProductOne{
  width:42%!important;
  right:27%!important;
  bottom:13%!important;
  transform:rotate(-3deg)!important;
}
.discoveryNeo .dcProductTwo{
  width:30%!important;
  right:4%!important;
  bottom:9%!important;
  transform:rotate(8deg)!important;
}
.discoveryNeo .dcProductThree{
  width:22%!important;
  right:59%!important;
  bottom:11%!important;
  transform:rotate(-9deg)!important;
}
.discoveryNeo .dcAccentLine{
  position:absolute!important;
  width:175px!important;
  height:1px!important;
  right:15px!important;
  top:72px!important;
  background:linear-gradient(90deg,transparent,#8a5cff 50%,transparent)!important;
  transform:rotate(-10deg)!important;
  opacity:.7!important;
}
.discoveryNeo .dcSpark{
  position:absolute!important;
  right:21px!important;
  top:18px!important;
  color:#e5ff63!important;
  font-size:19px!important;
}
.discoveryNeo .dcMicroWords{
  position:absolute!important;
  z-index:4!important;
  right:17px!important;
  top:49px!important;
  color:rgba(255,255,255,.73)!important;
  font-size:8px!important;
  line-height:1.27!important;
  font-weight:750!important;
  letter-spacing:.035em!important;
}
.discoveryNeo .dcGamingVisual{
  width:61%!important;
}
.discoveryNeo .dcGamingHalo{
  position:absolute!important;
  left:8%!important;
  top:14%!important;
  width:72%!important;
  height:76%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(221,211,255,.65) 38%,transparent 72%)!important;
}
.discoveryNeo .dcGamingMain{
  width:48%!important;
  left:19%!important;
  top:18%!important;
  z-index:3!important;
  transform:rotate(-5deg)!important;
}
.discoveryNeo .dcGamingAlt{
  width:32%!important;
  right:4%!important;
  bottom:7%!important;
  z-index:2!important;
  opacity:.82!important;
  transform:rotate(9deg)!important;
}
.discoveryNeo .dcPurpleBlock{
  position:absolute!important;
  z-index:1!important;
  left:40%!important;
  bottom:8%!important;
  width:65px!important;
  height:65px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#6d49ff,#9a79ff)!important;
  transform:rotate(16deg)!important;
  opacity:.85!important;
}
.discoveryNeo .dcPlayWords{
  position:absolute!important;
  z-index:4!important;
  right:16px!important;
  top:18px!important;
  color:#3c3745!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
}
.discoveryNeo .dcBars{
  position:absolute!important;
  z-index:4!important;
  right:18px!important;
  bottom:19px!important;
  width:36px!important;
  height:17px!important;
  background:
    linear-gradient(#7756ff,#7756ff) 0 0/100% 2px no-repeat,
    linear-gradient(#7756ff,#7756ff) 0 7px/100% 2px no-repeat,
    linear-gradient(#7756ff,#7756ff) 0 14px/100% 2px no-repeat!important;
  opacity:.9!important;
}
@media(max-width:900px){
  .discoveryNeo .discoveryNeoHead{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .discoveryNeo .discoveryNeoGrid{
    grid-template-columns:1fr!important;
  }
  .discoveryNeo .discoveryNeoCard{
    min-height:225px!important;
  }
}
@media(max-width:620px){
  .discovery.discoveryNeo{padding:24px 0 24px!important}
  .discoveryNeo .discoveryNeoHead h2{font-size:36px!important}
  .discoveryNeo .discoveryNeoHead p{font-size:10.5px!important}
  .discoveryNeo .discoveryNeoCard{
    min-height:205px!important;
    padding:18px!important;
    border-radius:17px!important;
  }
  .discoveryNeo .dcIndex{left:17px!important;top:15px!important}
  .discoveryNeo .dcCopy{
    width:55%!important;
    padding-top:35px!important;
  }
  .discoveryNeo .dcCopy strong{font-size:29px!important}
  .discoveryNeo .dcMeta{font-size:8.5px!important;margin:7px 0 11px!important}
  .discoveryNeo .dcAction{min-height:32px!important;padding:0 11px!important;font-size:8.7px!important}
  .discoveryNeo .dcVisual{width:53%!important}
  .discoveryNeo .dcMicroWords,.discoveryNeo .dcPlayWords{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .discoveryNeo .discoveryNeoCard{transition:none!important}
}


/* NEGO PICKS · authoritative alignment and 6-up desktop carousel */
.techPicksRail .wrap{
  width:min(100% - 28px,1280px)!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
.techPicksHeadActions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
.techPicksNav{display:flex!important;align-items:center!important;gap:5px!important}
.techPicksNav button{
  width:34px!important;height:34px!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid #eceaf0!important;border-radius:50%!important;
  background:#fff!important;color:#111!important;
  box-shadow:0 4px 14px rgba(30,24,48,.05)!important;
  font-size:18px!important;line-height:1!important;cursor:pointer!important
}
.techPicksTrack{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
}
.techPicksTrack::-webkit-scrollbar{display:none!important}
.techPickCard{scroll-snap-align:start!important}
@media(min-width:1101px){
  .techPicksTrack{grid-auto-columns:calc((100% - 50px)/6)!important;gap:10px!important}
}
@media(min-width:681px) and (max-width:1100px){
  .techPicksTrack{grid-auto-columns:minmax(190px,31%)!important;gap:9px!important}
}
@media(max-width:680px){
  .techPicksRail .wrap{width:calc(100% - 20px)!important;max-width:none!important}
  .techPicksTrack{grid-auto-columns:minmax(172px,73%)!important;gap:8px!important}
  .techPicksNav button{width:30px!important;height:30px!important;font-size:16px!important}
}