:root{--bg:#140d22;--bg2:#1d1335;--magenta:#ff2e88;--purple:#b06bf0;--cyan:#22ecff;--chrome:#d9dce6;--text:#faf8ff;--muted:#a79fc4;--star:#f2c66d}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;overflow-x:hidden;position:relative;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 5%,rgba(176,107,240,.32),transparent 42%),radial-gradient(circle at 85% 20%,rgba(255,46,136,.26),transparent 45%),radial-gradient(circle at 50% 95%,rgba(34,236,255,.2),transparent 48%)}
.wrap{position:relative;z-index:1}
a{color:inherit}
/* per-category identity */
body[data-cat="skin"]{--bg:#1a0f1e;--bg2:#2a1530;--magenta:#ff5aa6;--purple:#ff86c6;--cyan:#ffd36b}
body[data-cat="bound"]{--bg:#120c22;--bg2:#1c1336;--magenta:#a64bff;--purple:#7b3ff0;--cyan:#c98bff}
body[data-cat="play"]{--bg:#0d1622;--bg2:#10243a;--magenta:#22d3ff;--purple:#4aa0ff;--cyan:#69ffd0}
body[data-cat="games"]{--bg:#1e130c;--bg2:#30200f;--magenta:#ffb020;--purple:#ff8a3d;--cyan:#ffe08a}
body[data-cat="wellness"]{--bg:#0c1d18;--bg2:#123029;--magenta:#2ee6a8;--purple:#3fc9a0;--cyan:#a8ffe3}
body[data-cat="bundle"]{--bg:#1e0c16;--bg2:#331327;--magenta:#ff5a8f;--purple:#ff7bd5;--cyan:#ffd36b}
body[data-cat] .chero h1{filter:drop-shadow(0 0 30px rgba(255,255,255,.12))}
/* AGE GATE */
#gate{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(15,9,28,.94);backdrop-filter:blur(8px);text-align:center;padding:24px}
#gate .box{max-width:440px}
#gate h2{font-family:'Orbitron';font-size:13px;letter-spacing:6px;color:var(--cyan);margin-bottom:18px}
#gate .logo{font-family:'Orbitron';font-weight:900;font-size:46px;letter-spacing:2px;background:linear-gradient(90deg,var(--magenta),var(--purple),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
#gate p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:28px}
.gbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.gbtn{padding:14px 30px;border-radius:40px;font-weight:700;font-size:15px;cursor:pointer;border:none;font-family:'Space Grotesk'}
.gbtn.yes{background:linear-gradient(90deg,var(--magenta),var(--purple));color:#fff;box-shadow:0 0 24px rgba(255,46,136,.55)}
.gbtn.no{background:transparent;color:var(--muted);border:1px solid #3a3158}
/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:20px 6vw;position:sticky;top:0;z-index:20;background:rgba(20,13,34,.62);backdrop-filter:blur(14px);border-bottom:1px solid rgba(176,107,240,.25)}
.brand{font-family:'Orbitron';font-weight:900;font-size:24px;letter-spacing:2px;text-decoration:none;background:linear-gradient(90deg,#fff,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{color:var(--cyan);-webkit-text-fill-color:var(--cyan)}
.navlinks{display:flex;gap:28px;font-size:14px;letter-spacing:1px;text-transform:uppercase}
.navlinks a{color:var(--chrome);text-decoration:none;transition:.25s;padding-bottom:3px}
.navlinks a:hover,.navlinks a.active{color:var(--magenta);text-shadow:0 0 12px rgba(255,46,136,.7);border-bottom:2px solid var(--magenta)}
.cart{border:1px solid var(--cyan);color:var(--cyan);padding:9px 18px;border-radius:30px;font-size:13px;letter-spacing:1px;cursor:pointer;background:transparent;transition:.25s}
.cart:hover{background:var(--cyan);color:#04121a;box-shadow:0 0 22px rgba(34,236,255,.6)}
@media(max-width:760px){.navlinks{gap:16px;font-size:12px}}
/* CINEMATIC VIDEO HERO */
.vhero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-bottom:1px solid rgba(176,107,240,.3)}
.vhero-media{position:absolute;inset:0;z-index:0}
.vhero-media video,.vhero-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;animation:heroZoom 24s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.09)}}
.vhero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,13,34,.55),rgba(20,13,34,.05) 32%,rgba(20,13,34,.12) 58%,rgba(20,13,34,.92) 96%),radial-gradient(ellipse at 18% 88%,rgba(255,46,136,.32),transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(34,236,255,.18),transparent 50%)}
.vhero-txt{position:relative;z-index:2;padding:0 6vw 9vh;max-width:900px}
.vhero .kicker{font-family:'Orbitron';font-size:clamp(11px,1.2vw,14px);letter-spacing:8px;color:var(--cyan);margin-bottom:20px;text-shadow:0 0 18px rgba(34,236,255,.7)}
.hero-title{font-family:'Orbitron';font-weight:900;font-size:clamp(52px,10vw,128px);line-height:.94;letter-spacing:1px;overflow:visible;padding-right:.12em;overflow-wrap:break-word;background:linear-gradient(120deg,#fff 10%,var(--magenta) 50%,var(--purple) 75%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;animation:glow 4s ease-in-out infinite}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 30px rgba(255,46,136,.4))}50%{filter:drop-shadow(0 0 55px rgba(176,107,240,.6))}}
.hero-sub{font-size:clamp(17px,2.2vw,26px);margin:22px 0 10px;font-weight:300;letter-spacing:2px;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.hero-tag{color:var(--chrome);max-width:520px;margin-bottom:32px;font-size:17px;line-height:1.65;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.cta{display:inline-block;padding:15px 40px;border-radius:46px;font-weight:700;font-size:15px;letter-spacing:1px;cursor:pointer;text-decoration:none;color:#fff;background:linear-gradient(90deg,var(--magenta),var(--purple));border:none;box-shadow:0 0 30px color-mix(in srgb,var(--magenta) 55%,transparent);transition:transform .2s,box-shadow .2s}
.cta:hover{transform:translateY(-3px) scale(1.03)}
.cta.ghost{background:rgba(20,13,34,.45);border:1px solid var(--cyan);color:var(--cyan);box-shadow:0 0 22px rgba(34,236,255,.3);backdrop-filter:blur(6px)}
.vhero-ctas{display:flex;gap:16px;flex-wrap:wrap}
.vhero-scroll{position:absolute;right:6vw;bottom:4vh;z-index:2;font-family:'Orbitron';font-size:11px;letter-spacing:4px;color:var(--chrome);opacity:.8;animation:scrollNudge 2.4s ease-in-out infinite}
@keyframes scrollNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media(max-width:820px){.vhero{min-height:78vh}.vhero-txt{padding-bottom:11vh}.vhero-scroll{display:none}}
/* category hero */
.chero{padding:60px 6vw 30px;text-align:center}
.chero .small{font-family:'Orbitron';font-size:12px;letter-spacing:6px;color:var(--cyan);margin-bottom:14px}
.chero h1{font-family:'Orbitron';font-weight:900;font-size:clamp(48px,9vw,104px);letter-spacing:1px;line-height:.98;overflow:visible;padding-right:.12em;overflow-wrap:break-word;background:linear-gradient(120deg,#fff,var(--magenta),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;animation:glow 4s ease-in-out infinite}
.chero p{color:var(--muted);max-width:560px;margin:16px auto 0;font-size:16px;line-height:1.6}
.usp{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;padding:16px 6vw 46px;border-bottom:1px solid rgba(176,107,240,.2)}
.usp div{display:flex;align-items:center;gap:10px;color:var(--chrome);font-size:14px}
.usp .dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
section{padding:52px 6vw}
.sec-head{text-align:center;margin-bottom:36px}
.sec-head .small{font-family:'Orbitron';font-size:12px;letter-spacing:6px;color:var(--magenta);margin-bottom:12px}
.sec-head h2{font-family:'Orbitron';font-weight:700;font-size:clamp(28px,5vw,44px);letter-spacing:1px}
.sec-head p{color:var(--muted);margin-top:10px;font-size:15px}
/* category tiles (home) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.tile{position:relative;height:300px;border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid rgba(176,107,240,.3);transition:.35s}
.tile:hover{transform:translateY(-6px);border-color:var(--magenta);box-shadow:0 0 40px color-mix(in srgb,var(--magenta) 35%,transparent)}
.tile.skin{background:radial-gradient(circle at 70% 25%,rgba(255,46,136,.5),var(--bg2))}
.tile.bound{background:radial-gradient(circle at 35% 35%,rgba(176,107,240,.55),var(--bg2))}
.tile.play{background:radial-gradient(circle at 60% 70%,rgba(34,236,255,.45),var(--bg2))}
.tile.games{background:radial-gradient(circle at 30% 30%,rgba(255,176,32,.45),var(--bg2))}
.tile.wellness{background:radial-gradient(circle at 65% 60%,rgba(46,230,168,.4),var(--bg2))}
.tile.bundle{background:radial-gradient(circle at 50% 25%,rgba(255,90,143,.5),var(--bg2))}
.tile h3{font-family:'Orbitron';font-weight:900;font-size:38px;letter-spacing:3px;margin-bottom:6px;color:#fff}
.tile p{color:rgba(255,255,255,.82);font-size:14px}
.tile .go{margin-top:14px;font-size:12px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase}
/* grid + uniforme productkaarten — rustig, scanbaar, premium */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.card{background:rgba(24,16,44,.72);border:1px solid rgba(176,107,240,.22);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;cursor:pointer}
.card:hover{transform:translateY(-4px);border-color:rgba(176,107,240,.6);box-shadow:0 16px 36px rgba(0,0,0,.38)}
.card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;transform:translateY(-4px)}
.thumb{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#241640}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.card:hover .thumb img{transform:scale(1.04)}
.badge{position:absolute;top:10px;left:10px;background:rgba(16,10,30,.78);border:1px solid color-mix(in srgb,var(--magenta) 75%,transparent);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:20px;letter-spacing:1px;backdrop-filter:blur(4px);z-index:2}
.badge.best{border-color:var(--cyan);color:var(--cyan)}
.body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.body .ck{font-family:'Orbitron';font-size:9px;letter-spacing:3px;color:var(--muted);margin-bottom:6px}
.body h4{font-weight:500;font-size:14px;letter-spacing:.2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;flex:1;margin-bottom:10px}
.body .row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(176,107,240,.14);padding-top:10px}
.price{font-family:'Orbitron';font-weight:700;color:var(--cyan);font-size:15px;white-space:nowrap}
.view{font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;transition:color .25s}
.card:hover .view{color:var(--magenta)}
/* lifestyle band — full-bleed cinema */
.band{position:relative;height:min(78vh,620px);overflow:hidden;display:flex;align-items:center;border-top:1px solid rgba(176,107,240,.2);border-bottom:1px solid rgba(176,107,240,.2)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%}
/* why it matters */
.why{max-width:780px;margin:0 auto;text-align:center;padding:8px 0 6px}
.why h2{font-family:'Orbitron';font-weight:700;font-size:clamp(24px,4vw,34px);letter-spacing:.5px;margin-bottom:16px;background:linear-gradient(90deg,#fff,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.why p{color:var(--chrome);font-size:17px;line-height:1.75;font-weight:300}
/* facts */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.fact{background:linear-gradient(160deg,rgba(40,28,68,.7),rgba(24,16,44,.85));border:1px solid rgba(176,107,240,.28);border-radius:16px;padding:24px}
.fbig{font-family:'Orbitron';font-weight:900;font-size:46px;line-height:1;color:var(--cyan);margin-bottom:12px;text-shadow:0 0 22px rgba(34,236,255,.4)}
.fbig span{font-size:18px;color:var(--magenta);margin-left:3px}
.fact h4{font-family:'Orbitron';font-size:15px;letter-spacing:.5px;margin-bottom:10px;color:#fff}
.fact p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:12px}
.fact .fsrc{font-size:11px;color:#6a6294;letter-spacing:.3px}
.band .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,13,34,.92),rgba(20,13,34,.35) 55%,transparent 80%),linear-gradient(0deg,rgba(20,13,34,.55),transparent 35%),radial-gradient(ellipse at 12% 85%,color-mix(in srgb,var(--magenta) 30%,transparent),transparent 55%)}
.band .ban-txt{position:relative;z-index:2;padding:0 6vw;width:min(620px,88vw);max-width:620px}
.band h3{font-family:'Orbitron';font-weight:900;font-size:clamp(30px,4.6vw,54px);letter-spacing:.5px;margin-bottom:14px;line-height:1.06;overflow:visible;padding-right:.16em;overflow-wrap:break-word;background:linear-gradient(100deg,#fff,var(--magenta) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 22px rgba(0,0,0,.7))}
.band p{color:var(--chrome);font-size:17px;margin-bottom:22px;text-shadow:0 2px 12px rgba(0,0,0,.8)}
/* modal */
#modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:rgba(10,6,20,.86);backdrop-filter:blur(10px);padding:24px}
#modal.open{display:flex}
.mbox{position:relative;background:linear-gradient(160deg,#241640,#170f2c);border:1px solid rgba(176,107,240,.4);border-radius:20px;max-width:880px;width:100%;max-height:90vh;overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 0 70px rgba(255,46,136,.3)}
@media(max-width:680px){.mbox{grid-template-columns:1fr}}
.mgallery{padding:18px}
.mmain{width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#1d1335;border:1px solid rgba(176,107,240,.3)}
.mmain img{width:100%;height:100%;object-fit:cover}
.mthumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.mthumbs img{width:62px;height:62px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent;opacity:.7;transition:.2s}
.mthumbs img.active,.mthumbs img:hover{border-color:var(--cyan);opacity:1}
.minfo{padding:30px 28px;display:flex;flex-direction:column}
.minfo .cat{font-family:'Orbitron';font-size:11px;letter-spacing:4px;color:var(--magenta);margin-bottom:12px}
.minfo h3{font-family:'Orbitron';font-size:21px;line-height:1.3;margin-bottom:14px}
.minfo .mprice{font-family:'Orbitron';font-weight:700;color:var(--cyan);font-size:27px;margin-bottom:18px}
.minfo .mdesc{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:24px;flex:1}
.minfo .madd{padding:15px;border-radius:40px;border:none;background:linear-gradient(90deg,var(--magenta),var(--purple));color:#fff;font-weight:700;font-size:15px;letter-spacing:1px;cursor:pointer;font-family:'Space Grotesk';box-shadow:0 0 24px rgba(255,46,136,.5)}
.mclose{position:absolute;top:14px;right:20px;font-size:30px;color:#fff;cursor:pointer;z-index:61;background:none;border:none;line-height:1}
/* MOTION: aurora background */
body::before{animation:aurora 18s ease-in-out infinite alternate}
@keyframes aurora{0%{background:radial-gradient(circle at 12% 8%,rgba(176,107,240,.32),transparent 42%),radial-gradient(circle at 88% 18%,rgba(255,46,136,.26),transparent 45%),radial-gradient(circle at 48% 96%,rgba(34,236,255,.2),transparent 48%)}100%{background:radial-gradient(circle at 22% 18%,rgba(255,46,136,.3),transparent 44%),radial-gradient(circle at 78% 30%,rgba(34,236,255,.24),transparent 46%),radial-gradient(circle at 55% 88%,rgba(176,107,240,.26),transparent 48%)}}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s ease}
.reveal.in{opacity:1;transform:none}
/* model marquee */
.marquee{overflow:hidden;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:16px;width:max-content;animation:mqscroll 50s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
.mq-item{flex:0 0 auto;width:300px;height:410px;border-radius:16px;overflow:hidden;border:1px solid rgba(176,107,240,.35);position:relative;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.mq-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(20,13,34,.5));pointer-events:none}
.mq-item img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.4s}
.mq-item:hover img{transform:scale(1.06);filter:brightness(1.12)}
@keyframes mqscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* floating hearts */
#hearts{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.heart{position:absolute;bottom:-30px;color:var(--magenta);animation:floatup linear infinite}
@keyframes floatup{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(-115vh) rotate(40deg);opacity:0}}
/* love section */
.love{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;background:linear-gradient(160deg,rgba(40,28,68,.6),rgba(24,16,44,.7));border:1px solid rgba(176,107,240,.3);border-radius:22px;overflow:hidden}
.love .limg{height:100%;min-height:340px}
.love .limg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.love .ltxt{padding:36px 34px}
.love .ltxt .small{font-family:'Orbitron';font-size:12px;letter-spacing:5px;color:var(--magenta);margin-bottom:14px}
.love .ltxt h2{font-family:'Orbitron';font-weight:700;font-size:clamp(26px,4vw,38px);margin-bottom:16px;line-height:1.1}
.love .ltxt p{color:var(--chrome);font-size:16px;line-height:1.7;margin-bottom:22px;font-weight:300}
@media(max-width:760px){.love{grid-template-columns:1fr}.love .limg{min-height:280px}}
/* lookbook gallery */
.lookbook{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.lb-item{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid rgba(176,107,240,.3)}
.lb-item img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s}
.lb-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,13,34,.55));opacity:0;transition:.4s}
.lb-item:hover img{transform:scale(1.07)}
.lb-item:hover::after{opacity:1}
.lb-item:nth-child(3n+1){grid-row:span 1}
/* immersive editorial spreads — magazine full-bleed */
.spread{display:grid;grid-template-columns:1.2fr 1fr;min-height:min(88vh,760px);align-items:stretch;overflow:hidden;border-top:1px solid rgba(176,107,240,.18)}
.spread .s-img{position:relative;overflow:hidden;min-height:520px}
.spread .s-img img{width:100%;height:100%;object-fit:cover;object-position:top;animation:kenburns 16s ease-in-out infinite alternate}
.spread .s-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(20,13,34,.72)),linear-gradient(0deg,rgba(20,13,34,.35),transparent 30%)}
.spread.rev .s-img::after{background:linear-gradient(270deg,transparent 45%,rgba(20,13,34,.72)),linear-gradient(0deg,rgba(20,13,34,.35),transparent 30%)}
.spread .s-txt{display:flex;flex-direction:column;justify-content:center;padding:56px 6vw;background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--purple) 14%,transparent),transparent 65%)}
.spread.rev .s-img{order:2}
.spread.rev .s-txt{background:radial-gradient(ellipse at 100% 50%,color-mix(in srgb,var(--purple) 14%,transparent),transparent 65%)}
.spread .s-k{font-family:'Orbitron';font-size:12px;letter-spacing:6px;color:var(--magenta);margin-bottom:18px;text-shadow:0 0 14px color-mix(in srgb,var(--magenta) 60%,transparent)}
.spread .s-txt h2{font-family:'Orbitron';font-weight:900;font-size:clamp(36px,6.5vw,74px);line-height:.98;margin-bottom:20px;background:linear-gradient(120deg,#fff,var(--magenta) 70%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.spread .s-txt p{color:var(--chrome);font-size:19px;line-height:1.7;margin-bottom:28px;font-weight:300;max-width:460px}
.spread .s-txt .cta{align-self:flex-start}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.13)}}
@media(max-width:760px){.spread{grid-template-columns:1fr;min-height:0}.spread.rev .s-img{order:0}.spread .s-img{min-height:440px}.spread .s-txt{padding:36px 7vw}}
.band img,.love .limg img{animation:kenburns 22s ease-in-out infinite alternate}
footer{padding:52px 6vw 40px;border-top:1px solid rgba(176,107,240,.25);text-align:center;margin-top:30px}
footer .brand{font-size:28px;margin-bottom:16px;display:inline-block}
footer .links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:22px;font-size:13px;letter-spacing:1px;text-transform:uppercase}
footer .links a{color:var(--muted);text-decoration:none;transition:.25s}
footer .links a:hover{color:var(--cyan)}
footer .fine{color:#6a6294;font-size:12px;line-height:1.7}
/* product cards zijn nu links naar product.html */
a.card{text-decoration:none;color:inherit}
/* shop-pagina: filters — categorie (checkbox) + doelgroep & prijs (pills) */
.shop-filters{display:flex;flex-direction:column;gap:13px;margin:0 0 24px}
.frow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
.flab{font-family:'Orbitron';font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-right:4px}
.fpill{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:30px;border:1px solid rgba(176,107,240,.4);background:rgba(24,16,44,.92);color:var(--chrome);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;font-family:'Space Grotesk',sans-serif;cursor:pointer;transition:.25s}
.fpill:hover{border-color:var(--cyan)}
.fpill.on{border-color:var(--magenta);color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--magenta) 35%,transparent)}
.fpill em{font-style:normal;color:var(--muted);font-size:10px}
.fpill:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.fchk{display:flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid rgba(176,107,240,.4);border-radius:30px;background:rgba(24,16,44,.92);color:var(--chrome);font-size:13px;letter-spacing:1.5px;cursor:pointer;transition:.25s;text-transform:uppercase;font-weight:500}
.fchk:hover{border-color:var(--cyan)}
.fchk input{accent-color:var(--magenta);width:15px;height:15px;cursor:pointer}
.fchk:has(input:checked){border-color:var(--magenta);box-shadow:0 0 16px color-mix(in srgb,var(--magenta) 35%,transparent);color:#fff}
.fchk em{font-style:normal;color:var(--muted);font-size:11px}
.shop-empty{color:var(--muted);text-align:center;padding:36px 10px;grid-column:1/-1}
/* product/bestelpagina */
.crumbs{padding:26px 6vw 0;font-size:13px;color:var(--muted);letter-spacing:.5px}
.crumbs a{color:var(--muted);text-decoration:none;transition:.2s}
.crumbs a:hover{color:var(--cyan)}
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;padding:28px 6vw 14px;align-items:start}
.pdp-img{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(176,107,240,.35);aspect-ratio:1/1;background:#120b20;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.pdp-img img{width:100%;height:100%;object-fit:cover;display:block}
/* PDP foto-slider: pijltjes + thumbnails */
.gnav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--cyan);background:rgba(20,13,34,.55);color:var(--cyan);font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:.25s;display:flex;align-items:center;justify-content:center;padding-bottom:3px}
.gnav:hover{background:var(--cyan);color:#04121a;box-shadow:0 0 22px rgba(34,236,255,.6)}
.gnav:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.gnav.prev{left:14px}
.gnav.next{right:14px}
.gdots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;font-family:'Orbitron';font-size:11px;letter-spacing:2px;color:var(--chrome);background:rgba(20,13,34,.65);padding:5px 12px;border-radius:14px;backdrop-filter:blur(4px)}
.pdp-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.pdp-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:12px;cursor:pointer;border:2px solid rgba(176,107,240,.35);opacity:.65;transition:.2s}
.pdp-thumbs img.active,.pdp-thumbs img:hover{border-color:var(--cyan);opacity:1;box-shadow:0 0 14px rgba(34,236,255,.35)}
@media(max-width:760px){.pdp-thumbs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.pdp-thumbs img{flex:0 0 auto;width:60px;height:60px}.gnav{width:38px;height:38px;font-size:20px}}
.pdp-info .cat{font-family:'Orbitron';font-size:12px;letter-spacing:4px;color:var(--magenta);margin-bottom:12px}
.pdp-info h1{font-family:'Orbitron';font-size:clamp(24px,3.4vw,38px);line-height:1.2;margin-bottom:14px}
.pdp-price{font-family:'Orbitron';font-weight:700;color:var(--cyan);font-size:32px;margin-bottom:6px}
.pdp-ship{color:var(--muted);font-size:13px;margin-bottom:20px}
.pdp-desc{color:var(--chrome);font-size:16px;line-height:1.7;margin-bottom:24px;font-weight:300}
.pdp-info .madd{width:100%;max-width:360px}
.specs{list-style:none;margin-top:24px;display:grid;gap:11px}
.specs li{display:flex;gap:11px;align-items:center;color:var(--chrome);font-size:14px}
.specs .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex:0 0 auto}
.pdp-use{background:linear-gradient(160deg,rgba(40,28,68,.7),rgba(24,16,44,.85));border:1px solid rgba(176,107,240,.28);border-radius:16px;padding:26px;margin-top:30px}
.pdp-use h3{font-family:'Orbitron';font-size:15px;letter-spacing:1px;margin-bottom:12px;color:#fff}
.pdp-use p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:10px}
.pdp-use p:last-child{margin-bottom:0}
/* specificaties-tabel op de bestelpagina */
.pdp-specs{background:linear-gradient(160deg,rgba(40,28,68,.7),rgba(24,16,44,.85));border:1px solid rgba(176,107,240,.28);border-radius:16px;padding:26px;margin-top:18px}
.pdp-specs h3{font-family:'Orbitron';font-size:15px;letter-spacing:1px;margin-bottom:14px;color:#fff}
.pdp-specs dl{display:grid;grid-template-columns:minmax(120px,38%) 1fr;font-size:14px}
.pdp-specs dt{color:var(--muted);padding:9px 12px 9px 0;border-bottom:1px solid rgba(176,107,240,.16)}
.pdp-specs dd{color:var(--chrome);padding:9px 0;border-bottom:1px solid rgba(176,107,240,.16)}
.pdp-specs dt:last-of-type,.pdp-specs dd:last-of-type{border-bottom:none}
@media(max-width:820px){.pdp{grid-template-columns:1fr;gap:26px}}
/* shop toolbar — sorteren + teller */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.shop-count{color:var(--muted);font-size:13px;letter-spacing:.5px}
.shop-sort{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;letter-spacing:.5px}
.shop-sort select{background:rgba(24,16,44,.92);color:var(--chrome);border:1px solid rgba(176,107,240,.4);border-radius:10px;padding:9px 14px;font-family:'Space Grotesk',sans-serif;font-size:13px;cursor:pointer;transition:.25s}
.shop-sort select:hover{border-color:var(--cyan)}
.shop-sort select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.showmore{text-align:center;margin-top:34px}
/* UX polish */
.minfo .madd{transition:transform .2s,box-shadow .2s}
.minfo .madd:hover{transform:translateY(-2px);box-shadow:0 0 34px color-mix(in srgb,var(--magenta) 70%,transparent)}
.navlinks a:focus-visible,.cart:focus-visible,.cta:focus-visible,.gbtn:focus-visible,.mclose:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
@media(max-width:760px){
 .band{height:380px}
 .usp{gap:20px;padding-bottom:34px}
 section{padding:40px 6vw}
 nav{padding:14px 5vw}
 .cart{padding:7px 13px;font-size:12px}
 .mq-item{width:210px;height:290px}
 .mthumbs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
 .mthumbs img{flex:0 0 auto}
 .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
}
/* ——— TRUST-BAR (onder de nav, elke pagina) ——— */
.trustbar{position:relative;z-index:15;display:flex;justify-content:center;align-items:center;gap:8px 32px;flex-wrap:wrap;padding:11px 6vw;background:rgba(20,13,34,.72);border-bottom:1px solid rgba(176,107,240,.18);backdrop-filter:blur(10px)}
.tb-item{display:inline-flex;align-items:center;gap:8px;color:var(--chrome);font-size:12.5px;letter-spacing:.3px;white-space:nowrap}
.tb-item svg{width:15px;height:15px;color:var(--cyan);flex:0 0 auto;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 45%,transparent))}
.tb-rate{display:inline-flex;align-items:center;gap:8px;color:var(--chrome);font-size:12.5px;padding-left:26px;border-left:1px solid rgba(176,107,240,.25);white-space:nowrap}
.tb-rate strong{color:#fff}
@media(max-width:900px){.trustbar{gap:6px 16px;font-size:12px;padding:9px 4vw}.tb-rate{border-left:none;padding-left:0}}
/* ——— STERREN & RATINGS (placeholder-reviews) ——— */
.stars{position:relative;display:inline-block;font-size:12px;line-height:1;letter-spacing:1px;color:rgba(217,220,230,.26)}
.stars .stars-fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--star);text-shadow:0 0 8px color-mix(in srgb,var(--star) 45%,transparent)}
.stars--lg{font-size:16px}
.rate{display:flex;align-items:center;gap:6px;margin:0 0 10px}
.rate .rn{font-size:12px;color:var(--chrome);font-weight:500}
.rate .rc{font-size:11px;color:var(--muted)}
.pdp-rate{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.pdp-rate .rn{font-size:14px;color:var(--chrome);font-weight:500}
.pdp-rate .rc{font-size:13px;color:var(--muted)}
/* deal/combideal-badge — subtiel goud */
.badge.deal{border-color:color-mix(in srgb,var(--star) 75%,transparent);color:var(--star)}
/* ——— FOOTER: klantscore + betaalmethodes ——— */
.foot-rate{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;color:var(--chrome);font-size:13px}
.foot-rate strong{color:#fff}
.paybar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}
.pay{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:7px 14px;border-radius:8px;border:1px solid rgba(176,107,240,.3);background:rgba(24,16,44,.9);color:var(--chrome);font-size:11px;font-weight:700;letter-spacing:1px}
/* ——— NIEUWSBRIEF ——— */
.newsletter{padding:26px 6vw 58px}
.nl-box{max-width:680px;margin:0 auto;text-align:center;background:linear-gradient(160deg,rgba(40,28,68,.7),rgba(24,16,44,.85));border:1px solid rgba(176,107,240,.3);border-radius:22px;padding:44px 34px}
.nl-box .small{font-family:'Orbitron';font-size:11px;letter-spacing:5px;color:var(--cyan);margin-bottom:12px}
.nl-box h2{font-family:'Orbitron';font-weight:700;font-size:clamp(22px,3.4vw,30px);letter-spacing:.5px;margin-bottom:12px}
.nl-box p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:22px}
.nl-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.nl-form input{flex:1;min-width:220px;max-width:340px;padding:14px 22px;border-radius:40px;border:1px solid rgba(176,107,240,.45);background:rgba(20,13,34,.8);color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:14px}
.nl-form input::placeholder{color:#7d74a3}
.nl-form input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.nl-done{color:var(--cyan);font-size:15px;margin:6px 0 0!important}
/* ——— DOELGROEP-TEGELS & KEUZEHULP ——— */
.tile.her{background:radial-gradient(circle at 65% 30%,rgba(255,90,166,.5),var(--bg2))}
.tile.him{background:radial-gradient(circle at 35% 60%,rgba(74,160,255,.45),var(--bg2))}
.tile.us{background:radial-gradient(circle at 55% 25%,rgba(176,107,240,.55),var(--bg2))}
.tile.aud h3{font-size:30px}
.helper{padding-top:18px}
.help-box{max-width:720px;margin:0 auto;text-align:center;border:1px solid rgba(176,107,240,.3);border-radius:22px;padding:38px 30px;background:linear-gradient(160deg,rgba(40,28,68,.55),rgba(24,16,44,.7))}
.help-box .small{font-family:'Orbitron';font-size:11px;letter-spacing:5px;color:var(--magenta);margin-bottom:12px}
.help-box h3{font-family:'Orbitron';font-weight:700;font-size:clamp(20px,3vw,27px);margin-bottom:10px}
.help-box p{color:var(--muted);font-size:14px;margin-bottom:20px}
.help-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* ——— PDP: merk, voorraad, deal-prijs, koopblok & USP-rij (EasyToys-pariteit) ——— */
.pdp-brand{font-size:13px;color:var(--muted);letter-spacing:.5px;margin-bottom:8px}
.pdp-brand a{color:var(--cyan);text-decoration:none;font-weight:600}
.pdp-brand a:hover{text-decoration:underline}
.pdp-stock{display:flex;align-items:center;gap:8px;color:#7fe3a8;font-size:13.5px;font-weight:500;margin-bottom:4px}
.stock-dot{width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 10px rgba(61,220,132,.7);flex:0 0 auto}
.pdp-old{color:var(--muted);font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:19px;margin-left:8px}
.pdp-off{display:inline-block;vertical-align:middle;background:linear-gradient(90deg,var(--magenta),var(--purple));color:#fff;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:14px;margin-left:8px}
.pdp-buy{display:flex;align-items:stretch;gap:12px;max-width:440px}
.pdp-buy .madd{flex:1;max-width:360px;padding:15px;border-radius:40px;border:none;background:linear-gradient(90deg,var(--magenta),var(--purple));color:#fff;font-weight:700;font-size:15px;letter-spacing:1px;cursor:pointer;font-family:'Space Grotesk';box-shadow:0 0 24px color-mix(in srgb,var(--magenta) 50%,transparent);transition:transform .2s,box-shadow .2s}
.pdp-buy .madd:hover{transform:translateY(-2px);box-shadow:0 0 34px color-mix(in srgb,var(--magenta) 70%,transparent)}
.wish{width:54px;border-radius:50%;aspect-ratio:1/1;align-self:center;border:1px solid rgba(176,107,240,.5);background:rgba(24,16,44,.9);color:var(--chrome);font-size:22px;line-height:1;cursor:pointer;transition:.25s}
.wish:hover{border-color:var(--magenta);color:var(--magenta)}
.wish.on{border-color:var(--magenta);color:var(--magenta);box-shadow:0 0 18px color-mix(in srgb,var(--magenta) 45%,transparent)}
.wish:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.pdp-usps{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;padding:0}
.pdp-usps li{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;letter-spacing:.3px}
.pdp-usps li::before{content:"✓";color:var(--cyan);font-weight:700}
.pdp-use-sub{font-size:12px!important;letter-spacing:1.5px;text-transform:uppercase;color:var(--magenta)!important;margin-bottom:12px!important}
/* ——— PDP productvideo in de galerij ——— */
.pdp-img video{width:100%;height:100%;object-fit:cover;display:block}
.pdp-thumbs .pthumb{position:relative;width:72px;height:72px;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid rgba(176,107,240,.35);background:#1d1335;opacity:.65;transition:.2s}
.pdp-thumbs .pthumb img{width:100%;height:100%;object-fit:cover;display:block;border:none;border-radius:0;opacity:1}
.pdp-thumbs .pthumb.active,.pdp-thumbs .pthumb:hover{border-color:var(--cyan);opacity:1;box-shadow:0 0 14px rgba(34,236,255,.35)}
.pdp-thumbs .pthumb:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.pth-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:rgba(16,10,30,.42);text-shadow:0 0 10px rgba(0,0,0,.8);pointer-events:none}
@media(max-width:760px){.pdp-thumbs .pthumb{flex:0 0 auto;width:60px;height:60px}}
/* ▶-badge op productkaarten met video */
.vbadge{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(16,10,30,.78);border:1px solid rgba(34,236,255,.65);color:var(--cyan);font-size:11px;padding-left:2px;backdrop-filter:blur(4px);box-shadow:0 0 12px rgba(34,236,255,.3)}
/* ——— Reviews op de bestelpagina (placeholder-voorbeelden) ——— */
.rev-summary{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:26px}
.rev-big{font-family:'Orbitron';font-weight:900;font-size:52px;line-height:1;color:var(--cyan);text-shadow:0 0 24px rgba(34,236,255,.35)}
.rev-meta{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:960px;margin:0 auto}
.review{background:linear-gradient(160deg,rgba(40,28,68,.7),rgba(24,16,44,.85));border:1px solid rgba(176,107,240,.28);border-radius:16px;padding:22px}
.rev-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rev-head strong{color:#fff;font-size:14px;font-weight:600}
.rev-check{font-size:11px;color:#7fe3a8;letter-spacing:.3px}
.review p{color:var(--chrome);font-size:14px;line-height:1.65;margin-bottom:10px;font-weight:300}
.rev-ago{font-size:11.5px;color:#6a6294}
.pdp-rate a.rc{text-decoration:none}
.pdp-rate a.rc:hover{color:var(--cyan)}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 body::before,.mq-track,.hero-title,.vhero-media video,.vhero-media img,.vhero-scroll,.band img,.love .limg img,.spread .s-img img{animation:none!important}
 .heart{display:none}
 .reveal{opacity:1;transform:none;transition:none}
}
/* Subcategorie-indeling op categoriepagina's */
body[data-cat] .shop-toolbar,body[data-cat] .showmore{display:none}
body[data-cat] #grid-skin,body[data-cat] #grid-bound,body[data-cat] #grid-play{display:block}
.subsec{margin:0 0 38px}
.subhead{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;border-bottom:1px solid rgba(176,107,240,.28);padding-bottom:10px}
.subhead h3{font-family:'Orbitron';font-weight:700;font-size:clamp(17px,2.4vw,25px);letter-spacing:1px;color:#fff}
.subhead span{font-size:12px;color:var(--cyan);letter-spacing:2px;font-family:'Orbitron'}