/*
Theme Name: CultCartoons
Theme URI: https://cultcartoons.com
Author: CultCartoons
Description: Frontend theme based on the CultCartoons Claude HTML prototype. WooCommerce-ready foundation.
Version: 1.0.0
Text Domain: cultcartoons
*/

@import url("https://fonts.googleapis.com/css2?family=Rubik+Distressed&family=Work+Sans:wght@400;600;800&display=swap");


:root{--ink:#070607;--panel:#151315;--line:#2c282c;--cream:#efe3c4;--pink:#ee1b5f;--lime:#a9d520;--mut:#9b9384;
--d:'Rubik Distressed',Impact,'Arial Black',sans-serif;--b:'Work Sans','Helvetica Neue',Arial,sans-serif;
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);}
*,*::before,*::after{box-sizing:inherit}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--ink);color:var(--cream);font:400 16px/1.55 var(--b);overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:var(--grain);opacity:.09}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
.d{font-family:var(--d);font-weight:400;line-height:1}
/* header */
header{position:sticky;top:0;z-index:60;background:var(--ink);border-bottom:1px solid var(--cream);box-shadow:0 4px 0 var(--pink);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;gap:28px;height:92px}
.lg{width:80px;height:80px;border-radius:50%;flex:none;display:block;margin-top:2px}
.lg img{width:100%;height:100%;border-radius:50%;display:block;transition:transform .3s}
.lg:hover img{transform:rotate(-8deg) scale(1.06)}
nav.m{display:flex;gap:30px;margin-left:12px}
nav.m a{font-weight:800;font-size:.82rem;letter-spacing:.1em;padding:8px 0;border-bottom:3px solid transparent}
nav.m a:hover{border-color:var(--pink)}
.tools{margin-left:auto;display:flex;gap:8px}
.tb{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;background:none;border:2px solid var(--cream);color:var(--cream);font-weight:800;font-size:.78rem;letter-spacing:.1em;cursor:pointer;transition:.15s}
.tb:hover{background:var(--cream);color:var(--ink)}
.tb svg{width:20px;height:20px}
#cnt{background:var(--pink);color:var(--cream);min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;font-size:.75rem;padding:0 6px}
.bg{display:none}
#sb{display:none;background:var(--panel);border-top:1px solid var(--line);padding:12px 0}#sb.open{display:block}
#sb input{width:100%;background:var(--ink);border:2px solid var(--cream);color:var(--cream);padding:13px 16px;font:inherit}
/* buttons */
.btn{display:inline-block;font:800 .84rem var(--b);letter-spacing:.1em;text-transform:uppercase;padding:15px 24px;border:3px solid var(--cream);background:none;color:var(--cream);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn.p{background:var(--pink);box-shadow:4px 4px 0 var(--cream)}
.btn.p:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cream)}
.btn.o:hover{background:var(--cream);color:var(--ink)}
/* hero */
.hero{position:relative;overflow:hidden;border-bottom:3px solid var(--cream);background:radial-gradient(circle at 75% 45%,#1d1218,transparent 62%)}
.hero::before{content:"";position:absolute;right:-70px;top:-70px;width:440px;height:440px;background:radial-gradient(var(--pink) 30%,transparent 32%) 0 0/13px 13px;opacity:.32;-webkit-mask:radial-gradient(circle,#000 15%,transparent 68%);mask:radial-gradient(circle,#000 15%,transparent 68%)}
.hero::after{content:"";position:absolute;left:-40px;bottom:-40px;width:300px;height:300px;background:radial-gradient(var(--lime) 30%,transparent 32%) 0 0/13px 13px;opacity:.16;-webkit-mask:radial-gradient(circle,#000 10%,transparent 65%);mask:radial-gradient(circle,#000 10%,transparent 65%)}
.hg{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.25fr;gap:28px;align-items:center;padding:30px 24px 40px}
.hero h1{font-size:clamp(3rem,7.2vw,5.4rem);margin:0 0 18px}
.hero h1 span{display:block;filter:drop-shadow(3px 0 0 var(--cream)) drop-shadow(-3px 0 0 var(--cream)) drop-shadow(0 3px 0 var(--cream)) drop-shadow(0 -3px 0 var(--cream)) drop-shadow(6px 7px 0 #000)}
.hero h1 .a{color:var(--lime);transform:rotate(-2deg);transform-origin:left}
.hero h1 .b{color:var(--pink);transform:rotate(-2deg) translateX(10px);transform-origin:left;margin-top:4px}
.hero .sub{font-weight:800;font-size:1.25rem;margin:26px 0 8px}
.hero .sec{color:#c9c0ac;max-width:40ch;margin:0 0 24px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.chips span{border:2px solid var(--cream);padding:5px 10px 3px;font:400 .95rem var(--d);letter-spacing:.03em;transform:rotate(-2deg)}
.chips span:nth-child(2){transform:rotate(1.5deg);border-color:var(--lime);color:var(--lime)}
.chips span:nth-child(3){transform:rotate(-1deg);border-color:var(--pink);color:var(--pink)}
.stage{position:relative;height:460px}
.stage>*{position:absolute}
.pg{inset:0 0 2% 10%;background:radial-gradient(#0008 24%,transparent 26%) 0 0/11px 11px,var(--pink);border:3px solid #000;box-shadow:0 0 0 3px var(--cream);transform:rotate(4deg)}
.tv{inset:7% 7% 14% 0;background:#2b2a2b;border:3px solid #000;border-radius:14px;box-shadow:0 0 0 3px var(--cream),9px 10px 0 #000}
.scr{position:absolute;inset:16px 84px 16px 16px;background:#0c0c0c var(--grain);border:3px solid #000;border-radius:8px;overflow:hidden}
.scr::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 4px)}
.knob{position:absolute;right:24px;width:36px;height:36px;border-radius:50%;background:#4a4849;border:3px solid #000}
.k1{top:34px}.k2{top:86px}
.vent{position:absolute;right:20px;bottom:24px;width:50px;height:58px;background:repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 8px)}
.osd{position:absolute;left:14px;top:12px;z-index:2;font:800 .78rem var(--b);letter-spacing:.14em;color:var(--lime)}
.osd2{position:absolute;right:14px;top:12px;z-index:2;font:800 .78rem var(--b);color:#ff5a5a}
.osd3{position:absolute;left:14px;bottom:10px;z-index:2;font:800 .7rem var(--b);letter-spacing:.14em;color:var(--cream)}
.pn{filter:drop-shadow(5px 8px 0 rgba(0,0,0,.7))}
.pn svg,.stk svg{width:100%;display:block}
.cas-txt{width:268px;height:48px;display:flex;align-items:center;justify-content:center;font-family:'Rubik Distressed',Impact,sans-serif;font-weight:400;font-size:26px;line-height:1;color:#000;text-align:center;letter-spacing:.01em;white-space:nowrap}
.cas-txt .cas-o{font-size:.72em;vertical-align:.55em;margin-right:.16em}
.cas-sub{width:254px;height:20px;margin-left:14px;display:flex;align-items:center;font-family:'Work Sans',Arial,sans-serif;font-weight:800;font-size:13px;line-height:1;color:#000;white-space:nowrap}
.lbl{background:var(--cream);color:#000;border:3px solid #000;font:400 1.05rem var(--d);padding:5px 12px 3px;transform:rotate(-5deg)}
.bcl{background:var(--cream);border:3px solid #000;padding:5px 8px 3px;transform:rotate(3deg);font:800 .58rem var(--b);letter-spacing:.14em;color:#000}
.bc{display:block;height:22px;background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px,#000 4px 5px,transparent 5px 8px,#000 8px 11px,transparent 11px 12px)}
/* sections */
section{padding:72px 0 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;padding-bottom:14px;border-bottom:3px solid var(--pink)}
.sh h2{font-size:clamp(1.9rem,4vw,2.8rem);margin:0}
.sh p{margin:4px 0 0;color:var(--mut)}
.stamp{flex:none;border:2px solid var(--cream);padding:6px 12px 3px;font:400 1.05rem var(--d);letter-spacing:.04em;transform:rotate(-4deg);margin-bottom:4px}
.stamp.l{border-color:var(--lime);color:var(--lime)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pc{position:relative;background:var(--cream);color:#111;padding:10px 10px 14px;border:3px solid #000;box-shadow:0 0 0 2px var(--cream);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.pc:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 0 0 2px var(--cream),7px 9px 0 var(--pink)}
.hd{display:flex;justify-content:space-between;background:#000;color:var(--cream);font:800 .56rem var(--b);letter-spacing:.14em;padding:6px 8px;margin:-10px -10px 9px}
.hd i{font-style:normal;color:var(--lime)}.hd span,.hd i{white-space:nowrap}.hd b{font-weight:800}
.ph{position:relative;aspect-ratio:1;background:#0a090a;border:3px solid #000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#2a242a,transparent 68%),var(--grain);opacity:.9}
.ph::after{content:"";position:absolute;inset:8px;border:2px dashed rgba(239,227,196,.3);pointer-events:none}
.ph svg,.ph .im{position:relative;width:78%;transition:transform .35s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 8px 0 rgba(0,0,0,.6))}
.ph .im{width:100%;height:100%;object-fit:cover;filter:none}
.pc:hover .ph svg{transform:rotate(-4deg) scale(1.05)}
.slot{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;white-space:nowrap;font:800 .58rem var(--b);letter-spacing:.12em;color:var(--cream);background:#000;padding:3px 8px}
.tag{position:absolute;top:14px;left:12px;z-index:3;font:400 .9rem var(--d);padding:5px 9px 3px;border:2px solid #000;transform:rotate(-5deg);background:var(--lime);color:#000}
.tag.l{background:var(--pink);color:var(--cream)}
.fav{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:2px solid #000;background:var(--cream);cursor:pointer;display:grid;place-items:center}
.fav svg{width:19px;height:19px;fill:none;stroke:#000;stroke-width:2.4}
.fav.on svg{fill:var(--pink)}
.pi{padding:12px 4px 0;display:flex;flex-direction:column;gap:2px;flex:1}
.pi h3{margin:0;font-size:1.02rem;font-weight:800;line-height:1.25}
.pr2{display:flex;justify-content:space-between;align-items:baseline;border-top:2px dashed #111;margin-top:8px;padding-top:6px}
.pr{font:400 1.55rem var(--d);color:#c40f4c}
.sku{font:800 .58rem var(--b);letter-spacing:.1em;color:#555}
.pi .btn{margin-top:8px;width:100%;background:#000;color:var(--cream);border-color:#000;padding:14px 8px;font-size:.78rem}
.pi .btn:hover{background:var(--pink)}
.pi .bc{margin-top:12px;height:16px;opacity:.85}
.bs{margin-top:72px}
.tw{overflow:hidden;padding:44px 0 6px}
.tape{width:104%;margin-left:-2%;background:var(--lime);color:#000;border-block:3px solid #000;transform:rotate(-1.2deg);padding:9px 0 5px;font:400 1.2rem var(--d);white-space:nowrap;overflow:hidden;text-align:center;letter-spacing:.05em}
/* collections */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:8px 0 16px}
.cv{position:relative;display:flex;aspect-ratio:3/4.15;overflow:hidden;color:var(--cream);transition:transform .25s;box-shadow:12px 14px 0 #000}
.cv:nth-child(1){transform:rotate(-1.4deg)}.cv:nth-child(2){transform:translateY(14px) rotate(.8deg)}.cv:nth-child(3){transform:rotate(-.6deg)}
.cv:hover{transform:translateY(-8px) rotate(0)!important}
.cvt{font:400 clamp(1.7rem,3vw,2.3rem) var(--d);margin:0;line-height:1}
.go{display:flex;justify-content:space-between;background:#000;color:var(--lime);font:800 .74rem var(--b);letter-spacing:.12em;padding:12px 14px}
.v1{background:#111;border:3px solid var(--cream)}
.sp{width:34px;flex:none;background:#000;border-right:3px solid var(--cream);display:flex;align-items:center;justify-content:center}
.sp span{writing-mode:vertical-rl;transform:rotate(180deg);font:800 .64rem var(--b);letter-spacing:.2em;white-space:nowrap}
.bd{flex:1;display:flex;flex-direction:column;min-width:0}
.v1 .art{position:relative;flex:1;display:grid;place-items:center;border-bottom:3px solid var(--cream);background:repeating-conic-gradient(from 0deg at 50% 55%,#ee1b5f 0 7deg,#bd1049 7deg 14deg)}
.v1 .art::after{content:"";position:absolute;inset:0;background:radial-gradient(#0005 22%,transparent 24%) 0 0/10px 10px;pointer-events:none}
.bs1{position:relative;z-index:1;width:64%;transform:rotate(-8deg);filter:drop-shadow(5px 6px 0 #000)}
.bs1 svg{width:100%;display:block}
.vb{position:absolute;z-index:2;top:12px;right:12px;background:var(--cream);color:#000;border:3px solid #000;font:800 .8rem var(--b);letter-spacing:.1em;padding:2px 9px}
.lb{position:relative;background:var(--cream);color:#000;padding:12px 14px}
.lb small{display:block;font-weight:800;font-size:.66rem;letter-spacing:.12em;margin-top:5px}
.lb .bc{position:absolute;right:12px;bottom:12px;width:64px;height:24px}
.v2{flex-direction:column;background:#0b0b0d;border:3px solid var(--lime);outline:3px solid #000;outline-offset:-9px}
.gt{display:flex;justify-content:space-between;background:var(--lime);color:#000;font:800 .68rem var(--b);letter-spacing:.14em;padding:8px 14px}
.v2 .art{position:relative;flex:1;display:grid;place-items:center;background:repeating-linear-gradient(0deg,rgba(169,213,32,.1) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(169,213,32,.1) 0 1px,transparent 1px 22px)}
.tvs{position:relative;width:70%;aspect-ratio:1.1;background:#050505 var(--grain);border:9px solid #3a3839;border-radius:16px;box-shadow:0 0 0 3px #000,6px 7px 0 #000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.tvs b{font:400 clamp(1.8rem,3.6vw,2.6rem) var(--d);color:var(--lime);position:relative;z-index:1}
.tvs .pn{position:relative;width:46%;z-index:1}
.bdg{position:absolute;right:12px;bottom:12px;width:64px;height:64px;border-radius:50%;background:var(--pink);border:3px solid #000;display:grid;place-items:center;font:400 1.15rem var(--d);transform:rotate(12deg)}
.lb2{background:#000;padding:12px 14px 12px;border-top:3px solid var(--lime)}
.lb2 .cvt{color:var(--lime);text-shadow:3px 3px 0 var(--pink)}
.lb2 small{display:block;font-weight:800;font-size:.66rem;letter-spacing:.12em;margin-top:6px}
.v3{flex-direction:column;background:var(--cream);color:#000;border:3px solid #000;outline:3px solid var(--cream);outline-offset:0}
.mh{padding:12px 14px 10px;border-bottom:4px solid #000}
.mh b{display:block;font:400 clamp(2rem,3.5vw,2.8rem) var(--d);line-height:.9}
.mh span{display:block;margin-top:6px;font:800 .62rem var(--b);letter-spacing:.12em}
.v3 .art{position:relative;flex:1;overflow:hidden}
.circ{position:absolute;right:-14%;top:10%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#0007 22%,transparent 24%) 0 0/9px 9px,var(--pink);border:3px solid #000}
.v3 .pp{position:absolute;right:4%;top:22%;width:56%;transform:rotate(8deg);filter:drop-shadow(5px 7px 0 #000)}
.v3 .pp svg{width:100%;display:block}
.cl{position:absolute;left:12px;bottom:12px;margin:0;padding:0;list-style:none}
.cl li{background:#000;color:var(--cream);font:800 .64rem var(--b);letter-spacing:.06em;padding:3px 8px;margin-top:4px;width:max-content;max-width:100%}
.sk3{position:absolute;left:12px;top:12px;width:60px;transform:rotate(-10deg)}
.sk3 svg{width:100%;display:block}
/* about */
.ab{position:relative;display:grid;grid-template-columns:.9fr 1.4fr;gap:44px;align-items:center;background:var(--cream);color:#111;border:3px solid #000;box-shadow:0 0 0 2px var(--cream),10px 10px 0 var(--lime);padding:44px}
.ab::before{content:"ARCHIVE 01";position:absolute;top:-25px;left:30px;background:var(--lime);color:#000;font:400 1.05rem var(--d);padding:5px 14px 2px;border:3px solid #000}
.lab{position:relative;background:#f9f2de;border:3px solid #000;padding:16px 18px;transform:rotate(-2.5deg);max-width:340px}
.lab .rl{display:flex;justify-content:space-between;align-items:center}
.lab b{font:400 1.8rem var(--d)}
.lab .rl span{background:#000;color:var(--cream);font:800 .68rem var(--b);letter-spacing:.12em;padding:4px 8px}
.reels{display:flex;justify-content:center;gap:34px;margin:12px 0;padding:10px;background:#000}
.reels i{width:44px;height:44px;border-radius:50%;border:8px solid var(--cream);background:radial-gradient(#000 30%,transparent 32%)}
.lab ul{list-style:none;margin:0;padding:0;font:800 .7rem var(--b);letter-spacing:.08em}
.lab li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:2px dashed #111}
.lab li em{font-style:normal;color:#c40f4c}
.lab .stk{position:absolute;right:-22px;top:-30px;width:66px;transform:rotate(12deg)}
.ab h2{margin:0 0 14px;font-size:clamp(1.8rem,3.4vw,2.5rem)}
.ab p{margin:0 0 12px;font-size:1.1rem;max-width:56ch}
.ab p.k{font-weight:800}
.ab .yr{display:inline-block;margin-top:6px;border:2px solid #000;padding:4px 12px 2px;font:400 1.1rem var(--d);transform:rotate(-2deg)}
/* newsletter */
.nl{margin-top:84px;background:var(--panel);border-top:3px solid var(--lime);position:relative;padding:76px 0 68px;overflow:hidden}
.nl::before{content:"";position:absolute;right:-60px;bottom:-60px;width:380px;height:380px;background:radial-gradient(var(--pink) 30%,transparent 32%) 0 0/13px 13px;opacity:.28;-webkit-mask:radial-gradient(circle,#000 15%,transparent 68%);mask:radial-gradient(circle,#000 15%,transparent 68%)}
.dr{position:absolute;left:0;right:0;top:0;height:60px;pointer-events:none}
.dr svg{width:100%;height:100%;display:block}
.nlw{position:relative;z-index:1;text-align:center}
.eot{font:800 .78rem var(--b);letter-spacing:.2em;color:var(--lime);margin:0 0 14px}
.nl h2{font-size:clamp(3.2rem,9vw,6.2rem);margin:0 0 14px;color:var(--pink);transform:rotate(-2deg);filter:drop-shadow(3px 0 0 var(--cream)) drop-shadow(-3px 0 0 var(--cream)) drop-shadow(0 3px 0 var(--cream)) drop-shadow(0 -3px 0 var(--cream)) drop-shadow(7px 8px 0 #000)}
.nl p.t{margin:0 auto;max-width:44ch;font-size:1.1rem}
.tick{display:flex;gap:10px;max-width:580px;margin:30px auto 0;background:var(--cream);border:3px solid #000;box-shadow:0 0 0 2px var(--cream),8px 8px 0 var(--pink);padding:10px;transform:rotate(-.6deg)}
.tick input{flex:1;min-width:0;background:#f9f2de;border:2px dashed #000;color:#000;padding:14px;font:inherit}
.tick .btn{background:#000;color:var(--cream);border-color:#000}
.tick .btn:hover{background:var(--pink)}
#nm{min-height:1.4em;color:var(--lime);font-weight:600;margin-top:16px}
.ns{position:absolute;z-index:1}
.ns svg{width:100%;display:block;filter:drop-shadow(4px 5px 0 #000)}
/* footer */
footer{background:var(--ink);border-top:1px solid var(--line);padding:32px 0 26px}
.eof{display:flex;justify-content:space-between;gap:16px;font:400 1rem var(--d);color:var(--mut);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:34px;letter-spacing:.04em}
.ft{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:40px;align-items:start}
.ft .lg{width:110px;height:110px}
.ft h4{margin:0 0 10px;font:400 1.2rem var(--d);color:var(--lime)}
.ft a{display:block;padding:4px 0;color:var(--cream);opacity:.8;font-size:.92rem}.ft a:hover{opacity:1;color:var(--pink)}
.cp{margin-top:36px;padding-top:16px;border-top:1px solid var(--line);color:var(--mut);font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cp .bc{width:110px;height:24px;background:repeating-linear-gradient(90deg,var(--mut) 0 2px,transparent 2px 4px,var(--mut) 4px 5px,transparent 5px 8px,var(--mut) 8px 11px,transparent 11px 12px)}
/* cart */
#ov{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:95;opacity:0;pointer-events:none;transition:.25s}
#ov.on{opacity:1;pointer-events:auto}
#cart{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--cream);color:#111;z-index:96;transform:translateX(105%);transition:transform .3s;display:flex;flex-direction:column;border-left:4px solid #000;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#cart.on{transform:none}
.ch{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#000;color:var(--cream)}
.ch h3{margin:0;font-size:1.6rem}
.ch button{background:none;border:2px solid var(--cream);color:var(--cream);width:40px;height:40px;font-size:1.2rem;cursor:pointer}
#items{flex:1;overflow:auto;padding:8px 20px}
.it{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:2px dashed #b7ac8f}
.it .im{width:56px;height:56px;background:#0a090a;border:2px solid #000;flex:none}
.it .im svg{width:100%;height:100%}
.it div.t{flex:1;font-weight:800;font-size:.9rem;line-height:1.3}
.it .q{display:flex;align-items:center;gap:6px;font-weight:800}
.it .q button{width:28px;height:28px;border:2px solid #000;background:none;cursor:pointer;font-weight:800}
.emp{padding:40px 0;text-align:center;font-weight:600}
.cf{padding:18px 20px;border-top:3px solid #000}
.cf .r{display:flex;justify-content:space-between;font:400 1.6rem var(--d);margin-bottom:12px}
.cf .btn{width:100%;background:var(--pink);color:var(--cream);border-color:#000}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140px);background:var(--lime);color:#000;font:800 .85rem var(--b);padding:12px 20px;border:3px solid #000;z-index:99;transition:transform .3s,opacity .3s;white-space:nowrap;opacity:0;pointer-events:none}
#toast.on{transform:translate(-50%,0);opacity:1}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.tb .l{display:none}nav.m{gap:20px;margin-left:4px}.nav{gap:16px}.hg{grid-template-columns:1fr;padding-top:24px}.stage{height:420px}.cols{gap:18px}.cvt{font-size:1.4rem}.sp{width:26px}.ab{grid-template-columns:1fr;padding:34px 26px}.ft{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hp{display:none}}
@media(max-width:340px){.grid{grid-template-columns:1fr}.hero h1{font-size:2.9rem}}
@media(max-width:720px){.w{padding:0 16px}.nav{gap:8px;height:80px}.lg{width:66px;height:66px}nav.m{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;gap:0;margin:0;padding:4px 16px 12px;border-bottom:3px solid var(--pink)}nav.m.open{display:flex}nav.m a{padding:16px 0;border-bottom:1px solid var(--line);font-size:.95rem}.bg{display:flex}.tb{padding:0 12px}.tb .l{display:none}section{padding-top:52px}.hg{padding:28px 16px 46px}.hero h1{font-size:2.7rem;margin-top:20px}.stage{height:300px;margin-top:6px}.scr{right:60px}.knob{width:26px;height:26px;right:18px}.k2{top:70px}.vent{width:38px}.pg{inset:0 0 2% 6%}.hero .cta .btn{flex:1 1 100%;text-align:center}.hero .sec{font-size:1.05rem}.grid{gap:12px}.pc{padding:6px 6px 12px}.hd{margin:-6px -6px 7px;font-size:.6rem;padding:5px 6px;letter-spacing:.08em}.pi h3{font-size:.98rem}.pr{font-size:1.5rem}.sku{display:none}.pi .btn{font-size:.72rem;letter-spacing:.04em;min-height:52px;padding:14px 4px}.tag{font-size:.82rem;top:10px;left:6px}.fav{width:40px;height:40px;top:8px;right:6px}.slot{font-size:.62rem;bottom:10px}.sh{flex-wrap:wrap}.stamp{font-size:.9rem;margin-left:auto}.tape{font-size:1rem}.cols{grid-template-columns:1fr;gap:28px;max-width:440px;margin:0 auto}.cv{aspect-ratio:1/1.2;box-shadow:8px 9px 0 #000}.cv:nth-child(n){transform:none}.cvt{font-size:2rem}.go{font-size:.8rem;padding:14px}.gt,.mh span{font-size:.7rem}.cl li{font-size:.72rem}.ab::before{left:18px}.tick{flex-direction:column}.ns{display:none}.nl h2{font-size:3.4rem}.tick .btn{min-height:52px}.it .q button{width:38px;height:38px}#toast{white-space:normal;text-align:center;width:calc(100% - 32px)}.eof span:last-child{display:none}.ft{grid-template-columns:1fr 1fr}.ft>a:first-child{grid-column:1/-1}.hero{padding-top:90px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* =========================================================
   CULTCARTOONS — TIENDA / WOOCOMMERCE
   Additions scoped to the Tienda page so the homepage stays intact.
   ========================================================= */

/* Tienda layout width */
body:has(.crumb) .w{
  max-width:1600px;
}

/* Tienda desktop header */
@media(min-width:721px){
  body:has(.crumb) .nav{
    height:82px;
  }
}

/* WordPress main area */
main{
  min-height:60vh;
}

/* Tienda spacing */
body:has(.crumb) section{
  padding:48px 0 0;
}

/* Breadcrumb */
.crumb{
  font:800 .72rem var(--b);
  letter-spacing:.12em;
  color:var(--mut);
  margin:0 0 18px;
}

.crumb a{
  color:var(--mut);
}

.crumb a:hover{
  color:var(--pink);
}

.crumb span{
  color:var(--cream);
}

/* Tienda section heading */
body:has(.crumb) .sh h2{
  font-size:clamp(2.2rem,4vw,3.5rem);
}

body:has(.crumb) .sh p{
  margin:8px 0 0;
  color:var(--mut);
  max-width:650px;
}

/* Filters */
.filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:22px 0 0;
}

.fchip{
  font:800 .76rem var(--b);
  letter-spacing:.08em;
  padding:10px 16px;
  border:2px solid var(--cream);
  background:none;
  color:var(--cream);
  cursor:pointer;
  transition:.15s;
}

.fchip:hover{
  border-color:var(--pink);
  color:var(--pink);
}

.fchip.on{
  background:var(--cream);
  color:#000;
}

.fchip .fc{
  opacity:.65;
  margin-left:5px;
  font-size:.72em;
  font-weight:800;
  letter-spacing:.02em;
}

/* Tienda product grid — homepage keeps the original 24px gap */
body:has(.crumb) .grid{
  gap:16px;
  padding-bottom:70px;
}

/* Product image compatibility with WooCommerce */
.ph .im,
.ph img{
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}

.ph .im{
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}

/* Sold state */
.tag.sold{
  background:#000;
  color:var(--cream);
  border-color:var(--cream);
}

.pi .btn.soldout{
  background:none;
  border-color:var(--line);
  color:var(--mut);
  cursor:default;
}

.pi .btn.soldout:hover{
  background:none;
  color:var(--mut);
}

.ph.sold img,
.ph.sold .im{
  filter:grayscale(1) brightness(.78);
}

.empty{
  color:var(--mut);
  padding:40px 0;
  font-size:1rem;
}

/* Cart product images */
.it .im img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Mobile Tienda filters */
@media(max-width:720px){
  body:has(.crumb) .filters{
    gap:8px;
  }

  body:has(.crumb) .fchip{
    padding:9px 12px;
    font-size:.7rem;
  }
}

/* Footer logo centered */
.ft .lg{
  display:flex;
  justify-content:center;
  align-items:center;
}

.ft .lg img{
  display:block;
  margin:0 auto;
}
body.page-id-7 main.w{
  padding-top:0 !important;
}


/* Carrito WooCommerce - CultCartoons */
body.woocommerce-cart {
    background: #070607;
    color: #efe3c4;
}

body.woocommerce-cart .wp-site-blocks,
body.woocommerce-cart main {
    background: #070607;
    color: #efe3c4;
}

body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart p,
body.woocommerce-cart th,
body.woocommerce-cart td,
body.woocommerce-cart label {
    color: #efe3c4;
}

body.woocommerce-cart a {
    color: #ee1b5f;
}


/* Carrito CultCartoons */
body.woocommerce-cart {
    background: #070607;
    color: #efe3c4;
}

body.woocommerce-cart main,
body.woocommerce-cart .wp-site-blocks {
    background: #070607;
    color: #efe3c4;
}

body.woocommerce-cart .wp-block-woocommerce-cart {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 24px;
    box-sizing: border-box;
}

body.woocommerce-cart .wp-block-woocommerce-cart a {
    color: #efe3c4;
}

body.woocommerce-cart .wc-block-cart__submit-button {
    background: #363b40;
    color: #ffffff;
    border: 0;
}