/* Prieskoninė theme styles. Fonts are self-hosted (SIL Open Font License, see assets/fonts). */
@font-face{font-family:"Archivo";src:url(../fonts/archivo.woff) format("woff");font-weight:400 900;font-stretch:100% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Shantell Sans";src:url(../fonts/shantell-sans-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Shantell Sans";src:url(../fonts/shantell-sans-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Fuggles";src:url(../fonts/fuggles.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}

/* Layout: a paper poster shop. Oversized expanded type, colour-blocked panels,
   marquee strips, tilted outline pills and illustrated product tiles on grainy paper.
   One committed light look (print on paper), so there is no dark variant by choice. */
:root{
  --paper:#F1EFEA; --paper-deep:#E2DED5; --card:#FAF9F6;
  --ink:#17173A; --ink-soft:#52526E;
  --cobalt:#2747C9; --sky:#93BCE0; --paprika:#D8452B; --turmeric:#F4B81E; --pink:#EE5C9E; --herb:#1F6B4A;
  --display:"Archivo","Arial Black","Helvetica Neue",Arial,sans-serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --hand:"Shantell Sans","Segoe Print","Comic Sans MS",cursive;
    --r:20px;
  --gutter:clamp(16px,4vw,56px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .09 0 0 0 0 .09 0 0 0 0 .22 0 0 0 .34 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:6px}
.wrap{padding-inline:var(--gutter);max-width:1480px;margin-inline:auto}
.xl{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.015em;margin:0;text-wrap:balance}
.hand{font-family:var(--hand);font-weight:400}
.svg-hand{font-family:var(--hand);font-weight:600}
.caps{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* ── header ── */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--paper);border-bottom:2px solid var(--ink)}
.top .wrap{display:flex;align-items:center;gap:24px;min-height:72px}
.top nav{display:flex;gap:28px;margin-inline:auto}
.top nav a{text-decoration:none}
.top nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.pill{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:999px;padding:9px 18px;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:var(--paper);transition:transform .18s ease,background .18s ease,color .18s ease}
.pill:hover{transform:rotate(0deg) scale(1.04)}
.cart-pill{transform:rotate(-4deg);margin-left:auto;flex:none}
.top nav + .cart-pill{margin-left:0}
.count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding-inline:6px;border-radius:999px;background:var(--pink);color:var(--ink);font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}

/* ── hero ── */
.hero{padding-block:clamp(28px,5vw,64px) clamp(36px,5vw,72px)}
.hero-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:24px 48px;align-items:end;margin-bottom:clamp(24px,4vw,48px)}
.hero h1{font-size:clamp(46px,10.2vw,168px)}
.hero h1 .dots{color:var(--paprika)}
.hero-intro{display:grid;gap:14px;padding-bottom:10px}
.hero-intro p{margin:0;font-size:17px;max-width:34ch}
.hero-intro .hand{font-size:19px;color:var(--cobalt);transform:rotate(-2deg);transform-origin:left}
.wish{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px)}
.wish-card{position:relative;display:flex;flex-direction:column;text-align:left;border-radius:26px;overflow:hidden;min-width:0;transition:transform .25s ease}
.wish-card:hover{transform:translateY(-6px) rotate(-.6deg)}
.wish-card svg{display:block;width:100%;height:auto}
.wish-card .txt{padding:0 clamp(12px,1.6vw,24px) clamp(16px,2vw,26px);display:grid;gap:6px;margin-top:-8px}
.wish-card .verb{font-size:clamp(17px,2.05vw,31px);overflow-wrap:anywhere}
.wish-card .hand{font-size:clamp(13px,1.15vw,17px);line-height:1.3}
.on-dark{color:var(--paper)}
.bg-turmeric{background:var(--turmeric)}.bg-cobalt{background:var(--cobalt)}.bg-herb{background:var(--herb)}.bg-sky{background:var(--sky)}
.bg-paprika{background:var(--paprika)}.bg-pink{background:var(--pink)}.bg-ink{background:var(--ink)}.bg-deep{background:var(--paper-deep)}

/* ── marquee ── */
.marquee{overflow:hidden;background:var(--sky);color:var(--paper);border-block:2px solid var(--ink)}
.marquee.alt{background:var(--pink);color:var(--ink)}
.track{display:flex;width:max-content;animation:slide 46s linear infinite}
.track span{display:inline-flex;align-items:center;gap:.5em;padding:.34em .25em;font-size:clamp(26px,5vw,64px);white-space:nowrap}
.track svg{width:.62em;height:.62em;flex:none}
@keyframes slide{to{transform:translateX(-50%)}}
html.no-motion .track{animation:none}html.no-motion{scroll-behavior:auto}html.no-motion .wish-card,html.no-motion .pill,html.no-motion .card .tile svg{transition:none}

/* ── shop ── */
.shop{padding-block:clamp(40px,6vw,88px)}
.shop-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:22px}
.shop-head h2{font-size:clamp(34px,6.4vw,96px)}
.shop-head p{margin:0;max-width:40ch;color:var(--ink-soft)}
.chips{display:flex;flex-wrap:wrap;gap:10px 12px;padding-block:10px 6px}
.chips .pill:nth-child(odd){transform:rotate(-2.5deg)}
.chips .pill:nth-child(even){transform:rotate(2deg)}
.chips .pill:hover{transform:rotate(0deg) scale(1.04)}
.chips .pill[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.group{padding-top:clamp(28px,4vw,52px)}
.group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:22px}
.group-head h3{font-size:clamp(22px,3vw,40px)}
.group-head .hand{color:var(--cobalt);font-size:17px}
.group-head .n{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:30px 22px}
.card{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
.tile{position:relative;display:block;width:100%;aspect-ratio:1/1.1;border-radius:var(--r);overflow:hidden}
.tile .note{position:absolute;left:14px;top:11px;font-family:var(--hand);font-size:15px;transform:rotate(-4deg);transform-origin:left top}
.tile .badge{position:absolute;right:12px;top:12px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:rotate(5deg)}
.tile.dark .note{color:var(--paper)}
.info{display:grid;grid-template-rows:auto auto 1fr;gap:3px;min-width:0}
.info h4{margin:0;font-size:16px;font-weight:700;line-height:1.25}
.info .sub{margin:0;font-size:13.5px;color:var(--ink-soft)}
.buy{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:8px}
.price{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}
.price.pending{font-family:var(--hand);font-weight:400;font-size:15px;color:var(--ink-soft)}
.add{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);font-size:22px;font-weight:500;line-height:1;transition:background .15s,color .15s,transform .15s}
.add:hover{background:var(--ink);color:var(--paper);transform:rotate(90deg)}
.add.more{width:auto;border-radius:999px;padding-inline:14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.add.more:hover{transform:none}

/* ── origin ── */
.origin{padding-block:12px clamp(40px,6vw,88px)}
.origin-head{display:flex;flex-wrap:wrap;align-items:end;gap:10px 28px;margin-bottom:26px}
.origin-head h2{font-size:clamp(34px,6.4vw,96px)}
.origin-head .hand{font-size:19px;color:var(--paprika);transform:rotate(-2deg)}
.places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink);border-radius:28px;overflow:hidden}
.place{display:grid;grid-template-columns:minmax(0,1fr) clamp(96px,14vw,190px);gap:18px;align-items:center;padding:clamp(22px,3.2vw,46px);min-width:0}
.place > div{min-width:0;display:grid;gap:10px}
.place h3{font-size:clamp(20px,2.5vw,36px)}
.place p{margin:0;max-width:44ch}
.place .hand{font-size:16px}
.place svg{width:100%;height:auto}

/* ── footer ── */
.foot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:32px 48px}
.foot p{margin:0;max-width:38ch;color:#C9C8DA}
.foot h5{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--turmeric)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.foot ul button{text-align:left}
.foot ul button:hover,.foot a:hover{color:var(--turmeric)}
.demo{margin-top:36px;padding-top:18px;border-top:1px solid #3A3A62;font-size:13.5px;color:#A9A8C2;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between}

/* ── dialogs ── */
dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}
dialog::backdrop{background:rgba(23,23,58,.55)}
.facts{margin:0;display:grid;gap:8px;border-top:2px solid var(--ink);padding-top:14px}
.facts div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;font-size:14.5px}
.facts dt{font-weight:700}
.facts dd{margin:0}
.opts{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.opts legend{padding:0;margin-bottom:8px}
.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--ink);border-radius:14px;padding:10px 14px;cursor:pointer}
.opt:has(input:checked){background:var(--ink);color:var(--paper)}
.opt:has(input:focus-visible){outline:3px solid var(--pink);outline-offset:3px}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt b{font-variant-numeric:tabular-nums;white-space:nowrap}
.opt small{display:block;font-size:12px;opacity:.75}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.qty{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;height:48px}
.qty button{width:42px;height:44px;font-size:20px;border-radius:999px}
.qty output{min-width:28px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.cta{flex:1 1 200px;min-height:48px;border-radius:999px;background:var(--paprika);color:var(--paper);border:2px solid var(--ink);padding:10px 22px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13.5px;transition:transform .15s}
.cta:hover{transform:rotate(-1.5deg) scale(1.02)}
.pending-box{border:2px dashed var(--ink);border-radius:16px;padding:14px 16px;font-family:var(--hand);font-size:16px}

.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;max-width:100vw;width:min(440px,100vw);border-left:2px solid var(--ink)}
.drawer-in{display:grid;grid-template-rows:auto 1fr auto;height:100%}
.drawer header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:2px solid var(--ink)}
.drawer header h2{font-size:26px}
.drawer .x{position:static}
.lines{overflow:auto;padding:8px 20px;display:grid;align-content:start}
.line{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--paper-deep)}
.line .tile{aspect-ratio:1;border-radius:12px}
.line h4{margin:0;font-size:14.5px;line-height:1.25}
.line small{color:var(--ink-soft);display:block}
.line .qty{height:34px;margin-top:6px}
.line .qty button{width:30px;height:30px;font-size:16px}
.line .sum{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.empty{padding:36px 8px;text-align:center;font-family:var(--hand);font-size:18px;color:var(--ink-soft)}
.total{padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--ink);display:grid;gap:12px}
.total .sumrow{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.total .cta{flex:none;width:100%}
.total .hand{margin:0;font-size:15px;color:var(--ink-soft)}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;transform:translate(-50%,24px) rotate(-2deg);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0) rotate(-2deg)}

@media (max-width:1100px){
  .hero-head{grid-template-columns:1fr}
  .hero h1{font-size:clamp(46px,13.5vw,150px)}
}
@media (max-width:980px){
  .wish{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wish-card .verb{font-size:clamp(17px,4.6vw,34px)}
  .wish-card .hand{font-size:14px}
  .places{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
  .foot > :first-child{grid-column:1/-1}
}
@media (max-width:720px){
  .top nav{display:none}
  .top nav + .cart-pill{margin-left:auto}
  .top .wrap{min-height:62px}
  .top .wrap{gap:10px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .info h4{font-size:14.5px}
  .tile .note{font-size:13px;left:10px;top:8px}
  .tile .badge{font-size:10px;right:8px;top:8px;padding:2px 8px}
  .facts div{grid-template-columns:1fr;gap:0}
  .place{grid-template-columns:minmax(0,1fr) 84px}
  .pill{padding:8px 14px;font-size:12px}
}
@media (max-width:420px){.foot{grid-template-columns:1fr}.buy{flex-wrap:wrap}}

.wish-card{text-decoration:none;color:var(--ink)}
.wish-card.on-dark{color:var(--paper)}
a.tile{color:inherit}

/* ══════════ multi-page additions ══════════ */
html{scroll-behavior:auto}
.top .wrap{gap:14px}
.top nav{gap:clamp(14px,2vw,28px)}
.top nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.top nav + .cart-pill,.cart-pill{margin-left:0}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:2px solid var(--ink);border-radius:50%;background:var(--paper);text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease}
.icon-btn:hover{background:var(--ink);color:var(--paper)}
.icon-btn svg,.pill svg{width:20px;height:20px;flex:none}
.icon-btn.on{background:var(--pink)}
.acct-btn{position:relative}
.acct-btn.in::after{content:"";position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:50%;background:var(--herb);border:2px solid var(--paper)}
.menu-btn{display:none}
.cart-pill .ico{display:none}
a.pill{text-decoration:none}
#view:focus{outline:none}

/* page scaffolding */
section.page{padding-block:clamp(24px,4vw,56px) clamp(44px,6vw,88px)}
.page-head{display:flex;flex-wrap:wrap;align-items:end;gap:10px 28px;margin-bottom:clamp(20px,3vw,40px)}
.page-head h1{font-size:clamp(34px,7.2vw,112px)}
.page-head .hand{font-size:19px;color:var(--paprika);transform:rotate(-2deg);padding-bottom:6px}
.crumbs{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13.5px;color:var(--ink-soft)}
.crumbs i{font-style:normal;opacity:.5}
.lead{font-size:clamp(18px,1.7vw,23px);line-height:1.45;max-width:46ch;margin:0}
.two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px clamp(24px,4vw,56px);align-items:start}
.panel{border:2px solid var(--ink);border-radius:26px;padding:clamp(18px,3vw,36px);background:var(--card);min-width:0}
.panel.tint{background:var(--turmeric)}
.panel h2,.panel h3{margin:0 0 14px}
.h2{font-size:clamp(22px,2.6vw,36px)}
.h3{font-size:clamp(17px,1.6vw,22px)}
.stack{display:grid;gap:16px;min-width:0}
.stack > *{min-width:0}
.prose{display:grid;gap:14px;max-width:68ch}
.prose p,.prose ul{margin:0}
.prose ul{padding-left:20px;display:grid;gap:6px}
.prose h2{margin:18px 0 0}
.draft{border:2px dashed var(--ink);border-radius:16px;padding:12px 16px;font-family:var(--hand);font-size:15.5px;max-width:68ch}
.todo{display:inline-block;border:2px dashed var(--ink-soft);border-radius:8px;padding:0 8px;font-family:var(--hand);font-size:14.5px;color:var(--ink-soft)}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,22px)}
.tri .panel{display:grid;gap:10px;align-content:start}
.tri .panel p{margin:0}
.tri svg{width:84px;height:84px}
.banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;border-radius:28px;padding:clamp(22px,3.4vw,48px);background:var(--ink);color:var(--paper)}
.banner h2{font-size:clamp(24px,3.6vw,54px)}
.banner p{margin:8px 0 0;max-width:52ch;color:#D7D6E6}
.banner .pill{color:var(--ink)}
.section{padding-block:clamp(32px,5vw,72px) 0}
.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px 24px;margin-bottom:22px}
.section-head h2{font-size:clamp(28px,5vw,72px)}
.section-head .hand{font-size:18px;color:var(--cobalt)}

/* forms */
.field{display:grid;gap:6px;min-width:0}
.field > span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],select,textarea{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:11px 14px;width:100%;min-width:0}
textarea{min-height:120px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:2px;border-radius:12px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.form .full{grid-column:1/-1}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}
.check input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--ink)}
.form-msg{margin:0;border-radius:14px;background:var(--sky);border:2px solid var(--ink);padding:10px 14px;font-family:var(--hand);font-size:15.5px}
.cta.ghost{background:var(--paper);color:var(--ink)}
a.cta{display:inline-grid;place-items:center;text-decoration:none;text-align:center}
.cta[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.search{position:relative;max-width:420px}
.search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none}
.search input{padding-left:42px;border-radius:999px}
.linkish{text-decoration:underline;text-underline-offset:3px}

/* product page */

/* cart page + checkout */
.cart-page .line{grid-template-columns:88px minmax(0,1fr) auto;padding:16px 0}
.sum-rows{display:grid;gap:8px;font-variant-numeric:tabular-nums}
.sum-rows div{display:flex;justify-content:space-between;gap:16px}
.sum-rows .grand{font-weight:800;font-size:21px;border-top:2px solid var(--ink);padding-top:12px;margin-top:4px}
.mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;font-size:14.5px;padding:8px 0;border-bottom:1px solid var(--paper-deep)}
.mini small{color:var(--ink-soft);display:block}
.mini b{font-variant-numeric:tabular-nums;white-space:nowrap}
.steps{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:24px}
.steps span{border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.4}
.steps span.on{opacity:1;background:var(--ink);color:var(--paper)}
.empty-page{display:grid;gap:18px;justify-items:start;padding-block:12px 40px}
.drawer .total .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drawer .total .cta{min-height:46px;padding:8px 12px;font-size:12.5px}

/* account */
.acct{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px clamp(24px,4vw,56px);align-items:start}
.acct-nav{display:grid;gap:8px}
.acct-nav a,.acct-nav button{display:block;width:100%;text-align:left;text-decoration:none;border:2px solid var(--ink);border-radius:14px;padding:10px 14px;font-weight:700;font-size:14.5px;background:var(--paper)}
.acct-nav a[aria-current="page"]{background:var(--ink);color:var(--paper)}
.acct-nav button{border-style:dashed}
.orow{display:grid;grid-template-columns:90px 110px minmax(0,1fr) 100px auto;gap:10px 16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--paper-deep);font-variant-numeric:tabular-nums}
.orow.h{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:0 0 8px;border-bottom:2px solid var(--ink)}
.status{display:inline-block;justify-self:start;border-radius:999px;padding:2px 11px;font-size:12px;font-weight:800;letter-spacing:.06em;border:2px solid var(--ink);background:var(--sky)}
.status.sent{background:var(--turmeric)}
.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stat{display:grid;gap:2px}
.stat b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(26px,3vw,40px);line-height:1}
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1040px}
details{border-bottom:2px solid var(--ink);padding:14px 0}
details summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font-size:22px;line-height:1}
details[open] summary::after{content:"−"}
details p{margin:10px 0 0;max-width:64ch}

/* left drawer (mobile menu) */
.drawer.left{margin:0 auto 0 0;border-left:0;border-right:2px solid var(--ink)}
.menu-list{padding:14px 20px;display:grid;gap:4px;align-content:start;overflow:auto}
.menu-list a{display:block;text-decoration:none;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:26px;line-height:1.1;padding:9px 0;border-bottom:1px solid var(--paper-deep)}
.menu-list .small a{font-family:var(--body);font-stretch:100%;font-weight:600;text-transform:none;font-size:16px;border:0;padding:6px 0}
.menu-list .small{padding-top:12px;display:grid}
.foot{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
.foot ul a{text-decoration:none}

@media (max-width:980px){
  .two,.auth{grid-template-columns:1fr}
  .tri{grid-template-columns:1fr}
  .tri .panel{grid-template-columns:auto minmax(0,1fr);align-items:center}
  .tri .panel svg{grid-row:span 3;width:64px;height:64px}
  .acct{grid-template-columns:1fr}
  .acct-nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .acct-nav a,.acct-nav button{width:auto;white-space:nowrap;border-radius:999px;flex:none}
  .foot{grid-template-columns:1fr 1fr}
  .foot > :first-child{grid-column:1/-1}
  .top nav{display:none}
  .menu-btn{display:inline-grid}
}
@media (min-width:981px){.logo{margin-right:0}.top nav{margin-inline:auto}}
@media (max-width:720px){
  .cart-pill{padding:0 10px 0 12px;height:44px;gap:6px;transform:none}
  .cart-pill .lbl{display:none}
  .cart-pill .ico{display:block}
  .top .wrap{gap:8px}
  .form{grid-template-columns:1fr}
  .banner{grid-template-columns:1fr}
  .cards2{grid-template-columns:1fr}
  .orow{grid-template-columns:1fr auto;gap:4px 12px}
  .orow.h{display:none}
  .orow > :nth-child(3){grid-column:1/-1;order:5;color:var(--ink-soft);font-size:14px}
  .cart-page .line{grid-template-columns:64px minmax(0,1fr) auto}

  .page-head .hand{font-size:17px}
}
@media (max-width:420px){.foot{grid-template-columns:1fr}}

.top{overflow-x:clip}
@media (max-width:380px){.top .wrap{gap:6px}}
.wish-card .verb{font-size:clamp(15px,1.8vw,28px)}
.page-head h1{font-size:clamp(26px,7.2vw,112px);overflow-wrap:break-word;min-width:0;max-width:100%}
@media (max-width:980px){.wish-card .verb{font-size:clamp(13px,3.7vw,34px)}}

/* ── home: moving blocks ── */
.film{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px clamp(20px,4vw,56px);align-items:center;border-radius:30px;border:2px solid var(--ink);background:var(--cobalt);color:var(--paper);padding:clamp(20px,3.6vw,52px)}
.film h2{font-size:clamp(30px,5vw,76px)}
.film ol{margin:0;padding-left:22px;display:grid;gap:6px;font-size:17px;max-width:38ch}
.film .hand{font-size:19px;color:var(--turmeric)}
.film .linkish{color:var(--paper)}
.film .stage{display:block;width:100%;height:auto;border-radius:22px;background:var(--sky);border:2px solid var(--ink)}
.sticker{position:absolute;right:clamp(10px,2vw,28px);top:clamp(-58px,-4.5vw,-34px);width:clamp(86px,10.5vw,148px);height:auto;z-index:1;animation:spin 28s linear infinite}
.sticker-t{font-family:var(--display);font-stretch:125%;font-weight:900}
.clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,22px)}
.clip{position:relative;display:block;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .25s ease}
.clip.on-dark{color:var(--paper)}
.clip:hover{transform:translateY(-6px) rotate(.6deg)}
.clip svg{display:block;width:100%;height:auto}
.clip .cap{display:grid;gap:4px;padding:0 clamp(12px,1.6vw,24px) clamp(16px,2vw,26px);margin-top:-6px}
.clip .verb{font-size:clamp(18px,2.6vw,40px)}
.clip .hand{font-size:clamp(13px,1.15vw,17px);line-height:1.3}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);border-radius:28px;overflow:hidden}
.num{display:grid;gap:8px;align-content:start;padding:clamp(16px,2.6vw,36px);min-width:0}
.num b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(26px,4.4vw,70px);line-height:.9;white-space:nowrap;letter-spacing:-.015em}
.num span{max-width:22ch}
.news{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px clamp(20px,4vw,56px);align-items:center;border:2px solid var(--ink);border-radius:28px;background:var(--pink);padding:clamp(22px,3.4vw,48px)}
.news h2{font-size:clamp(24px,3.6vw,54px)}
.news p{margin:8px 0 0;max-width:46ch}
.news input{border-radius:999px;min-height:48px}
@keyframes fall{0%{transform:translateY(-26px);opacity:0}12%{opacity:1}86%{opacity:1}100%{transform:translateY(var(--d,110px));opacity:0}}
@keyframes rise{0%{transform:translateY(10px);opacity:0}18%{opacity:1}100%{transform:translateY(-118px);opacity:0}}
@keyframes steam{0%{transform:translateY(10px);opacity:0}30%{opacity:.9}100%{transform:translateY(-28px);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(3deg)}}
.a-fall{animation:fall 2.5s linear infinite}
.a-rise{animation:rise 3s ease-in infinite}
.a-steam{animation:steam 2.8s ease-out infinite}
.a-spin{animation:spin 16s linear infinite;transform-box:fill-box;transform-origin:center}
.a-sway{animation:sway 4.4s ease-in-out infinite;transform-origin:250px 196px}
html.no-motion .a-fall,html.no-motion .a-rise,html.no-motion .a-steam,html.no-motion .a-spin,html.no-motion .a-sway,html.no-motion .sticker{animation:none}html.no-motion .clip{transition:none}
@media (max-width:980px){.film,.news{grid-template-columns:1fr}.film .stage{order:-1}.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker{top:-30px}}
@media (max-width:720px){.clips{grid-template-columns:1fr 1fr}.clips .clip:last-child{grid-column:1/-1}.clips .clip:last-child svg{max-height:240px}.clip .verb{font-size:clamp(16px,5vw,30px)}.clip .hand{font-size:13.5px}.film ol{font-size:16px}}
.num b{font-size:clamp(22px,3.5vw,56px)}
@media (max-width:980px){.num b{font-size:clamp(24px,7vw,56px)}}

/* ── site-wide motion ── */
.track{animation-duration:34s}
.marquee.alt .track{animation-duration:24s}
.marquee.alt{border-bottom:0}
@keyframes drop{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(var(--dy,262px)) rotate(var(--r,180deg))}}
.a-drop{animation:drop 2.8s cubic-bezier(.4,0,.9,.6) infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.wish-card svg{animation:bob 6s ease-in-out infinite}
.wish-card:nth-child(2) svg{animation-delay:-1.5s}.wish-card:nth-child(3) svg{animation-delay:-3s}.wish-card:nth-child(4) svg{animation-delay:-4.5s}
.clip svg{animation:bob 7s ease-in-out infinite}
.clip:nth-child(2) svg{animation-delay:-2.3s}.clip:nth-child(3) svg{animation-delay:-4.6s}
.rv{transition:opacity .55s ease var(--rv,0ms),transform .8s cubic-bezier(.2,1.25,.35,1) var(--rv,0ms)!important}
.rv:not(.in){opacity:0}
.rv[data-rv="up"]:not(.in){transform:translateY(46px)}
.rv[data-rv="tilt"]:not(.in){transform:translateY(60px) rotate(var(--tilt,4deg)) scale(.92)}
.rv[data-rv="pop"]:not(.in){transform:scale(.6) rotate(-8deg)}
.rv[data-rv="left"]:not(.in){transform:translateX(-70px) rotate(-1.5deg)}
.rv[data-rv="right"]:not(.in){transform:translateX(70px) rotate(1.5deg)}
.rv[data-rv="zoom"]:not(.in){transform:scale(.88) translateY(36px)}
/* Headings are wiped in from the left with a soft-edged mask (a clip-path would hide them from the observer). */
.rv[data-rv="wipe"]{-webkit-mask:linear-gradient(100deg,#000 45%,transparent 55%) 0 0/250% 100%;mask:linear-gradient(100deg,#000 45%,transparent 55%) 0 0/250% 100%;-webkit-mask-clip:no-clip;mask-clip:no-clip;transition:-webkit-mask-position .95s cubic-bezier(.3,.7,.2,1) var(--rv,0ms),mask-position .95s cubic-bezier(.3,.7,.2,1) var(--rv,0ms),transform .8s cubic-bezier(.2,1,.3,1) var(--rv,0ms)!important}
.rv[data-rv="wipe"]:not(.in){opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0;transform:translateX(-18px)}
main{overflow-x:clip}
@media (max-width:700px){.rv[data-rv="left"]:not(.in){transform:translateX(-36px)}.rv[data-rv="right"]:not(.in){transform:translateX(36px)}}
html.no-motion .a-drop,html.no-motion .wish-card svg,html.no-motion .clip svg{animation:none}html.no-motion .rv,html.no-motion .rv:not(.in){opacity:1!important;transform:none!important;-webkit-mask:none!important;mask:none!important;transition:none!important}

/* ── recipes: „Ką valgysime?“ ── */
.recipes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,40px) clamp(14px,2vw,26px)}
.recipe-card{display:grid;gap:6px;align-content:start;text-decoration:none;color:var(--ink);min-width:0}
.recipe-card .tile{aspect-ratio:300/250;border-radius:26px;margin-bottom:8px}
.recipe-card:hover .tile svg,.recipe-card:hover .tile img{transform:scale(1.05) rotate(-2deg)}
.recipe-card .h{font-size:clamp(18px,2vw,28px);line-height:.95}
.recipe-card .hand{font-size:16px;color:var(--cobalt)}
.recipe-card .meta{color:var(--ink-soft);font-size:11.5px}
.time-badge{position:absolute;left:14px;top:14px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-weight:800;font-size:13px;transform:rotate(-4deg)}
.chips button.pill[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.rcp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);align-items:start}
.rcp-side{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));display:grid;gap:16px;min-width:0}
.rcp-side .tile{aspect-ratio:300/250;border-radius:30px}
.rcp-side .tile:hover svg,.rcp-side .tile:hover img{transform:none}
.rcp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--card)}
.rcp-stats div{display:grid;gap:4px;align-content:start;padding:14px 16px;min-width:0}
.rcp-stats div + div{border-left:2px solid var(--ink)}
.rcp-stats b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(14px,1.4vw,20px);line-height:1.05;text-transform:uppercase;overflow-wrap:break-word}
.rcp-stats span{font-size:13px;color:var(--ink-soft)}
.rcp-main{display:grid;gap:16px;min-width:0}
.rcp-main > *{margin-block:0;min-width:0}
.rcp-main h1{font-size:clamp(30px,4.6vw,68px);overflow-wrap:break-word}
.rcp-main h2{margin-top:10px}
.rcp-hand{font-size:20px;color:var(--paprika);transform:rotate(-1.5deg);transform-origin:left}
.ing{list-style:none;margin:0;padding:0;display:grid}
.ing li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--paper-deep);padding:10px 0}
.ing label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;flex:1;min-width:0}
.ing input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--ink)}
.ing input:checked + span{text-decoration:line-through;opacity:.45}
.ing .shelf{flex:none;border:2px solid var(--ink);border-radius:999px;padding:1px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.ing .shelf:hover{background:var(--ink);color:var(--paper)}
.rsteps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:16px}
.rsteps li{counter-increment:step;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;font-size:17px}
.rsteps li::before{content:counter(step);font-family:var(--display);font-stretch:125%;font-weight:900;font-size:34px;line-height:.9;color:var(--paprika)}
.tipbox{border:2px dashed var(--ink);border-radius:18px;padding:14px 18px;font-family:var(--hand);font-size:17px;background:var(--turmeric);display:grid;gap:4px}
.tipbox .caps{font-family:var(--body)}
@media (max-width:980px){.recipes{grid-template-columns:repeat(2,minmax(0,1fr))}.rcp{grid-template-columns:1fr}.rcp-side{position:static}}
@media (max-width:720px){.recipes{grid-template-columns:1fr}.rsteps li{font-size:16px;grid-template-columns:38px minmax(0,1fr)}.rsteps li::before{font-size:28px}.rcp-stats div{padding:12px 10px}}

/* ── page transition: the pot ── */
#pot-loader{position:fixed;inset:0;z-index:99995;display:grid;place-items:center;align-content:center;gap:6px;background:var(--sky);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s .24s}
#pot-loader.on,html.pr-arriving #pot-loader{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s ease}
#pot-loader svg{width:min(64vw,330px);height:auto;--dy:214px;overflow:hidden}
#pot-loader .hand{font-size:22px;color:var(--ink);transform:rotate(-2deg)}
/* Never leave a visitor behind the pot if scripts fail to run. */
@keyframes pot-out{to{opacity:0;visibility:hidden}}
html.pr-arriving #pot-loader{animation:pot-out .3s ease 2.6s forwards}
html.no-motion #pot-loader{display:none}

/* six menu items need room: switch to the menu button earlier */
.top nav a{white-space:nowrap}
@media (max-width:1200px){.top nav{display:none}.menu-btn{display:inline-grid}.logo{margin-right:auto}}

.motion-toggle{appearance:none;background:none;border:1.5px solid currentColor;border-radius:999px;color:inherit;font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;cursor:pointer;opacity:.75}
.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1}

/* featured: always whole rows, with "show more" */
.featured .grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.featured .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.featured .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.featured .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-more] [hidden]{display:none!important}
.more-row{display:flex;justify-content:center;margin-top:clamp(20px,2.6vw,34px)}
.more-row .pill{cursor:pointer;font-family:inherit;padding:12px 26px;transform:rotate(-1.5deg)}
/* wholesale banner */
.trade{--pad:clamp(20px,3.6vw,52px);position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:22px clamp(20px,4vw,56px);align-items:center;border-radius:30px;border:2px solid var(--ink);background:var(--turmeric);color:var(--ink);padding:var(--pad) var(--pad) 0;overflow:hidden}
.trade-art svg{display:block;width:100%;height:auto}
.trade h2{font-size:clamp(28px,4.3vw,64px)}
.trade .hand{font-size:19px;color:var(--cobalt)}
.trade p{margin:0;font-size:18px;max-width:44ch}
.trade .chips{padding-block:4px}
.trade .chips .pill{cursor:default}
.trade .row{align-items:center;gap:14px 22px}
.trade .cta{flex:0 1 260px;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.trade .linkish{color:var(--ink)}
.trade-tape{grid-column:1/-1;margin:6px calc(var(--pad) * -1) 0;background:var(--ink);color:var(--turmeric);border:0}
.trade-tape .track{animation-duration:30s}
.trade-tape .track span{font-size:clamp(14px,1.6vw,21px);padding-block:.75em;gap:1.1em;padding-inline:.55em}
.a-bob{animation:bob 5s ease-in-out infinite}
html.no-motion .a-bob{animation:none}
@media (max-width:980px){.trade{grid-template-columns:1fr}.trade-art{width:100%;max-width:440px;margin-inline:auto}}
@media (max-width:560px){.trade p{font-size:16px}.trade .cta{flex:1 1 100%}}

.x{width:42px;height:42px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);font-size:20px;line-height:1;flex:none}

/* ══════════ WordPress + WooCommerce ══════════ */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
img{max-width:100%;height:auto}
body{margin:0}
.admin-bar .top{top:32px}
@media (max-width:782px){.admin-bar .top{top:46px}}
@media (max-width:600px){.admin-bar .top{top:0}}

/* logo: vector wordmark */
.logo{display:inline-flex;align-items:center;min-width:0;text-decoration:none;color:var(--ink);line-height:0;--lg-accent:var(--paprika)}
.logo .wordmark svg{display:block;height:64px;width:auto;overflow:visible}
.top .logo{margin-block:-4px}
.site-footer .logo{color:var(--paper);--lg-accent:var(--turmeric);margin-bottom:16px}
.site-footer .logo .wordmark svg{height:clamp(66px,7vw,98px)}
/* the pot boils: the lid hops every few seconds, bubbles rise out of the U */
.lg-lid{transform-box:fill-box;transform-origin:30% 100%;animation:lg-lid 4.2s ease-in-out infinite}
.lg-steam{animation:lg-steam 4.2s ease-in-out infinite}
.lg-b{transform-box:fill-box;transform-origin:center;animation:lg-bub 2.8s ease-in infinite}
.lg-b:nth-child(2){animation-delay:-.5s}.lg-b:nth-child(3){animation-delay:-1.1s}.lg-b:nth-child(4){animation-delay:-1.6s}.lg-b:nth-child(5){animation-delay:-2.1s}.lg-b:nth-child(6){animation-delay:-2.5s}
.logo:hover .lg-lid,.logo:hover .lg-steam{animation-duration:1.1s}
@keyframes lg-lid{0%,58%,100%{transform:translateY(0) rotate(0deg)}64%{transform:translateY(-190px) rotate(-5deg)}70%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-80px) rotate(3deg)}80%{transform:translateY(0) rotate(0deg)}}
@keyframes lg-steam{0%,58%,82%,100%{opacity:.25}62%,78%{opacity:1}}
@keyframes lg-bub{0%{transform:translateY(120px) scale(.4);opacity:0}18%{opacity:1}80%{opacity:1}100%{transform:translateY(-160px) scale(1.1);opacity:0}}
html.no-motion .lg-lid,html.no-motion .lg-steam,html.no-motion .lg-b{animation:none}

/* menus */
#nav ul{display:flex;gap:clamp(14px,2vw,28px);list-style:none;margin:0;padding:0}
#nav .current-menu-item > a,#nav .current_page_item > a,#nav .current-menu-ancestor > a,#nav .current_page_parent > a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.menu-list ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.foot ul a{text-decoration:none}
.foot ul a:hover{color:var(--turmeric)}
.site-footer{overflow-x:clip;background:var(--ink);color:var(--paper);padding-block:clamp(36px,5vw,72px) 28px}
.section.last{padding-bottom:clamp(40px,6vw,88px)}
.marquee .track svg{color:var(--ink)}
.marquee.alt .track svg{color:var(--paper)}
.place .pill,.banner .pill{color:var(--ink)}
.kit-note{font-size:14.5px!important;color:#C9D3F5!important}
.cta.dark{background:var(--ink)}
.film .cta{flex:0 1 300px}
.news .row .grow{flex:1 1 220px}
.news .cta{flex:0 1 180px}
.form .cta{flex:0 1 260px}
.form-msg.is-error{background:var(--pink)}
fieldset.plain{border:0;padding:0;margin:0;min-width:0}
fieldset.plain legend{padding:0;margin-bottom:8px}
.checks{display:flex;flex-wrap:wrap;gap:8px 18px}
.entry > *:first-child{margin-top:0}
.entry .lead.wide{max-width:52ch;margin-bottom:clamp(24px,4vw,48px)}
.entry .panel p,.entry .panel ul,.entry .panel ol{margin:0}
.entry .panel ul,.entry .panel ol{padding-left:20px;display:grid;gap:6px}
.entry .panel > * + *{margin-top:12px}
.entry .tri .panel > * + *{margin-top:0}
.panel.plain{display:grid;gap:10px}
.facts.plain{border:0;padding:0}
.entry .stack h2{margin:0}
.faq{max-width:820px}
.wish-card svg,.clip svg,.film svg.stage,.place svg,.tri svg{max-width:100%}
.film svg.stage{display:block;width:100%;height:auto;border-radius:22px;background:var(--sky);border:2px solid var(--ink)}

/* product cards */
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:30px 22px}
ul.products::before,ul.products::after{content:none}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
a.tile:hover img{transform:scale(1.06) rotate(-2deg)}
.tile.no-image{background:var(--paper-deep)}
.placeholder-art svg{position:absolute;inset:22%;width:56%;height:56%}
.info h4 a{text-decoration:none}
.card .price{display:inline-flex;flex-wrap:wrap;gap:0 6px;align-items:baseline}
.price del{opacity:.5;font-weight:400}
.price ins{text-decoration:none}
.price .pending,.pending{font-family:var(--hand);font-weight:400;font-size:15px;color:var(--ink-soft)}
a.add{text-decoration:none}
a.add.loading{opacity:.5;pointer-events:none}
a.add.added{background:var(--herb);border-color:var(--herb);color:var(--paper)}
a.added_to_cart{display:none}
.group-head h2{font-size:clamp(22px,3vw,40px)}
.group-head h2 a{text-decoration:none}
.chips .pill[aria-current="page"]{background:var(--ink);color:var(--paper)}
.loop-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:14px 0 22px}
.loop-tools:empty{display:none}
.woocommerce-result-count{margin:0;color:var(--ink-soft);font-size:14.5px}
.woocommerce-ordering{margin:0}
.woocommerce-ordering select{width:auto;border-radius:999px;padding-right:36px}
nav.woocommerce-pagination ul,.nav-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0;margin:36px 0 0}
nav.woocommerce-pagination li a,nav.woocommerce-pagination li span,.nav-links .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding-inline:10px;border:2px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:800}
nav.woocommerce-pagination li span.current,.nav-links .current{background:var(--ink);color:var(--paper)}

/* notices and buttons */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.cart-empty{list-style:none;margin:0 0 20px;padding:13px 18px;border:2px solid var(--ink);border-radius:16px;background:var(--sky);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.woocommerce-error{background:var(--pink)}
.woocommerce-error li{list-style:none}
.woocommerce-info,.cart-empty{background:var(--paper-deep)}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{order:2;margin-left:auto}
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus{outline:none}
.button,button.button,a.button,input.button,.woocommerce-Button,.wp-element-button{display:inline-grid;place-items:center;min-height:46px;padding:8px 22px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;transition:transform .15s}
.button:hover,.woocommerce-Button:hover{transform:rotate(-1.5deg) scale(1.02)}
.button.alt,button.button.alt,a.button.alt,.checkout-button,#place_order,.single_add_to_cart_button,button.woocommerce-form-login__submit,button.woocommerce-form-register__submit,.woocommerce-mini-cart__buttons .checkout,button.woocommerce-Button[name="save_account_details"],button.button[name="save_address"]{background:var(--paprika);color:var(--paper)}
.button:disabled,.button.disabled,.button[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}
a.cta{padding-inline:26px}

/* quantity stepper */
div.quantity{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;height:48px;background:var(--paper)}
div.quantity.hidden{display:none}
div.quantity .qty{width:42px;height:44px;border:0;background:none;text-align:center;font-weight:800;padding:0;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
div.quantity .qty::-webkit-outer-spin-button,div.quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
div.quantity .q-btn{width:40px;height:44px;font-size:20px;border-radius:999px}
div.quantity:not(.has-btns){padding-inline:10px}

/* single product */
.single-product div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:start;position:relative}
.single-product .crumbs{margin-bottom:18px}
.woocommerce-product-gallery{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));aspect-ratio:1/1.02;border-radius:30px;overflow:hidden;background:var(--paper-deep);opacity:1!important;margin:0}
.admin-bar .woocommerce-product-gallery{top:128px}
.woocommerce-product-gallery__wrapper{margin:0;height:100%}
.woocommerce-product-gallery__image{height:100%}
.woocommerce-product-gallery__image a{display:block;height:100%}
.woocommerce-product-gallery__image img,.woocommerce-product-gallery img.wp-post-image{display:block;width:100%;height:100%;object-fit:cover}
.woocommerce-product-gallery .note{position:absolute;left:22px;top:16px;font-family:var(--hand);font-size:19px;transform:rotate(-4deg);transform-origin:left top}
.woocommerce-product-gallery.dark .note{color:var(--paper)}
.woocommerce-product-gallery .badge{position:absolute;right:16px;top:16px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:rotate(5deg)}
.woocommerce-product-gallery__trigger{display:none}
.summary{display:grid;gap:16px;align-content:start;min-width:0}
.summary > *{min-width:0;margin-block:0}
.cat-label{color:var(--cobalt);text-decoration:none;justify-self:start}
.product_title{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.015em;font-size:clamp(28px,4.2vw,60px);margin:0;overflow-wrap:break-word;text-wrap:balance}
.woocommerce-product-details__short-description p{font-size:clamp(18px,1.7vw,23px);line-height:1.45;max-width:46ch;margin:0}
.summary .price{font-weight:800;font-size:26px;margin:0;font-variant-numeric:tabular-nums}
.summary .price:has(.pending){display:none}
.summary form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}
.summary form.variations_form{display:grid;gap:14px}
.variations_form.has-pills table.variations,.variations_form.has-pills .woocommerce-variation-price{display:none}
table.variations{border-collapse:collapse}
table.variations th{text-align:left;padding:0 12px 0 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
table.variations td{padding:0}
.reset_variations{margin-left:10px;font-size:13px}
.has-pills .reset_variations{display:none!important}
.single_variation_wrap{display:grid;gap:12px}
.woocommerce-variation{display:grid;gap:6px}
.woocommerce-variation:empty,.woocommerce-variation-description:empty,.woocommerce-variation-availability:empty{display:none}
.woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.single_add_to_cart_button{flex:1 1 200px;min-height:48px}
p.stock{margin:0;font-family:var(--hand)}
.product-text{margin-top:4px}
.single-product .related{grid-column:1/-1;padding-top:clamp(28px,4vw,56px);min-width:0}
.related > h2{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.015em;font-size:clamp(22px,3vw,40px);margin:0 0 22px}

/* cart */
table.shop_table{width:100%;border-collapse:collapse}
table.shop_table th,table.shop_table td{padding:10px 0;text-align:left;border:0;vertical-align:top}
.woocommerce-cart .entry > .woocommerce{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px clamp(24px,4vw,56px);align-items:start}
.woocommerce-cart .entry > .woocommerce > .woocommerce-notices-wrapper,.woocommerce-cart .entry > .woocommerce > .cart-empty,.woocommerce-cart .entry > .woocommerce > .return-to-shop,.woocommerce-cart .entry > .woocommerce > .wc-empty-cart-message{grid-column:1/-1}
.woocommerce-cart-form{min-width:0}
.woocommerce-cart-form table.cart,.woocommerce-cart-form table.cart tbody{display:block}
.woocommerce-cart-form table.cart thead{display:none}
.woocommerce-cart-form tr.cart_item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--paper-deep)}
.woocommerce-cart-form tr.cart_item td{padding:0}
.woocommerce-cart-form td.product-thumbnail{grid-column:1;grid-row:1/span 2}
.woocommerce-cart-form td.product-thumbnail a{display:block}
.woocommerce-cart-form .tile{aspect-ratio:1;border-radius:12px;width:88px}
.woocommerce-cart-form td.product-name{grid-column:2;grid-row:1;font-weight:700;align-self:end}
.woocommerce-cart-form td.product-name a{text-decoration:none}
dl.variation{margin:2px 0 0;font-weight:400;font-size:13.5px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:0 5px}
dl.variation dt,dl.variation dd,dl.variation p{margin:0;font-weight:400}
.woocommerce-cart-form td.product-price{display:none}
.woocommerce-cart-form td.product-quantity{grid-column:2;grid-row:2;align-self:start}
.woocommerce-cart-form td.product-quantity div.quantity{height:38px}
.woocommerce-cart-form td.product-quantity .qty,.woocommerce-cart-form td.product-quantity .q-btn{height:34px}
.woocommerce-cart-form td.product-quantity .q-btn{width:32px;font-size:17px}
.woocommerce-cart-form td.product-remove{grid-column:3;grid-row:1;justify-self:end}
.woocommerce-cart-form td.product-subtotal{grid-column:3;grid-row:2;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start;padding-top:6px}
a.remove{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--ink);text-decoration:none;font-weight:800;line-height:1}
a.remove:hover{background:var(--ink);color:var(--paper)}
.woocommerce-cart-form tr:has(td.actions){display:block}
.woocommerce-cart-form td.actions{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;padding-top:18px}
.coupon{display:flex;flex-wrap:wrap;gap:8px}
.coupon .input-text{width:190px;border-radius:999px}
.woocommerce-cart-form button[name="update_cart"]{display:none}
.cart-collaterals{min-width:0}
.cart_totals,#order_review,.woocommerce-checkout #customer_details > div,.woocommerce-Address,#customer_login > div,.woocommerce-order-details,.woocommerce-customer-details{border:2px solid var(--ink);border-radius:26px;padding:clamp(18px,3vw,32px);background:var(--card);min-width:0}
.cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3,.woocommerce-order-details h2,.woocommerce-customer-details h2,.woocommerce-column__title,.woocommerce-Address-title h2,.woocommerce-Address-title h3,#customer_login h2,.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.015em;font-size:clamp(17px,1.6vw,22px);margin:0 0 14px}
.cart_totals table th{font-weight:400;padding-right:16px}
.cart_totals table td,#order_review table td:last-child,#order_review tfoot td{text-align:right;font-variant-numeric:tabular-nums}
.cart_totals .order-total th,.cart_totals .order-total td,#order_review .order-total th,#order_review .order-total td{font-weight:800;font-size:20px;border-top:2px solid var(--ink);padding-top:12px}
ul#shipping_method,ul.woocommerce-shipping-methods{list-style:none;margin:0;padding:0;display:grid;gap:4px}
ul#shipping_method label{font-weight:400}
.woocommerce-shipping-destination,.woocommerce-shipping-calculator{font-size:13.5px;color:var(--ink-soft);margin:6px 0 0}
.wc-proceed-to-checkout{margin-top:16px}
.wc-proceed-to-checkout a{width:100%;min-height:50px}
.return-to-shop{margin:0}

/* checkout */
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{margin-bottom:16px}
form.checkout_coupon,form.woocommerce-form-login:not(.login){border:2px dashed var(--ink);border-radius:16px;padding:16px;margin:0 0 20px;display:grid;gap:12px}
form.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px clamp(24px,4vw,56px);align-items:start}
form.woocommerce-checkout > .woocommerce-NoticeGroup{grid-column:1/-1}
#customer_details{grid-column:1;grid-row:1/span 3;display:grid;gap:16px;min-width:0}
#order_review_heading{grid-column:2;margin:0;font-size:clamp(20px,2vw,28px)}
#order_review{grid-column:2}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.form-row{margin:0;display:grid;gap:6px;min-width:0;align-content:start}
.form-row-wide,.form-row.notes,.woocommerce-additional-fields__field-wrapper .form-row{grid-column:1/-1}
.form-row label,.woocommerce-form-row label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.form-row .required,abbr.required{color:var(--paprika);text-decoration:none;border:0}
.form-row .optional{text-transform:none;letter-spacing:0;font-weight:400}
.woocommerce-input-wrapper{display:block}
.form-row label.checkbox,label.woocommerce-form__label-for-checkbox,.woocommerce-form__label-for-checkbox{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;font-weight:400;letter-spacing:0;text-transform:none}
input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--ink)}
input[type=number],input[type=url],input[type=date]{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:11px 14px;width:100%;min-width:0}
.select2-container{max-width:100%}
.select2-container .select2-selection--single{height:48px;border:2px solid var(--ink);border-radius:12px;background:var(--card)}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:14px;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:8px}
.select2-dropdown{border:2px solid var(--ink);border-radius:12px;overflow:hidden}
#ship-to-different-address{font-size:16px;margin:0}
#order_review table.shop_table thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--ink)}
#order_review table.shop_table tbody td{border-bottom:1px solid var(--paper-deep);font-size:14.5px}
#order_review tfoot th{font-weight:400}
#payment{margin-top:18px}
#payment ul.payment_methods{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
#payment ul.payment_methods li{border:2px solid var(--ink);border-radius:14px;padding:10px 14px}
#payment ul.payment_methods li label{font-weight:700;margin-left:6px}
#payment ul.payment_methods li img{display:none}
#payment .payment_box{font-size:14px;margin-top:6px;color:var(--ink-soft)}
#payment .payment_box p{margin:0}
#payment .place-order{display:grid;gap:12px;margin:0}
#place_order{width:100%;min-height:52px}
.woocommerce-terms-and-conditions-wrapper{font-size:14px;display:grid;gap:8px}
.woocommerce-privacy-policy-text p{margin:0}
.woocommerce-terms-and-conditions{border:2px dashed var(--ink);border-radius:12px;padding:12px;max-height:200px;overflow:auto}

/* order received / view order */
.woocommerce-order,.woocommerce-MyAccount-content{display:grid;gap:18px;min-width:0}
.woocommerce-order > *,.woocommerce-MyAccount-content > *{margin-block:0;min-width:0}
.woocommerce-thankyou-order-received,.woocommerce-MyAccount-content > p:first-child{font-size:clamp(18px,1.7vw,23px);line-height:1.45;margin:0;background:none;border:0;padding:0}
ul.order_details{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}
ul.order_details li{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
ul.order_details li strong{display:block;font-size:17px;letter-spacing:0;text-transform:none}
.woocommerce-order-details table tfoot th{font-weight:400}
.woocommerce-order-details table td:last-child,.woocommerce-order-details table th:last-child{text-align:right}
.woocommerce-order-details table tbody td{border-bottom:1px solid var(--paper-deep)}
.woocommerce-customer-details address{font-style:normal}
.woocommerce-columns--addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
mark{background:var(--turmeric);padding:0 5px;border-radius:5px}

/* my account */
.woocommerce-MyAccount-navigation{min-width:0}
.woocommerce-account.logged-in .entry > .woocommerce{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px clamp(24px,4vw,56px);align-items:start}
.woocommerce-account.logged-in .entry > .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.woocommerce-MyAccount-navigation a{display:block;text-decoration:none;border:2px solid var(--ink);border-radius:14px;padding:10px 14px;font-weight:700;font-size:14.5px;background:var(--paper)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:var(--paper)}
.woocommerce-MyAccount-navigation-link--customer-logout a{border-style:dashed}
.woocommerce-orders-table th,.woocommerce-table--order-downloads th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--ink)!important}
.woocommerce-orders-table td,.woocommerce-orders-table tbody th{border-bottom:1px solid var(--paper-deep)!important;vertical-align:middle!important;font-weight:400}
.woocommerce-orders-table .button{min-height:36px;padding:4px 14px;font-size:12px}
.woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.woocommerce-Address-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}
.woocommerce-Address address{font-style:normal}
.woocommerce-EditAccountForm,.woocommerce-address-fields,form.login,form.register,form.lost_reset_password,form.woocommerce-ResetPassword{display:grid;gap:14px}
.woocommerce-EditAccountForm{grid-template-columns:repeat(2,minmax(0,1fr))}
.woocommerce-EditAccountForm > *{grid-column:1/-1}
.woocommerce-EditAccountForm > .form-row-first{grid-column:1}
.woocommerce-EditAccountForm > .form-row-last{grid-column:2}
.woocommerce-EditAccountForm fieldset{border:2px dashed var(--ink);border-radius:16px;padding:16px;margin:0;display:grid;gap:14px;min-width:0}
.woocommerce-EditAccountForm legend{padding:0 8px;font-weight:800}
.woocommerce-EditAccountForm .clear,.form-row + .clear,.clear{display:none}
.form-row em,.woocommerce-form-row em,#account_display_name_description{font-size:13px;color:var(--ink-soft)}
#customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1040px}
#customer_login h2{font-size:clamp(22px,2.6vw,36px)}
#customer_login .u-column2{background:var(--turmeric)}
.woocommerce-form-login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}
.woocommerce-form-login__submit,.woocommerce-form-register__submit{min-height:48px;flex:1 1 180px}
.lost_password,.woocommerce-LostPassword{margin:0;font-size:14.5px}
.password-input{display:block}
.show-password-input{display:none}
.woocommerce-password-strength{font-size:13px;padding:4px 0}
.woocommerce-password-hint{font-size:13px;color:var(--ink-soft)}
form.lost_reset_password,form.woocommerce-ResetPassword{max-width:560px;border:2px solid var(--ink);border-radius:26px;padding:clamp(18px,3vw,32px);background:var(--card)}
form.lost_reset_password p,form.woocommerce-ResetPassword p{margin:0}

/* cart drawer (WooCommerce mini-cart) */
.drawer-in{grid-template-rows:auto minmax(0,1fr)}
#menu .drawer-in{grid-template-rows:auto minmax(0,1fr) auto}
.widget_shopping_cart_content{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0}
ul.woocommerce-mini-cart{list-style:none;margin:0;padding:6px 20px;overflow:auto;align-self:start;max-height:100%}
li.mini_cart_item{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:2px 12px;align-items:center;padding:14px 36px 14px 0;border-bottom:1px solid var(--paper-deep);font-weight:700;font-size:14.5px;line-height:1.25}
li.mini_cart_item > a:not(.remove){display:contents;text-decoration:none}
li.mini_cart_item img{grid-column:1;grid-row:1/span 3;width:64px;height:64px;object-fit:cover;border-radius:12px;display:block}
li.mini_cart_item a.remove{position:absolute;right:0;top:14px}
li.mini_cart_item dl.variation{grid-column:2}
li.mini_cart_item span.quantity{grid-column:2;font-weight:400;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.woocommerce-mini-cart__total{margin:0;padding:16px 20px 0;display:flex;justify-content:space-between;align-items:baseline;font-size:20px;border-top:2px solid var(--ink);font-variant-numeric:tabular-nums}
.woocommerce-mini-cart__buttons{margin:0;padding:12px 20px calc(18px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:10px}
.woocommerce-mini-cart__buttons .button{padding-inline:10px;font-size:12.5px}
.woocommerce-mini-cart__empty-message{padding:36px 28px;margin:0;text-align:center;font-family:var(--hand);font-size:18px;color:var(--ink-soft)}
.blockUI.blockOverlay{background:var(--paper)!important;opacity:.6!important}

@media (max-width:980px){
  .woocommerce-cart .entry > .woocommerce,form.woocommerce-checkout,#customer_login{grid-template-columns:minmax(0,1fr)}
  #customer_details,#order_review_heading,#order_review{grid-column:1;grid-row:auto}
  .woocommerce-account.logged-in .entry > .woocommerce{grid-template-columns:minmax(0,1fr)}
  .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .woocommerce-MyAccount-navigation a{white-space:nowrap;border-radius:999px}
}
@media (max-width:720px){
  .logo .wordmark svg{height:46px}
  ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .single-product div.product{grid-template-columns:1fr}
  .woocommerce-product-gallery{position:relative;top:0!important;aspect-ratio:1/.8;border-radius:22px}
  .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper,.woocommerce-EditAccountForm,.woocommerce-Addresses,.woocommerce-columns--addresses{grid-template-columns:1fr}
  .form-row-first,.form-row-last,.woocommerce-EditAccountForm > .form-row-first,.woocommerce-EditAccountForm > .form-row-last{grid-column:1/-1}
  .woocommerce-cart-form tr.cart_item{grid-template-columns:64px minmax(0,1fr) auto}
  .woocommerce-cart-form .tile{width:64px}
  .woocommerce-orders-table thead{display:none}
  .woocommerce-orders-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--paper-deep)}
  .woocommerce-orders-table td,.woocommerce-orders-table tbody th{border:0!important;padding:0!important}
  .woocommerce-orders-table td::before{content:attr(data-title) ": ";font-size:12px;color:var(--ink-soft)}
  .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before{content:none}
  .featured ul.products li:nth-child(n+5){display:none}
}
@media (max-width:380px){.logo .wordmark svg{height:34px}}

[hidden]{display:none!important}
@media (max-width:1200px){#nav{display:none}}
.page-head.tight{margin-bottom:18px}
.h-sm{font-size:clamp(22px,3vw,40px)!important}
.recipe-card .tile,.rcp-side .tile{background:var(--paper-deep)}
.mini a{text-decoration:none}
.rcp .panel .cta{width:100%}
.rcp .cat-label{color:var(--cobalt)}
.recipes-wrap{margin-top:22px}
#pot-loader svg{display:block}

/* ───────── showcase product page ───────── */
.single-product div.product.pr-showcase{display:block}
.pr-showcase{--sc-top:96px;position:relative}
.admin-bar .pr-showcase{--sc-top:128px}

/* head: kicker, huge title, script tagline */
.sc-head{display:grid;justify-items:center;text-align:center;gap:4px;position:relative;z-index:2;padding-top:clamp(0px,1vw,12px)}
.sc-kicker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:0 0 6px;font-size:12.5px;letter-spacing:.14em}
.sc-kicker .cat-label{color:var(--cobalt)}
.sc-kicker span[aria-hidden]{color:var(--paprika);font-size:16px;letter-spacing:0}
.pr-showcase .sc-title{font-size:clamp(40px,6.6vw,108px);line-height:.84;margin:0;max-width:12ch;text-align:center;text-wrap:balance;letter-spacing:-.02em}
.sc-script{font-family:"Fuggles","Segoe Script",cursive;font-weight:400;font-size:clamp(44px,5.6vw,92px);line-height:.75;color:var(--paprika);margin:-.18em 0 0;transform:rotate(-4deg);text-transform:none;position:relative}

/* three columns around a sticky stage */
.sc-grid{--gap:clamp(18px,3.2vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"left stage right";column-gap:var(--gap);align-items:start;margin-top:clamp(4px,1vw,16px)}
.sc-stage{grid-area:stage;position:sticky;top:max(var(--sc-top),calc(50vh - 280px));display:grid;place-items:center;z-index:1}
.sc-left{grid-area:left}
.sc-right{grid-area:right}
.sc-col{display:grid;gap:clamp(64px,11vh,130px);align-content:start;padding-block:clamp(40px,7vh,90px) clamp(60px,14vh,160px);min-width:0}
.sc-left{padding-top:clamp(120px,22vh,230px)}

/* stage: patterned disc, a plate, the product on it, a spinning sticker */
.sc-stage-in{position:relative;width:min(100%,600px);aspect-ratio:1}
.sc-disc{position:absolute;inset:3%;border-radius:50%;background-color:var(--sc-c,var(--paprika));background-image:linear-gradient(rgba(255,255,255,.42) 1.3px,transparent 1.3px),linear-gradient(90deg,rgba(255,255,255,.42) 1.3px,transparent 1.3px);background-size:22px 22px;background-position:center;rotate:var(--sc-spin,0deg)}
.sc-c-druska{--sc-c:var(--cobalt)}.sc-c-makaronai{--sc-c:var(--paprika)}.sc-c-padazai{--sc-c:var(--herb)}.sc-c-aliejai{--sc-c:var(--turmeric)}.sc-c-tunas{--sc-c:var(--sky)}.sc-c-misiniai{--sc-c:var(--pink)}.sc-c-kita{--sc-c:var(--cobalt)}
.sc-plate{position:absolute;inset:12%;border-radius:50%;background:var(--card);border:2.5px solid var(--ink);box-shadow:10px 12px 0 rgba(23,23,58,.22);isolation:isolate;overflow:hidden}
.sc-plate::before{content:"";position:absolute;inset:9%;border-radius:50%;border:2px solid var(--paper-deep)}
.sc-photo{position:absolute;inset:-6%;width:112%;height:112%;object-fit:contain;mix-blend-mode:multiply;rotate:var(--sc-rot,-14deg);z-index:1}
.sc-sticker{position:absolute;right:-1%;top:0;width:27%;height:auto;z-index:3;animation:spin 26s linear infinite}
.sc-sticker .sticker-t{font-family:var(--display);font-stretch:125%;font-weight:900}
.sc-sticker-star svg{overflow:visible}
.sc-fl{position:absolute;z-index:2;width:clamp(26px,3vw,46px);color:var(--ink)}
.sc-fl svg{display:block;width:100%;height:auto;overflow:visible}
.sc-fl-1{left:3%;top:14%;color:var(--turmeric)}
.sc-fl-2{right:0;bottom:6%;width:clamp(34px,4vw,60px);color:var(--paper);animation-delay:-1.6s}
.sc-fl-3{left:20%;bottom:2%;width:clamp(18px,2vw,28px);animation-delay:-3.1s}
.sc-arrow{position:absolute;left:-6%;bottom:9%;z-index:3;display:grid;justify-items:start;gap:0;transform:rotate(-6deg)}
.sc-arrow .hand{font-size:clamp(17px,1.5vw,22px);line-height:1;background:var(--paper);padding:4px 10px;border-radius:999px;border:2px solid var(--ink)}
.sc-arrow svg{width:70px;height:auto;margin-left:40%;color:var(--ink)}
@keyframes sc-land{0%{translate:0 -70px;scale:.82;opacity:0}60%{opacity:1}100%{translate:0 0;scale:1;opacity:1}}
@keyframes sc-plate-in{from{scale:.86;opacity:0}to{scale:1;opacity:1}}
.sc-photo{animation:sc-land .95s cubic-bezier(.2,1.3,.4,1) .2s both}
.sc-plate{animation:sc-plate-in .7s cubic-bezier(.2,1.2,.4,1) both}

/* story blocks: dots and dashes reaching for the stage */
.sc-block,.sc-buy{position:relative}
.sc-block{display:grid;gap:10px;align-content:start;max-width:380px}
.sc-block h2{margin:0;font-size:12.5px;letter-spacing:.16em;color:var(--cobalt)}
.sc-block p{margin:0}
.sc-left .sc-block{justify-self:end;justify-items:end;text-align:right}
.sc-right .sc-block{justify-self:start}
.sc-block::after,.sc-buy::after{content:"";position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2.5px solid var(--ink);box-sizing:border-box}
.sc-block::before,.sc-buy::before{content:"";position:absolute;top:9px;width:max(8px,calc(var(--gap) / 2 - 14px));border-top:2px dashed var(--ink);opacity:.5}
.sc-left .sc-block::after{right:calc(var(--gap) / -2 - 8px)}
.sc-left .sc-block::before{right:calc(var(--gap) / -2 + 8px)}
.sc-right .sc-block::after,.sc-right .sc-buy::after{left:calc(var(--gap) / -2 - 8px)}
.sc-right .sc-block::before,.sc-right .sc-buy::before{left:calc(var(--gap) / -2 + 8px)}
.sc-right .sc-buy::after{top:30px}.sc-right .sc-buy::before{top:37px}
.sc-big{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(22px,2.2vw,34px);line-height:.95;letter-spacing:-.01em;text-wrap:balance}
.sc-chips{display:flex;flex-wrap:wrap;gap:8px}
.sc-left .sc-chips{justify-content:flex-end}
.sc-chip{display:inline-block;border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;background:var(--card)}
.sc-chip:nth-child(odd){transform:rotate(-2deg)}.sc-chip:nth-child(even){transform:rotate(2deg)}
.sc-chip.warn{background:var(--turmeric)}
.sc-num{font-family:"Fuggles","Segoe Script",cursive;font-size:54px;line-height:.5;color:var(--paprika);height:.5em}
.sc-text .prose{gap:10px;font-size:16.5px;line-height:1.55}
.sc-text .prose p{margin:0}

/* cooking clock */
.sc-time,.sc-origin{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 20px;max-width:420px}
.sc-left .sc-time,.sc-left .sc-origin{grid-template-columns:minmax(0,1fr) auto}
.sc-left .sc-time .sc-clock,.sc-left .sc-origin .sc-stamp{order:2}
.sc-time > div,.sc-origin > div{display:grid;gap:8px;justify-items:inherit}
.sc-clock{position:relative;width:clamp(104px,9vw,132px);aspect-ratio:1}
.sc-clock svg{display:block;width:100%;height:100%;rotate:-90deg}
.sc-clock .ring-bg{fill:var(--card);stroke:var(--paper-deep);stroke-width:9}
.sc-clock .ring{fill:none;stroke:var(--paprika);stroke-width:9;stroke-linecap:round;stroke-dasharray:var(--p,100) 100;transition:stroke-dasharray 1.4s cubic-bezier(.3,.8,.2,1)}
.sc-time.rv:not(.in) .ring{stroke-dasharray:0 100}
.sc-time.running .ring{transition:stroke-dasharray .3s linear}
.sc-clock-t{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;line-height:.9;text-align:center}
.sc-clock-t b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(28px,2.6vw,38px);font-variant-numeric:tabular-nums}
.sc-clock-t small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.sc-timer{cursor:pointer;font-family:inherit;transform:rotate(-2deg)}
.sc-time.running .sc-timer{background:var(--ink);color:var(--paper)}
.sc-time.done .sc-clock{animation:sc-ring .5s ease-in-out 4}
@keyframes sc-ring{0%,100%{rotate:0deg}25%{rotate:-8deg}75%{rotate:8deg}}
.sc-origin .sc-big{font-size:clamp(18px,1.6vw,26px);overflow-wrap:anywhere}
.sc-stamp{width:clamp(88px,7vw,116px);flex:none;height:auto;color:var(--herb);animation:spin 30s linear infinite}
.sc-stamp .sticker-t{font-family:var(--display);font-stretch:125%;font-weight:900}

/* buy card */
.sc-buy{display:grid;gap:16px;max-width:410px;background:var(--card);border:2px solid var(--ink);border-radius:28px;padding:clamp(18px,1.9vw,26px);box-shadow:7px 7px 0 var(--ink)}
.sc-lead .woocommerce-product-details__short-description p{font-size:16.5px;line-height:1.5;margin:0;max-width:none}
.sc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.sc-price .price{margin:0;font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(32px,3vw,46px);line-height:1;font-variant-numeric:tabular-nums}
.sc-price .price:has(.pending){display:none}
.sc-pack{font-family:var(--hand);font-size:16px;color:var(--ink-soft)}
.sc-buy form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
.sc-buy form.variations_form{display:grid;gap:14px}
.sc-buy .single_add_to_cart_button{flex:1 1 160px}
.sc-up{display:grid;gap:10px;border-top:2px dashed var(--paper-deep);padding-top:14px}
.sc-up > .caps{margin:0;font-size:12px;letter-spacing:.14em;color:var(--cobalt)}
.sc-up-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:12px;align-items:center}
.sc-up-row .tile{position:relative;display:block;width:52px;aspect-ratio:1;border-radius:12px;overflow:hidden}
.sc-up-t{display:grid;gap:1px;font-weight:700;font-size:14px;line-height:1.2;min-width:0}
.sc-up-t a{text-decoration:none}
.sc-up-t a:hover{text-decoration:underline}
.sc-up-t small{font-weight:400;font-size:12.5px;color:var(--ink-soft)}
.sc-up-row b{font-variant-numeric:tabular-nums;font-size:14.5px}
.sc-up-row .add,.sc-bundle-add{background:var(--paper);cursor:pointer;font-family:inherit;color:var(--ink)}
.sc-up-row .add.loading{opacity:.5;pointer-events:none}
.sc-up-row .add.added{background:var(--herb);border-color:var(--herb);color:var(--paper)}

/* "Užbaik lėkštę" set */
.sc-set-wrap{padding-top:clamp(24px,4vw,56px)}
.sc-set{display:flex;flex-wrap:wrap;align-items:center;gap:16px clamp(10px,1.4vw,20px);background:var(--turmeric);border:2px solid var(--ink);border-radius:32px;padding:clamp(18px,3vw,38px);position:relative;overflow:hidden}
.sc-set::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:var(--paprika);opacity:.18}
.sc-item{position:relative;display:grid;gap:8px;width:clamp(128px,10.6vw,176px);cursor:pointer}
.sc-item input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sc-item .tile{position:relative;display:block;aspect-ratio:1;border-radius:22px;overflow:hidden;border:2px solid var(--ink);transition:transform .25s cubic-bezier(.2,1.3,.4,1),opacity .2s,filter .2s}
.sc-item:hover .tile{transform:rotate(-2deg) scale(1.03)}
.sc-item:has(input:not(:checked)) .tile{opacity:.5;filter:grayscale(.85);transform:scale(.93) rotate(2deg)}
.sc-item input:focus-visible + .tile{outline:3px solid var(--cobalt);outline-offset:3px}
.sc-tick{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:var(--ink);border:2px solid var(--ink);z-index:2;transition:background .15s}
.sc-tick::after{content:"";position:absolute;left:9px;top:4px;width:7px;height:13px;border:solid var(--paper);border-width:0 3px 3px 0;rotate:45deg}
.sc-item:has(input:not(:checked)) .sc-tick{background:var(--paper)}
.sc-item:has(input:not(:checked)) .sc-tick::after{display:none}
.sc-item-t{display:grid;gap:2px;font-weight:800;font-size:15px;line-height:1.15}
.sc-item-t small{font-weight:500;font-size:13px;color:var(--ink-soft)}
.sc-item > b{font-variant-numeric:tabular-nums}
.sc-item.is-main .tile{background:var(--card)}
.sc-item.is-main .tile img{object-fit:contain;mix-blend-mode:multiply;rotate:-12deg;scale:1.15}
.sc-plus{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(28px,2.6vw,42px);line-height:1;align-self:flex-start;margin-top:calc(clamp(128px,10.6vw,176px) / 2 - .5em)}
.sc-total{margin-left:auto;display:grid;gap:10px;justify-items:start;min-width:230px;position:relative}
.sc-total .caps{font-size:12px;letter-spacing:.14em}
.sc-total b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(38px,4.4vw,64px);line-height:.9;font-variant-numeric:tabular-nums}
.sc-total .cta{width:100%;background:var(--ink);cursor:pointer;font-family:inherit}
.sc-total .cta[disabled]{opacity:.45;cursor:default}
.sc-recipes{padding-top:clamp(28px,4vw,64px)}
.pr-showcase .related{padding-top:clamp(28px,4vw,64px)}

/* sticky buy bar */
.sc-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:6px 6px 6px 7px;box-shadow:5px 5px 0 var(--ink);transform:translate(-50%,160%);transition:transform .5s cubic-bezier(.2,1.3,.4,1);visibility:hidden}
.sc-bar.on{transform:translate(-50%,0);visibility:visible}
.sc-bar .tile{position:relative;display:block;width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;border:2px solid var(--ink)}
.sc-bar-t{display:grid;flex:1;min-width:0;font-weight:800;font-size:14.5px;line-height:1.15}
.sc-bar-n,.sc-bar-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-bar-t small{font-weight:600;font-size:13px;color:var(--ink-soft)}
.sc-bar .cta{flex:none;width:auto;min-height:46px;padding-inline:22px;cursor:pointer;font-family:inherit}
body:has(.sc-bar.on) .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}

html.no-motion .sc-photo,html.no-motion .sc-plate,html.no-motion .sc-sticker,html.no-motion .sc-stamp{animation:none}

/* tablet and phone: one column, the story becomes a timeline */
@media (max-width:1000px){
  .pr-showcase .sc-title{font-size:clamp(40px,12vw,96px)}
  .sc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "right" "left";margin-top:0}
  .sc-stage{position:relative;top:auto;height:auto;min-height:0;max-height:none;margin-block:6px 4px}
  .sc-stage-in{width:min(90%,440px)}
  .sc-buy{display:flex;flex-direction:column}
  .sc-lead{order:3}
  .sc-up{order:4}
  .sc-arrow{left:0;bottom:4%}
  .sc-col{gap:30px;padding-block:18px 0}
  .sc-left{padding-top:30px}
  .sc-buy{max-width:none}
  .sc-block{max-width:none;justify-self:stretch;padding-left:34px}
  .sc-left .sc-block{justify-self:stretch;justify-items:start;text-align:left}
  .sc-left .sc-chips{justify-content:flex-start}
  .sc-left .sc-time,.sc-left .sc-origin{grid-template-columns:auto minmax(0,1fr)}
  .sc-left .sc-time .sc-clock,.sc-left .sc-origin .sc-stamp{order:0}
  .sc-block::after,.sc-left .sc-block::after,.sc-right .sc-block::after{left:0;right:auto}
  .sc-block::before,.sc-left .sc-block::before,.sc-right .sc-block::before{left:7px;right:auto;top:18px;width:0;height:calc(100% + 14px);border-top:0;border-left:2px dashed var(--ink)}
  .sc-col > .sc-block:last-child::before{display:none}
  .sc-buy::before,.sc-buy::after,.sc-right .sc-buy::before,.sc-right .sc-buy::after{display:none}
  .sc-set{flex-direction:column;align-items:stretch;gap:10px}
  .sc-set::before{display:none}
  .sc-item{width:auto;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px}
  .sc-item .tile{width:76px;border-radius:16px}
  .sc-tick{width:24px;height:24px;right:6px;top:6px}
  .sc-tick::after{left:6px;top:2px;width:6px;height:11px}
  .sc-plus{margin:0;align-self:flex-start;padding-left:24px;font-size:26px;line-height:.8}
  .sc-item.is-main .tile img{scale:1.3}
  .sc-total{margin:8px 0 0;min-width:0;width:100%;border-top:2px dashed var(--ink);padding-top:16px}
}
@media (max-width:560px){
  .sc-script{font-size:clamp(40px,13vw,64px)}
  .sc-sticker{width:30%;right:-2%}
  .sc-arrow svg{width:52px}
  .sc-up-row{grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px}
  .sc-up-row .tile{width:48px}
  .sc-bar .cta{padding-inline:16px}
}
@media (max-width:640px){
  .sc-set-wrap{padding-top:44px}
  .sc-recipes .recipes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .sc-recipes .recipe-card{scroll-snap-align:start}
}

/* ───────── header search: "kosmosas" ───────── */
.search-btn{cursor:pointer;color:var(--ink);font:inherit}
html.cosmos-open{overflow:hidden}
dialog.cosmos{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--ink);color:var(--paper);overflow:hidden}
dialog.cosmos::backdrop{background:transparent}
dialog.cosmos[open]{animation:cz-in .45s cubic-bezier(.2,1,.3,1) both}
@keyframes cz-in{from{opacity:0;clip-path:circle(0 at calc(100% - 180px) 36px)}to{opacity:1;clip-path:circle(150% at calc(100% - 180px) 36px)}}

/* the sky: three slow planets, twinkling stars, an orbit of products */
.cosmos-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cosmos-sky::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(241,239,234,.5) 1px,transparent 1.4px),radial-gradient(rgba(241,239,234,.28) 1px,transparent 1.4px);background-size:120px 120px,70px 70px;background-position:0 0,35px 50px;opacity:.55}
.planet{position:absolute;border-radius:50%;filter:blur(2px);animation:cz-float 22s ease-in-out infinite alternate}
.planet.p1{width:46vmax;height:46vmax;right:-14vmax;top:-18vmax;background:radial-gradient(circle at 35% 35%,#ff7a5c,var(--paprika) 45%,#7d1f12 100%);opacity:.9}
.planet.p2{width:22vmax;height:22vmax;left:-6vmax;bottom:-6vmax;background:radial-gradient(circle at 40% 30%,#6f8cff,var(--cobalt) 50%,#101a5c 100%);animation-duration:28s;animation-delay:-6s}
.planet.p3{width:9vmax;height:9vmax;left:38%;top:58%;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--turmeric) 55%,#9a6a00 100%);animation-duration:17s;animation-delay:-3s}
.planet.p1::after{content:"";position:absolute;inset:-12% -40%;border-radius:50%;border:3px solid rgba(244,184,30,.55);transform:rotate(-18deg) scaleY(.28)}
@keyframes cz-float{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(-3vmax,2.5vmax) rotate(18deg)}}
.twinkle{position:absolute;width:18px;color:var(--turmeric);animation:cz-tw 3.4s ease-in-out infinite}
.twinkle svg{display:block;width:100%;height:auto;overflow:visible}
.twinkle.t0{left:8%;top:18%}.twinkle.t1{left:22%;top:72%;animation-delay:-1s;width:12px}.twinkle.t2{left:56%;top:12%;animation-delay:-2s;color:var(--paper)}.twinkle.t3{left:74%;top:66%;animation-delay:-.4s;width:24px}.twinkle.t4{left:90%;top:40%;animation-delay:-2.6s;width:10px}.twinkle.t5{left:44%;top:86%;animation-delay:-1.7s;color:var(--pink)}.twinkle.t6{left:4%;top:50%;animation-delay:-.9s;width:10px;color:var(--paper)}.twinkle.t7{left:66%;top:30%;animation-delay:-3s;width:9px}.twinkle.t8{left:32%;top:36%;animation-delay:-2.2s;width:8px;color:var(--paper)}.twinkle.t9{left:84%;top:88%;animation-delay:-1.3s;width:14px;color:var(--sky)}.twinkle.t10{left:14%;top:92%;animation-delay:-.2s;width:9px}.twinkle.t11{left:96%;top:12%;animation-delay:-2.9s;width:11px;color:var(--paper)}.twinkle.t12{left:50%;top:48%;animation-delay:-1.5s;width:7px;color:var(--sky)}.twinkle.t13{left:28%;top:8%;animation-delay:-.6s;width:13px;color:var(--pink)}
@keyframes cz-tw{0%,100%{opacity:.25;transform:scale(.6) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}
.orbit{position:absolute;right:max(-10vmin,calc(50% - 760px));top:50%;width:min(64vmin,620px);aspect-ratio:1;translate:0 -50%;border-radius:50%;border:2px dashed rgba(241,239,234,.22);animation:spin 70s linear infinite;opacity:.95;transition:opacity .4s}
.orbit::after{content:"";position:absolute;inset:18%;border-radius:50%;border:2px dashed rgba(241,239,234,.14)}
.orbit > span{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(min(64vmin,620px) / -2))}
.orbit > span > .tile{position:absolute;left:-36px;top:-36px;width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid var(--paper);box-shadow:0 0 0 6px rgba(23,23,58,.6);animation:spin 70s linear infinite reverse;transform:rotate(calc(-1 * var(--a)))}
.cosmos-searching .orbit{opacity:.18}

/* the bar */
.cosmos-in{position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:clamp(14px,2.4vw,32px) var(--gutter) 60px;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;scrollbar-width:thin}
.cosmos-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;max-width:1320px;width:100%;margin:0 auto;padding:6px 10px 6px clamp(16px,2vw,26px);background:rgba(23,23,58,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(241,239,234,.16);border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.cosmos-ico{flex:none;width:clamp(34px,4vw,54px);color:var(--turmeric)}
.cosmos-ico svg{display:block;width:100%;height:auto;stroke-width:2.6}
.cosmos-bar input[type=search]{flex:1;min-width:0;border:0;border-bottom:3px solid transparent;background:none;color:var(--paper);caret-color:var(--turmeric);font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(24px,4.6vw,68px);line-height:1.05;letter-spacing:-.01em;padding:6px 0 6px;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}
.cosmos-bar input[type=search]::-webkit-search-cancel-button{display:none}
.cosmos-bar input::placeholder{color:rgba(241,239,234,.28)}
.cosmos-bar:focus-within{border-color:var(--turmeric)}
.cosmos .x{flex:none;cursor:pointer;color:var(--ink)}
.cosmos-hint{max-width:1320px;width:100%;margin:4px auto 0;padding-inline:8px;color:var(--turmeric);font-size:clamp(16px,1.6vw,21px)}
.cosmos-out{max-width:1320px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(26px,3.6vw,46px);padding-top:6px}

/* rows */
.cz-chips{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
.cz-chips .pill{cursor:pointer;font-family:inherit;color:var(--ink);animation:cz-pop .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * 45ms)}
.cz-chips .pill:nth-child(odd){transform:rotate(-2.5deg)}.cz-chips .pill:nth-child(even){transform:rotate(2deg)}
.cz-chips .pill:hover{background:var(--turmeric)}
.cz-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:14px}
.cz-head h3{margin:0;font-size:clamp(24px,3vw,44px);color:var(--paper)}
.cz-head .hand{color:var(--turmeric);font-size:17px}
.cz-all{margin-left:auto;color:var(--ink)}
.cz-arrows{margin-left:auto;display:flex;gap:8px}
.cz-all + .cz-arrows{margin-left:0}
.cz-arrows button{width:42px;height:42px;border-radius:50%;border:2px solid var(--paper);background:none;color:var(--paper);font-size:18px;cursor:pointer;font-family:inherit}
.cz-arrows button:hover{background:var(--paper);color:var(--ink)}
.cz-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(160px,15vw,214px);gap:clamp(12px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 14px;margin:-6px -4px 0;scrollbar-width:none}
.cz-rail::-webkit-scrollbar{display:none}
.cz-row .cz-rail:has(.cz-recipe){grid-auto-columns:clamp(220px,22vw,300px)}
.cz-row{min-width:0}
@keyframes cz-pop{from{opacity:0;transform:translateY(26px) scale(.86) rotate(-3deg)}}

/* product cards on the dark sky */
.cz-card{scroll-snap-align:start;display:grid;gap:6px;align-content:start;background:var(--paper);color:var(--ink);border-radius:22px;padding:8px 8px 12px;animation:cz-pop .55s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 55ms)}
.cz-card .tile{position:relative;display:block;aspect-ratio:1/1.05;border-radius:16px;overflow:hidden}
.cz-card .tile .note{position:absolute;left:10px;top:8px;font-family:var(--hand);font-size:14px;transform:rotate(-4deg)}
.cz-card .tile.dark .note{color:var(--paper)}
.cz-name{font-weight:800;font-size:14.5px;line-height:1.2;text-decoration:none;padding-inline:4px}
.cz-name:hover{text-decoration:underline}
.cz-sub{font-size:12.5px;color:var(--ink-soft);padding-inline:4px}
.cz-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 0}
.cz-buy b{font-variant-numeric:tabular-nums;font-size:14.5px}
.cz-buy .add{background:var(--paper);color:var(--ink);cursor:pointer;font-family:inherit;text-decoration:none;flex:none}
.cz-buy .add.more{font-size:11px;padding-inline:12px;height:36px}
.cz-buy .add.loading,.cz-top .cta.loading{opacity:.5;pointer-events:none}
.cz-buy .add.added,.cz-top .cta.added{background:var(--herb);border-color:var(--herb);color:var(--paper)}

/* recipe cards */
.cz-recipe{scroll-snap-align:start;display:grid;gap:6px;align-content:start;text-decoration:none;color:var(--paper);animation:cz-pop .55s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 60ms)}
.cz-recipe .tile{position:relative;display:block;aspect-ratio:300/250;border-radius:22px;overflow:hidden;border:2px solid rgba(241,239,234,.25)}
.cz-recipe .tile img{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.cz-recipe:hover .tile img{transform:scale(1.06) rotate(-2deg)}
.cz-recipe .h{font-size:clamp(17px,1.6vw,22px);line-height:.95}
.cz-recipe .hand{color:var(--turmeric);font-size:15px}

/* the best match */
.cz-top{display:grid;grid-template-columns:clamp(180px,20vw,280px) minmax(0,1fr) minmax(0,.9fr);gap:clamp(16px,2.4vw,36px);align-items:center;background:var(--paper);color:var(--ink);border-radius:30px;padding:clamp(14px,1.8vw,22px);box-shadow:8px 8px 0 var(--turmeric);animation:cz-pop .6s cubic-bezier(.2,1.25,.4,1) both}
.cz-top-art{position:relative;display:block;aspect-ratio:1;border-radius:22px;overflow:hidden;transform:rotate(-3deg)}
.cz-top-t{display:grid;gap:8px;align-content:center;min-width:0}
.cz-top-t .caps{font-size:12px;letter-spacing:.14em;color:var(--cobalt)}
.cz-top-n{font-size:clamp(26px,3.2vw,48px);line-height:.92;text-decoration:none;overflow-wrap:break-word}
.cz-top-n:hover{color:var(--paprika)}
.cz-buy.big{justify-content:flex-start;gap:16px;flex-wrap:wrap;padding:6px 0 0}
.cz-buy.big b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(24px,2.4vw,34px)}
.cz-buy.big .cta{flex:0 1 220px;width:auto;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.cz-top-r{display:grid;gap:10px;align-content:center;border-left:2px dashed var(--paper-deep);padding-left:clamp(14px,2vw,28px);min-width:0}
.cz-top-r .caps{font-size:12px;letter-spacing:.14em;color:var(--cobalt)}
.cz-top-r a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:var(--ink)}
.cz-top-r a .tile{position:relative;display:block;width:64px;aspect-ratio:1;border-radius:14px;overflow:hidden}
.cz-top-r a span:last-child{display:grid;gap:2px;line-height:1.2}
.cz-top-r a b{font-size:15px}
.cz-top-r a small{color:var(--ink-soft);font-size:13px}
.cz-top-r a:hover b{text-decoration:underline}
.cz-none{display:grid;gap:12px;justify-items:start;padding-top:10px}
.cz-none .xl{font-size:clamp(28px,4vw,56px);margin:0;color:var(--turmeric)}
.cz-none .pill{color:var(--ink)}

html.no-motion dialog.cosmos[open],html.no-motion .planet,html.no-motion .twinkle,html.no-motion .orbit,html.no-motion .orbit > span > .tile,html.no-motion .cz-card,html.no-motion .cz-recipe,html.no-motion .cz-top,html.no-motion .cz-chips .pill{animation:none}

@media (max-width:900px){
  .cz-top{grid-template-columns:120px minmax(0,1fr)}
  .cz-top-r{grid-column:1/-1;border-left:0;border-top:2px dashed var(--paper-deep);padding:14px 0 0}
  .orbit{right:-34vmin;width:80vmin;opacity:.5}
  .orbit > span{transform:rotate(var(--a)) translateY(-40vmin)}
  .cz-arrows{display:none}
}
@media (max-width:560px){
  .cosmos-bar{gap:10px}
  .cz-top{grid-template-columns:92px minmax(0,1fr);border-radius:24px}
  .cz-buy.big .cta{flex:1 1 100%}
  .cz-rail{grid-auto-columns:46%}
  .cz-row .cz-rail:has(.cz-recipe){grid-auto-columns:76%}
  .cz-all{margin-left:0}
}
@media (max-width:420px){.top .acct-btn{display:none}}

/* cart pill inside the search */
.cz-cart{flex:none;cursor:pointer;font-family:inherit;color:var(--ink);gap:8px;padding:9px 14px}
.cz-cart svg{width:18px;height:18px}
.cz-cart .count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--paper-deep);font-size:12px;padding-inline:6px}
.cz-cart.has .count{background:var(--pink);color:var(--ink)}
@media (max-width:560px){.cz-cart .lbl{display:none}.cz-cart{padding:8px 10px}}
dialog.cosmos .toast{z-index:5}

/* home: the sentence that keeps typing */
.hero h1 .dots{display:inline-block;min-width:1.05em;text-align:left}
.hero h1 .typed-line{display:block;font-size:.46em;line-height:1.08;min-height:1.08em;color:var(--paprika);white-space:nowrap;margin-top:.08em}
.hero h1 .caret{display:inline-block;width:.09em;height:.82em;margin-left:.06em;background:var(--paprika);vertical-align:-.04em;animation:caret 1s steps(1) infinite}
.hero h1:not(.typing) .typed-line{display:none}
@keyframes caret{50%{opacity:0}}
.wish-card.pick{transform:translateY(-10px) rotate(-1.5deg)!important;box-shadow:0 0 0 3px var(--paprika),8px 10px 0 var(--ink)}
.wish-card{transition:transform .35s cubic-bezier(.2,1.3,.4,1),box-shadow .25s}
html.no-motion .hero h1 .caret{animation:none}