@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;800&display=swap');
:root{--g:#9dff1f;--g2:#5fd400;--bg:#050605;--card:#0e110d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,sans-serif;line-height:1.5;
background-image:radial-gradient(ellipse at 10% 0%,rgba(157,255,31,.18),transparent 45%),radial-gradient(ellipse at 100% 40%,rgba(157,255,31,.10),transparent 40%),radial-gradient(ellipse at 0% 90%,rgba(157,255,31,.08),transparent 40%);background-attachment:fixed}
h1,h2,h3,.bebas{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:1.5px;margin:.2em 0}
a{color:var(--g)}
.bar{background:var(--g);color:#000;text-align:center;font-weight:800;font-size:.8rem;padding:6px;text-transform:uppercase;letter-spacing:1px}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(5,6,5,.92);border-bottom:2px solid var(--g);backdrop-filter:blur(6px)}
header .brand{font-family:'Bebas Neue';font-size:1.8rem;color:#fff;text-decoration:none}header .brand span{color:var(--g)}
nav a{color:#fff;text-decoration:none;margin-left:14px;font-weight:600;font-size:.9rem}
.cartbtn{background:var(--g);color:#000!important;padding:6px 12px;border-radius:6px;font-weight:800}
.hero{text-align:center;padding:30px 16px 20px;position:relative;overflow:hidden}
.hero img{width:min(420px,90%);border-radius:14px;box-shadow:0 0 60px rgba(157,255,31,.35)}
.hero h1{font-size:clamp(2.4rem,9vw,4.5rem);line-height:1;text-shadow:0 0 18px rgba(157,255,31,.6)}.hero h1 span{color:var(--g)}
.smoke{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 60%,rgba(157,255,31,.25),transparent 30%),radial-gradient(circle at 80% 30%,rgba(157,255,31,.18),transparent 30%);filter:blur(30px);animation:drift 12s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(30px,-20px) scale(1.15)}}
.ruo{display:inline-block;background:var(--g);color:#000;font-family:'Bebas Neue';font-size:1.5rem;padding:6px 18px;transform:skew(-8deg);margin:10px 0}
.btn{display:inline-block;background:var(--g);color:#000;border:0;padding:12px 22px;font-weight:800;border-radius:8px;cursor:pointer;text-decoration:none;font-size:1rem;text-transform:uppercase}
.btn:hover{box-shadow:0 0 20px var(--g)}.btn.ghost{background:transparent;color:#fff;border:2px solid #555}
.badges{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;max-width:1100px;margin:auto}
.badge{border:2px solid var(--g);border-radius:10px;padding:12px;text-align:center;font-family:'Bebas Neue';font-size:1.3rem;background:var(--card)}
.badge i{display:block;font-style:normal;font-size:1.8rem}
section{padding:24px 16px;max-width:1100px;margin:auto}
.sec-title{font-size:2.4rem;border-left:6px solid var(--g);padding-left:12px}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.card{overflow:hidden;background:var(--card);border:1px solid #243020;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:.2s}
.card:hover{border-color:var(--g);box-shadow:0 0 18px rgba(157,255,31,.25)}
.card h3{font-size:1.7rem;color:#fff}.size{color:#aaa;font-weight:600}.price{color:var(--g);font-family:'Bebas Neue';font-size:2rem}
.focus{color:#ccc;font-size:.9rem;flex:1}.card small{color:#777;font-size:.7rem}
.gallery{display:grid;grid-template-columns:1fr;gap:12px}.gallery img{width:100%;border-radius:12px;border:2px solid #243020;object-fit:cover;aspect-ratio:4/3}
.terms{background:var(--card);border:1px solid #333;border-radius:12px;padding:18px;font-size:.9rem;color:#ccc}
footer{text-align:center;padding:30px 16px;border-top:2px solid var(--g);color:#888;font-size:.85rem}footer b{color:var(--g)}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;align-items:center;justify-content:center;padding:16px}.modal.show{display:flex}
.modal-box{background:var(--card);border:2px solid var(--g);border-radius:14px;padding:24px;max-width:400px;text-align:center}.modal-box img{width:160px;border-radius:10px}.modal-box .btn{width:100%;margin-top:10px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--g);color:#000;padding:10px 18px;border-radius:8px;font-weight:800;display:none;z-index:50}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #222;text-align:left}
.qty button{background:#222;color:#fff;border:1px solid #444;width:28px;height:28px;border-radius:4px;cursor:pointer}
input,textarea,select{width:100%;padding:12px;margin:6px 0 12px;background:#111;border:1px solid #333;color:#fff;border-radius:8px;font-size:1rem}
.pay{border:2px dashed var(--g);padding:14px;border-radius:10px;margin:12px 0}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}.badges{grid-template-columns:repeat(4,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){nav a:not(.cartbtn){display:none}}
.card .vial{display:block;width:calc(100% + 32px);margin:-16px -16px 6px;max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px 12px 0 0;background:#000}

.logo-wrap img{width:100%!important}
body.locked{overflow:hidden}body.locked>*:not(#age){filter:blur(10px);pointer-events:none;user-select:none}
.modal{backdrop-filter:blur(6px)}.chk{display:flex;gap:10px;text-align:left;align-items:flex-start;margin:12px 0;cursor:pointer}.chk input{width:22px;height:22px;margin:2px 0 0;accent-color:#9dff1f;flex:none}
.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.smoke-layer{position:absolute;left:0;top:0;width:33.71%;height:56.6%;pointer-events:none;transform-origin:95% 85%;animation:sway 7s ease-in-out infinite}
.smoke-layer img{width:100%!important;height:100%;display:block;animation:breathe 3.5s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(0) skewX(0)}50%{transform:rotate(-2.2deg) skewX(2.5deg) translateY(-.6%)}}
@keyframes breathe{0%,100%{filter:drop-shadow(0 0 4px rgba(157,255,30,.45)) brightness(1)}50%{filter:drop-shadow(0 0 10px rgba(170,255,60,.7)) brightness(1.06)}}
#smokeCv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.logo-wrap{position:relative;display:inline-block;width:min(420px,90%);line-height:0;mix-blend-mode:screen;isolation:isolate}
.hero .logo-wrap img{box-shadow:none;border-radius:0}
.lg-glow{position:absolute;inset:-8%;background:radial-gradient(circle at 50% 45%,rgba(157,255,30,.10),rgba(157,255,30,.05) 45%,transparent 68%);filter:blur(10px);animation:glowP 4s ease-in-out infinite}
.lg-stage{position:relative;mix-blend-mode:screen;animation:breath 6s ease-in-out 1.9s infinite;
-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 78%,transparent 100%)}
.lg-size{width:100%;display:block;visibility:hidden}
.L{position:absolute;inset:0;width:100%!important;height:100%;display:block;mix-blend-mode:screen}
.smoke-layer{mix-blend-mode:screen}
.l-emb{clip-path:inset(0 0 49% 0);transform-origin:50% 30%;animation:embIn .6s cubic-bezier(.2,1.4,.4,1) both}
.l-boar{clip-path:polygon(33% 13%,72% 13%,74% 50%,33% 50%);transform-origin:46% 40%;animation:boarIn .45s cubic-bezier(.2,1.6,.4,1) .45s both}
.l-hawg{clip-path:inset(51% 0 34% 0);animation:slam .35s cubic-bezier(.3,1.5,.5,1) .85s both,edge 2.6s steps(1) 2s infinite}
.l-amin{clip-path:inset(66% 0 22.5% 0);animation:slam .35s cubic-bezier(.3,1.5,.5,1) 1.1s both,edge 3.1s steps(1) 2.4s infinite}
.l-mol{clip-path:inset(77.5% 0 15% 0);animation:fadeUp .5s ease-out 1.35s both}
.l-tag{clip-path:inset(85% 0 0 0);animation:fadeUp .5s ease-out 1.5s both}
.smoke-layer,#smokeCv{animation:fadeIn .8s ease-out 1.2s both}
.smoke-layer{animation:fadeIn .8s ease-out 1.2s both,sway 7s ease-in-out 2s infinite}
.flash{position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(circle at 50% 32%,rgba(220,255,150,.8),rgba(157,255,30,.35) 25%,transparent 50%);opacity:0;pointer-events:none;animation:flash .7s ease-out .1s both}
.eye{position:absolute;left:51.1%;top:33.1%;width:7%;aspect-ratio:1;margin:-3.5% 0 0 -3.5%;border-radius:50%;background:radial-gradient(circle,rgba(240,255,170,.95) 0,rgba(157,255,30,.7) 25%,transparent 70%);mix-blend-mode:screen;opacity:0;animation:eye 2.4s ease-in-out 1.8s infinite}
.node{position:absolute;width:2.6%;aspect-ratio:1;margin:-1.3% 0 0 -1.3%;border-radius:50%;background:radial-gradient(circle,#f2ffd0 0,rgba(157,255,30,.85) 35%,transparent 70%);opacity:0;animation:node 2.4s ease-in-out infinite}
.sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.0) 44%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 56%,transparent 60%);background-size:300% 100%;background-position:150% 0;animation:sheen 4s ease-in-out 2s infinite}
.sheen{mix-blend-mode:soft-light}
@keyframes embIn{0%{opacity:0;transform:scale(.55)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes boarIn{0%{opacity:0;transform:scale(1.45)}40%{opacity:.9}100%{opacity:0;transform:scale(1)}}
@keyframes slam{0%{opacity:0;transform:scale(1.6) translateY(-6%)}60%{opacity:1;transform:scale(.97)}75%{transform:translateX(-1.2%) rotate(-.6deg)}88%{transform:translateX(1%) rotate(.4deg)}100%{opacity:1;transform:none}}
@keyframes fadeUp{0%{opacity:0;transform:translateY(6%)}100%{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes flash{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}
@keyframes eye{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@keyframes node{0%,70%,100%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.25)}}
@keyframes sheen{0%{background-position:150% 0}45%,100%{background-position:-50% 0}}
@keyframes breath{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes glowP{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes edge{0%,100%{filter:drop-shadow(0 0 2px rgba(157,255,30,.4))}10%{filter:drop-shadow(0 0 7px rgba(170,255,60,.95)) brightness(1.15)}13%{filter:drop-shadow(0 0 2px rgba(157,255,30,.4))}16%{filter:drop-shadow(0 0 9px rgba(190,255,90,1)) brightness(1.2)}22%{filter:drop-shadow(0 0 3px rgba(157,255,30,.5))}}
@media(prefers-reduced-motion:reduce){.logo-wrap *{animation:none!important}.eye,.node,.flash,.sheen,#smokeCv{display:none}.L,.smoke-layer{opacity:1!important;transform:none!important}.smoke{animation:none}}