/* TODO EN CONSOLAS — hoja de estilos única (home, marcas y fichas de producto)
   Tienda de tecnología y videojuegos: base clara y neutra, bloque de portada oscuro, acento violeta/cian. */

:root{
  --bg:#f3f4f8; --card:#ffffff; --ink:#0c0e1a; --ink-2:#3f455d; --muted:#6a7089; --line:#e2e4ee; --line-2:#eceef5;
  --brand:#5b3df5; --brand-d:#4a2ee0; --cyan:#00c2ff; --magenta:#d946ef;
  --ps:#0b6fd1; --xbox:#107c10; --nin:#e4000f;
  --ok:#0f8a5f; --ok-bg:#e4f6ee; --low:#a35a00; --low-bg:#fff1dc; --out:#6a7089; --out-bg:#eceef5;
  --dark:#080a16; --dark-2:#12142a;
  --r-sm:10px; --r-md:16px; --r-lg:24px;
  --shadow:0 1px 2px rgba(12,14,26,.05), 0 8px 24px rgba(12,14,26,.06);
  --shadow-h:0 2px 4px rgba(12,14,26,.06), 0 16px 36px rgba(12,14,26,.10);
  --font:'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --wrap:1180px;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ font-family:var(--font); background:var(--bg); color:var(--ink); line-height:1.55; font-size:16px; -webkit-font-smoothing:antialiased; }
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
ul{ list-style:none; }
h1,h2,h3,h4{ line-height:1.15; letter-spacing:-.02em; font-weight:800; }
:focus-visible{ outline:3px solid var(--cyan); outline-offset:2px; border-radius:6px; }
.wrap{ width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip{ position:absolute; left:-999px; top:8px; background:var(--ink); color:#fff; padding:10px 16px; border-radius:8px; z-index:200; }
.skip:focus{ left:8px; }

/* ---------- header ---------- */
.site-header{ position:sticky; top:0; z-index:60; background:rgba(255,255,255,.92); backdrop-filter:saturate(1.4) blur(12px); -webkit-backdrop-filter:saturate(1.4) blur(12px); border-bottom:1px solid var(--line); }
.hdr{ display:flex; align-items:center; gap:28px; height:68px; }
.logo{ font-weight:800; font-size:1.12rem; letter-spacing:.04em; white-space:nowrap; display:inline-flex; align-items:center; gap:10px; }
.logo-mark{ width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,var(--cyan),var(--brand) 55%,var(--magenta)); display:grid; place-items:center; color:#fff; font-size:.8rem; letter-spacing:0; }
.logo b{ background:linear-gradient(100deg,var(--cyan),var(--brand) 60%,var(--magenta)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800; }
.main-nav{ display:flex; gap:6px; margin-left:8px; }
.main-nav a{ padding:8px 14px; border-radius:99px; font-weight:600; font-size:.95rem; color:var(--ink-2); transition:.15s; }
.main-nav a:hover, .main-nav a[aria-current="page"]{ background:var(--bg); color:var(--ink); }
.hdr-actions{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.cart-btn{ position:relative; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--line); background:#fff; transition:.15s; }
.cart-btn:hover{ border-color:var(--ink); }
.cart-btn svg{ width:21px; height:21px; }
.cart-count{ position:absolute; top:-5px; right:-5px; min-width:20px; height:20px; padding:0 5px; border-radius:99px; background:var(--brand); color:#fff; font-size:.72rem; font-weight:800; display:grid; place-items:center; }
.cart-count[data-n="0"]{ display:none; }
.burger{ display:none; width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:#fff; place-items:center; }
.burger svg{ width:22px; height:22px; }

/* ---------- botones ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 24px; border-radius:99px; font-weight:700; font-size:.98rem; transition:.18s; border:1.5px solid transparent; white-space:nowrap; }
.btn-primary{ background:var(--brand); color:#fff; box-shadow:0 6px 18px rgba(91,61,245,.28); }
.btn-primary:hover{ background:var(--brand-d); transform:translateY(-1px); }
.btn-ghost{ background:#fff; border-color:var(--line); color:var(--ink); }
.btn-ghost:hover{ border-color:var(--ink); }
.btn-dark-ghost, .btn-ghost.btn-dark-ghost{ background:transparent; border-color:rgba(255,255,255,.28); color:#fff; }
.btn-dark-ghost:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
.btn[disabled], .btn.is-disabled{ background:var(--out-bg); color:var(--muted); border-color:transparent; box-shadow:none; cursor:not-allowed; transform:none; }
.btn-sm{ min-height:42px; padding:0 18px; font-size:.92rem; }
.btn-block{ width:100%; }

/* ---------- portada ---------- */
.hero{ background:radial-gradient(900px 480px at 85% 10%, rgba(91,61,245,.38), transparent 60%), radial-gradient(700px 420px at 0% 100%, rgba(0,194,255,.20), transparent 60%), var(--dark); color:#fff; overflow:hidden; }
.hero-grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:56px; align-items:center; padding:76px 0 84px; }
.eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan); }
.eyebrow::before{ content:""; width:22px; height:2px; background:currentColor; border-radius:2px; }
.hero h1{ font-size:clamp(2.3rem,5vw,3.9rem); margin:18px 0 18px; letter-spacing:-.035em; }
.hero h1 em{ font-style:normal; background:linear-gradient(100deg,var(--cyan),#8f7bff 55%,var(--magenta)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero p.lead{ font-size:1.12rem; color:#c3c7e0; max-width:520px; }
.hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.brand-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.brand-chip{ display:inline-flex; align-items:center; gap:9px; padding:9px 16px; border-radius:99px; border:1px solid rgba(255,255,255,.18); font-weight:600; font-size:.92rem; color:#e5e7f5; transition:.15s; }
.brand-chip:hover{ border-color:#fff; background:rgba(255,255,255,.07); }
.dot{ width:9px; height:9px; border-radius:50%; background:var(--c,#999); display:inline-block; }
.hero-stage{ background:#fff; border-radius:var(--r-lg); padding:26px 22px 22px; box-shadow:0 30px 70px rgba(0,0,0,.45); }
.hero-stage-row{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; align-items:end; }
.hero-stage a{ display:block; text-align:center; }
.hero-stage .ph{ position:relative; aspect-ratio:1/1.1; }
.hero-stage img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.hero-stage figcaption, .hero-stage .cap{ display:block; margin-top:10px; font-size:.78rem; font-weight:700; color:var(--ink-2); line-height:1.3; }
.hero-stage-foot{ margin-top:18px; padding-top:16px; border-top:1px solid var(--line-2); display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:.86rem; color:var(--muted); font-weight:600; }
.hero-stage-foot a{ color:var(--brand); font-weight:800; }

/* ---------- secciones ---------- */
.section{ padding:76px 0; }
.section.alt{ background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:32px; flex-wrap:wrap; }
.sec-head h2{ font-size:clamp(1.65rem,3vw,2.2rem); }
.sec-head p{ color:var(--muted); margin-top:8px; max-width:560px; }
.link-more{ font-weight:800; color:var(--brand); display:inline-flex; align-items:center; gap:6px; }
.link-more:hover{ gap:10px; }
.brand-block + .brand-block{ margin-top:64px; }
.brand-title{ display:flex; align-items:center; gap:12px; }
.brand-title .dot{ width:12px; height:12px; }

/* ---------- tarjetas ---------- */
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid.g4{ grid-template-columns:repeat(4,1fr); gap:20px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s, border-color .2s; }
.card:hover{ box-shadow:var(--shadow-h); transform:translateY(-3px); border-color:#d5d8e6; }
.card-media{ --pad:18px; position:relative; display:block; background:#fff; aspect-ratio:5/4; }
.card-media img{ position:absolute; inset:var(--pad); width:calc(100% - 2*var(--pad)); height:calc(100% - 2*var(--pad)); object-fit:contain; }
.card-body{ padding:6px 20px 22px; display:flex; flex-direction:column; gap:10px; flex:1; border-top:1px solid var(--line-2); padding-top:18px; }
.card .chip-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.kicker{ font-size:.74rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); display:inline-flex; align-items:center; gap:7px; }
.pill{ font-size:.72rem; font-weight:800; padding:4px 10px; border-radius:99px; letter-spacing:.02em; white-space:nowrap; }
.pill.ok{ background:var(--ok-bg); color:var(--ok); }
.pill.low{ background:var(--low-bg); color:var(--low); }
.pill.out{ background:var(--out-bg); color:var(--out); }
.card h3{ font-size:1.12rem; line-height:1.25; }
.card h3 a:hover{ color:var(--brand); }
.card .specs-mini{ display:flex; flex-wrap:wrap; gap:6px; }
.card .specs-mini li{ font-size:.76rem; font-weight:600; color:var(--ink-2); background:var(--bg); padding:4px 10px; border-radius:99px; }
.price{ font-weight:800; font-size:1.45rem; letter-spacing:-.02em; }
.price.pending{ font-size:1.05rem; color:var(--muted); font-weight:700; letter-spacing:0; }
.card-foot{ margin-top:auto; padding-top:6px; display:flex; flex-direction:column; gap:12px; }

/* ---------- beneficios ---------- */
.benefits{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.benefit{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:24px; }
.benefit svg{ width:30px; height:30px; color:var(--brand); margin-bottom:14px; }
.benefit h3{ font-size:1.02rem; margin-bottom:6px; }
.benefit p{ font-size:.92rem; color:var(--muted); }

/* ---------- FAQ ---------- */
.faq{ max-width:820px; margin:0 auto; display:grid; gap:10px; }
.faq details{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); }
.faq summary{ list-style:none; cursor:pointer; padding:18px 22px; font-weight:700; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-size:1.5rem; font-weight:500; color:var(--brand); line-height:1; transition:transform .2s; }
.faq details[open] summary::after{ transform:rotate(45deg); }
.faq details > div{ padding:0 22px 20px; color:var(--ink-2); }
.faq details > div p + p{ margin-top:10px; }

/* ---------- footer ---------- */
.site-footer{ background:var(--dark); color:#b9bdd6; padding:60px 0 28px; margin-top:0; }
.foot-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; }
.site-footer .logo{ color:#fff; }
.site-footer h4{ color:#fff; font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; }
.site-footer li + li{ margin-top:9px; }
.site-footer a:hover{ color:#fff; }
.site-footer p{ font-size:.92rem; margin-top:14px; max-width:340px; }
.foot-bottom{ margin-top:44px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); font-size:.8rem; color:#8a8fae; display:flex; flex-direction:column; gap:6px; }

/* ---------- breadcrumb ---------- */
.crumbs{ padding:20px 0 0; font-size:.86rem; color:var(--muted); font-weight:600; }
.crumbs ol{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; list-style:none; }
.crumbs li + li::before{ content:"›"; margin-right:8px; color:#b2b6c9; }
.crumbs a:hover{ color:var(--brand); }
.crumbs [aria-current]{ color:var(--ink); }

/* ---------- ficha de producto ---------- */
.pdp{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:44px; padding:24px 0 56px; align-items:start; }
.gallery{ position:sticky; top:92px; }
.g-stage{ position:relative; }
.g-main{ --pad:26px; position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); aspect-ratio:4/3; display:block; width:100%; cursor:zoom-in; }
.g-main img{ position:absolute; inset:var(--pad); width:calc(100% - 2*var(--pad)); height:calc(100% - 2*var(--pad)); object-fit:contain; }
.g-zoom{ position:absolute; right:14px; bottom:14px; display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.95); border:1px solid var(--line); border-radius:99px; padding:7px 13px; font-size:.78rem; font-weight:700; color:var(--ink-2); }
.g-zoom svg{ width:15px; height:15px; }
.g-nav{ position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; background:#fff; border:1px solid var(--line); display:grid; place-items:center; box-shadow:var(--shadow); }
.g-nav:hover{ border-color:var(--ink); }
.g-nav svg{ width:18px; height:18px; }
.g-prev{ left:12px; } .g-next{ right:12px; }
.g-thumbs{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.g-thumbs button{ width:76px; height:76px; padding:6px; background:#fff; border:2px solid var(--line); border-radius:14px; transition:.15s; }
.g-thumbs button:hover{ border-color:#bfc3d6; }
.g-thumbs button[aria-current="true"]{ border-color:var(--brand); }
.g-thumbs img{ width:100%; height:100%; object-fit:contain; }
.buybox h1{ font-size:clamp(1.7rem,3vw,2.35rem); margin:10px 0 14px; }
.buy-top{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.buybox .lead{ color:var(--ink-2); font-size:1.04rem; margin-bottom:20px; }
.price-big{ font-size:clamp(2rem,4vw,2.7rem); font-weight:800; letter-spacing:-.03em; line-height:1; }
.price-big.pending{ font-size:1.6rem; color:var(--muted); letter-spacing:-.01em; }
.price-note{ font-size:.86rem; color:var(--muted); margin-top:8px; }
.ticks{ margin:22px 0; display:grid; gap:10px; }
.ticks li{ display:flex; gap:11px; align-items:flex-start; font-weight:600; color:var(--ink-2); }
.ticks svg{ width:20px; height:20px; color:var(--ok); flex:none; margin-top:2px; }
.buy-actions{ display:grid; gap:12px; margin-top:6px; }
.qty-row{ display:flex; align-items:center; gap:16px; margin:20px 0 4px; }
.qty-row > span{ font-weight:700; font-size:.92rem; color:var(--ink-2); }
.qty{ display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:99px; background:#fff; }
.qty button{ width:44px; height:44px; font-size:1.3rem; font-weight:600; }
.qty button:hover{ color:var(--brand); }
.qty output{ min-width:34px; text-align:center; font-weight:800; }
.info-box{ margin-top:22px; border:1px solid var(--line); border-radius:var(--r-md); background:#fff; }
.info-row{ display:flex; gap:14px; padding:16px 18px; }
.info-row + .info-row{ border-top:1px solid var(--line-2); }
.info-row svg{ width:24px; height:24px; color:var(--brand); flex:none; margin-top:1px; }
.info-row b{ display:block; font-size:.95rem; }
.info-row span{ font-size:.88rem; color:var(--muted); }
.pdp-sections{ display:grid; gap:20px; padding-bottom:20px; }
.panel{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:34px; }
.panel h2{ font-size:1.45rem; margin-bottom:18px; }
.panel p{ color:var(--ink-2); max-width:760px; }
.panel p + p{ margin-top:12px; }
.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.spec-table{ width:100%; border-collapse:collapse; }
.spec-table th, .spec-table td{ text-align:left; padding:13px 0; border-bottom:1px solid var(--line-2); vertical-align:top; font-size:.96rem; }
.spec-table tr:last-child th, .spec-table tr:last-child td{ border-bottom:0; }
.spec-table th{ width:36%; color:var(--muted); font-weight:700; padding-right:16px; }
.spec-table td{ font-weight:600; }
.box-list{ display:grid; gap:9px; }
.box-list li{ display:flex; gap:10px; align-items:flex-start; color:var(--ink-2); font-weight:600; }
.box-list li::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--brand); margin-top:9px; flex:none; }
.fine{ font-size:.8rem; color:var(--muted); margin-top:16px; }
.back-link{ display:inline-flex; margin:8px 0 0; font-weight:800; color:var(--brand); }

/* barra fija móvil */
.sticky-buy{ display:none; }

/* ---------- carrito (cajón) y checkout ---------- */
.scrim{ position:fixed; inset:0; background:rgba(8,10,22,.55); opacity:0; pointer-events:none; transition:opacity .2s; z-index:90; }
.scrim.open{ opacity:1; pointer-events:auto; }
.drawer{ position:fixed; top:0; right:0; height:100%; width:min(420px,100%); background:#fff; z-index:100; transform:translateX(100%); transition:transform .25s ease; display:flex; flex-direction:column; box-shadow:-20px 0 50px rgba(0,0,0,.18); }
.drawer.open{ transform:none; }
.drawer-head{ display:flex; justify-content:space-between; align-items:center; padding:20px 22px; border-bottom:1px solid var(--line); }
.drawer-head h2{ font-size:1.2rem; }
.x-btn{ width:40px; height:40px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; font-size:1.1rem; }
.x-btn:hover{ border-color:var(--ink); }
.drawer-body{ flex:1; overflow:auto; padding:8px 22px; }
.cart-item{ display:grid; grid-template-columns:76px 1fr auto; gap:14px; padding:16px 0; border-bottom:1px solid var(--line-2); align-items:center; }
.cart-item img{ width:76px; height:76px; object-fit:contain; background:#fff; border:1px solid var(--line-2); border-radius:12px; padding:5px; }
.cart-item h3{ font-size:.92rem; line-height:1.3; }
.cart-item .p{ font-weight:800; margin-top:4px; }
.cart-item .q{ display:inline-flex; align-items:center; gap:2px; margin-top:6px; border:1px solid var(--line); border-radius:99px; }
.cart-item .q button{ width:30px; height:30px; }
.cart-item .q output{ min-width:22px; text-align:center; font-weight:800; font-size:.9rem; }
.cart-item .rm{ font-size:.78rem; font-weight:700; color:var(--muted); text-decoration:underline; }
.drawer-empty{ text-align:center; padding:60px 10px; color:var(--muted); }
.drawer-foot{ padding:18px 22px 22px; border-top:1px solid var(--line); display:grid; gap:12px; }
.total-row{ display:flex; justify-content:space-between; align-items:baseline; font-weight:700; }
.total-row strong{ font-size:1.5rem; letter-spacing:-.02em; }
.modal{ position:fixed; inset:0; z-index:110; display:none; align-items:center; justify-content:center; padding:20px; }
.modal.open{ display:flex; }
.modal-card{ position:relative; background:#fff; border-radius:var(--r-lg); width:min(520px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:30px; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.modal-card h2{ font-size:1.4rem; padding-right:48px; margin-bottom:18px; }
.modal-card .x-btn{ position:absolute; top:22px; right:22px; }
.co-items{ border:1px solid var(--line); border-radius:var(--r-md); padding:6px 16px; margin-bottom:18px; }
.co-line{ display:flex; justify-content:space-between; gap:14px; padding:10px 0; font-size:.92rem; }
.co-line + .co-line{ border-top:1px solid var(--line-2); }
.co-line b{ white-space:nowrap; }
.field{ display:grid; gap:7px; margin-bottom:14px; }
.field label{ font-size:.82rem; font-weight:700; color:var(--ink-2); }
.field input{ height:50px; border:1.5px solid var(--line); border-radius:12px; padding:0 14px; font:inherit; background:#fff; }
.field input:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 4px rgba(91,61,245,.12); }
.pay-opts{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.pay-opt{ border:1.5px solid var(--line); border-radius:12px; padding:12px 6px; font-weight:700; font-size:.86rem; display:grid; gap:4px; justify-items:center; }
.pay-opt[aria-pressed="true"]{ border-color:var(--brand); background:rgba(91,61,245,.06); }
.transfer{ background:var(--bg); border-radius:12px; padding:14px 16px; margin-bottom:14px; font-size:.92rem; }
.transfer div{ display:flex; justify-content:space-between; gap:12px; padding:3px 0; }
.transfer span{ color:var(--muted); }
.transfer strong{ word-break:break-all; text-align:right; }
.transfer p{ margin-top:8px; font-size:.82rem; color:var(--muted); }
.demo-note{ font-size:.78rem; color:var(--muted); text-align:center; margin-top:12px; }
.co-ok{ text-align:center; padding:10px 0 4px; }
.co-ok .tick{ width:64px; height:64px; border-radius:50%; background:var(--ok-bg); color:var(--ok); display:grid; place-items:center; margin:0 auto 16px; }
.co-ok .tick svg{ width:30px; height:30px; }
.toast{ position:fixed; left:50%; bottom:28px; transform:translate(-50%,24px); background:var(--ink); color:#fff; padding:13px 22px; border-radius:99px; font-weight:700; font-size:.92rem; opacity:0; pointer-events:none; transition:.25s; z-index:130; max-width:calc(100% - 32px); text-align:center; }
.toast.show{ opacity:1; transform:translate(-50%,0); }

/* ---------- visor de fotos ---------- */
.lb{ position:fixed; inset:0; z-index:120; background:rgba(8,10,22,.92); display:none; flex-direction:column; }
.lb.open{ display:flex; }
.lb-top{ display:flex; justify-content:space-between; align-items:center; padding:14px 18px; color:#fff; font-weight:700; font-size:.9rem; }
.lb-top .x-btn{ border-color:rgba(255,255,255,.3); color:#fff; }
.lb-stage{ flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:0 70px; position:relative; }
.lb-img{ background:#fff; border-radius:var(--r-md); width:min(1000px,100%); height:100%; max-height:calc(100vh - 190px); padding:20px; }
.lb-img img{ width:100%; height:100%; object-fit:contain; }
.lb .g-nav{ background:rgba(8,10,22,.88); border-color:rgba(255,255,255,.45); color:#fff; z-index:2; }
.lb .g-prev{ left:14px; } .lb .g-next{ right:14px; }
.lb-thumbs{ display:flex; justify-content:center; gap:10px; padding:14px; flex-wrap:wrap; }
.lb-thumbs button{ width:62px; height:62px; padding:5px; background:#fff; border:2px solid transparent; border-radius:12px; opacity:.7; }
.lb-thumbs button[aria-current="true"]{ border-color:var(--cyan); opacity:1; }
.lb-thumbs img{ width:100%; height:100%; object-fit:contain; }

/* ---------- animaciones discretas ---------- */
.reveal{ opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease; }
.reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; transition:none; }
  .card, .btn, .drawer, .toast{ transition:none; }
}

/* ---------- responsive ---------- */
@media (max-width:1040px){
  .hero-grid{ grid-template-columns:1fr; gap:40px; padding:52px 0 60px; }
  .grid, .grid.g4{ grid-template-columns:repeat(2,1fr); }
  .benefits{ grid-template-columns:repeat(2,1fr); }
  .foot-grid{ grid-template-columns:1fr 1fr; }
  .pdp{ grid-template-columns:1fr; gap:28px; }
  .gallery{ position:static; }
}
@media (max-width:760px){
  .wrap{ padding:0 18px; }
  .hdr{ height:62px; gap:12px; }
  .burger{ display:grid; }
  .main-nav{ display:none; position:absolute; top:62px; left:0; right:0; background:#fff; border-bottom:1px solid var(--line); flex-direction:column; padding:10px 18px 16px; margin:0; gap:2px; }
  .main-nav.open{ display:flex; }
  .main-nav a{ padding:13px 12px; font-size:1.02rem; }
  .section{ padding:54px 0; }
  .grid, .grid.g4{ grid-template-columns:1fr; gap:18px; }
  .benefits{ grid-template-columns:1fr; }
  .two-col{ grid-template-columns:1fr; }
  .panel{ padding:24px 20px; }
  .foot-grid{ grid-template-columns:1fr; gap:26px; }
  .hero-stage{ padding:18px 14px 16px; }
  .hero-stage figcaption, .hero-stage .cap{ font-size:.68rem; }
  .g-main{ --pad:14px; border-radius:var(--r-md); }
  .g-thumbs button{ width:62px; height:62px; }
  .lb-stage{ padding:0 12px; }
  .lb .g-nav{ top:auto; bottom:6px; transform:none; }
  .sticky-buy{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:70; background:rgba(255,255,255,.97); border-top:1px solid var(--line); padding:10px 16px calc(10px + env(safe-area-inset-bottom)); align-items:center; gap:14px; box-shadow:0 -8px 24px rgba(12,14,26,.08); }
  .sticky-buy .sp{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
  .sticky-buy .sp small{ font-size:.72rem; color:var(--muted); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .sticky-buy .sp b{ font-size:1.25rem; letter-spacing:-.02em; }
  .sticky-buy .btn{ flex:1; }
  body.has-sticky{ padding-bottom:84px; }
  body.has-sticky .toast{ bottom:98px; }
  .modal{ align-items:flex-end; padding:0; }
  .modal-card{ border-radius:var(--r-lg) var(--r-lg) 0 0; max-height:92vh; width:100%; padding:24px 20px 28px; }
}
/* Comercio: sistema compacto, tipografía local, imágenes contenidas */
:root{--font:system-ui,-apple-system,'Segoe UI',sans-serif;--r-md:10px;--r-lg:16px;--brand:#4438e8;--brand-d:#3025bb;--wrap:1280px}
.hdr{height:auto;min-height:82px;flex-wrap:wrap;gap:18px;padding-top:14px;padding-bottom:12px}.logo{font-size:1rem}.header-search{display:flex;flex:1;min-width:220px;border:1px solid var(--line);border-radius:8px;background:#f5f6fa;overflow:hidden}.header-search input{border:0;background:transparent;padding:12px;min-width:0;width:100%;font:inherit}.header-search button{background:var(--brand);color:white;padding:0 18px;font-size:13px;font-weight:700}.main-nav{order:4;width:100%;margin:0;border-top:1px solid var(--line);padding-top:8px}.main-nav a{font-size:14px;padding:6px 18px;border-radius:6px}.hdr-actions{margin-left:0}.hero-grid{padding:42px 0;gap:40px}.hero h1{font-size:clamp(2rem,4vw,3.6rem)}.hero-stage{box-shadow:none;padding:20px}.hero-stage .ph{aspect-ratio:1/1}.hero p.lead{font-size:1rem}.hero-cta{margin-top:22px}.brand-chips{margin-top:20px}.section{padding:38px 0}.grid,.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border-radius:10px;box-shadow:none}.card-media{height:205px;aspect-ratio:auto;padding:22px}.card-media img{width:100%;height:100%;object-fit:contain}.card-body{padding:17px}.card h3{font-size:1rem;min-height:40px}.specs-mini{font-size:12px;min-height:44px}.card-foot{flex-wrap:wrap;gap:10px}.card-foot .price{font-size:1.35rem}.card-add{width:100%;margin-top:10px}.btn{border-radius:8px;box-shadow:none}.filters{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:white;border:1px solid var(--line);border-radius:10px;margin:0 0 24px}.filters label{display:grid;gap:5px;font-size:12px;color:var(--muted);flex:1;min-width:130px}input,select,textarea{font:inherit}label input,label select,label textarea{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}label input[type=checkbox]{display:inline;width:auto}.filters output{align-self:end;font-size:12px;padding:10px}.card[hidden]{display:none!important}.consent{position:fixed;bottom:18px;left:18px;right:18px;z-index:200;background:white;box-shadow:var(--shadow-h);padding:16px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:14px;font-size:13px}.consent span{flex:1}.privacy{padding:18px;text-decoration:underline;font-size:12px}.review-section{padding-top:35px;padding-bottom:45px}.review-section>p{max-width:800px;margin:16px 0;color:var(--muted)}#reviewForm{display:grid;gap:14px;max-width:600px;margin-top:25px}#reviewForm label{display:grid;gap:6px}#reviewForm textarea{min-height:100px}.trap{position:absolute;left:-9999px}.review-section article{background:white;padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:8px}.commercial{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:20px;padding-bottom:25px}.commercial p{font-size:13px;margin-top:8px;color:#b6bace}.promo{display:flex;gap:20px;background:#ecebff;padding:22px;margin-top:24px;border-radius:14px;align-items:center}.promo img{object-fit:contain}.promo strong,.promo span{display:block}.promo strong{font-size:28px}.reveal{opacity:1;transform:none}
@media(min-width:761px){.main-nav{display:flex!important}.brand-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.hdr{gap:12px;min-height:68px}.logo{font-size:.83rem}.header-search{order:3;width:100%;flex:auto}.hdr-actions{margin-left:auto}.main-nav{display:flex;overflow:auto;position:static;background:none;box-shadow:none;gap:0;padding:6px 0;border-radius:0}.main-nav a{white-space:nowrap;padding:5px 12px;font-size:13px}.burger{display:none}.hero-grid{grid-template-columns:1fr;gap:24px;padding:30px 0}.hero h1{font-size:2.2rem}.hero-stage{padding:14px}.hero-stage .ph{max-height:140px}.grid,.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-media{height:150px;padding:14px}.card-body{padding:12px}.card h3{font-size:.88rem;min-height:48px}.specs-mini{display:none}.card-foot .price{font-size:1.1rem}.card-foot .btn{font-size:12px;padding:0 10px;min-height:36px}.card-add{font-size:12px;min-height:38px}.wrap{padding-left:16px;padding-right:16px}.consent{flex-wrap:wrap;bottom:8px;left:8px;right:8px}.consent span{flex-basis:100%}.commercial{grid-template-columns:1fr}.filters{gap:10px;padding:12px}.filters label{min-width:110px}.promo img{width:110px;height:110px}.promo h2{font-size:20px}}
@media(max-width:760px){.main-nav{flex-direction:row!important;align-items:center;justify-content:flex-start}.hero-grid{padding:26px 0}.hero h1{font-size:2rem;margin:12px 0}.hero p.lead{font-size:.95rem}.hero-cta{gap:8px;margin-top:18px}.hero-cta .btn{font-size:13px;padding:0 14px;min-height:42px}.brand-chips{gap:6px;margin-top:16px}.brand-chip{font-size:12px;padding:6px 10px}.hero-stage .ph{max-height:120px}.section{padding:28px 0}}
.ui-icon{width:21px;height:21px;flex:none;display:inline-block;vertical-align:middle}.header-search button{display:flex;gap:8px;align-items:center}.main-nav a,.brand-chip{display:inline-flex;align-items:center;gap:7px}.main-nav .ui-icon{width:18px;height:18px}.brand-chip .dot{display:none}.sec-head h2{display:flex;align-items:center;gap:12px}.sec-head h2>.ui-icon{width:29px;height:29px;color:var(--brand)}.store-service-strip{display:grid;grid-template-columns:repeat(4,1fr);padding-top:23px;padding-bottom:23px;gap:22px;background:#fff;border-bottom:1px solid var(--line)}.store-service-strip>div{display:flex;align-items:center;gap:12px}.store-service-strip .ui-icon{width:29px;height:29px;color:var(--brand)}.store-service-strip b{display:block;font-size:13px}.store-service-strip small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.commercial h3{display:flex;gap:8px;align-items:center}.customer-section{background:#f0f0fa;border-block:1px solid #e1e2ef}.customer-section .sec-head p{max-width:650px}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer-opinion{background:white;padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.opinion-head{display:flex;gap:12px;align-items:center}.opinion-avatar{height:42px;width:42px;border-radius:50%;background:#edebff;color:var(--brand);display:grid;place-items:center;font-size:16px;font-weight:750;flex:none}.opinion-head b{font-size:14px}.opinion-stars{display:flex;gap:3px;margin-top:6px;color:#bb8118}.opinion-stars .ui-icon{width:16px;height:16px;stroke-width:1.5}.opinion-stars .filled{fill:currentColor}.customer-opinion>p{margin:18px 0;line-height:1.7;font-size:14px;color:var(--ink-2);overflow-wrap:anywhere}.customer-opinion>a{margin-top:auto;font-size:12px;color:var(--brand);border-top:1px solid var(--line);padding-top:14px}.customer-grid.is-empty{grid-template-columns:1.6fr 1fr}.opinion-invite{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;gap:18px}.opinion-invite>.ui-icon{width:40px;height:40px;color:var(--brand)}.opinion-invite h3{font-size:20px}.opinion-invite p,.opinion-note p{font-size:14px;line-height:1.7;color:var(--muted);margin:10px 0}.opinion-invite a{display:inline-block;font-size:14px;font-weight:700;color:var(--brand);margin-top:8px}.opinion-note{border:1px dashed #c9c7e0;padding:28px;border-radius:12px}.opinion-note b{font-size:15px}.review-section #reviewsList article{padding:22px}.review-section #reviewsList article>p{margin-top:14px;overflow-wrap:anywhere}
@media(max-width:760px){.store-service-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:20px;padding-bottom:20px}.store-service-strip>div{align-items:flex-start;gap:9px}.store-service-strip b{font-size:12px}.store-service-strip small{font-size:11px}.store-service-strip .ui-icon{width:23px;height:23px}.customer-grid,.customer-grid.is-empty{grid-template-columns:1fr}.customer-section .sec-head{align-items:start;flex-wrap:wrap;gap:18px}.customer-section h2{font-size:25px}.opinion-invite,.opinion-note{padding:20px}.header-search button{padding:0 12px}.main-nav .ui-icon{width:15px;height:15px}.main-nav a{gap:5px;padding:5px 8px}}

/* Logos de marca vectoriales, conservando proporciones */
.brand-logo{display:inline-block;object-fit:contain;flex:none;width:24px;height:24px}.brand-logo-nintendo{width:78px;height:26px}.brand-link{min-height:36px}.hero .brand-chip .brand-logo{filter:brightness(0) invert(1)}.brand-title{display:flex;align-items:center;gap:10px}.brand-title .brand-logo{width:32px;height:32px}.brand-title .brand-logo-nintendo{width:94px;height:32px}.card .kicker,.buy-top .kicker{display:inline-flex;align-items:center;gap:7px}.card .kicker .brand-logo{width:18px;height:18px}.card .kicker .brand-logo-nintendo{width:53px;height:18px}.card .kicker:has(.brand-logo-nintendo)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:0;padding-bottom:32px}.platform-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 18px;display:flex;gap:16px;align-items:center;transition:border-color .15s,box-shadow .15s}.platform-tile:hover{border-color:#9993e3;box-shadow:var(--shadow)}.platform-logo{width:70px;height:52px;display:flex;align-items:center;justify-content:center}.platform-logo .brand-logo{width:42px;height:42px}.platform-logo .brand-logo-nintendo{width:70px;height:27px}.platform-tile b{font-size:14px;display:block}.platform-tile small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.platform-arrow{margin-left:auto;color:var(--brand);font-size:23px}.main-nav .brand-logo{width:22px;height:22px}.main-nav .brand-logo-nintendo{width:76px;height:24px}
@media(max-width:760px){.main-nav a{min-height:40px}.main-nav .brand-logo{width:18px;height:18px}.main-nav .brand-logo-nintendo{width:65px;height:22px}.main-nav{gap:2px}.hero .brand-chip .brand-logo{width:18px;height:18px}.hero .brand-chip .brand-logo-nintendo{width:66px;height:22px}.platforms{grid-template-columns:1fr;gap:10px;padding-bottom:24px}.platform-tile{padding:14px 16px;gap:12px}.platform-logo{height:36px;width:65px}.platform-logo .brand-logo{width:32px;height:32px}.platform-logo .brand-logo-nintendo{width:65px;height:25px}.brand-title .brand-logo-nintendo{width:80px;height:27px}}

/* Revisión de las tres secciones: menos repetición y acciones directas */
.store-service-strip{max-width:1232px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:20px 24px;margin-bottom:4px;gap:0}.store-service-strip>div{padding:0 18px;border-right:1px solid var(--line)}.store-service-strip>div:first-child{padding-left:0}.store-service-strip>div:last-child{border:0;padding-right:0}.store-service-strip .ui-icon{width:25px;height:25px}.store-service-strip b{font-size:12px}.store-service-strip small{font-size:11px}.buy-guide{background:#fff;border-top:1px solid var(--line);padding:48px 0}.guide-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center}.guide-intro h2{font-size:37px;line-height:1.12;margin:14px 0}.guide-intro>p{font-size:14px;color:var(--muted);margin:14px 0}.guide-intro .eyebrow{font-size:10px}.buy-steps{list-style:none;display:grid;gap:0}.buy-steps li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.buy-steps li:last-child{border:0}.step-number{font-size:13px;letter-spacing:.04em;font-weight:750;background:#f0efff;color:var(--brand);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;flex:none}.buy-steps h3{font-size:17px;margin-bottom:7px}.buy-steps p{font-size:14px;color:var(--muted);line-height:1.6;max-width:510px}.customer-section{background:#f5f5fb;padding:44px 0;border-top:0}.customer-section .sec-head{margin-bottom:25px}.customer-section .sec-head h2{font-size:31px;margin-top:12px}.customer-section .sec-head>div>p{font-size:14px;margin-top:12px}.customer-grid.is-empty{display:block}.review-compose{display:grid;grid-template-columns:55px 1fr 1.1fr;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.review-compose-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--brand);background:#f0eeff}.review-compose-icon .ui-icon{width:27px;height:27px}.review-compose-copy h3{font-size:20px}.review-compose-copy p{font-size:13px;color:var(--muted);line-height:1.65;margin-top:8px;max-width:430px}#chooseReviewProduct label{display:block;font-size:11px;font-weight:650;color:var(--muted);margin-bottom:8px}.review-product-action{display:flex;flex-wrap:wrap;gap:10px}.review-product-action select{padding:12px;border:1px solid var(--line);border-radius:7px;width:100%;font-size:13px;background:#fff}.review-product-action .btn{min-height:40px;font-size:13px;padding:0 15px}.review-product-action .ui-icon{width:17px;height:17px}.reviews-empty-caption{font-size:11px;color:var(--muted);margin-top:14px;text-align:center}.review-section [hidden]{display:none!important}#reviewForm{scroll-margin-top:170px}
@media(max-width:760px){.store-service-strip{width:calc(100% - 32px);padding:18px 14px;gap:18px 12px}.store-service-strip>div{padding:0;border:0;gap:8px}.store-service-strip b{font-size:11px;line-height:1.5}.store-service-strip small{font-size:10px;line-height:1.5}.store-service-strip .ui-icon{width:21px;height:21px}.guide-layout{grid-template-columns:1fr;gap:15px}.buy-guide{padding:30px 0}.guide-intro h2{font-size:30px}.guide-intro h2 br{display:none}.buy-steps li{padding:17px 0;gap:14px}.buy-steps h3{font-size:15px}.buy-steps p{font-size:13px}.customer-section{padding:30px 0}.customer-section .sec-head h2{font-size:27px}.customer-section .sec-head>.btn{display:none}.review-compose{grid-template-columns:42px 1fr;gap:14px;padding:20px}.review-compose-icon{width:42px;height:42px}.review-compose-copy h3{font-size:18px}#chooseReviewProduct{grid-column:1/-1}.review-product-action .btn{width:100%}.reviews-empty-caption{text-align:left;font-size:11px;line-height:1.6}}
.product-review-summary{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0 17px;font-size:12px;color:var(--muted);min-height:24px}.product-review-summary:hover{color:var(--brand)}.product-review-summary .opinion-stars{margin:0;gap:2px}.product-review-summary .opinion-stars .ui-icon{width:16px;height:16px}.product-review-summary strong{font-size:13px;color:var(--ink)}.product-review-summary span:not(.opinion-stars){text-decoration:underline;text-underline-offset:3px}#reviewsList{scroll-margin-top:160px}.buy-box .ticks,.buy-panel .ticks{border-block:1px solid var(--line);padding-block:16px}

.rating-star{position:relative;display:inline-flex;width:16px;height:16px}.rating-star .star-outline{color:#a8acba}.star-fraction{position:absolute;inset:0;color:#bb8118}.star-fraction .filled{fill:currentColor}.product-review-summary .rating-star{width:16px;height:16px}

/* Valoraciones: una única figura SVG, sin capas desplazadas ni contornos dobles. */
.opinion-stars{display:inline-flex!important;align-items:center;gap:3px;line-height:1;height:18px;vertical-align:middle;flex:none}.opinion-stars .rating-glyph{display:block!important;width:18px!important;height:18px!important;min-width:18px;max-width:none;position:static!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible;flex:0 0 18px}.product-review-summary .opinion-stars{margin:0!important;gap:3px}.product-review-summary{gap:10px}.product-review-summary strong{text-decoration:none}.product-review-summary .opinion-stars,.product-review-summary .opinion-stars *{text-decoration:none!important}.opinion-head .opinion-stars{margin-top:7px!important}

/* Cartel de entrega y cuarto paso, condiciones confirmadas por el titular. */
.andreani-notice{display:flex;gap:12px;align-items:center;padding:17px 18px;background:#fff6f3;border:1px solid #f1d5cd;border-radius:10px;margin:18px 0;color:var(--ink)}.andreani-notice-icon{display:grid;place-items:center;width:38px;height:38px;background:#fff;border:1px solid #f0ded9;border-radius:9px;flex:none;color:#bd3927}.andreani-notice-icon .ui-icon{width:23px;height:23px}.andreani-notice b{display:block;font-size:14px;line-height:1.4}.andreani-notice p{font-size:12px;line-height:1.65;margin:5px 0 0!important;color:var(--ink-2)}.andreani-notice small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:4px}.andreani-carrier{margin-left:auto;font-size:10px;letter-spacing:.06em;font-weight:800;color:#bd3927;flex:none}.guide-intro .andreani-notice{padding:15px;margin-top:22px;align-items:start}.guide-intro .andreani-carrier{display:none}.guide-intro .andreani-notice p{font-size:12px}.buy-steps li{padding:18px 0}.buy-steps li:last-child .step-number{background:#fff0ea;color:#b6412b}
@media(max-width:760px){.andreani-notice{padding:14px 12px;gap:10px}.andreani-notice b{font-size:13px}.andreani-carrier{display:none}.andreani-notice-icon{height:34px;width:34px}.guide-intro .andreani-notice{margin-bottom:8px}.buy-steps li{padding:15px 0}}

/* TODO EN CONSOLAS · identidad y portada propia */
.tec-wordmark{width:205px;height:41px;object-fit:contain;display:block}.site-header .logo{gap:0}.site-footer .tec-wordmark{width:220px;height:44px}.tec-cover{background:#f3f1ff;color:#14142b;position:relative;border-bottom:1px solid #e0dcf7}.tec-cover:before{content:"";position:absolute;width:630px;height:630px;right:-80px;top:-100px;border:1px solid #ddd7fb;border-radius:50%;pointer-events:none}.tec-cover:after{content:"";position:absolute;width:540px;height:540px;right:-35px;top:-55px;border:1px solid #e1dcfa;border-radius:50%;pointer-events:none}.tec-cover .hero-grid{grid-template-columns:1fr 1.1fr;gap:30px;padding:52px 0 43px;min-height:495px;position:relative;z-index:1}.tec-cover .eyebrow{color:#6552dc;font-size:11px;letter-spacing:.18em}.tec-cover h1{font-size:clamp(2.7rem,4.5vw,3.8rem);line-height:1.04;letter-spacing:-.055em;margin:21px 0 18px}.tec-cover h1 em{color:#5140eb;background:none;-webkit-text-fill-color:initial}.tec-cover p.lead{color:#65637b;font-size:16px;line-height:1.75}.tec-cover .hero-cta{margin-top:25px;gap:10px}.tec-cover .hero-cta .btn{font-size:14px;min-height:47px}.tec-cover .hero-cta .btn-primary{padding:0 25px;background:#5140eb;box-shadow:0 7px 18px #5140eb25}.tec-cover .hero-cta .btn-primary span{font-size:22px;margin-left:12px}.tec-cover .btn-dark-ghost{color:#3c365c;background:transparent;border-color:#ccc5e5}.tec-cover .btn-dark-ghost:hover{background:#e9e4ff}.tec-cover .brand-chips{margin-top:27px;gap:10px}.tec-cover .brand-chip{color:#3b3559;background:transparent;border:0;padding:6px 10px 6px 0;font-size:12px;border-radius:0}.tec-cover .brand-chip .brand-logo{filter:none}.cover-collection{background:transparent;border-radius:0;padding:0;box-shadow:none;position:relative}.cover-edition{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.16em;font-weight:700;color:#8d87a8;margin:0 5px 18px}.cover-collection .hero-stage-row{grid-template-columns:1fr 1.16fr 1fr;gap:13px;align-items:center;padding:14px 0 13px}.cover-collection .hero-stage-row>a{background:linear-gradient(155deg,#fff,#eae7f5);border:1px solid #fff;border-radius:16px;padding:18px 9px 15px;box-shadow:0 20px 28px #24203f0d;min-width:0;transition:transform .2s}.cover-collection .hero-stage-row>a:nth-child(1){transform:rotate(-7deg) translateY(8px);z-index:1}.cover-collection .hero-stage-row>a:nth-child(2){transform:translateY(-14px);padding:25px 10px 19px;z-index:2;background:linear-gradient(155deg,#fff,#e1d9ff);box-shadow:0 24px 35px #5140eb19}.cover-collection .hero-stage-row>a:nth-child(3){transform:rotate(7deg) translateY(8px)}.cover-collection .hero-stage-row>a:hover{transform:translateY(-15px)}.cover-collection .ph{aspect-ratio:auto;height:215px}.cover-collection .hero-stage-row>a:nth-child(2) .ph{height:245px}.cover-collection img{mix-blend-mode:multiply;max-height:none;object-fit:contain}.cover-collection .cap{font-size:10px;color:#4c465f;margin-top:15px;letter-spacing:-.01em}.cover-collection .hero-stage-foot{border:0;padding-top:13px;margin-top:22px;color:#8a849f;font-size:10px;gap:10px}.cover-collection .hero-stage-foot b{color:#4b445f}.cover-collection .hero-stage-foot a{font-size:10px;color:#5140eb}.tec-cover .hero-stage-foot>span{max-width:none}
@media(min-width:1040px){.cover-collection .hero-stage-row{padding-left:8px;padding-right:8px}.tec-cover .cover-copy{padding-bottom:10px}}
@media(max-width:760px){.tec-wordmark{width:170px;height:34px}.site-footer .tec-wordmark{width:200px;height:40px}.tec-cover:before{width:370px;height:370px;right:-110px;top:280px}.tec-cover:after{width:310px;height:310px;right:-80px;top:310px}.tec-cover .hero-grid{grid-template-columns:1fr;padding:28px 0 25px;min-height:0;gap:24px}.tec-cover h1{font-size:42px;line-height:1.06;margin:16px 0}.tec-cover p.lead{font-size:14px;line-height:1.65}.tec-cover .eyebrow{font-size:9px}.tec-cover .hero-cta{margin-top:20px}.tec-cover .hero-cta .btn{min-height:43px;font-size:13px}.tec-cover .brand-chips{margin-top:17px;gap:11px}.tec-cover .brand-chip{padding:4px 5px 4px 0;font-size:11px}.tec-cover .brand-chip .brand-logo-nintendo{width:62px;height:21px}.cover-edition{font-size:7px;margin-bottom:8px}.cover-collection .hero-stage-row{gap:9px;padding:10px 7px 8px}.cover-collection .hero-stage-row>a{border-radius:12px;padding:11px 5px 12px}.cover-collection .hero-stage-row>a:nth-child(2){padding:16px 6px 14px;transform:translateY(-7px)}.cover-collection .ph{height:130px!important;max-height:none!important}.cover-collection .hero-stage-row>a:nth-child(2) .ph{height:155px!important}.cover-collection .cap{font-size:8px;line-height:1.4;margin-top:9px}.cover-collection .hero-stage-foot{margin-top:13px;padding-top:4px;font-size:9px}.cover-collection .hero-stage-foot a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cover-collection .hero-stage-row>a{transition:none}}

.shipping-free-row{font-size:13px!important;margin-bottom:10px}.shipping-free-row strong,.shipping-free-row b{color:#157c53;font-size:13px!important}