:root{--rd:#9e1b20;--rd2:#6e1015;--mu:#e3a43c;--mu2:#f6d79a;--cr:#fbf3e6;--cr2:#f3e4cc;--ink:#2a1714;--mut:#7a6458;--line:#ead8bd;--tsw-b:12px}
html.bo{--tsw-b:92px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cr);color:var(--ink);font:16px/1.6 "Nunito Sans",system-ui,sans-serif;overflow-x:hidden}
.wrap{width:min(1080px,100% - 32px);margin:0 auto}
section{position:relative;overflow-x:clip}
h1,h2,h3,.bs{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:800;line-height:.95;letter-spacing:.01em;text-transform:uppercase}
h2{font-size:clamp(40px,9vw,72px);margin-bottom:14px}
a{color:inherit}
img{display:block;max-width:100%}
.k{font:800 12px/1 "Nunito Sans";letter-spacing:.18em;text-transform:uppercase;color:var(--rd);margin-bottom:12px}
.hand{font-family:Caveat,cursive;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:800 17px/1 "Nunito Sans";padding:18px 26px;border-radius:999px;background:var(--mu);color:var(--ink);text-decoration:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.45);transition:transform .2s}
.btn:active{transform:scale(.97)}
.btn.rd{background:var(--rd);color:#fff}
.btn.gh{background:transparent;color:inherit;box-shadow:none;border:2px solid currentColor}
/* ribbon */
.rib{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--rd2);color:#fff;font-size:13px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;overflow:hidden}
@media(max-width:520px){.rib .lg{display:none}.rib{font-size:12px;gap:8px}.cd span{min-width:28px;padding:1px 4px}}
.rib b{color:var(--mu2)}
.cd{display:inline-flex;gap:4px;font-family:"Big Shoulders Display";font-weight:800;font-size:17px;letter-spacing:.04em}
.cd span{background:rgba(255,255,255,.12);border-radius:6px;padding:1px 6px;min-width:34px;text-align:center}
.cd i{font-style:normal;font-size:10px;opacity:.7;margin-left:1px}
/* hero */
.hero{min-height:100svh;color:#fff;display:flex;align-items:flex-end;background:#2a1714}
.hero video,.hero .po{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,23,20,.35) 0%,rgba(42,23,20,.15) 30%,rgba(42,23,20,.92) 78%)}
.hero .wrap{position:relative;z-index:1;padding:110px 0 120px}
@media(max-width:520px){.hero .btn.gh{display:none}.hero .wrap{padding-bottom:104px}.hero .btn{font-size:17px;padding:17px 22px}.hero .btn.gh{padding:15px 18px}.pr b{font-size:56px}.pr{margin-bottom:16px}.hero p{margin:10px 0 16px;font-size:17px}}
.logo{width:74px;height:74px;border-radius:50%;margin-bottom:18px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.hero h1{font-size:clamp(54px,14vw,112px);max-width:9ch}
.hero p{max-width:30ch;font-size:18px;margin:14px 0 22px;opacity:.92}
.pr{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}
.pr b{font-family:"Big Shoulders Display";font-size:64px;line-height:1;color:var(--mu)}
.pr small{font-size:15px;opacity:.85}
.hero .row{display:flex;gap:12px;flex-wrap:wrap}
.hero .btn{font-size:19px;padding:20px 30px}
.tag{position:absolute;right:16px;top:100px;z-index:2;transform:rotate(6deg);background:var(--cr);color:var(--rd);padding:10px 16px 10px 26px;border-radius:6px 14px 14px 6px;font-size:24px;line-height:1;box-shadow:0 10px 20px rgba(0,0,0,.35)}
.tag:before{content:"";position:absolute;left:9px;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:var(--rd2)}
/* box scene */
.box{height:420svh;background:radial-gradient(120% 70% at 50% 100%,#f3e0c2,var(--cr) 70%)}
.stick{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.stage{position:relative;width:min(70vw,400px);height:min(70vw,400px);margin-top:14svh}
.bx{position:absolute;left:8%;right:8%;bottom:0;height:46%;background:linear-gradient(180deg,var(--rd),var(--rd2));border-radius:10px 10px 16px 16px;box-shadow:0 30px 50px -20px rgba(60,10,10,.55);z-index:3}
.bx:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:16%;margin-left:-8%;background:var(--mu)}
.bx b{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:"Big Shoulders Display";color:#fff;letter-spacing:.2em;font-size:15px;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.inside{position:absolute;left:10%;right:10%;bottom:40%;height:10%;background:#4a0b0e;border-radius:6px;z-index:1}
.lid{position:absolute;left:5%;right:5%;bottom:44%;height:13%;background:linear-gradient(180deg,#b3232a,var(--rd));border-radius:10px;z-index:4;transform-origin:15% 100%;will-change:transform}
.lid:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:15%;margin-left:-7.5%;background:var(--mu)}
.bow{position:absolute;left:50%;bottom:92%;width:26%;margin-left:-13%;aspect-ratio:2/1}
.bow:before,.bow:after{content:"";position:absolute;bottom:0;width:50%;height:100%;border:9px solid var(--mu);border-radius:50% 50% 10% 50%}
.bow:before{left:0;transform:rotate(-12deg)}.bow:after{right:0;border-radius:50% 50% 50% 10%;transform:rotate(12deg)}
.it{position:absolute;left:50%;bottom:38%;width:40%;margin-left:-20%;z-index:2;background:#fff;border-radius:14px;padding:6px 6px 10px;box-shadow:0 18px 30px -12px rgba(0,0,0,.4);opacity:0;will-change:transform,opacity}
.it img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}
.it span{display:block;font:800 13px/1.2 "Nunito Sans";padding:8px 4px 0;text-align:center}
.caps{position:absolute;left:16px;right:16px;top:96px;max-width:520px;margin:0 auto;text-align:center}
.cap{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s}
.cap.on{opacity:1;transform:none}
.cap h3{font-size:clamp(30px,7vw,46px);color:var(--rd)}
.cap p{color:var(--mut);margin-top:6px;font-size:15px}
.cap .btn{margin-top:12px}
.bar{position:absolute;left:50%;bottom:20px;width:120px;margin-left:-60px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--rd);transform-origin:0 0;transform:scaleX(0)}
/* sets */
.sets{padding:90px 0 70px}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:26px}
.card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.card .in{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:30px}
.card p{color:var(--mut);font-size:15px;flex:1}
.card .ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.card .ft b{font-family:"Big Shoulders Display";font-size:40px;line-height:1;color:var(--rd)}
.card .btn{padding:14px 20px;font-size:15px}
.card.main{border:3px solid var(--mu)}
.card.main .rb{position:absolute;margin:12px;background:var(--mu);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
/* calendar */
.cal{padding:70px 0;background:var(--ink);color:#fff}
.cal h2{color:var(--mu)}
.cal .lead{opacity:.8;max-width:46ch}
.tl{position:relative;margin:40px 0 10px;height:12px;border-radius:6px;background:rgba(255,255,255,.12)}
.tl .a{position:absolute;left:0;top:0;bottom:0;border-radius:6px 0 0 6px;background:var(--rd)}
.tl .b{position:absolute;top:0;bottom:0;right:0;border-radius:0 6px 6px 0;background:var(--mu)}
.tl .now{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:4px solid var(--ink);box-shadow:0 0 0 2px #fff}
.tl .now:after{content:"Šiandien";position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:800;white-space:nowrap;background:#fff;color:var(--ink);padding:3px 8px;border-radius:999px}
.tll{display:flex;justify-content:space-between;font-size:12px;opacity:.7}
.lanes{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:30px}
.lane{border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.15);transition:opacity .3s}
.lane h3{font-size:30px;margin-bottom:6px}
.lane small{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.lane.p small{background:var(--rd)}.lane.e small{background:var(--mu);color:var(--ink)}
.lane p{opacity:.8;font-size:15px}
.lane.off{opacity:.45}
.voucher{margin-top:30px;border-radius:22px;background:var(--cr);color:var(--ink);padding:22px;display:grid;gap:16px;grid-template-columns:1fr;align-items:center;position:relative;overflow:hidden}
.voucher:before{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;border:18px solid var(--mu);opacity:.35}
.voucher .hand{font-size:34px;color:var(--rd);line-height:1}
.voucher p{color:var(--mut);font-size:15px}
/* how */
.how{padding:80px 0}
.steps{display:grid;gap:14px;margin-top:24px;counter-reset:s}
.st{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.st:before{counter-increment:s;content:counter(s);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--rd);color:#fff;font:800 28px/1 "Big Shoulders Display"}
.st b{display:block;font-size:17px}
.st p{color:var(--mut);font-size:15px}
/* reviews + about */
.rv2{padding:20px 0 80px}
.qs{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}
.q{background:var(--cr2);border-radius:20px;padding:22px;position:relative}
.q:before{content:"“";position:absolute;right:16px;top:-10px;font:900 90px/1 "Big Shoulders Display";color:var(--mu)}
.q .s{color:var(--mu);letter-spacing:2px}
.q p{margin:8px 0 12px}
.q cite{font-style:normal;font-weight:800;font-size:14px}
.q cite span{font-weight:400;color:var(--mut)}
.ab{display:grid;gap:22px;align-items:center;margin-top:60px}
.ab img{border-radius:22px;aspect-ratio:4/5;object-fit:cover;width:100%;max-width:420px}
.ab .hand{font-size:30px;color:var(--rd)}
@media(min-width:800px){.ab{grid-template-columns:420px 1fr}.voucher{grid-template-columns:1fr auto}}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:26px}
.gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
/* footer */
.f{background:var(--rd2);color:#fff;padding:40px 0 200px;font-size:15px}
.f .wrap{display:grid;gap:12px}
.f a{text-decoration:none;font-weight:800}
.f .soc{display:flex;gap:16px}
.f small{opacity:.65;font-size:12px}
/* sticky buy */
.buy{position:fixed;left:0;right:0;bottom:0;z-index:330;background:#fff;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;box-shadow:0 -10px 30px -10px rgba(0,0,0,.25);transform:translateY(110%);transition:transform .35s}
.buy.on{transform:none}
.buy img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.buy .t{flex:1;min-width:0;line-height:1.2}
.buy .t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buy .t span{font-size:13px;color:var(--mut)}
.buy .t span em{font-style:normal;font-weight:800;color:var(--rd);font-size:17px}
.buy .btn{padding:14px 20px;font-size:16px}
/* sheet */
.sh{position:fixed;inset:0;z-index:420;background:rgba(30,10,8,.55);display:grid;align-items:end;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.sh.on{opacity:1;visibility:visible;transition:opacity .3s}
.pan{background:var(--cr);border-radius:24px 24px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));width:min(560px,100%);margin:0 auto;transform:translateY(40px);transition:transform .3s;max-height:92svh;overflow:auto}
.sh.on .pan{transform:none}
.pan .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pan h3{font-size:30px}
.x{width:40px;height:40px;border-radius:50%;border:0;background:var(--cr2);font-size:22px;cursor:pointer}
.opt{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:16px;border:2px solid var(--line);background:#fff;margin-bottom:10px;cursor:pointer}
.opt img{width:64px;height:64px;border-radius:10px;object-fit:cover}
.opt b{display:block;font-size:15px;line-height:1.25}
.opt small{color:var(--mut);font-size:13px}
.opt em{font-style:normal;font-family:"Big Shoulders Display";font-weight:800;font-size:28px;color:var(--rd)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt:has(input:checked){border-color:var(--rd);box-shadow:0 0 0 3px rgba(158,27,32,.15)}
.pan .go{width:100%;margin-top:6px}
.pan .note{font-size:13px;color:var(--mut);margin-top:12px;text-align:center}
.pan .ok{display:none;background:#fff;border-radius:16px;padding:16px;margin-top:12px;font-size:14px;border:2px dashed var(--mu)}
.pan .ok.on{display:block}
.sm2{display:none}@media(max-width:520px){.sm2{display:inline}}
/* modes */
body.eg .pm{display:none!important}
body:not(.eg) .em{display:none!important}
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}.box{height:auto}.stick{position:relative;height:auto;padding:100px 0 60px}.it{position:relative;left:auto;bottom:auto;margin:10px auto;opacity:1}.stage{height:auto;display:grid;gap:10px}.bx,.lid,.inside{display:none}.caps{position:relative;top:auto;margin-bottom:20px}.cap{position:relative;display:none}.cap.c4{display:block;opacity:1;transform:none}.bar{display:none}}
/* ---- live-site additions (same tokens as the demo) ---- */
body.n .ho{display:none!important}
body:not(.n) .no{display:none!important}
/* top nav */
.nav{position:fixed;top:40px;left:0;right:0;z-index:59;height:60px;display:flex;align-items:center;transition:background .3s,box-shadow .3s,color .3s;color:#fff}
.nav .wrap{display:flex;align-items:center;gap:18px}
.nav .br{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.nav .br img{width:36px;height:36px;border-radius:50%}
.nav .br b{font:800 26px/1 "Big Shoulders Display";text-transform:uppercase;letter-spacing:.02em}
.nav .lk{display:flex;gap:18px}
.nav .lk a{text-decoration:none;font-weight:800;font-size:15px;opacity:.9}
.nav .lk a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--mu);text-decoration-thickness:3px}
.nav.sol,body.sub .nav{background:rgba(251,243,230,.96);color:var(--ink);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(8px)}
.ib{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:inherit;display:grid;place-items:center;cursor:pointer}
.nav.sol .ib,body.sub .nav .ib{background:var(--cr2)}
.ib svg{width:22px;height:22px}
.ib i{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:10px;background:var(--rd);color:#fff;font:800 12px/20px "Nunito Sans";font-style:normal;text-align:center;padding:0 5px}
.ib i:empty{display:none}
.mb{display:none}
@media(max-width:820px){.nav .lk{display:none}.mb{display:grid}}
.mm{position:fixed;inset:0;z-index:410;background:var(--ink);color:#fff;padding:120px 24px 40px;display:flex;flex-direction:column;gap:6px;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.mm.on{opacity:1;visibility:visible;transition:opacity .25s}
.mm a{font:800 44px/1.1 "Big Shoulders Display";text-transform:uppercase;text-decoration:none}
.mm a:hover{color:var(--mu)}
.mm .x{position:absolute;right:16px;top:52px;background:rgba(255,255,255,.12);color:#fff}
.mm small{margin-top:auto;opacity:.7}
.hero .wrap{padding-top:140px}
.hero .tag{top:122px}
/* sub pages */
body.sub main{padding-top:100px}
.ph{padding:48px 0 26px}
.ph h1{font-size:clamp(46px,11vw,92px);max-width:14ch}
.ph p{color:var(--mut);font-size:18px;max-width:46ch;margin-top:12px}
.pg{display:grid;gap:28px;padding:20px 0 70px}
@media(min-width:860px){.pg{grid-template-columns:1.05fr 1fr;align-items:start}.pg .pi{position:sticky;top:116px}}
.pi img{border-radius:22px;width:100%;aspect-ratio:4/5;object-fit:cover}
.pi .th{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.pi .th img{aspect-ratio:1;border-radius:10px;cursor:pointer;opacity:.75;transition:opacity .2s}
.pi .th img.on,.pi .th img:hover{opacity:1;outline:3px solid var(--mu)}
.pd h1{font-size:clamp(42px,8vw,70px)}
.pd .pr{margin:14px 0 18px}
.pd .pr b{color:var(--rd)}
.pd .pr s{color:var(--mut);font-size:20px}
.pd .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pd .lead{font-size:18px;margin-bottom:18px}
.pd h3{font-size:28px;margin:28px 0 10px;color:var(--rd)}
.ul{list-style:none;display:grid;gap:8px}
.ul li{position:relative;padding-left:28px}
.ul li:before{content:"";position:absolute;left:4px;top:.55em;width:12px;height:12px;border-radius:50%;background:var(--mu);box-shadow:0 0 0 3px var(--mu2)}
.ul b{font-weight:800}
.ship{margin-top:16px;font-size:14px;color:var(--mut);display:flex;gap:8px;align-items:center}
.ship:before{content:"📦"}
.eg-note{margin-top:14px;background:var(--cr2);border-radius:14px;padding:12px 14px;font-size:14px}
.pill{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--mu);color:var(--ink)}
.tw{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:22px}
.tw .t{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.tw .t b{display:block;font:800 26px/1 "Big Shoulders Display";text-transform:uppercase;color:var(--rd);margin-bottom:6px}
.tw .t p{color:var(--mut);font-size:15px}
.band{background:var(--ink);color:#fff;padding:60px 0}
.band h2{color:var(--mu)}
.band .ul li{opacity:.9}
/* vouchers */
.vc{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.vc button{border:2px solid var(--line);background:#fff;border-radius:14px;padding:12px 18px;font:800 26px/1 "Big Shoulders Display";color:var(--rd);cursor:pointer}
.vc button.on{border-color:var(--rd);box-shadow:0 0 0 3px rgba(158,27,32,.15)}
/* cart rows */
.cr{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:16px;background:#fff;border:2px solid var(--line);margin-bottom:10px}
.cr img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.cr b{display:block;font-size:15px;line-height:1.25}
.cr small{color:var(--mut);font-size:13px}
.cr .vimg{width:56px;height:56px;border-radius:10px;background:var(--rd);color:var(--mu2);display:grid;place-items:center;font:600 20px/1 Caveat}
.qty{display:flex;align-items:center;gap:6px;margin-top:6px}
.qty button{width:30px;height:30px;border-radius:50%;border:0;background:var(--cr2);font:800 18px/1 "Nunito Sans";cursor:pointer;color:var(--ink)}
.qty span{min-width:20px;text-align:center;font-weight:800}
.cr em{font-style:normal;font-family:"Big Shoulders Display";font-weight:800;font-size:24px;color:var(--rd)}
.add{margin:6px 0 12px}
.add summary{cursor:pointer;font-weight:800;color:var(--rd);font-size:14px;padding:6px 0}
.add .opt{grid-template-columns:52px 1fr auto}
.add .opt img{width:52px;height:52px}
.sum{display:flex;justify-content:space-between;font-weight:800;font-size:18px;margin:8px 4px 12px}
.empty{text-align:center;color:var(--mut);padding:30px 0}
.err{color:var(--rd);font-weight:800;font-size:14px;margin-top:10px;text-align:center}
.btn[disabled]{opacity:.6;pointer-events:none}
/* forms */
.fm{display:grid;gap:12px;max-width:560px}
.fm label{display:grid;gap:6px;font-weight:800;font-size:14px}
.fm input,.fm textarea,.fm select{font:16px "Nunito Sans";padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--ink)}
.fm input:focus,.fm textarea:focus{outline:0;border-color:var(--rd)}
.fm .hp{position:absolute;left:-9999px}
.fm .msg{font-weight:800}
/* legal / text pages */
.tx{max-width:760px;padding-bottom:70px}
.tx h2{font-size:34px;margin:30px 0 8px}
.tx p,.tx li{color:var(--ink);margin-bottom:8px}
.tx ol,.tx ul{padding-left:22px}
.todo{background:#fff3c4;padding:0 4px;border-radius:4px}
/* footer links */
.f .fl{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}
.f .fl a{font-weight:600;opacity:.85}
body.sub .f{padding-bottom:120px}
/* cookie consent */
.ck{position:fixed;left:12px;right:12px;bottom:calc(var(--tsw-b) + 8px);z-index:340;max-width:520px;margin:0 auto;background:var(--ink);color:#fff;border-radius:18px;padding:16px;font-size:14px;display:none;gap:12px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ck.on{display:grid}
.ck .row{display:flex;gap:10px}
.ck .btn{padding:12px 18px;font-size:14px}
.ck a{color:var(--mu2)}
@media(max-width:859px){.pg{gap:18px;padding-top:10px}.pi > img{aspect-ratio:4/3;max-height:42svh}.pi .th{grid-template-columns:repeat(auto-fill,60px)}}
/* box scene under the nav: caption below the 100px header, cards that are out of the box sit in front of it */
.caps{top:112px;z-index:6}
.stage{margin-top:22svh}
.it.out{z-index:5}
@media(max-height:760px){.stage{width:min(62vw,340px);height:min(62vw,340px)}}
.card>a{display:block}