/*
Theme Name: Volt Vape
Theme URI: https://example.com/volt-vape
Author: JSR Vertex
Description: Premium three-page vapor brand theme with 3D CSS animation and age verification.
Version: 1.0.33
Requires at least: 6.2
Text Domain: volt-vape
*/
:root{--bg:#07070a;--fg:#f4f2ee;--purple:#8f3cff;--cyan:#37e9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:88px;position:absolute;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff18}.logo{font-weight:900;font-size:28px;line-height:.7}.logo small{display:block;font-size:7px;letter-spacing:.55em;color:var(--cyan);margin-top:9px}.site-header nav{display:flex;gap:40px;font-size:10px;letter-spacing:.2em}.site-header nav a{opacity:.68}.site-header nav a:hover{opacity:1;color:var(--cyan)}.header-cta{padding:13px 17px;border:1px solid #ffffff2b;font-size:9px;letter-spacing:.16em}.hero{min-height:820px;height:100vh;position:relative;display:grid;grid-template-columns:54% 46%;align-items:center;padding:120px 5vw 50px;background:radial-gradient(circle at 77% 50%,#481a7c,#15111f 25%,#08080b 60%);overflow:hidden}.hero-copy{z-index:2}.eyebrow{font-size:9px;letter-spacing:.3em;color:#b1acb9;font-weight:bold}.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:12px}.hero h1,.inner-hero h1,.manifesto h2{font-size:clamp(65px,8.3vw,134px);line-height:.78;letter-spacing:-.075em;margin:28px 0}.outline{color:transparent;-webkit-text-stroke:1px #aaa5b0}.lead{color:#a5a1ab;max-width:500px;line-height:1.75}.btn{display:inline-flex;gap:28px;align-items:center;background:linear-gradient(120deg,var(--purple),#6016d8);padding:18px 23px;font-size:9px;letter-spacing:.18em;font-weight:bold;margin-top:25px;box-shadow:0 15px 45px #7224e84d}.btn.alt{background:transparent;box-shadow:none;border-bottom:1px solid #ffffff55;margin-left:22px}.product-stage{position:relative;height:620px;display:flex;align-items:center;justify-content:center;perspective:900px}.halo{position:absolute;width:380px;height:570px;border-radius:50%;background:radial-gradient(ellipse,#a33dffad,#54209b4d 43%,transparent 70%);filter:blur(25px);animation:pulse 4s infinite}.vape{position:relative;width:112px;height:510px;border-radius:36px 36px 25px 25px;background:linear-gradient(90deg,#191320,#c19eff 28%,#6b29bf 52%,#210d3f 82%,#0c0910);box-shadow:inset 8px 0 16px #fff4,inset -10px 0 18px #000b,0 45px 80px #000,0 0 85px #a242ff66;transform:rotate(10deg);animation:float 5s ease-in-out infinite}.vape:before{content:"";position:absolute;top:-38px;left:14px;width:85px;height:73px;border-radius:19px;background:linear-gradient(90deg,#111,#81788c,#17131c);clip-path:polygon(14% 0,86% 0,100% 42%,90% 100%,10% 100%,0 42%)}.vape:after{content:"VOLT";position:absolute;bottom:115px;left:24px;font-size:22px;font-weight:900;letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg);text-shadow:0 0 12px white}.vape.cyan{background:linear-gradient(90deg,#07171b,#a9faff 28%,#27aabd 55%,#062933 82%,#05090a)}.vape.orange{background:linear-gradient(90deg,#23120a,#ffc46e 28%,#ef6a1e 55%,#4a1705 82%,#0c0806)}.vape.small{height:255px;width:57px;border-radius:18px;animation:none}.vape.small:before{top:-19px;left:7px;width:43px;height:38px}.vape.small:after{font-size:11px;bottom:55px;left:12px}.ticker{overflow:hidden;border-block:1px solid #ffffff11}.ticker div{white-space:nowrap;padding:21px;font-size:12px;letter-spacing:.22em;animation:slide 18s linear infinite}.ticker b{color:var(--purple);margin:0 30px}.section{padding:120px 5vw}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section h2{font-size:clamp(48px,6vw,90px);line-height:.9;letter-spacing:-.06em;margin:15px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:linear-gradient(145deg,#141218,#0c0b0e);border:1px solid #ffffff10;padding:25px;transition:.35s}.product-card:hover{transform:translateY(-8px);border-color:#8f3cff80}.product-art{height:300px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#54206c55,transparent 60%)}.product-card .flavour{color:var(--cyan);font-size:8px;letter-spacing:.2em;text-transform:uppercase}.product-card h3{font-size:28px;margin:10px 0}.product-card p{color:#797580}.manifesto{text-align:center;min-height:680px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#5e21915c,transparent 48%)}.manifesto p{max-width:520px;color:#999;line-height:1.8}.inner-hero{min-height:640px;padding:190px 5vw 100px;background:radial-gradient(circle at 80% 40%,#551f8f55,transparent 34%),#0a090d}.inner-hero p{color:#999;max-width:470px}.filters{display:flex;gap:10px;margin-bottom:35px}.filters button{background:none;border:1px solid #ffffff22;color:#aaa;padding:12px 22px;cursor:pointer}.filters button.active{background:var(--purple);color:white}.story{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.story p{color:#999;font-size:17px;line-height:1.85}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:0 5vw 100px}.values article{background:#0d0c10;border:1px solid #ffffff10;padding:55px 40px}.values b{color:var(--purple)}.values h3{font-size:36px;margin-top:50px}.values p{color:#888;line-height:1.7}.site-footer{padding:80px 5vw 30px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer-logo{font-size:48px;font-weight:900}.site-footer nav,.site-footer small{text-align:right;color:#777}.age-gate{display:none;position:fixed;inset:0;z-index:100;background:#060609f3;align-items:center;justify-content:center;backdrop-filter:blur(15px)}.age-gate.open{display:flex}.age-card{max-width:440px;text-align:center;background:linear-gradient(145deg,#19131f,#0b0a0e);border:1px solid #9a4cff4a;padding:50px;margin:18px}.age-card button{background:var(--purple);border:0;color:white;padding:16px 28px;font-weight:bold;cursor:pointer}.age-card a{display:block;margin-top:17px;color:#777;font-size:11px}@keyframes float{50%{transform:rotate(7deg) translateY(-18px)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.7}}@keyframes slide{to{transform:translateX(-45%)}}@media(max-width:850px){.site-header nav{display:none}.hero{height:auto;grid-template-columns:1fr;padding-top:140px}.hero h1{font-size:65px}.product-stage{height:500px}.products,.story,.values{grid-template-columns:1fr}.section{padding:80px 6vw}.site-footer{grid-template-columns:1fr}.site-footer nav,.site-footer small{text-align:left}}@media(max-width:500px){.hero h1,.inner-hero h1{font-size:52px}.vape{height:350px;width:78px}.product-stage{height:430px}.btn.alt{margin-left:0}.inner-hero{padding:150px 6vw 80px}}
