:root{
 /* Aliases -> theme.json presets. A redesign edits theme.json; component CSS stays stable. */
 --honey:var(--wp--preset--color--honey-400);--honey-50:var(--wp--preset--color--honey-100);--honey-200:#FFE082;
 --teal:var(--wp--preset--color--teal-600);--teal-700:#00695C;--teal-light:var(--wp--preset--color--mint-100);--mint:var(--wp--preset--color--mint-400);
 --charcoal:var(--wp--preset--color--text);--ink:var(--wp--preset--color--ink);--coral:var(--wp--preset--color--coral-400);--coral-dark:var(--wp--preset--color--coral-400);
 --off:var(--wp--preset--color--bg);--alt:var(--wp--preset--color--bg-alt);--line:var(--wp--preset--color--line);--white:#fff;--muted:var(--wp--preset--color--muted);
 --r-sm:10px;--r:var(--wp--custom--radius--lg);--r-lg:var(--wp--custom--radius--xl);--shadow:var(--wp--custom--shadow--sm);--shadow-lg:var(--wp--custom--shadow--lg);--ease:var(--wp--custom--ease);
}

/* NOTE: production will self-host fonts (GDPR). Google CDN used only for this preview. */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,sans-serif;color:var(--charcoal);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:Nunito,Poppins,sans-serif;color:var(--ink);line-height:1.15}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- announcement ---------- */
.announce{background:var(--honey-50);color:var(--ink);font-size:13px;text-align:center;padding:8px 40px;position:relative}
.announce b{color:var(--teal)}
.announce button{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.7}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(250,250,250,.85);backdrop-filter:saturate(1.6) blur(14px);transition:box-shadow .3s var(--ease),background .3s}
.hdr.scrolled{box-shadow:0 6px 24px -14px rgba(0,0,0,.25);background:rgba(255,255,255,.95)}
.hdr .bar{display:flex;align-items:center;gap:24px;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-family:Nunito;font-weight:900;font-size:23px;color:var(--ink)}
.logo .mark{width:38px;height:38px;border-radius:12px;background:var(--honey);display:grid;place-items:center;transition:transform .5s var(--ease)}
.logo:hover .mark{transform:rotate(-12deg) scale(1.06)}
.logo span em{font-style:normal;color:var(--teal)}
.menu{display:flex;gap:4px;margin-left:8px}
.menu>li{list-style:none;position:relative}
.menu>li>a,.menu>li>button{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;font-weight:500;font-size:15px;transition:background .2s}
.menu>li>a:hover,.menu>li>button:hover,.menu>li.open>button{background:var(--honey-50)}
.chev{transition:transform .25s var(--ease)}
.menu li.open .chev{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 10px);left:-20px;width:620px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:22px;display:grid;grid-template-columns:1fr 1fr 220px;gap:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s var(--ease)}
.menu li.open .mega{opacity:1;visibility:visible;transform:none}
.mega h5{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:Poppins}
.mega a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--r-sm);font-size:14px;transition:background .2s,transform .2s}
.mega a:hover{background:var(--honey-50);transform:translateX(3px)}
.mega a i{font-style:normal;width:30px;height:30px;border-radius:9px;background:var(--teal-light);display:grid;place-items:center}
.mega .promo{background:var(--teal-light);color:var(--ink);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.mega .promo h4{color:var(--ink);font-size:18px}
.mega .promo a{background:var(--honey);color:var(--ink);justify-content:center;font-weight:600;margin-top:12px}
.mega .promo a:hover{background:var(--honey-200);transform:none}
.tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .2s,transform .2s}
.icon-btn:hover{background:var(--honey-50);transform:translateY(-1px)}
.count{position:absolute;top:4px;right:2px;background:var(--honey);color:var(--ink);border:2px solid #fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center}
.count.bump{animation:bump .4s var(--ease)}
@keyframes bump{50%{transform:scale(1.5)}}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .2s var(--ease),box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-teal{background:var(--honey);color:var(--ink);box-shadow:0 8px 20px -8px rgba(255,202,40,.9)}
.btn-teal:hover{background:var(--honey-200)}
.btn-honey{background:var(--honey);color:var(--ink);box-shadow:0 8px 20px -8px rgba(255,193,7,.7)}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-sm{padding:9px 16px;font-size:14px}
.burger{display:none}
.nav-cta{display:flex;gap:8px;margin-left:auto}
.nav-cta+.tools{margin-left:8px}
.pill{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;font-weight:600;font-size:14px;transition:transform .15s var(--ease),box-shadow .15s,background .15s;white-space:nowrap}
.pill:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.pill-o{border:1.5px solid var(--honey);color:var(--ink);background:#fff}
.pill-o:hover{background:var(--honey-50)}
.pill-y{background:var(--honey);color:var(--ink)}
.pill-d{background:var(--ink);color:#fff}
.pill-d:hover{background:#37474F}
.news .btn-teal{background:var(--ink);color:#fff;box-shadow:none}
.news .btn-teal:hover{background:#37474F}

/* search overlay */
.search-pop{position:fixed;inset:0;background:rgba(31,42,48,.45);backdrop-filter:blur(4px);z-index:80;display:flex;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:.25s}
.search-pop.on{opacity:1;visibility:visible}
.search-box{width:min(680px,92vw);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(-12px) scale(.98);transition:transform .3s var(--ease);height:max-content}
.search-pop.on .search-box{transform:none}
.search-box .row{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}
.search-box input{flex:1;border:0;outline:0;font:inherit;font-size:18px}
.search-box kbd{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}
.chip{padding:7px 14px;border-radius:999px;background:var(--honey-50);font-size:13px;transition:background .2s}
.chip:hover{background:var(--honey-200)}
.results a{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:14px}
.results a:hover{background:var(--off)}
.results i{font-style:normal;width:40px;height:40px;border-radius:10px;background:var(--honey-50);display:grid;place-items:center}

/* mobile drawer */
.drawer{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:#fff;z-index:90;transform:translateX(100%);transition:transform .35s var(--ease);padding:20px;overflow:auto;box-shadow:var(--shadow-lg)}
.drawer.on{transform:none}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:85;opacity:0;visibility:hidden;transition:.3s}
.scrim.on{opacity:1;visibility:visible}
.drawer a{display:block;padding:14px 6px;border-bottom:1px solid var(--line);font-weight:500}

/* ---------- hero ---------- */
.hero{position:relative;background:linear-gradient(180deg,var(--honey-50) 0%,#FFF9E6 100%);overflow:hidden;padding:72px 0 120px}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(55,71,79,.10) 1.5px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.hex{position:absolute;width:260px;height:300px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,202,40,.18);animation:float 9s ease-in-out infinite}
.hex.h1{right:-60px;top:-60px}.hex.h2{left:38%;bottom:-140px;width:200px;height:230px;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-18px) rotate(6deg)}}
.hero .grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.6);border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;font-weight:500}
.eyebrow b{background:var(--teal);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px}
.hero h1{font-size:clamp(34px,5vw,58px);font-weight:900;margin:18px 0;letter-spacing:-.02em}
.hero h1 .hl{position:relative;color:var(--ink);background:linear-gradient(transparent 62%,var(--honey) 62%);white-space:nowrap}
.hero h1 .hl svg{position:absolute;left:0;bottom:-8px;width:100%}
.hero h1 .hl path{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.2s .6s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.hero p.lead{font-size:18px;max-width:540px;color:var(--ink)}
.cta{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}
.trust{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;font-weight:500;color:var(--ink)}
.trust span{display:flex;align-items:center;gap:8px}
.trust svg{color:var(--teal)}
.stack{position:relative;height:460px}
.sheet{position:absolute;width:250px;aspect-ratio:8.5/11;background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:14px;display:flex;flex-direction:column;transition:transform .6s var(--ease)}
.sheet .art{flex:1;border-radius:8px;display:grid;place-items:center;font-size:84px;border:2px dashed var(--line)}
.sheet small{display:flex;justify-content:space-between;font-size:12px;margin-top:10px;font-weight:600}
.sheet small em{font-style:normal;color:var(--teal)}
.s1{left:6%;top:40px;transform:rotate(-8deg)}
.s2{left:32%;top:0;z-index:2;transform:rotate(2deg)}
.s3{left:56%;top:70px;transform:rotate(9deg)}
.stack:hover .s1{transform:rotate(-14deg) translateX(-24px)}
.stack:hover .s3{transform:rotate(15deg) translateX(24px)}
.floaty{position:absolute;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:10px 14px;font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center;z-index:3;animation:float 6s ease-in-out infinite}
.f1{left:0;bottom:40px}.f2{right:0;top:10px;animation-delay:-2s}

/* features strip */
.feats{position:relative;z-index:2;margin-top:-64px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.feat{background:#fff;border-radius:var(--r);padding:20px 16px;box-shadow:var(--shadow);text-align:center;transition:transform .3s var(--ease),box-shadow .3s}
.feat:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.feat .ic{width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:var(--teal-light);color:var(--teal);display:grid;place-items:center;transition:transform .4s var(--ease)}
.feat:hover .ic{transform:rotate(-8deg) scale(1.08)}
.feat h3{font-size:15px;font-family:Poppins;font-weight:600}

/* sections */
section.s{padding:88px 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sh h2{font-size:clamp(26px,3.2vw,38px);font-weight:900}
.sh p{color:var(--muted);margin-top:6px}
.tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:999px}
.tab{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;transition:.25s}
.tab[aria-selected=true]{background:var(--ink);color:#fff}

/* product cards */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 20px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;transition:.2s}
.rail-nav button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.card{scroll-snap-align:start;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.thumb{position:relative;aspect-ratio:1;background:var(--honey-50);display:grid;place-items:center;font-size:72px;overflow:hidden}
.thumb .e{transition:transform .5s var(--ease)}
.card:hover .thumb .e{transform:scale(1.12) rotate(-4deg)}
.badge{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.03em}
.b-sale{background:var(--coral);color:var(--ink)}.b-free{background:var(--teal-light);color:var(--teal)}.b-inc{background:var(--honey);color:var(--ink)}
.fav{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .2s}
.fav:hover{transform:scale(1.1)}
.fav[aria-pressed=true] svg{fill:#E85D4A;stroke:#E85D4A;animation:pop .35s var(--ease)}
@keyframes pop{50%{transform:scale(1.4)}}
.quick{position:absolute;left:12px;right:12px;bottom:12px;transform:translateY(130%);transition:transform .35s var(--ease)}
.card:hover .quick,.card:focus-within .quick{transform:none}
.quick .btn{width:100%;justify-content:center;background:rgba(31,42,48,.9);color:#fff;backdrop-filter:blur(6px)}
.card .body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.meta{display:flex;gap:6px;flex-wrap:wrap}
.meta span{font-size:11px;background:var(--off);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--muted)}
.card h3{font-size:15px;font-family:Poppins;font-weight:600;line-height:1.4}
.row-p{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.price{font-weight:700;color:var(--ink);font-size:17px}
.price s{font-weight:400;color:var(--muted);font-size:13px;margin-left:6px}
.add{width:42px;height:42px;border-radius:12px;background:var(--honey);display:grid;place-items:center;transition:transform .2s,background .2s}
.add:hover{transform:rotate(90deg);background:var(--honey-200)}
.add.done{background:var(--teal-light);color:var(--teal);transform:none}

/* how it works */
.how{background:var(--alt)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.step{position:relative;padding:28px;border-radius:var(--r-lg);background:var(--off);border:1px solid var(--line);transition:.3s}
.step:hover{background:var(--honey-50);border-color:var(--honey-200)}
.step::before{counter-increment:s;content:counter(s);font-family:Nunito;font-weight:900;font-size:56px;color:var(--mint);line-height:1;display:block;margin-bottom:8px}
.step h3{font-size:20px;margin-bottom:6px}

/* vault / pricing */
.vault{position:relative;background:var(--teal-light);color:var(--charcoal);border-radius:32px;padding:56px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.vault::after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,202,40,.35),transparent 70%)}
.vault h2{color:var(--ink);font-size:clamp(28px,3.4vw,42px);font-weight:900}
.vault ul{list-style:none;margin-top:20px;display:grid;gap:10px}
.vault li{display:flex;gap:10px;align-items:center}
.vault li::before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--honey);color:var(--ink);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:16px;position:relative;z-index:1}
.toggle button{padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);transition:.25s}
.toggle button[aria-pressed=true]{background:var(--ink);color:#fff}
.toggle small{background:var(--honey);color:var(--ink);border-radius:6px;padding:1px 6px;font-size:11px;margin-left:6px}
.plan{position:relative;z-index:1;background:#fff;color:var(--charcoal);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-lg)}
.plan .amt{font-family:Nunito;font-weight:900;font-size:52px;color:var(--ink);line-height:1;transition:opacity .2s}
.plan .amt small{font-size:16px;font-weight:600;color:var(--muted)}
.plan .btn{width:100%;justify-content:center;margin-top:18px}
.plan .fine{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat b{display:block;font-family:Nunito;font-weight:900;font-size:44px;color:var(--ink)}
.stat span{font-size:14px;color:var(--muted)}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden;transition:box-shadow .3s}
.faq details[open]{box-shadow:var(--shadow)}
.faq summary{list-style:none;padding:20px 24px;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;color:var(--teal);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 24px 20px;color:var(--muted)}

/* newsletter */
.news{background:var(--honey);border-radius:32px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;position:relative;overflow:hidden}
.news form{display:flex;gap:8px;background:#fff;padding:6px;border-radius:999px;box-shadow:var(--shadow)}
.news input{flex:1;border:0;outline:0;font:inherit;padding:0 16px;background:none;min-width:0}
.news label.c{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-top:12px;color:var(--ink);text-align:left}
.news label.c input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--teal)}

/* footer */
footer{background:var(--ink);color:#C5D0D4;margin-top:88px;position:relative}
.wave{display:block;width:100%;height:60px;color:#fff;margin-top:-1px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding:40px 0 48px}
footer h4{color:#fff;font-size:16px;margin-bottom:14px;font-family:Poppins;font-weight:600}
footer ul{list-style:none;display:grid;gap:9px;font-size:14px}
footer a{transition:color .2s,padding .2s}
footer ul a:hover{color:var(--honey);padding-left:4px}
.social{display:flex;gap:10px;margin-top:18px}
.social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;transition:.25s}
.social a:hover{background:var(--honey);color:var(--ink);transform:translateY(-3px)}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pay span{background:#fff;color:var(--ink);font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px}
.legal{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#9FB0B6}
.totop{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:var(--honey);color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px);transition:.3s var(--ease);z-index:40}
.totop.on{opacity:1;transform:none}

/* cookie banner (PECR) */
.cookie{position:fixed;left:20px;bottom:20px;max-width:420px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:20px;z-index:70;font-size:14px;transform:translateY(140%);transition:transform .5s var(--ease)}
.cookie.on{transform:none}
.cookie .acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}

/* toast */
.toast{position:fixed;left:50%;top:90px;transform:translate(-50%,-20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;opacity:0;transition:.3s var(--ease);z-index:95;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}

.cb-preview-tag{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}

@media (max-width:1180px){.nav-cta .pill-o{display:none}}
@media (max-width:1024px){
 .menu,.hide-m{display:none}.burger{display:grid}
 .hero .grid,.vault,.news{grid-template-columns:1fr}
 .stack{height:380px}.sheet{width:200px}
 .feats{grid-template-columns:repeat(3,1fr);margin-top:-48px}
 .rail{grid-auto-columns:calc((100% - 20px)/2)}
 .steps,.stats{grid-template-columns:1fr 1fr}
 .fgrid{grid-template-columns:1fr 1fr}
 .vault,.news{padding:32px}
}
@media (max-width:600px){
 .feats{grid-template-columns:1fr 1fr}
 .rail{grid-auto-columns:78%}
 .steps{grid-template-columns:1fr}
 .fgrid{grid-template-columns:1fr}
 .stack{height:320px}.sheet{width:160px}.s3{left:50%}
 section.s{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* ===== WordPress integration + inner pages (Shop, Product, Cart, Checkout, generic) ===== */
.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}
main#main{display:block}
.thumb img{width:100%;height:100%;object-fit:cover}
.card h3 a{color:inherit}.card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cb-empty{color:var(--muted);padding:40px 0;text-align:center}
.cb-page{padding:48px 0 88px}
.cb-page-title{font-size:clamp(28px,3.2vw,40px);font-weight:900}
.cb-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.cb-chips .chip{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink);transition:.2s}
.cb-chips .chip small{color:var(--muted);margin-left:4px}
.cb-chips .chip:hover{background:var(--honey-50)}
.cb-chips .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.cb-chips .chip.on small{color:#cfd8dc}
.cb-sort select{height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:14px;background:#fff}
.cb-pager ul{display:flex;gap:6px;justify-content:center;list-style:none;margin-top:40px}
.cb-pager a,.cb-pager span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:600}
.cb-pager .current{background:var(--honey);border-color:var(--honey);color:var(--ink)}
.cb-crumbs{font-size:13px;color:var(--muted);margin-bottom:20px}.cb-crumbs a:hover{color:var(--teal)}
.cb-pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.cb-gallery{position:sticky;top:96px}
.cb-gallery-main{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--honey-50);border:1px solid var(--line)}
.cb-gallery-main img{width:100%;height:auto;display:block}
.cb-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}
.cb-thumbs button{width:72px;height:72px;border-radius:12px;overflow:hidden;border:2px solid transparent;flex:none}
.cb-thumbs button.on{border-color:var(--honey)}.cb-thumbs img{width:100%;height:100%;object-fit:cover}
.cb-cats{font-size:13px;color:var(--teal);font-weight:600}
.cb-title{font-size:clamp(26px,3vw,36px);font-weight:900;margin:8px 0 12px}
.cb-price-lg .price{font-size:28px}
.cb-short{margin:16px 0}
.cb-specs{list-style:none;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:20px 0}
.cb-specs li{display:flex;justify-content:space-between;padding:12px 16px;font-size:14px}
.cb-specs li+li{border-top:1px solid var(--line)}.cb-specs b{color:var(--ink);font-weight:600}
.cb-buy{display:flex;gap:12px;flex-wrap:wrap}.cb-wide{flex:1;justify-content:center;min-height:52px}
.cb-upsell{display:block;margin-top:16px;padding:14px 16px;border-radius:var(--r);background:var(--teal-light);color:var(--ink);font-size:14px}
.cb-upsell b{color:var(--teal)}
.cb-note{font-size:13px;color:var(--muted);margin-top:14px}.cb-note a{color:var(--teal)}
.cb-desc,.cb-related{margin-top:72px}.cb-desc h2,.cb-related h2{font-size:28px;font-weight:900;margin-bottom:16px}
.cb-prose{max-width:72ch}.cb-prose p{margin:0 0 14px}
.cb-wc{padding:48px 20px 88px;max-width:1240px;margin:0 auto}
.cb-wc h1{font-size:clamp(28px,3.2vw,40px);font-weight:900;margin-bottom:24px}
.cb-wc .wc-block-components-button:not(.is-link){background:var(--honey)!important;color:var(--ink)!important;border-radius:12px!important;font-weight:600}
.cb-wc .wp-block-woocommerce-checkout-order-summary-block,.cb-wc .wc-block-cart__sidebar{background:var(--alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.cb-prose-page{max-width:820px;margin:0 auto;padding:48px 20px 88px}
.cb-prose-page h1{font-size:clamp(28px,3.2vw,40px);font-weight:900;margin-bottom:24px}
.cb-prose-page h2{margin:32px 0 12px}.cb-prose-page p,.cb-prose-page li{margin-bottom:12px}
.cb-cart-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.cb-cart-item img{width:48px;height:48px;border-radius:8px;object-fit:cover}.cb-cart-item b{margin-left:auto;color:var(--ink)}
.count[hidden]{display:none}
@media(max-width:1024px){.cb-grid{grid-template-columns:repeat(3,1fr)}.cb-pdp{grid-template-columns:1fr}.cb-gallery{position:static}}
@media(max-width:700px){.cb-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
/* classic Woo cart/checkout skin */
.cb-wc .woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r-lg);border-collapse:separate;overflow:hidden}
.cb-wc .woocommerce table.shop_table td,.cb-wc .woocommerce table.shop_table th{padding:16px;border-color:var(--line)}
.cb-wc .woocommerce img{border-radius:8px}
.cb-wc .woocommerce .button,.cb-wc .woocommerce button.button,.cb-wc #place_order{background:var(--honey)!important;color:var(--ink)!important;border-radius:12px!important;font-weight:600!important;padding:14px 22px!important}
.cb-wc .woocommerce input.input-text,.cb-wc .woocommerce select,.cb-wc .woocommerce textarea{border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit}
.cb-wc .woocommerce input.input-text:focus{outline:0;border-color:var(--honey);box-shadow:0 0 0 4px var(--honey-50)}
.cb-wc #order_review,.cb-wc .cart_totals{background:var(--alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.cb-wc .woocommerce-info,.cb-wc .woocommerce-message{border-top-color:var(--teal);background:var(--teal-light);border-radius:12px}
.cb-wc .woocommerce-error{border-radius:12px}
/* small hero for inner landing pages */
.cb-hero-sm{background:linear-gradient(180deg,var(--honey-50),#FFF9E6);padding:56px 0 48px}
.cb-hero-sm h1{font-size:clamp(30px,4vw,46px);font-weight:900;margin:14px 0 10px;letter-spacing:-.02em}
.cb-hero-sm .lead{max-width:60ch;font-size:17px}
/* pricing */
.cb-plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:24px;justify-content:center}
.cb-plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}
.cb-plan.best{border:2px solid var(--honey);box-shadow:var(--shadow-lg)}
.cb-plan h3{font-size:22px}.cb-plan .amt{font:900 44px Nunito,sans-serif;color:var(--ink)}.cb-plan .amt small{font:600 16px Poppins,sans-serif;color:var(--muted)}
.cb-plan ul{list-style:none;display:grid;gap:10px}.cb-plan li::before{content:"✓ ";color:var(--teal);font-weight:700}
.cb-plan .btn{justify-content:center}.cb-plan .fine{font-size:13px;color:var(--muted)}
.cb-tag{background:var(--honey-50);font:600 12px Poppins,sans-serif;padding:2px 8px;border-radius:6px;vertical-align:middle}
/* account */
.cb-account{max-width:1200px;margin:0 auto;padding:48px 20px 88px}
.cb-account h1{font-size:clamp(28px,3.2vw,40px);font-weight:900;margin-bottom:24px}
.cb-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.cb-account .woocommerce-MyAccount-navigation ul{list-style:none;background:var(--alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:8px}
.cb-account .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;font-weight:500;color:var(--ink)}
.cb-account .woocommerce-MyAccount-navigation a:hover{background:var(--honey-50)}
.cb-account .woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff}
.cb-account .woocommerce-MyAccount-content{min-width:0}
.cb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.cb-stats div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.cb-stats small{display:block;color:var(--muted);font-size:13px}.cb-stats b{font:900 28px Nunito,sans-serif;color:var(--ink)}
.cb-acc-h{font-size:24px;margin-bottom:16px}
.cb-grid-3{grid-template-columns:repeat(3,1fr)}
.cb-table{width:100%;border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;overflow:hidden}
.cb-table th,.cb-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.cb-wc .woocommerce .quantity input.qty{width:64px;height:40px;text-align:center;border:1.5px solid var(--line);border-radius:10px}
@media(max-width:900px){.cb-account .woocommerce{grid-template-columns:1fr}.cb-plans{grid-template-columns:1fr}.cb-stats{grid-template-columns:1fr}.cb-grid-3{grid-template-columns:repeat(2,1fr)}}
/* tags, reviews, category accordion */
.cb-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.cb-tag-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--honey-50);color:var(--ink);border:1px solid var(--line);text-transform:capitalize}
.cb-tag-pill:hover{border-color:var(--ink)}
.cb-reviews{margin-top:72px}.cb-reviews h2{font-size:28px;font-weight:900}
.cb-reviews-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}
.cb-review-list{list-style:none;display:grid;gap:16px}
.cb-review-list li{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:#fff}
.cb-review-list img{border-radius:8px;margin-top:8px}
.cb-rv-head{display:flex;gap:8px;align-items:center;font-size:14px}.cb-rv-head time{margin-left:auto;color:var(--muted);font-size:13px}
.cb-verified{color:var(--teal);font-size:12px;font-weight:600}
.cb-review-form{display:grid;gap:10px;background:var(--alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.cb-review-form textarea,.cb-review-form input[type=file]{border:1.5px solid var(--line);border-radius:10px;padding:10px;font:inherit;background:#fff}
.cb-stars{border:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.cb-stars legend{width:100%;font-weight:600;margin-bottom:4px}
.cb-stars input{position:absolute;opacity:0;width:1px;height:1px}
.cb-stars label{font-size:28px;color:#D5DCE0;cursor:pointer;line-height:1}
.cb-stars input:checked~label,.cb-stars label:hover,.cb-stars label:hover~label{color:var(--honey)}
.cb-stars input:focus-visible+label{outline:3px solid var(--teal);border-radius:4px}
.cb-rating{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--muted)}
.cb-cat-acc ul{list-style:none;padding-left:0}.cb-cat-acc ul ul{display:none;padding-left:14px;border-left:1px solid var(--line);margin:4px 0 4px 8px}
.cb-cat-acc li.open>ul{display:block}
.cb-cat-acc .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cb-cat-acc a{display:block;padding:6px 10px;border-radius:8px;font-size:15px;color:var(--ink)}
.cb-cat-acc a:hover,.cb-cat-acc a[aria-current]{background:var(--honey-50);font-weight:600}
.cb-cat-acc small{color:var(--muted)}
.cb-cat-acc button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;color:var(--teal)}
.cb-icons{display:flex;gap:8px;align-items:center}
@media(max-width:900px){.cb-reviews-grid{grid-template-columns:1fr}}
/* account layout hardening (override Woo float/width + block-theme list spacing) */
.cb-account .woocommerce::before,.cb-account .woocommerce::after{display:none!important}
.cb-account .woocommerce-MyAccount-navigation,.cb-account .woocommerce-MyAccount-content{float:none!important;width:auto!important;margin:0!important}
.cb-account .woocommerce-MyAccount-navigation ul{margin:0!important;display:flex;flex-direction:column;gap:2px}
.cb-account .woocommerce-MyAccount-navigation li{margin:0!important;padding:0!important;list-style:none;border:0!important}
.cb-account .woocommerce-MyAccount-navigation a{padding:10px 14px!important;line-height:1.3;text-decoration:none!important}
@media(max-width:900px){.cb-account .woocommerce-MyAccount-navigation ul{flex-direction:row;overflow-x:auto;white-space:nowrap}}
.cb-stars{display:flex!important;flex-direction:row-reverse!important;flex-wrap:wrap;padding:0;margin:0}
.cb-stars legend{order:99;flex-basis:100%}
.cb-stars label{display:inline-block!important;width:auto!important;margin:0!important}
.cb-review-form textarea{width:100%;box-sizing:border-box}
/* 3:2 media everywhere (all product images are 3:2 landscape) */
.thumb{aspect-ratio:3/2!important}
.thumb img,.thumb .e{width:100%;height:100%;object-fit:cover;display:block}
.cb-gallery-main{aspect-ratio:3/2}.cb-gallery-main img{width:100%;height:100%;object-fit:cover}
.cb-thumbs button{width:84px;height:56px}
.badge.b-bundle{background:var(--ink);color:#fff}
.card .meta .k-bundle{background:var(--ink);color:#fff;border-color:var(--ink)}
.card--bundle{border-color:#E8DFC0}
/* breadcrumbs */
.cb-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.cb-crumbs li+li::before{content:"›";margin-right:6px;color:var(--muted)}
.cb-crumbs [aria-current]{color:var(--ink);font-weight:500}
/* bundle cross-sell + inside */
.cb-bundle-box{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px;border:1.5px dashed var(--honey);border-radius:var(--r);background:#fff}
.cb-bundle-box img{width:72px;height:48px;object-fit:cover;border-radius:8px}
.cb-bundle-box small{display:block;color:var(--teal);font-weight:600;font-size:12px}
.cb-bundle-box b{display:block;color:var(--ink);font-size:14px;line-height:1.3}
.cb-bundle-box em{font-style:normal;font-weight:700;color:var(--ink)}.cb-bundle-box s{color:var(--muted);font-weight:400;margin-left:4px}
.cb-inside{margin-top:72px}.cb-inside h2{font-size:28px;font-weight:900}
/* thank you + membership */
.cb-thanks{background:var(--teal-light);border-radius:var(--r-lg);padding:24px;margin-bottom:32px}
.cb-thanks h2{font-size:24px;margin-bottom:12px}
.cb-thanks-list{list-style:none;display:grid;gap:8px;padding:0}
.cb-thanks-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:10px 14px}
.cb-membership{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:16px}
.cb-membership small{display:block;color:var(--muted)}.cb-membership b{font:900 22px Nunito,sans-serif;color:var(--ink);margin-right:8px}
.cb-membership span{color:var(--muted);font-size:14px}
.cb-mem-actions{display:flex;gap:8px}.cb-cancel{color:#B42318!important}
.cb-prose-page .cb-updated{color:var(--muted);font-size:13px}
.cb-prose-page ul{padding-left:20px}
.cb-prose-page details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}
.cb-prose-page summary{font-weight:600;color:var(--ink);cursor:pointer}
.cb-prose-page details p{margin:10px 0 0}
.cb-prose-page table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.cb-prose-page th,.cb-prose-page td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.cb-dl{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;background:var(--alt);border:1px solid var(--line);border-radius:12px;padding:18px}
.cb-dl dt{font-weight:600;color:var(--ink)}
/* legacy Elementor pages inside the new shell: full width, no duplicate title (until rebuilt natively) */
.elementor-page .cb-prose-page{max-width:none;padding:0 0 64px}
.elementor-page .cb-prose-page>.wp-block-post-title{display:none}
/* ===== about / contact / custom order / blog ===== */
.cb-split{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.cb-hero-sm .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.cb-about-art{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cb-about-art span{aspect-ratio:1;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);display:grid;place-items:center;font-size:56px}
.cb-values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cb-values article{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.cb-values i{font-style:normal;font-size:28px;display:block;margin-bottom:10px}.cb-values h3{font-size:18px;margin-bottom:6px}
.cb-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cb-facts div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.cb-facts b{display:block;font:900 22px Nunito,sans-serif;color:var(--ink)}.cb-facts span{color:var(--muted);font-size:14px}
.cb-company-card{max-width:760px}.cb-company-card h2{margin-bottom:16px}
.cb-contact{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.cb-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.cb-card h2{font-size:24px;margin-bottom:16px}.cb-card h3{font-size:17px;margin-bottom:8px}
.cb-side{display:grid;gap:16px}
.cb-links{list-style:none;padding:0;display:grid;gap:8px}.cb-links a{color:var(--teal);font-weight:500}
.cb-form{display:grid;gap:14px}
.cb-form p{margin:0;display:grid;gap:6px}
.cb-form label{font-weight:600;font-size:14px;color:var(--ink)}
.cb-form input,.cb-form select,.cb-form textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;background:#fff}
.cb-form input:focus,.cb-form select:focus,.cb-form textarea:focus{outline:0;border-color:var(--honey);box-shadow:0 0 0 4px var(--honey-50)}
.cb-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cb-consent-line{font-size:13px;color:var(--muted)}
.cb-alert{padding:12px 16px;border-radius:12px;margin-bottom:14px;font-weight:500}
.cb-alert-ok{background:var(--teal-light);color:var(--ink)}.cb-alert-err{background:#FDECEA;color:#8A1C12}
.cb-steps3{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 32px}
.cb-steps3 li{background:var(--alt);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.cb-steps3 b{display:block;color:var(--ink);margin-bottom:4px}.cb-steps3 span{font-size:14px;color:var(--muted)}
.cb-post-grid{list-style:none;padding:0;display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px}
.cb-post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;height:100%;transition:transform .2s var(--ease),box-shadow .2s}
.cb-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.cb-post-card .wp-block-post-featured-image{margin:0}.cb-post-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cb-post-body{padding:18px}.cb-post-body h2{font-size:19px;margin:6px 0 8px;line-height:1.3}.cb-post-body h2 a{color:var(--ink)}
.cb-post-body .wp-block-post-date{color:var(--muted)}
.cb-article .wp-block-post-featured-image img{border-radius:var(--r-lg);aspect-ratio:3/2;object-fit:cover}
.cb-article-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--honey-50);border-radius:var(--r-lg);padding:20px;margin-top:40px}
.cb-article-cta span{flex:1;min-width:220px}
/* consent banner */
#cb-cookie{position:fixed;left:20px;bottom:20px;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:20px;z-index:99;font-size:14px;transform:translateY(140%);transition:transform .4s var(--ease)}
#cb-cookie.on{transform:none}#cb-cookie[hidden]{display:none}
#cb-cookie b{color:var(--ink)}#cb-cookie p{margin:6px 0 0}#cb-cookie a{color:var(--teal)}
#cb-cookie .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#cb-cookie .cb-ck-opts{display:grid;gap:6px;margin-top:12px}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#37474F}
@media(max-width:900px){.cb-split,.cb-contact{grid-template-columns:1fr}.cb-values,.cb-steps3{grid-template-columns:1fr 1fr}.cb-post-grid{grid-template-columns:1fr 1fr}.cb-row2{grid-template-columns:1fr}#cb-cookie{left:12px;right:12px;max-width:none}}
@media(max-width:560px){.cb-values,.cb-steps3,.cb-post-grid{grid-template-columns:1fr}}
#cb-cookie [hidden]{display:none!important}
.cb-logo-img{height:40px;width:auto;display:block}
.drawer .logo img{width:28px;height:28px}
@media(max-width:560px){.cb-logo-img{height:32px}}
/* ===== Ads landing pages ===== */
.cb-lp-trust{font-size:13px;color:var(--muted);margin-right:8px}
.cb-landing .lp-hero{background:linear-gradient(180deg,var(--honey-50),#FFF9E6);padding:64px 0}
.cb-landing .lp-hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.cb-landing .lp-hero h1{font-size:clamp(32px,4.4vw,52px);font-weight:900;letter-spacing:-.02em}
.cb-landing .lp-hero p{font-size:18px;margin:14px 0 22px}
.cb-landing .lp-hero img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}
.cb-landing .lp-ticks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-weight:500;color:var(--ink)}
.cb-landing .lp-ticks li::before{content:"✓ ";color:var(--teal);font-weight:800}
.cb-landing section.lp{padding:64px 0}.cb-landing section.lp h2{font-size:clamp(26px,3vw,34px);font-weight:900;margin-bottom:24px;text-align:center}
.cb-landing .lp-offer{background:var(--ink);color:#E6EDEF;border-radius:var(--r-lg);padding:36px;text-align:center}
.cb-landing .lp-offer h2{color:#fff}
.cb-lp-foot{padding:24px 0;font-size:13px;text-align:center;color:var(--muted)}
.cb-lp-foot a{color:var(--muted)}
@media(max-width:900px){.cb-landing .lp-hero .wrap{grid-template-columns:1fr}.cb-lp-trust{display:none}}
.cb-landing .lp-hero .cb-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto}
/* ===== Header v5: inline search + category nav (Creative-Fabrica style) ===== */
.hdr .bar{gap:20px}
.cb-search{flex:1;max-width:560px;position:relative;display:flex;align-items:center}
.cb-search input[type=search]{width:100%;height:46px;border:1.5px solid var(--line);border-radius:999px;padding:0 52px 0 20px;font:inherit;font-size:15px;background:var(--alt);transition:border-color .15s,box-shadow .15s,background .15s}
.cb-search input[type=search]:focus{outline:0;border-color:var(--honey);background:#fff;box-shadow:0 0 0 4px var(--honey-50)}
.cb-search button{position:absolute;right:5px;top:5px;width:36px;height:36px;border-radius:50%;background:var(--honey);color:var(--ink);display:grid;place-items:center}
.cb-search .results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:60}
.cb-search .results:empty{display:none}
.cb-search .results a{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;color:var(--ink)}
.cb-search .results a:hover{background:var(--honey-50)}
.cb-search .results i{font-style:normal}
.cb-catnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:45}
.hdr.scrolled+.cb-catnav{top:60px}
.cb-catnav-list{list-style:none;display:flex;gap:2px;margin:0;padding:0;height:48px;align-items:center}
.cb-cn-item{position:relative}
.cb-cn-link{display:flex;align-items:center;gap:6px;height:48px;padding:0 12px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;border-bottom:3px solid transparent}
.cb-cn-link:hover,.cb-cn-link.is-active{border-bottom-color:var(--honey)}
.has-kids>.cb-cn-link::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.cb-cn-tag{font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:6px}
.cb-cn-tag-free{background:var(--teal-light);color:var(--teal)}
.cb-cn-tag-save{background:var(--honey);color:var(--ink)}
.cb-cn-drop{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:var(--shadow-lg);padding:12px;opacity:0;visibility:hidden;transform:translateY(4px);transition:.18s var(--ease)}
.cb-cn-item:hover .cb-cn-drop,.cb-cn-item:focus-within .cb-cn-drop{opacity:1;visibility:visible;transform:none}
.cb-cn-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;min-width:420px}
.cb-cn-cols a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--ink)}
.cb-cn-cols a:hover{background:var(--honey-50)}
.cb-cn-cols small{color:var(--muted)}
.cb-cn-all{grid-column:1/-1;font-weight:700;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0!important;margin-bottom:4px}
.cb-cn-item:last-child .cb-cn-drop,.cb-cn-item:nth-last-child(2) .cb-cn-drop{left:auto;right:0}
@media(max-width:1024px){
 .cb-search{max-width:none}.hdr .bar{gap:10px}
 .cb-catnav{top:60px}
 .cb-catnav .wrap{overflow-x:auto;scrollbar-width:none}.cb-catnav .wrap::-webkit-scrollbar{display:none}
 .cb-cn-drop{display:none}.has-kids>.cb-cn-link::after{display:none}
}
@media(max-width:700px){
 .hdr .bar{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
 .cb-search{order:5;flex-basis:100%}
 .cb-catnav{top:0;position:relative}
}
.cb-plan-form{display:grid;gap:10px}
.cb-waiver{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--text);text-align:left}
.cb-waiver input{margin-top:3px;flex:none;accent-color:var(--teal)}
.cb-waiver a{color:var(--teal)}
.cb-inline-form{display:inline}
/* payments-off mode */
.cb-mode-bar{background:var(--ink);color:#fff;font-size:13px;text-align:center;padding:8px 16px}
.cb-mode-bar a{color:var(--honey);font-weight:600}
.cb-soon-btn{cursor:not-allowed;opacity:.85;justify-content:center}
.add.is-soon{width:auto;padding:0 10px;font-size:11px;font-weight:700;background:var(--alt);color:var(--muted);transform:none!important}
.cb-soon{max-width:640px;margin:24px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 24px}
.cb-soon-ic{font-size:40px}.cb-soon h2{margin:10px 0}.cb-soon p{color:var(--text)}
.cb-soon-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
/* header v5.1: logo never collapses; whole header block (announce + bar + categories) always visible while scrolling */
.hdr .logo{flex:none}
.hdr .cb-logo-img{max-width:none;height:40px;width:auto}
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 var(--line)}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media(max-width:782px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px}}
.wp-site-blocks>header.wp-block-template-part .hdr,.wp-site-blocks>header.wp-block-template-part .cb-catnav{position:relative;top:auto}
.wp-site-blocks>header.wp-block-template-part .drawer,.wp-site-blocks>header.wp-block-template-part .scrim{position:fixed}
/* packages */
.lp-price{font-size:18px;margin:8px 0}.lp-price b{font:900 44px Nunito,sans-serif;color:#fff}.lp-price s{opacity:.7;margin-left:8px}.lp-price span{background:var(--honey);color:var(--ink);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:6px}
.lp-deadline{font-size:14px;opacity:.9}
.lp-form{display:grid;gap:12px;max-width:520px;margin:16px auto 0;text-align:left}
.lp-form .cb-waiver{color:#E6EDEF}.lp-form .cb-waiver a{color:var(--honey)}
.lp-form .btn{justify-content:center;font-size:17px;height:54px}
.lp-offer .fine{font-size:13px;opacity:.8;text-align:center}
.cb-landing .faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.cb-landing .faq summary{font-weight:600;color:var(--ink);cursor:pointer}
.cb-plans-3{grid-template-columns:repeat(3,minmax(0,340px))}@media(max-width:1000px){.cb-plans-3{grid-template-columns:1fr}}

/* ---- marketing banners (HQ → Banners) + KDP sister-studio card ---- */
.cb-banners{display:grid;gap:16px;margin:24px auto;max-width:1200px}
.cb-banner{display:flex;align-items:center;gap:20px;padding:20px 24px;border-radius:16px;background:var(--teal,#00796B);color:#fff}
.cb-banner b{display:block;font-family:Poppins,sans-serif;font-size:1.15rem;line-height:1.3}
.cb-banner p{margin:4px 0 0;opacity:.92}
.cb-banner>div{flex:1}
.cb-banner img{border-radius:10px;flex:none;object-fit:cover}
.cb-banner .btn{flex:none}
.cb-banner-honey{background:#FFC107;color:#263238}
.cb-banner-dark{background:#263238}
.cb-banner-kdp{background:linear-gradient(120deg,#263238 0%,#37474F 55%,#00796B 100%)}
.cb-banner-mark{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:#FFC107;color:#263238;font:800 1.05rem Poppins,sans-serif;letter-spacing:.04em}
.cb-kdp{border:2px solid #B2DFDB}
.cb-kdp-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#00796B;background:#E0F2F1;padding:2px 10px;border-radius:999px}
@media (max-width:700px){.cb-banner{flex-direction:column;align-items:flex-start;padding:18px}}

.cb-consent-line a{display:inline;padding:0;margin:0}

/* ---- consent line (was split by .cb-form p grid) ---- */
.cb-form .cb-consent-line{display:block;font-size:13px;color:var(--muted,#5F6F78);line-height:1.5}
.cb-form .cb-consent-line a{display:inline;color:var(--teal,#00796B);font-weight:600}

/* ---- drag & drop uploader ---- */
.cb-drop{display:grid;gap:10px}
.cb-drop-zone{display:grid;justify-items:center;gap:4px;padding:26px 18px;border:2px dashed #B2DFDB;border-radius:16px;background:#F3FBFA;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.cb-drop-zone:hover,.cb-drop.over .cb-drop-zone{border-color:#00796B;background:#E0F2F1}
.cb-drop-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#00796B;color:#fff;font-size:20px;margin-bottom:4px}
.cb-drop-zone b{font-family:Poppins,sans-serif;color:var(--ink,#263238)}
.cb-drop-zone span{color:#37474F}.cb-drop-zone u{color:#00796B;font-weight:600}
.cb-drop-zone small{color:var(--muted,#5F6F78)}
.cb-drop.js .cb-drop-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cb-drop-input:focus-visible+.cb-drop-list,.cb-drop.js:focus-within .cb-drop-zone{outline:3px solid #FFC107;outline-offset:2px}
.cb-drop-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cb-drop-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line,#E2E6E8);border-radius:12px;background:#fff}
.cb-drop-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cb-drop-list small{color:var(--muted,#5F6F78)}
.cb-drop-list button{border:0;background:#FDECEA;color:#B42318;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer}
.cb-drop-err{margin:0;color:#B42318;font-size:14px;font-weight:600}

/* ---- sign in / create account ---- */
.cb-auth{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:28px;max-width:1040px;margin:8px auto 48px;align-items:start}
.cb-auth-single{grid-template-columns:minmax(0,560px);justify-content:center}
.cb-auth-card{background:#fff;border:1px solid var(--line,#E2E6E8);border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(38,50,56,.06)}
.cb-auth-card h2{margin:0 0 6px;font-family:Poppins,sans-serif;font-size:1.5rem}
.cb-auth-sub{margin:0 0 20px;color:var(--muted,#5F6F78)}
.cb-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#F1F4F5;border-radius:12px;padding:4px;margin-bottom:22px}
.cb-auth-tabs button{border:0;background:transparent;padding:11px 8px;border-radius:9px;font:600 15px Poppins,sans-serif;color:#37474F;cursor:pointer}
.cb-auth-tabs button[aria-selected=true]{background:#fff;color:#00796B;box-shadow:0 2px 8px rgba(38,50,56,.1)}
.cb-auth-form{display:grid;gap:16px}
.cb-auth-form .cb-field{margin:0;display:grid;gap:6px}
.cb-auth-form label{font-weight:600;font-size:14px;color:var(--ink,#263238)}
.cb-auth-form input[type=text],.cb-auth-form input[type=email],.cb-auth-form input[type=password],.cb-code-form input{width:100%;box-sizing:border-box;height:48px;border:1.5px solid var(--line,#E2E6E8);border-radius:12px;padding:0 14px;font:inherit;background:#fff}
.cb-auth-form input:focus,.cb-code-form input:focus{outline:0;border-color:#FFC107;box-shadow:0 0 0 4px #FFF4CC}
.cb-pass{position:relative;display:block}
.cb-pass input{padding-right:72px!important}
.cb-pass-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#F1F4F5;border-radius:8px;padding:6px 10px;font:600 13px Nunito,sans-serif;color:#37474F;cursor:pointer}
.cb-hint{color:var(--muted,#5F6F78);font-size:13px}
.cb-auth-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cb-check{display:inline-flex!important;align-items:center;gap:8px;font-weight:500!important}
.cb-check input{width:18px;height:18px;accent-color:#00796B}
.cb-auth-link,.cb-linkbtn{color:#00796B;font-weight:600;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}
.cb-auth-btn{width:100%;justify-content:center;height:50px;font-size:16px}
.cb-auth-btn:disabled{opacity:.6;cursor:wait}
.cb-auth-perks{background:linear-gradient(150deg,#263238,#37474F 60%,#00796B);color:#fff;border-radius:20px;padding:28px}
.cb-auth-perks h3{margin:0 0 14px;font-family:Poppins,sans-serif;color:#FFC107}
.cb-auth-perks ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cb-auth-perks li{display:grid;gap:2px;padding-left:30px;position:relative}
.cb-auth-perks li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#FFC107;color:#263238;display:grid;place-items:center;font-weight:800;font-size:12px}
.cb-auth-perks span{opacity:.88;font-size:14px}
.cb-auth-icon{font-size:34px;display:block;margin-bottom:6px}
.cb-auth-foot{margin:18px 0 0;text-align:center}
.cb-captcha.cb-pow{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--line,#E2E6E8);border-radius:12px;background:#FAFAFA;font-size:14px;color:#37474F}
.cb-pow-box{width:20px;height:20px;border-radius:50%;border:3px solid #B2DFDB;border-top-color:#00796B;animation:cbspin .8s linear infinite;flex:none}
.cb-pow.ok .cb-pow-box{animation:none;border-color:#00796B;background:#00796B}
.cb-pow.ok .cb-pow-box:after{content:"✓";color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:14px}
@keyframes cbspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cb-pow-box{animation:none}}
.cb-verify{max-width:520px;margin:0 auto;text-align:center}
.cb-code-form{display:grid;gap:10px;margin:18px 0}
.cb-code-form label{font-weight:600;text-align:left}
.cb-code-input{font:700 26px/1 Poppins,sans-serif!important;letter-spacing:.45em;text-align:center;height:60px!important}
.cb-resend{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--muted,#5F6F78)}
.cb-account .woocommerce-error,.cb-account .woocommerce-message,.cb-account .woocommerce-info{list-style:none;max-width:1040px;margin:0 auto 18px;padding:14px 18px;border-radius:12px;background:#FDECEA;color:#7A1C12}
.cb-account .woocommerce-message,.cb-account .woocommerce-info{background:#E0F2F1;color:#004D40}
@media (max-width:820px){.cb-auth{grid-template-columns:1fr}.cb-auth-perks{order:2}.cb-auth-card{padding:22px}}

/* LCP: hero visible at first paint (reveal animation only for content below the fold) */
.hero .rv,.cb-hero-sm .rv,.lp-hero .rv{opacity:1!important;transform:none!important;transition:none!important}

/* LCP: smooth scroll + snap on the product rail made Chrome treat load as a scroll and drop LCP */
.rail{scroll-behavior:auto!important}