/* Version C: Pro Store. Bright, rounded, fast to shop. Inspired by Anker and the EcoFlow store. */
html[data-v="c"]{--bg:#fff;--bg2:var(--tint);--card:#fff;--ink:#111513;--mute:#5E6964;--line:#E3E8E4;--btn:var(--pri);--btnInk:#fff;--hi:var(--pri);--hdr:#fff;--hdrInk:#111513;--r:24px;--rs:14px}
[data-v="c"] .hero-c{display:block}
[data-v="c"] .hdr__logo img{filter:brightness(0)}
[data-v="c"] .hdr{border-bottom:1px solid var(--line)}
[data-v="c"] h1,[data-v="c"] h2{letter-spacing:calc(var(--hls) - .005em)}
[data-v="c"] .eyebrow{padding:8px 14px;border-radius:999px;background:var(--tint);letter-spacing:.1em}
[data-v="c"] .eyebrow::before{width:7px;height:7px;border-radius:50%}
/* hero */
.hero-c{padding:clamp(20px,3vw,36px) 0 0}
.hero-c__in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,70px);align-items:center;padding-top:clamp(20px,4vw,50px);padding-bottom:clamp(40px,6vw,80px)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--tint);font-size:13.5px;font-weight:600;margin-bottom:24px}
.hero-c h1{font-size:clamp(44px,5.8vw,88px)}
.hero-c .lead{margin-top:22px}
.hero-c .ticks{margin-top:30px;gap:10px;font-size:15px}
.hero-c__media{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:1/1.05;background:var(--tint)}
.hero-c__media video{width:100%;height:100%;object-fit:cover}
.hero-c__card{position:absolute;left:22px;bottom:22px;right:22px;max-width:380px;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 20px 50px -20px rgba(0,0,0,.35);transition:transform .4s var(--ease)}
.hero-c__card:hover{transform:translateY(-4px)}
.hero-c__card img{width:74px;height:74px;object-fit:contain;border-radius:14px;background:#fff}
.hero-c__card small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mute)}
.hero-c__card b{display:block;font-size:15.5px;line-height:1.25;margin:3px 0}
.hero-c__card em{font-style:normal;font-weight:700;color:var(--pri)}
/* flavor */
[data-v="c"] .trust{background:#fff;border:0}
[data-v="c"] .trust__in{background:var(--tint);border-radius:24px;padding:0 10px}
[data-v="c"] .tr{border-color:rgba(0,0,0,.07);padding-left:26px}
[data-v="c"] .tr:first-child{padding-left:26px}
[data-v="c"] .cat{aspect-ratio:1/1.12;border-radius:24px}
[data-v="c"] .cats__grid{gap:14px}
[data-v="c"] .pc{border-radius:24px;border-color:transparent;background:var(--tint)}
[data-v="c"] .pc__img{margin:10px 10px 0;border-radius:18px}
[data-v="c"] .pc:hover{border-color:color-mix(in srgb,var(--pri) 22%,transparent)}
[data-v="c"] .spot{background:var(--tint)}
[data-v="c"] .spot__media{border-radius:32px}
[data-v="c"] .train{background:#fff}
[data-v="c"] .tc{background:var(--tint);border-color:transparent}
[data-v="c"] .qc{background:var(--tint);border-color:transparent}
[data-v="c"] .revs__score b{color:var(--pri)}
[data-v="c"] .pro{margin:0 clamp(10px,2vw,24px);border-radius:32px}
[data-v="c"] .ph{margin:12px clamp(10px,2vw,24px) 0;border-radius:32px;min-height:min(70vh,640px)}
[data-v="c"] .cmp__wrap{border-radius:24px}
[data-v="c"] .how__badge{background:#fff;color:var(--ink)}
[data-v="c"] .how__badge span{color:var(--pri)}
[data-v="c"] .dealer{margin:0 clamp(10px,2vw,24px);border-radius:32px}
[data-v="c"] .ftr{margin-top:clamp(40px,5vw,70px)}
@media (max-width:900px){.hero-c__in{grid-template-columns:1fr}.hero-c__media{aspect-ratio:4/3.6}[data-v="c"] .trust__in{padding:0}}
/* dark bands in every version: highlight with the accent, never the primary */
html[data-v] :is(.pro,.ph,.ftr,.dealer,.hero-a,.hero-b) .accent,html[data-v] :is(.pro,.ph,.ftr,.dealer) .eyebrow{color:var(--acc)}
html[data-v="b"] :is(.pro,.ph,.ftr,.dealer) .eyebrow{color:#fff}
html[data-v="c"] :is(.pro,.ph,.ftr,.dealer) .eyebrow{background:rgba(255,255,255,.12)}
html[data-v="c"][data-p="1"] :is(.pro,.ph,.ftr,.dealer) .eyebrow{color:#fff}
