@import url('tokens.css');
/* ==========================================================================
   J-tan — shared styles (index.html + produktai.html)
   Aesthetic: Scandinavian Luxury Editorial · Fraunces + Manrope
   Palette extracted from hero (design-system-extracted.json)
   ========================================================================== */

/* Dizaino tokens perkelti i assets/tokens.css (FAZE 1) — redaguok ten */

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:clamp(4.75rem,10vw,6rem)}
section[id]{scroll-margin-top:clamp(4.75rem,10vw,6rem)}
body{
  margin:0;
  font-family:'Manrope',system-ui,sans-serif;
  background:var(--cream);
  color:var(--cocoa);
  line-height:1.7;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,.font-display{font-family:'Fraunces',Georgia,serif;color:var(--espresso);font-weight:400;letter-spacing:-.02em;line-height:1.04}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--bronze);color:var(--cream)}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:4px}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{padding-block:clamp(3.5rem,9vw,7rem)}
.eyebrow{font-family:'Manrope';font-weight:600;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze)}
.lead{color:var(--cocoa);font-size:clamp(1rem,1.6vw,1.18rem);max-width:46ch}
.muted{color:var(--driftwood)}
.divider{height:1px;background:var(--line);border:0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:'Manrope';font-weight:600;font-size:.95rem;
  padding:.92em 1.6em;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;min-height:48px}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--bronze);color:var(--cream)}
.btn-primary:hover{background:var(--bronze-dark)}
.btn-ghost{background:transparent;color:var(--espresso);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--bronze);color:var(--bronze)}
.btn-light{background:var(--cream);color:var(--espresso)}
.btn-light:hover{background:#fff}
.btn-arrow{transition:transform .25s ease}
.btn:hover .btn-arrow{transform:translateX(4px)}

/* ---------- announcement + nav (fixed top stack) ---------- */
.topstack{position:fixed;inset:0 0 auto 0;z-index:50;padding:0 var(--pad)}
.announce{background:var(--espresso);color:var(--cream);font-size:.8rem;letter-spacing:.04em;text-align:center;padding:.55rem 1rem;font-weight:500}
.announce b{color:var(--champagne);font-weight:700}
.nav{max-width:var(--maxw);margin:.85rem auto 0;border-radius:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .6rem .5rem 1.5rem;
  background:rgba(247,239,227,.5);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(178,178,183,.45);box-shadow:0 14px 36px -22px rgba(39,26,15,.45);transition:background-color .3s ease,box-shadow .3s ease,margin .3s ease}
.nav.solid{background:rgba(247,239,227,.9);box-shadow:0 16px 40px -20px rgba(39,26,15,.5)}
.brand{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:1.5rem;letter-spacing:.18em;color:var(--espresso);display:inline-block;line-height:1;white-space:nowrap;padding-left:.05em}
.brand .dot{color:inherit}
.brand-lock{display:inline-flex;flex-direction:column;gap:.45rem;align-items:flex-start}
.brand-lock .brand{font-size:1.9rem}
.brand-tag{font-family:'Manrope';font-weight:600;font-size:.6rem;letter-spacing:.36em;text-transform:uppercase;color:var(--bronze);padding-left:.2em}
.mobile-menu .brand{font-size:1.8rem}
.nav-links{display:flex;align-items:center;gap:1.6rem}
.nav-links a{font-weight:500;font-size:.95rem;color:var(--espresso);position:relative;padding:.3rem 0}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--bronze);transition:right .28s ease}
.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-right{display:flex;align-items:center;gap:1rem}

/* language toggle */
.lang{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:.8rem;font-weight:700}
.lang button{background:transparent;border:0;color:var(--driftwood);padding:.4rem .7rem;cursor:pointer;min-height:36px;font-family:'Manrope';font-weight:700;letter-spacing:.04em}
.lang button.active{background:var(--espresso);color:var(--cream)}

/* mobile menu */
.burger{display:none;background:transparent;border:0;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{width:22px;height:2px;background:var(--espresso);transition:transform .3s ease,opacity .3s ease}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:45;background:var(--cream);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu a{font-family:'Fraunces';font-size:1.8rem;color:var(--espresso)}

/* ---------- hero (Rule 10: fixed image = zero-lag 3D parallax) ---------- */
.hero{position:relative;z-index:1;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--espresso)}
.hero-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:0}
.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(20,12,6,.72) 0%,rgba(20,12,6,.30) 38%,rgba(20,12,6,.05) 70%,rgba(20,12,6,.12) 100%)}
.hero-inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding:clamp(6rem,12vh,9rem) var(--pad) clamp(3rem,8vh,5rem)}
.hero-content{max-width:42rem}
.hero h1{color:var(--cream);font-size:clamp(2.7rem,8vw,6.5rem);font-weight:300;line-height:1.0}
.hero .eyebrow{color:var(--cream)}
.hero p.sub{color:rgba(247,239,227,.92);font-size:clamp(1.02rem,1.7vw,1.3rem);max-width:40rem;margin-top:1.3rem}
.hero .trustline{color:rgba(247,239,227,.78);font-size:.82rem;letter-spacing:.06em;margin-top:1.6rem}
/* ALL post-hero siblings cover the fixed image */
.hero ~ *{position:relative;z-index:2;background:var(--cream)}

.scroll-cue{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:3;color:rgba(247,239,227,.7);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.scroll-cue::after{content:"";display:block;width:1px;height:34px;margin:.5rem auto 0;background:linear-gradient(rgba(247,239,227,.8),transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* ---------- trust marquee ---------- */
.marquee{background:var(--espresso);color:var(--cream);overflow:hidden;padding:1.05rem 0;white-space:nowrap}
.marquee-track{display:inline-flex;gap:3.2rem;align-items:center;will-change:transform;animation:marquee 26s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:inline-flex;align-items:center;gap:3.2rem;font-family:'Fraunces';font-size:1.15rem;font-style:italic;color:var(--champagne)}
.marquee-item::after{content:"✦";color:var(--bronze);font-style:normal;font-size:.8rem}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- generic section heads ---------- */
.sec-head{max-width:60ch}
.sec-head h2{font-size:clamp(2rem,5vw,3.5rem);margin:.5rem 0 0}
.alt-bg{background:var(--glow)}
.dark-bg{background:var(--espresso)}
.dark-bg h2,.dark-bg h3{color:var(--cream)}
.dark-bg .lead,.dark-bg p{color:rgba(247,239,227,.85)}

/* ---------- product cards ---------- */
.grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;transform-style:preserve-3d}
.pcard:hover{box-shadow:var(--shadow-lg)}
.pcard .media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--glow)}
.pcard .media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .media img{transform:scale(1.05)}
.badge{position:absolute;top:.8rem;left:.8rem;z-index:2;background:var(--bronze);color:var(--cream);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.4em .8em;border-radius:999px}
.badge.soft{background:var(--champagne);color:var(--espresso)}
.discount{position:absolute;top:.8rem;right:.8rem;z-index:2;background:var(--espresso);color:var(--cream);font-size:.72rem;font-weight:700;padding:.35em .6em;border-radius:8px}
.pbody{padding:1.1rem 1.1rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.pbody h3{font-size:1.12rem;line-height:1.18;color:var(--espresso)}
.psub{font-size:.86rem;color:var(--driftwood)}
.pblurb{font-size:.9rem;color:var(--cocoa);margin:.2rem 0 .6rem}
.price{display:flex;align-items:baseline;gap:.55rem;margin-top:auto}
.price .reg{color:var(--driftwood);text-decoration:line-through;font-size:.92rem}
.price .sale{color:var(--bronze);font-weight:700;font-size:1.18rem;font-family:'Fraunces'}
.pcard .btn{width:100%;justify-content:center;margin-top:.9rem}

/* ---------- spotlight ---------- */
.spotlight{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.spotlight .media{border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;background:var(--glow)}
.spotlight .media img{width:100%;height:100%;object-fit:cover}
.spotlight h2{font-size:clamp(2.2rem,5.5vw,4rem)}

/* ---------- ritual / steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;counter-reset:step}
.step{position:relative;padding-top:1.4rem;border-top:2px solid var(--champagne)}
.step .n{font-family:'Fraunces';font-size:2.6rem;color:var(--bronze);line-height:1}
.step h3{font-size:1.4rem;margin:.5rem 0 .4rem}

/* ---------- stats band ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.stat .num{font-family:'Fraunces';font-size:clamp(2.4rem,6vw,4rem);color:var(--bronze);line-height:1}
.stat .lbl{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--driftwood);margin-top:.4rem}

/* ---------- services ---------- */
.grid-services{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.scard{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.6rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.scard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--champagne)}
.scard .meta{font-size:.8rem;letter-spacing:.04em;color:var(--driftwood)}
.scard h3{font-size:1.45rem}
.scard .srow{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.8rem}
.scard .sprice{font-family:'Fraunces';font-size:1.3rem;color:var(--bronze)}

/* ---------- values ---------- */
.grid-values{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.vcard{padding:1.4rem 0}
.vcard .vicon{width:44px;height:44px;color:var(--bronze);margin-bottom:.7rem}
.vcard h3{font-size:1.22rem;margin-bottom:.3rem}

/* ---------- testimonials ---------- */
.grid-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.review{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.6rem;display:flex;flex-direction:column;gap:1rem}
.review .stars{color:var(--bronze);letter-spacing:.15em}
.review blockquote{margin:0;font-family:'Fraunces';font-style:italic;font-size:1.08rem;color:var(--espresso);line-height:1.45}
.review .who{display:flex;align-items:center;gap:.8rem;margin-top:auto}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--cream);background:var(--bronze);font-size:.95rem;flex:none}
.who .nm{font-weight:600;color:var(--espresso);font-size:.95rem}
.who .loc{font-size:.82rem;color:var(--driftwood)}

/* ---------- accordion (real reveal via <details>) ---------- */
.faq{max-width:820px;margin-inline:auto}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;font-family:'Fraunces';font-size:1.18rem;color:var(--espresso)}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ic{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--bronze);color:var(--bronze);display:grid;place-items:center;transition:transform .3s ease}
.qa[open] summary .ic{transform:rotate(45deg)}
.qa .ans{overflow:hidden;max-height:0;transition:max-height .4s ease,padding .4s ease;color:var(--cocoa)}
.qa[open] .ans{max-height:420px;padding-bottom:1.25rem}

/* ---------- newsletter ---------- */
.newsletter{background:var(--espresso);border-radius:1.5rem;padding:clamp(2rem,6vw,4rem);text-align:center}
.newsletter h2{color:var(--cream);font-size:clamp(1.9rem,5vw,3rem)}
.nl-form{display:flex;gap:.6rem;max-width:460px;margin:1.4rem auto 0;flex-wrap:wrap;justify-content:center}
.nl-form input{flex:1;min-width:220px;padding:.9em 1.2em;border-radius:999px;border:1px solid rgba(247,239,227,.25);background:rgba(247,239,227,.08);color:var(--cream);font-family:'Manrope';font-size:1rem;min-height:48px}
.nl-form input::placeholder{color:rgba(247,239,227,.55)}
.nl-msg{color:var(--champagne);margin-top:1rem;font-size:.95rem;min-height:1.2em}

/* ---------- footer ---------- */
.footer{background:var(--espresso);color:rgba(247,239,227,.82);padding:clamp(3rem,7vw,5rem) 0 2rem}
.footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.footer .brand{color:var(--cream)}
.footer h4{color:var(--cream);font-family:'Manrope';font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem}
.footer a{color:rgba(247,239,227,.78);display:block;padding:.3rem 0;font-size:.92rem}
.footer a:hover{color:var(--champagne)}
.footer .legal{border-top:1px solid rgba(247,239,227,.14);margin-top:2.5rem;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:rgba(247,239,227,.6)}

/* ---------- cookie banner ---------- */
.cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;max-width:560px;margin-inline:auto;background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow-lg);padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;transition:transform .4s ease,opacity .4s ease}
.cookie.hide{transform:translateY(140%);opacity:0;pointer-events:none}
.cookie p{margin:0;font-size:.86rem;color:var(--cocoa);flex:1;min-width:200px}

/* ---------- reveal (Rule 12: no opacity:0 in CSS — JS sets initial state) ---------- */
.reveal,.reveal-stagger>*{} /* intentionally empty */

/* ---------- responsive ---------- */
@media(max-width:1024px){
  .grid-products{grid-template-columns:repeat(2,1fr)}
  .grid-values{grid-template-columns:repeat(2,1fr)}
  .spotlight{grid-template-columns:1fr}
}
@media(max-width:760px){
  .nav-links{display:none}
  .burger{display:flex}
  .grid-services{grid-template-columns:1fr}
  .grid-reviews{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:1.2rem}
  .stats{grid-template-columns:repeat(2,1fr);gap:2rem}
  .footer .cols{grid-template-columns:1fr 1fr}
  .hero-bg{object-position:68% center}
}
@media(max-width:460px){
  .grid-products{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr}
}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track{animation:none}
  .scroll-cue::after{animation:none}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ==========================================================================
   CONVERSION PRODUCTS PAGE (produktai.html v2 — no hero)
   ========================================================================== */

/* produktai has no fixed hero → nav solid-by-default look handled by .pdp body top pad */
body.pdp{padding-top:0}
.pdp .nav{background:rgba(247,239,227,.82)}

/* S2 value band (replaces hero) */
.valueband{padding-top:clamp(5.5rem,11vw,7.5rem)}
.valueband .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.valueband h1{font-size:clamp(2.6rem,6.5vw,5rem);font-weight:300;line-height:1.02;margin:.4rem 0 0}
.valueband .vmedia{border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5}
.valueband .vmedia img{width:100%;height:100%;object-fit:cover}
.valueband .vsub{font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--cocoa);margin-top:1rem;font-weight:500}
.valueband .vsub b{color:var(--bronze)}
.agg{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;font-weight:600;color:var(--espresso)}
.agg .st{color:var(--bronze);letter-spacing:.1em}
.agg .ct{color:var(--driftwood);font-weight:500}
@media(max-width:860px){.valueband .grid{grid-template-columns:1fr} .valueband .vmedia{order:-1;aspect-ratio:16/11}}

/* S3 trust strip */
.truststrip{background:var(--card);border-block:1px solid var(--line)}
.truststrip .row{display:flex;gap:1.5rem;align-items:stretch;justify-content:space-between;padding:1.1rem 0;overflow-x:auto;scrollbar-width:none}
.truststrip .row::-webkit-scrollbar{display:none}
.tcell{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;color:var(--cocoa);white-space:nowrap;flex:0 0 auto}
.tcell svg{width:26px;height:26px;color:var(--bronze);flex:none}
.tcell.lead{color:var(--espresso)}
.tcell.lead svg{color:var(--bronze)}

/* S4 glow proof */
.glowproof .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.glowproof figure{margin:0;border-radius:1.25rem;overflow:hidden;position:relative;aspect-ratio:4/5;box-shadow:var(--shadow)}
.glowproof img{width:100%;height:100%;object-fit:cover}
.glowproof figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem;background:linear-gradient(transparent,rgba(20,12,6,.75));color:var(--cream);font-size:.9rem;font-weight:500}
@media(max-width:600px){.glowproof .two{grid-template-columns:1fr}}

/* S5 risk-reversal bar */
.riskbar{background:var(--glow);border:1px dashed var(--bronze);border-radius:999px;padding:.9rem 1.4rem;display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;font-weight:600;color:var(--espresso)}
.riskbar a{color:var(--bronze);text-decoration:underline;text-underline-offset:3px}

/* S6 filter pills */
.pillbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1.8rem}
.pill{border:1px solid var(--line);background:var(--card);color:var(--cocoa);border-radius:999px;padding:.5rem 1rem;font:600 .85rem/1 'Manrope';cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;min-height:40px}
.pill:hover{border-color:var(--bronze);color:var(--bronze)}
.pill.active{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}
.pill-count{margin-left:auto;font-size:.82rem;color:var(--driftwood);font-weight:500}
.pcard.hide{display:none}

/* S7 enhanced card additions */
.rating{display:flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;color:var(--espresso)}
.rating .st{color:var(--bronze);letter-spacing:.06em}
.rating .ct{color:var(--driftwood);font-weight:500}
.kbenefit{font-size:.9rem;font-weight:600;color:var(--bronze)}
.pchips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.15rem 0}
.pchip{font-size:.66rem;font-weight:600;letter-spacing:.03em;color:var(--cocoa);background:var(--glow);border-radius:999px;padding:.25em .6em}
.kamtinka{font-size:.84rem;color:var(--driftwood);font-style:italic}
.price .saved{font-size:.78rem;color:var(--bronze);font-weight:700;margin-left:.2rem}
.pspec{max-height:0;overflow:hidden;transition:max-height .35s ease;font-size:.8rem;color:var(--driftwood)}
.pcard:hover .pspec,.pcard:focus-within .pspec{max-height:60px}
@media(hover:none){.pspec{max-height:none;margin-top:.3rem}}

/* S8 objection band */
.objrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.obj{display:flex;flex-direction:column;gap:.4rem}
.obj .oh{font-family:'Fraunces';font-size:1.2rem;color:var(--espresso)}
.obj .oh::before{content:"✓";color:var(--bronze);margin-right:.4rem;font-weight:700}
@media(max-width:760px){.objrow{grid-template-columns:1fr;gap:1rem}}

/* S9 product finder */
.finder{background:var(--espresso);border-radius:1.5rem;padding:clamp(1.8rem,5vw,3.5rem);color:var(--cream);text-align:center}
.finder h2{color:var(--cream)}
.finder .q{margin-top:1.4rem}
.finder .q p{color:rgba(247,239,227,.85);margin:0 0 .8rem;font-weight:600}
.finder .opts{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.fbtn{background:rgba(247,239,227,.08);border:1px solid rgba(247,239,227,.28);color:var(--cream);border-radius:999px;padding:.7rem 1.3rem;font:600 .92rem 'Manrope';cursor:pointer;transition:background-color .2s,border-color .2s;min-height:46px}
.fbtn:hover,.fbtn.active{background:var(--bronze);border-color:var(--bronze)}
.fresult{margin-top:1.6rem;background:var(--card);color:var(--cocoa);border-radius:1.25rem;padding:1.4rem;display:none}
.fresult.show{display:block}
.fresult .rname{font-family:'Fraunces';font-size:1.5rem;color:var(--espresso)}
.fresult .raddon{font-size:.9rem;color:var(--driftwood);margin:.3rem 0 1rem}
.fstep{display:none}.fstep.show{display:block}
.fbar{display:flex;gap:.4rem;justify-content:center;margin-bottom:.4rem}
.fbar span{width:34px;height:4px;border-radius:2px;background:rgba(247,239,227,.25)}
.fbar span.on{background:var(--bronze)}

/* S10 routine builder */
.routine{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;counter-reset:rstep}
.rcard{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column}
.rcard .rimg{aspect-ratio:4/3;overflow:hidden;background:var(--glow)}
.rcard .rimg img{width:100%;height:100%;object-fit:cover}
.rcard .rb{padding:1.1rem}
.rcard .rn{font-family:'Fraunces';font-size:2rem;color:var(--bronze);line-height:1}
.rcard h3{font-size:1.2rem;margin:.3rem 0}
@media(max-width:760px){.routine{grid-template-columns:1fr}}

/* S14 pregnancy expander + S15 reuse .qa */
.preg{background:var(--glow);border-radius:1.25rem;padding:clamp(1.4rem,4vw,2.4rem)}

/* S17 footer trust row */
.foot-trust{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;justify-content:center;border-top:1px solid rgba(247,239,227,.14);margin-top:2.5rem;padding-top:1.5rem;color:rgba(247,239,227,.7);font-size:.82rem;font-weight:500}
.foot-trust span{display:inline-flex;align-items:center;gap:.4rem}

/* S18 sticky mobile CTA */
.stickycta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;align-items:center;justify-content:space-between;gap:1rem;
  background:var(--espresso);color:var(--cream);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom)) 1rem;box-shadow:0 -8px 30px -12px rgba(0,0,0,.5)}
.stickycta .sx{font-weight:700;color:var(--champagne);font-size:.92rem}
@media(max-width:768px){.stickycta{display:flex} body.pdp{padding-bottom:5rem}}
@media(prefers-reduced-motion:reduce){.pspec{transition:none}}

/* ==========================================================================
   CART + QUICK-VIEW (shop.js)
   ========================================================================== */
.pcard{cursor:pointer}
.cartbtn{position:relative;background:transparent;border:0;cursor:pointer;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--espresso)}
.cartbtn svg{width:24px;height:24px}
.cbadge{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--bronze);color:var(--cream);font:700 .68rem/18px 'Manrope';text-align:center}

/* cart drawer */
.cart-overlay{position:fixed;inset:0;z-index:70;background:rgba(20,12,6,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.cart-overlay.show{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:71;width:min(420px,92vw);background:var(--cream);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);box-shadow:-20px 0 60px -30px rgba(0,0,0,.5)}
.cart-drawer.show{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.4rem;border-bottom:1px solid var(--line)}
.cart-head strong{font-family:'Fraunces';font-size:1.4rem;color:var(--espresso)}
.cart-x{background:transparent;border:0;font-size:1.8rem;line-height:1;color:var(--driftwood);cursor:pointer;width:40px;height:40px}
.cart-body{flex:1;overflow-y:auto;padding:1rem 1.4rem}
.cart-empty{color:var(--driftwood);text-align:center;padding:3rem 0}
.ci{display:grid;grid-template-columns:64px 1fr auto;gap:.9rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}
.ci img{width:64px;height:80px;object-fit:cover;border-radius:.6rem;background:var(--glow)}
.ci-name{font-weight:600;font-size:.92rem;color:var(--espresso);line-height:1.2}
.ci-price{color:var(--bronze);font-weight:700;font-family:'Fraunces';margin:.15rem 0 .4rem}
.ci-x{background:transparent;border:0;font-size:1.3rem;color:var(--driftwood);cursor:pointer;align-self:flex-start}
.qty{display:inline-flex;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:999px;padding:.2rem .5rem}
.qty button{background:transparent;border:0;cursor:pointer;font-size:1.1rem;color:var(--espresso);width:24px;height:28px;line-height:1}
.qty span{min-width:1.2ch;text-align:center;font-weight:600}
.cart-foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line)}
.cart-sub{display:flex;justify-content:space-between;font-weight:700;color:var(--espresso);font-size:1.05rem}
.cart-sub .cs-v{font-family:'Fraunces';color:var(--bronze)}
.cart-ship{font-size:.78rem;color:var(--driftwood);margin:.3rem 0 1rem}
.cart-checkout{width:100%;justify-content:center}

/* quick-view modal */
.pm-overlay{position:fixed;inset:0;z-index:75;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:rgba(20,12,6,.55);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.pm-overlay.show{opacity:1;visibility:visible}
.pm{position:relative;background:var(--cream);border-radius:1.4rem;max-width:880px;width:100%;max-height:90vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow-lg);transform:translateY(12px);transition:transform .3s ease}
.pm-overlay.show .pm{transform:translateY(0)}
.pm-x{position:absolute;top:.6rem;right:.8rem;z-index:2;background:rgba(247,239,227,.85);border:0;border-radius:50%;width:38px;height:38px;font-size:1.5rem;line-height:1;color:var(--espresso);cursor:pointer}
.pm-inner{display:contents}
.pm-img{position:relative;background:var(--glow)}
.pm-img picture,.pm-img img{width:100%;height:100%;object-fit:cover;display:block}
.pm-img .badge{position:absolute;top:1rem;left:1rem}
.pm-b{padding:clamp(1.4rem,3vw,2.2rem)}
.pm-b h3{font-size:1.7rem;color:var(--espresso);margin:.3rem 0}
.pm-b .psub{color:var(--driftwood);font-size:.95rem}
.pm-b .price{margin:.9rem 0}
.pm-desc{color:var(--cocoa);font-size:.96rem;margin:.4rem 0 1rem}
.pm-b .pchips{margin-bottom:1.2rem}
.pm-buy{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
@media(max-width:680px){.pm{grid-template-columns:1fr;max-height:94vh}.pm-img{aspect-ratio:4/3}}

/* toast */
.toast{position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%) translateY(20px);z-index:80;background:var(--espresso);color:var(--cream);padding:.8rem 1.3rem;border-radius:999px;font-weight:600;font-size:.9rem;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(max-width:768px){.toast{bottom:5.5rem}}

/* ==========================================================================
   PRODUCT DETAIL PAGES (produktas/<slug>.html) + card title links
   ========================================================================== */
.ptitle{color:inherit;transition:color .2s ease}
.ptitle:hover{color:var(--bronze)}
.pm-more{display:inline-block;margin-top:.7rem;color:var(--bronze);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.breadcrumb{padding-top:clamp(5rem,11vw,6.5rem)}
.breadcrumb .wrap{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:var(--driftwood)}
.breadcrumb a{color:var(--driftwood)}
.breadcrumb a:hover{color:var(--bronze)}
.breadcrumb .sep{opacity:.5}
.breadcrumb .cur{color:var(--espresso);font-weight:600}

.pdp-main{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
.pdp-gallery{border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;background:var(--glow);position:relative}
.pdp-gallery .badge{top:1rem;left:1rem}
.pdp-gallery img{width:100%;height:100%;object-fit:cover}
.pdp-info h1{font-size:clamp(2rem,4.5vw,3rem);color:var(--espresso);margin:.4rem 0}
.pdp-info .psub{color:var(--driftwood);font-size:1rem}
.pdp-info .price{margin:1rem 0}
.pdp-info .pdesc{color:var(--cocoa);font-size:1rem;margin:.4rem 0 1.2rem}
.pdp-info .pchips{margin-bottom:1rem}
.pdp-info .kamtinka{font-style:italic;color:var(--driftwood);margin-bottom:1.2rem}
.pdp-buy{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-bottom:1.4rem}
.pdp-trust{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.82rem;color:var(--cocoa);border-top:1px solid var(--line);padding-top:1.1rem}
.pdp-trust span{display:inline-flex;align-items:center;gap:.4rem}
.pdp-trust svg{width:20px;height:20px;color:var(--bronze)}
@media(max-width:760px){.pdp-main{grid-template-columns:1fr}}

.related{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.rel-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:1.1rem;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}
.rel-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.rel-card .ri{aspect-ratio:4/5;overflow:hidden;background:var(--glow)}
.rel-card .ri img{width:100%;height:100%;object-fit:cover}
.rel-card .rb{padding:.9rem 1rem 1.1rem}
.rel-card .rn{font-weight:600;font-size:.95rem;color:var(--espresso);line-height:1.2}
.rel-card .rp{margin-top:.4rem;display:flex;gap:.5rem;align-items:baseline}
.rel-card .rp .sale{color:var(--bronze);font-weight:700;font-family:'Fraunces'}
.rel-card .rp .reg{color:var(--driftwood);text-decoration:line-through;font-size:.85rem}
@media(max-width:760px){.related{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.related{grid-template-columns:1fr}}

/* 4-step procedure (landing) */
.steps.proc{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.steps.proc{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps.proc{grid-template-columns:1fr}}


/* ==========================================================================
   CART PAGE + CHECKOUT (krepselis.html / apmokejimas.html)
   ========================================================================== */
.cartpage,.checkoutpage{padding-top:clamp(6rem,12vw,8.5rem)}
.cartpage h1,.checkoutpage h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.4rem}
.cp-empty{color:var(--driftwood);padding:2rem 0;font-size:1.05rem}
.cp-empty a{color:var(--bronze);text-decoration:underline;text-underline-offset:3px}
.cp-row{display:grid;grid-template-columns:84px 1fr auto auto;gap:1.1rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.cp-row img{width:84px;height:104px;object-fit:cover;border-radius:.7rem;background:var(--glow)}
.cp-name{font-weight:600;color:var(--espresso);line-height:1.2}
.cp-unit{color:var(--driftwood);font-size:.88rem;margin:.2rem 0 .55rem}
.cp-lt{font-family:'Fraunces';color:var(--bronze);font-weight:700;white-space:nowrap}
.cp-summary{max-width:400px;margin:1.8rem 0 0 auto;background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem}
.cp-summary .row,.co-aside .row{display:flex;justify-content:space-between;gap:1rem;margin:.55rem 0;color:var(--cocoa)}
.cp-summary .row.total,.co-aside .row.total{font-weight:700;color:var(--espresso);border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem;font-size:1.15rem}
.cp-summary .row.total span:last-child,.co-aside .row.total span:last-child{font-family:'Fraunces';color:var(--bronze)}
.cp-actions{display:flex;flex-direction:column;gap:.7rem;margin-top:1.3rem}
.cp-actions .btn{width:100%;justify-content:center}

.co-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(1.5rem,5vw,3rem);align-items:start}
.co-aside{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem;position:sticky;top:7.5rem}
.co-aside h2{font-size:1.2rem;margin:0 0 1rem}
.co-line{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;padding:.4rem 0;color:var(--cocoa);border-bottom:1px solid var(--line)}
.co-form .fld{margin-bottom:1rem}
.co-form .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.co-form label{display:block;font-size:.8rem;font-weight:600;color:var(--espresso);margin-bottom:.35rem;letter-spacing:.01em}
.co-form input,.co-form textarea{width:100%;padding:.85em 1em;border:1px solid var(--line);border-radius:.7rem;font:inherit;background:#fff;color:var(--cocoa);min-height:48px}
.co-form input:focus,.co-form textarea:focus{outline:2px solid var(--bronze);outline-offset:1px;border-color:var(--bronze)}
.co-form h2{font-size:1.15rem;margin:1.6rem 0 .8rem;color:var(--espresso)}
.co-form fieldset{border:1px solid var(--line);border-radius:.9rem;padding:.6rem 1.1rem;margin:.4rem 0 0}
.co-form legend{font-weight:700;color:var(--espresso);padding:0 .4rem;font-size:.85rem}
.co-opt{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;cursor:pointer;font-size:.95rem}
.co-opt input{width:auto;min-height:0;accent-color:var(--bronze)}
.co-opt .price{margin-left:auto;color:var(--driftwood);font-weight:600}
.co-form .place{width:100%;justify-content:center;margin-top:1.4rem;font-size:1.02rem}
.co-note{font-size:.78rem;color:var(--driftwood);margin-top:.8rem;text-align:center}
.co-done{background:var(--card);border:1px solid var(--line);border-radius:1.5rem;padding:clamp(1.8rem,6vw,3rem);text-align:center;max-width:560px;margin:0 auto}
.co-done .ic{width:58px;height:58px;border-radius:50%;background:var(--bronze);color:var(--cream);display:grid;place-items:center;margin:0 auto 1.1rem;font-size:1.7rem}
.co-done h2{font-size:1.6rem;margin:.2rem 0 .6rem}
.co-done .dt{font-family:'Fraunces';color:var(--bronze);font-weight:700;font-size:1.3rem;margin:1rem 0}
@media(max-width:860px){.co-grid{grid-template-columns:1fr}.co-aside{position:static;order:-1}.cp-summary{max-width:none}}
@media(max-width:520px){.cp-row{grid-template-columns:64px 1fr auto}.cp-row img{width:64px;height:80px}.cp-lt{grid-column:2 / 4;text-align:right;margin-top:-.4rem}.co-form .two{grid-template-columns:1fr}}

/* ---------- paslaugos.html + checkout extras ---------- */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.scard{position:relative}
.scard.featured{outline:2px solid var(--bronze);outline-offset:-2px}
.scard .badge{position:absolute;top:-.7rem;left:1.2rem}
.addon-row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:2.2rem}
.membership-block .membership{display:grid;grid-template-columns:1.5fr .9fr;gap:2rem;align-items:center;background:var(--espresso);color:var(--cream);border-radius:1.4rem;padding:clamp(1.6rem,4vw,3rem);box-shadow:var(--shadow-lg)}
.membership h2{color:var(--cream)}
.membership .eyebrow{color:var(--champagne)}
.m-list{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.55rem}
.m-list li{padding-left:1.6rem;position:relative}
.m-list li::before{content:"\2713";position:absolute;left:0;color:var(--champagne);font-weight:700}
.m-fine{font-size:.82rem;opacity:.72;margin-top:1.1rem;max-width:46ch}
.m-cta{text-align:center}
.m-price{margin-bottom:1rem}
.m-amt{font-family:'Fraunces',serif;font-size:clamp(2.2rem,5vw,3rem);color:var(--cream)}
.m-per{opacity:.7;margin-left:.2rem}
.pkg,.gift{background:var(--card);border:1px solid var(--line);border-radius:1.2rem;padding:1.6rem;box-shadow:var(--shadow)}
.pkg h3{margin:0 0 .5rem}
.pkg p{color:var(--cocoa);margin:0 0 1.2rem}
.gift{text-align:center;display:flex;flex-direction:column;gap:.7rem;align-items:center}
.gift p{margin:0;color:var(--cocoa);font-size:.95rem;min-height:2.6em}
.g-amt{font-family:'Fraunces',serif;font-size:2rem;color:var(--bronze)}
.inq-msg{margin:.6rem 0 0;font-size:.92rem;color:var(--bronze)}
.btn.is-soon,.is-soon{opacity:.5;cursor:not-allowed}
.co-error{margin:.9rem 0 0;color:#9c2a1e;font-size:.92rem;background:#fbe9e7;border:1px solid #f0c2bb;border-radius:.7rem;padding:.7rem .9rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:860px){.cards-3,.cards-2,.membership-block .membership{grid-template-columns:1fr}.cards-4{grid-template-columns:repeat(2,1fr)}}

/* ==========================================================================
   FAZĖ 1 — karkasas: announcement, dropdown nav, paieška, mobile juosta,
   slapukų sutikimas, drawer upgrade, pilnas footer, 404. Tik iš tokens.
   ========================================================================== */

/* ---- Announcement juosta (fiksuoto headerio dalis) ---- */
.announce{background:var(--espresso);color:var(--cream-70);text-align:center;font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;padding:.45rem var(--sp-4);border-radius:0 0 var(--r-sm) var(--r-sm);max-width:var(--maxw);margin:0 auto}
.announce p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html{scroll-padding-top:var(--header-clear)}
section[id]{scroll-margin-top:var(--header-clear)}

/* ---- Dropdown navigacijoje ---- */
.nav-drop{position:relative;display:inline-flex}
.nav-drop>a{display:inline-flex;align-items:center;gap:.3rem}
.nav-drop .caret{width:10px;height:10px;transition:transform .25s ease}
.drop-menu{position:absolute;top:100%;left:-1.1rem;padding-top:.9rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.drop-inner{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--sp-3);display:grid;gap:.1rem;min-width:230px}
.drop-inner a{display:block;padding:.45rem .8rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;color:var(--cocoa);white-space:nowrap}
.drop-inner a:hover{background:var(--glow);color:var(--espresso)}
.drop-sep{height:1px;background:var(--line);margin:.35rem .4rem}
.drop-label{font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);padding:.35rem .8rem .1rem;font-weight:700}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-drop:hover .caret,.nav-drop:focus-within .caret{transform:rotate(180deg)}
@media(max-width:860px){.drop-menu{display:none}}

/* ---- Paieškos mygtukas + overlay ---- */
.searchbtn{position:relative;background:transparent;border:0;cursor:pointer;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--espresso)}
.searchbtn svg{width:22px;height:22px}
.search-overlay{position:fixed;inset:0;z-index:var(--z-search);background:var(--espresso-veil);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:clamp(4rem,12vh,8rem) var(--pad) var(--sp-6);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.search-overlay.show{opacity:1;visibility:visible}
.search-panel{width:min(640px,100%);background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(14px);transition:transform .25s ease}
.search-overlay.show .search-panel{transform:translateY(0)}
.search-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}
.search-row svg{width:20px;height:20px;color:var(--driftwood);flex:none}
.search-input{flex:1;border:0;background:transparent;font:600 var(--fs-md) var(--font-body);color:var(--espresso);outline:none}
.search-input::placeholder{color:var(--driftwood)}
.search-x{background:transparent;border:0;cursor:pointer;color:var(--driftwood);font-size:1.5rem;line-height:1;padding:.2rem .4rem}
.search-results{max-height:min(54vh,460px);overflow-y:auto;padding:var(--sp-3)}
.sr-item{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);color:var(--cocoa)}
.sr-item:hover,.sr-item.sel{background:var(--glow)}
.sr-item img{width:52px;height:52px;object-fit:cover;border-radius:var(--r-sm);background:var(--cream)}
.sr-item .sr-n{font-weight:700;color:var(--espresso);font-size:var(--fs-sm)}
.sr-item .sr-s{font-size:var(--fs-xs);color:var(--driftwood)}
.sr-item .sr-p{margin-left:auto;font-weight:700;color:var(--price-color);font-size:var(--fs-sm);white-space:nowrap}
.search-empty{padding:var(--sp-5);text-align:center;color:var(--cocoa)}
.search-empty .chips{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-4)}
.search-empty .chips a{border:1px solid var(--line);border-radius:var(--r-pill);padding:.4rem 1rem;font-size:var(--fs-sm);font-weight:600;color:var(--cocoa);background:var(--cream)}
.search-empty .chips a:hover{border-color:var(--bronze);color:var(--bronze)}

/* ---- Mobile sticky apatinė juosta ---- */
.mbar{display:none}
@media(max-width:860px){
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-mbar);display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(39,26,15,.35);padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom))}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:transparent;border:0;color:var(--cocoa);font:600 var(--fs-xs) var(--font-body);padding:.35rem 0;cursor:pointer;position:relative;border-radius:var(--r-sm)}
  .mbar svg{width:22px;height:22px}
  .mbar .cbadge{top:-2px;right:calc(50% - 20px)}
  body{padding-bottom:4.4rem}
  .toast{bottom:5.6rem}
}

/* ---- Slapukų sutikimas (kategorijos) ---- */
.consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:var(--z-consent);max-width:620px;margin-inline:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--sp-4) var(--sp-5);transition:transform .4s ease,opacity .4s ease}
.consent.hide{transform:translateY(140%);opacity:0;pointer-events:none}
.consent p{margin:0 0 var(--sp-3);font-size:var(--fs-sm);color:var(--cocoa)}
.consent-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}
.consent-row .btn{padding:.55rem 1.1rem;font-size:var(--fs-sm)}
.consent details{width:100%;margin-top:var(--sp-2)}
.consent summary{cursor:pointer;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood)}
.consent-opts{display:flex;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) 0 0}
.consent-opts label{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);color:var(--cocoa)}
.consent-opts input{accent-color:var(--bronze);width:16px;height:16px}
@media(max-width:860px){.consent{bottom:4.8rem}}

/* ---- Drawer: nemokamo pristatymo progress + cross-sell + tuščia būsena ---- */
.ship-progress{padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line);background:var(--card)}
.ship-progress .sp-l{font-size:var(--fs-xs);font-weight:700;color:var(--cocoa);margin:0 0 .45rem}
.ship-progress .sp-l strong{color:var(--bronze)}
.sp-track{height:6px;border-radius:var(--r-pill);background:var(--champagne);overflow:hidden}
.sp-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--bronze),var(--bronze-dark));transition:width .45s cubic-bezier(.2,.7,.2,1)}
.ship-progress.done .sp-l{color:var(--bronze);font-weight:800}
.cross-sell{margin-top:var(--sp-4);border-top:1px dashed var(--line);padding-top:var(--sp-4)}
.cross-sell .xs-t{font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);font-weight:700;margin:0 0 var(--sp-2)}
.xs-row{display:flex;align-items:center;gap:var(--sp-3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}
.xs-row img{width:44px;height:44px;object-fit:cover;border-radius:var(--r-sm)}
.xs-row .xs-n{font-size:var(--fs-xs);font-weight:700;color:var(--espresso);line-height:1.3}
.xs-row .xs-p{font-size:var(--fs-xs);font-weight:700;color:var(--price-color)}
.xs-row button{margin-left:auto;flex:none;width:34px;height:34px;border-radius:var(--r-pill);border:1px solid var(--bronze);background:transparent;color:var(--bronze);font-size:1.1rem;font-weight:700;cursor:pointer;line-height:1}
.xs-row button:hover{background:var(--bronze);color:var(--cream)}
.cart-empty-state{text-align:center;padding:var(--sp-5) var(--sp-3)}
.cart-empty-state svg{width:74px;height:74px;color:var(--champagne);margin-bottom:var(--sp-3)}
.cart-empty-state p{margin:0 0 var(--sp-4);font-family:var(--font-display);font-size:var(--fs-lg);color:var(--espresso)}
.ce-best{display:grid;gap:var(--sp-2);text-align:left}
.ce-l{font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);font-weight:700;margin:0 0 var(--sp-1)}
.cart-alt{display:block;text-align:center;margin-top:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--driftwood);text-decoration:underline;text-underline-offset:3px}
.cart-alt:hover{color:var(--bronze)}

/* ---- Footer v2: brand juosta, 4 stulpeliai, naujienlaiškis, badges ---- */
.fbrand{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid rgba(247,239,227,.14)}
.fbrand p{margin:.6rem 0 0;max-width:36ch;font-size:var(--fs-sm)}
.fbrand .fstars{font-size:var(--fs-sm);color:var(--champagne);font-weight:600;text-align:right}
.footer .cols{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer .cols{grid-template-columns:1fr}}
.nl-form{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}
.nl-form input[type=email]{flex:1;min-width:0;background:rgba(247,239,227,.08);border:1px solid rgba(247,239,227,.25);border-radius:var(--r-sm);padding:.6rem .9rem;color:var(--cream);font:500 var(--fs-sm) var(--font-body);outline:none}
.nl-form input[type=email]::placeholder{color:var(--cream-soft)}
.nl-form input[type=email]:focus{border-color:var(--champagne)}
.nl-form .btn{padding:.6rem 1.1rem;font-size:var(--fs-sm);white-space:nowrap}
.nl-consent{display:flex;align-items:flex-start;gap:.5rem;margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--cream-soft)}
.nl-consent input{accent-color:var(--bronze);width:15px;height:15px;margin-top:.15rem;flex:none}
.nl-gift{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--champagne);font-weight:600}
.nl-msg{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--champagne);min-height:1.2em}
.fbottom{border-top:1px solid rgba(247,239,227,.14);margin-top:var(--sp-6);padding-top:var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
.paybadges{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}
.paybadges .pb{display:inline-flex;align-items:center;background:var(--cream);color:var(--espresso);border-radius:.45rem;padding:.28rem .6rem;font:700 .68rem/1 var(--font-body);letter-spacing:.02em}
.paybadges .pb svg{height:12px;width:auto;display:block}
.paybadges .pb-d{background:transparent;border:1px solid rgba(247,239,227,.3);color:var(--cream-70)}
.req-note{font-size:var(--fs-xs);color:var(--cream-soft)}
.ai-note{font-size:var(--fs-xs);color:var(--cream-soft);font-style:italic}

/* ---- 404 ---- */
.e404{min-height:72svh;display:flex;align-items:center;text-align:center;padding-top:var(--header-clear)}
.e404 .code{font-family:var(--font-display);font-size:clamp(5rem,18vw,9rem);line-height:1;color:var(--champagne);margin:0}
.e404 h1{font-size:var(--fs-xl);color:var(--espresso);margin:.4rem 0 1rem}
.e404 .chips{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-5)}
.e404 .chips a{border:1px solid var(--line);border-radius:var(--r-pill);padding:.5rem 1.2rem;font-size:var(--fs-sm);font-weight:600;color:var(--cocoa);background:var(--card)}
.e404 .chips a:hover{border-color:var(--bronze);color:var(--bronze)}
.nl-form{flex-wrap:wrap}
.nl-form .nl-consent{flex-basis:100%;margin-top:var(--sp-2)}

/* ==========================================================================
   FAZĖ 2 — homepage e-shop vitrina: USP juosta, kategorijos, bestselleriai,
   atrankos standartas, spotlight+testuojama, rinkiniai, studijos juosta.
   ========================================================================== */
.usp-bar{background:var(--card);border-block:1px solid var(--line);position:relative;z-index:1}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);padding-block:var(--sp-4)}
.usp{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--cocoa)}
.usp svg{width:26px;height:26px;flex:none;color:var(--bronze)}
@media(max-width:860px){.usp-grid{grid-template-columns:1fr 1fr;gap:var(--sp-3)}.usp{font-size:var(--fs-xs)}}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.cat-card{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/5;display:block;box-shadow:var(--shadow-soft);background:var(--glow)}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cat-card:hover img{transform:scale(1.05)}
.cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(39,26,15,.62),transparent 55%)}
.cat-label{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:1;color:var(--cream);font:700 var(--fs-md) var(--font-body);letter-spacing:.02em}
@media(max-width:860px){.cat-grid{grid-template-columns:1fr 1fr;gap:var(--sp-3)}}

.best-row{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--sp-1) var(--sp-1) var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--champagne) transparent}
.best-row .pcard{flex:0 0 min(280px,76vw);scroll-snap-align:start}
.bcard .pbody{display:grid;gap:.5rem}
.bcard .ptitle{font-size:1.02rem;line-height:1.35}
.bcard .price{margin:0}

.std-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.std{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5)}
.std-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-pill);background:var(--glow);color:var(--bronze);margin-bottom:var(--sp-3)}
.std-ic svg{width:24px;height:24px}
.std h3{margin:.2rem 0 .4rem;font-size:1.05rem;color:var(--espresso)}
.std p{margin:0;font-size:var(--fs-sm)}
@media(max-width:860px){.std-grid{grid-template-columns:1fr 1fr;gap:var(--sp-3)}.std{padding:var(--sp-4)}}
@media(max-width:520px){.std-grid{grid-template-columns:1fr}}

.spotlight{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
.spot-badge{display:inline-block;background:var(--champagne);color:var(--espresso);border-radius:var(--r-pill);padding:.3rem .9rem;font:700 var(--fs-xs) var(--font-body);letter-spacing:var(--ls-caps);text-transform:uppercase;margin-top:.6rem}
.tease-wrap{display:grid;gap:var(--sp-3);align-content:start}
.tease-head{margin:0;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);font-weight:700}
.tease{display:flex;align-items:center;gap:var(--sp-4);background:linear-gradient(135deg,var(--glow),var(--champagne));border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-soft)}
.tease svg{width:54px;height:54px;flex:none;color:var(--espresso);opacity:.34}
.tease-t{margin:0;font:600 1.05rem var(--font-display);color:var(--espresso)}
.tease-s{margin:.15rem 0 0;font-size:var(--fs-xs);color:var(--cocoa)}
.tease-cta{font-weight:700;font-size:var(--fs-sm);color:var(--bronze);text-decoration:underline;text-underline-offset:3px}
.tease-cta:hover{color:var(--bronze-dark)}
@media(max-width:860px){.spotlight{grid-template-columns:1fr}}

.sets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.setcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}
.setcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.set-media{aspect-ratio:1/1;position:relative;background:var(--glow)}
.set-media img{width:100%;height:100%;object-fit:cover}
.set-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--glow),var(--champagne))}
.set-big{font:600 clamp(1.6rem,3.4vw,2.4rem) var(--font-display);color:var(--espresso);letter-spacing:.02em}
.save-badge{position:absolute;top:.8rem;left:.8rem;background:var(--bronze);color:var(--cream);border-radius:var(--r-pill);padding:.25rem .7rem;font:700 var(--fs-xs) var(--font-body)}
.set-body{padding:var(--sp-4)}
.set-body h3{margin:0 0 .25rem;font-size:1.05rem;color:var(--espresso)}
.set-body p{margin:0 0 .6rem;font-size:var(--fs-xs);color:var(--cocoa)}
.set-price{font-weight:800;color:var(--price-color)}
@media(max-width:860px){.sets-grid{grid-template-columns:1fr 1fr;gap:var(--sp-3)}}

.studio-band{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.studio-quote{margin:0;font:500 var(--fs-lg) var(--font-display);line-height:1.45;color:var(--espresso)}
.studio-sign{margin:.9rem 0 0;font-size:var(--fs-sm);color:var(--driftwood);font-weight:600}
@media(max-width:860px){.studio-band{grid-template-columns:1fr}}

.nl-center{justify-content:center}
.nl-center .nl-consent{justify-content:center;color:rgba(247,239,227,.7)}
.newsletter .nl-form input[type=email]{max-width:340px}

/* ==========================================================================
   FAZĖ 3 — katalogas: toolbar, filtrų sidebar/sheet, vieninga kortelė.
   ========================================================================== */
.shop-toolbar{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}
.f-count{font-size:var(--fs-sm);font-weight:600;color:var(--driftwood)}
.f-sortwrap{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);font-weight:600;color:var(--cocoa)}
.f-sort{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:.5rem .8rem;font:600 var(--fs-sm) var(--font-body);color:var(--espresso);cursor:pointer}
.f-open{display:none}
.shop-layout{display:grid;grid-template-columns:230px 1fr;gap:var(--sp-6);align-items:start}
.shop-main{min-width:0}
.shop-layout .grid-products{grid-template-columns:repeat(3,1fr)}
.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);position:sticky;top:calc(var(--header-clear) + .5rem)}
.f-head{display:none}
.f-group{padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
.f-group:last-of-type{border-bottom:0}
.f-label{margin:0 0 .5rem;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);font-weight:700}
.f-group label{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:var(--fs-sm);color:var(--cocoa);cursor:pointer}
.f-group input[type=checkbox]{accent-color:var(--bronze);width:16px;height:16px}
.f-price{width:100%;accent-color:var(--bronze)}
.f-price-val{font-size:var(--fs-sm);font-weight:700;color:var(--bronze)}
.f-clear{width:100%;margin-top:var(--sp-3)}
.f-apply{display:none}
.f-overlay{display:none}
.f-empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--cocoa)}
.f-empty .f-clear{width:auto;margin-top:var(--sp-3)}
@media(max-width:980px){.shop-layout .grid-products{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .f-open{display:inline-flex}
  .shop-layout{display:block}
  .f-overlay{display:block;position:fixed;inset:0;z-index:calc(var(--z-drawer) - 2);background:var(--espresso-veil);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
  .f-overlay.show{opacity:1;visibility:visible}
  .filters{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:calc(var(--z-drawer) - 1);border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:78svh;overflow-y:auto;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.7,.2,1);box-shadow:var(--shadow-lg)}
  .filters.show{transform:translateY(0)}
  .f-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}
  .f-head strong{font-family:var(--font-display);font-size:1.2rem;color:var(--espresso)}
  .f-x{background:transparent;border:0;font-size:1.6rem;color:var(--driftwood);cursor:pointer;line-height:1}
  .f-apply{display:block;width:100%;margin-top:var(--sp-3)}
}
.pbrand{display:block;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);font-weight:700;margin-bottom:.15rem}
.preg-ic{position:absolute;top:.7rem;right:.7rem;z-index:2;width:30px;height:30px;border-radius:var(--r-pill);background:var(--card);color:var(--bronze);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}
.preg-ic svg{width:16px;height:16px}

/* ==========================================================================
   FAZĖ 4 — PDP: 4 kadrų galerija, stepper, akordeonai, sticky CTA.
   ========================================================================== */
.g-main{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--card);aspect-ratio:1/1}
.g-pane{display:none;width:100%;height:100%}
.g-pane.on{display:block}
.g-pane picture,.g-pane img{width:100%;height:100%;object-fit:cover;display:block}
.shot-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);background:linear-gradient(135deg,var(--glow),var(--champagne));color:var(--espresso)}
.shot-ph svg{width:64px;height:64px;opacity:.32}
.shot-ph span{font-size:var(--fs-sm);font-weight:600;color:var(--cocoa);opacity:.75}
.g-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-top:var(--sp-3)}
.g-thumb{border:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;background:var(--card);cursor:pointer;aspect-ratio:1/1;padding:0;display:block}
.g-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.g-thumb .t-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--glow),var(--champagne));color:var(--espresso)}
.g-thumb .t-ph svg{width:26px;height:26px;opacity:.35}
.g-thumb.on{border-color:var(--bronze)}
.pdp-info .pbrand{margin-bottom:.3rem}
.rate-empty{margin:.2rem 0 .6rem;font-size:var(--fs-sm);color:var(--bronze);font-weight:600}
.pdp-buy{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}
.pdp-qty{display:inline-flex;align-items:center;gap:.2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);padding:.25rem .4rem}
.pdp-qty button{width:34px;height:34px;border:0;background:transparent;color:var(--espresso);font-size:1.15rem;font-weight:700;cursor:pointer;border-radius:var(--r-pill)}
.pdp-qty button:hover{background:var(--glow)}
.pdp-qty .q-val{min-width:1.6ch;text-align:center;font-weight:700;color:var(--espresso)}
.micro-trust{margin:.8rem 0 0;font-size:var(--fs-xs);color:var(--driftwood);font-weight:600}
.studio-note{margin-top:var(--sp-5);background:var(--card);border-left:3px solid var(--bronze);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--sp-4) var(--sp-5)}
.studio-note .sn-t{margin:0 0 .35rem;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--driftwood);font-weight:700}
.studio-note .sn-q{margin:0;font-family:var(--font-display);font-size:1.08rem;color:var(--espresso);line-height:1.55}
.pdp-acc-wrap{max-width:820px;margin-inline:auto}
.acc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:var(--sp-3);overflow:hidden}
.acc summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);cursor:pointer;font-weight:700;color:var(--espresso);list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc .acc-ic{font-size:1.3rem;color:var(--bronze);transition:transform .25s ease;line-height:1}
.acc[open] .acc-ic{transform:rotate(45deg)}
.acc .acc-body{padding:0 var(--sp-5) var(--sp-5);font-size:.95rem;color:var(--cocoa)}
.acc .acc-body p{margin:.4rem 0}
.acc .muted{color:var(--driftwood)}
.howto{margin:.4rem 0;padding-left:1.2rem}
.howto li{margin:.3rem 0}
.gpsr-table{width:100%;border-collapse:collapse;margin:.4rem 0}
.gpsr-table th{text-align:left;font-weight:700;color:var(--espresso);padding:.5rem .8rem .5rem 0;width:46%;vertical-align:top;border-bottom:1px solid var(--line)}
.gpsr-table td{padding:.5rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.faq-q{font-weight:700;color:var(--espresso);margin-top:var(--sp-3)}
.ship-list{margin:.4rem 0;padding-left:1.2rem}
.ship-list li{margin:.35rem 0}
.pdp-xsell{max-width:560px;margin-top:var(--sp-5)}
.pdp-sticky{display:none}
@media(max-width:860px){
  .pdp-page .mbar{display:none}
  .pdp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-mbar);display:flex;align-items:center;gap:var(--sp-3);background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(39,26,15,.35);padding:.6rem var(--sp-4) calc(.6rem + env(safe-area-inset-bottom))}
  .ps-info{display:grid;min-width:0;flex:1}
  .ps-name{font-size:var(--fs-xs);font-weight:600;color:var(--cocoa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ps-price{font-weight:800;color:var(--price-color)}
  .pdp-sticky .btn{white-space:nowrap}
}

/* ==========================================================================
   FAZĖ 5+7 — prekės ženklai ir B2B.
   ========================================================================== */
.brand-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--sp-5);align-items:stretch}
.brand-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}
.brand-card.active:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.bc-media{position:relative;aspect-ratio:16/9;background:var(--glow)}
.bc-media img{width:100%;height:100%;object-fit:cover}
.bc-body{padding:var(--sp-5)}
.bc-body h2{margin:0 0 .5rem;color:var(--espresso)}
.bc-body p{margin:0 0 .9rem;font-size:var(--fs-sm);color:var(--cocoa)}
.bc-cta{font-weight:700;color:var(--bronze)}
.brand-card.tease-card{box-shadow:none;background:transparent;border-style:dashed}
.brand-card.tease-card .bc-body{display:grid;gap:var(--sp-3)}
@media(max-width:860px){.brand-grid{grid-template-columns:1fr}}
.brand-story{max-width:760px;display:grid;gap:var(--sp-3)}
.why-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.why-grid{grid-template-columns:1fr}}

.tier-wrap{max-width:560px}
.tier-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-soft)}
.tier-table th{background:var(--espresso);color:var(--cream);text-align:left;padding:.8rem 1.2rem;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase}
.tier-table td{padding:.85rem 1.2rem;border-bottom:1px solid var(--line);color:var(--cocoa)}
.tier-table td strong{color:var(--bronze);font-size:1.05rem}
.tier-note{margin:.8rem 0 0;font-size:var(--fs-sm);color:var(--driftwood)}

.mk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}
.mk{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);text-align:center}
.mk strong{display:block;font-family:var(--font-display);font-size:1.6rem;color:var(--bronze)}
.mk span{font-size:var(--fs-xs);color:var(--cocoa);font-weight:600}
@media(max-width:860px){.mk-stats{grid-template-columns:1fr 1fr}}

.placement{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,3.5rem);align-items:center}
@media(max-width:860px){.placement{grid-template-columns:1fr}}
.mock{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:visible;position:relative;padding-bottom:var(--sp-3)}
.mock-bar{display:flex;gap:.3rem;background:var(--espresso);border-radius:var(--r-md) var(--r-md) 0 0;padding:.5rem .8rem}
.mock-bar span{width:8px;height:8px;border-radius:50%;background:rgba(247,239,227,.4)}
.mock-hero{position:relative;margin:var(--sp-3);background:linear-gradient(135deg,var(--glow),var(--champagne));border-radius:var(--r-sm);padding:var(--sp-5) var(--sp-4);text-align:center}
.mock-badge{display:inline-block;background:var(--cream);border-radius:var(--r-pill);padding:.2rem .7rem;font:700 .6rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--espresso)}
.mock-name{margin:.6rem 0 0;font:600 clamp(1rem,2.4vw,1.4rem) var(--font-display);letter-spacing:.06em;color:var(--espresso)}
.mock-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 var(--sp-3) var(--sp-3)}
.mock-tile{aspect-ratio:1/1;border-radius:.4rem;background:linear-gradient(160deg,var(--card),var(--glow));border:1px solid var(--line)}
.mock-strip{position:relative;margin:0 var(--sp-3);background:var(--espresso);color:var(--cream-70);border-radius:.4rem;padding:.6rem .9rem;font-size:.7rem;font-weight:600;text-align:center}
.mock-pin{position:absolute;top:-.6rem;right:-.6rem;width:26px;height:26px;border-radius:50%;background:var(--bronze);color:var(--cream);font:800 .8rem/26px var(--font-body);text-align:center;box-shadow:var(--shadow-soft)}
.pl-list{margin:0;padding-left:0;list-style:none;counter-reset:pl;display:grid;gap:var(--sp-3)}
.pl-list li{counter-increment:pl;position:relative;padding-left:2.4rem;font-size:var(--fs-sm);color:var(--cocoa)}
.pl-list li::before{content:counter(pl);position:absolute;left:0;top:.05rem;width:26px;height:26px;border-radius:50%;background:var(--bronze);color:var(--cream);font:800 .8rem/26px var(--font-body);text-align:center}
.pl-list strong{color:var(--espresso)}

.b2b-form{display:grid;gap:var(--sp-3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5)}
.b2b-form label{display:grid;gap:.35rem;font-size:var(--fs-sm);font-weight:700;color:var(--espresso)}
.b2b-form input,.b2b-form select,.b2b-form textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--cream);padding:.65rem .9rem;font:500 var(--fs-sm) var(--font-body);color:var(--espresso);outline:none}
.b2b-form input:focus,.b2b-form select:focus,.b2b-form textarea:focus{border-color:var(--bronze)}

/* FAZĖ 6 — DUK grupės */
.duk-group h2{margin-bottom:1rem}

/* ---- Paslaugų iliustracijos (scard/pkg art juostos, mobili sekcija) ---- */
.scard{overflow:hidden}
.scard-art{margin:-1.6rem -1.6rem 1rem;aspect-ratio:4/3;overflow:hidden;background:var(--glow)}
.scard-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.scard:hover .scard-art img{transform:scale(1.045)}
.scard .badge{top:.9rem;left:.9rem;z-index:2}
.pkg{position:relative;overflow:hidden}
.pkg-art{margin:-1.6rem -1.6rem 1rem;aspect-ratio:16/9;overflow:hidden;background:var(--glow)}
.pkg-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pkg:hover .pkg-art img{transform:scale(1.04)}
.pkg-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--glow),var(--champagne))}
.inq-media{margin-top:1.6rem;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:4/3;max-width:480px}
.inq-media img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- Dovanų kuponų vizualai ---- */
.gift-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.gift-media{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--glow)}
.gift-media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.gift-intro{grid-template-columns:1fr}}

/* ---- Paslaugų hero video (cinemagraph loop) ---- */
.hero-live{position:relative}
.hero-video,.hero-still{width:100%;height:100%;object-fit:cover;display:block}
.hero-still{display:none}
@media (prefers-reduced-motion: reduce){.hero-video{display:none}.hero-still{display:block}}