/* ==== Titulinis puslapis ========================================== */

/* --- Hero ---------------------------------------------------------- */
.hero{
  position:relative;
  padding-block:clamp(44px,7vw,86px) clamp(56px,8vw,110px);
  overflow:hidden;
}
.hero::after{                       /* labai švelnus šiltas švytėjimas */
  content:"";position:absolute;z-index:0;
  top:-30%;right:-10%;width:min(760px,90vw);aspect-ratio:1;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%);
  pointer-events:none;
}
.hero-grid{
  display:grid;gap:clamp(36px,6vw,72px);
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;
}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr}}

.hero-copy{display:grid;gap:22px;justify-items:start}
.hero-copy h1{margin:0}
.hero-cta{gap:12px}

.trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:6px 0 0;padding:0}
.trust li{
  position:relative;padding-left:20px;
  font-size:.88rem;color:var(--text-3);
}
.trust li::before{
  content:"";position:absolute;left:0;top:.55em;
  width:9px;height:5px;border-left:1.6px solid var(--accent);border-bottom:1.6px solid var(--accent);
  transform:rotate(-45deg);
}

/* --- Telefono miniatiūra ------------------------------------------- */
.hero-demo{display:grid;justify-items:center;gap:14px}
.device{
  position:relative;
  width:min(300px,78vw);
  padding:10px;
  background:linear-gradient(160deg,#26262E,#131318);
  border:1px solid var(--hair-2);
  border-radius:42px;
  box-shadow:var(--sh-3),0 0 0 1px rgba(0,0,0,.6) inset;
  transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform var(--t-slow) var(--e-out);
  will-change:transform;
}
.device-notch{
  position:absolute;top:16px;left:50%;transform:translateX(-50%);
  width:82px;height:5px;border-radius:var(--r-pill);background:rgba(0,0,0,.55);z-index:3;
}
.device-screen{
  position:relative;overflow:hidden;
  border-radius:33px;
  background:
    radial-gradient(120% 70% at 50% -8%, var(--accent-dim), transparent 62%),
    var(--bg);
  aspect-ratio:9/17;
}
.device-note{color:var(--text-3)}

.mini{
  position:absolute;inset:0;
  display:grid;grid-template-rows:auto 1fr auto;gap:8px;
  padding:44px 20px 22px;
  text-align:center;
}
.mini-eyebrow{
  margin:0;font-family:var(--font-display);font-weight:600;font-size:1.05rem;
  line-height:1.25;color:var(--text);
}
.mini-stage{position:relative;display:grid;place-items:center}
.mini-hint{
  margin:0;font-size:.68rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);
  transition:opacity var(--t) var(--e-out);
}

/* --- Titulinio ritualai -------------------------------------------
   Vienas mygtukas, keturi vidiniai piesiniai. Bendra tik apvalkalas ir
   „knock“ purtymas; kiekvienas sablonas atsidaro savaip. */
.mini-art{
  position:relative;display:grid;place-items:center;
  width:150px;height:132px;
  background:none;border:0;padding:0;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform var(--t) var(--e-spring), opacity var(--t) var(--e-out);
}
.mini-art.knock{animation:knock .38s var(--e-out)}
@keyframes knock{
  0%,100%{transform:rotate(0) translateY(0)}
  30%{transform:rotate(-6deg) translateY(-4px)}
  65%{transform:rotate(5deg) translateY(0)}
}
.mini.open .mini-art{transform:scale(.62) translateY(30px);opacity:0;pointer-events:none}
.mini.open .mini-hint{opacity:0}

/* 1 · dėžutė — ta pati nuotrauka kaip tikrame išpakavime ------------
   Nuotraukos fonas baltas, todel ji guli ant baltos kortelės — lygiai
   kaip tikrame rituale (`.doc`). Kreminiame fone be kortelės matytųsi
   status baltas kampas, o `multiply` nepadeda: pati dėžutė irgi balta. */
/* Iškirpta dėžutė — jokios plokštelės po ja, tik šešėlis. */
/* Poslinkis (žr. `--box-nudge-*`) dedamas čia, o ne ant `.mini-art`: tas
   savo `transform` naudoja krustelėjimui ir atsidarymui. */
.ma-box{
  position:relative;display:block;width:142px;height:142px;
  transform:translate(var(--box-nudge-x),var(--box-nudge-y));
}
.ma-box img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 12px 16px rgba(120,60,30,.22));
}
/* Spalva per kaukę, kad nusidažytų tik dėžutė (žr. `.obj-dezute::after`). */
.ma-box::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--accent);mix-blend-mode:multiply;opacity:.26;
  -webkit-mask:url("/static/img/box-closed.webp") center/contain no-repeat;
          mask:url("/static/img/box-closed.webp") center/contain no-repeat;
}

/* 2 · nutrinamas bilietas ------------------------------------------- */
.ma-ticket{
  position:relative;display:grid;gap:7px;width:142px;padding:11px 12px 13px;
  background:var(--surface);border-radius:12px;
  box-shadow:0 10px 18px rgba(120,60,30,.14), inset 0 0 0 1.5px var(--hair);
}
.mt-head{display:flex;align-items:center;gap:6px}
.mt-head i{width:13px;height:13px;border-radius:50%;background:var(--accent);flex:none}
.mt-head b{
  font-size:.55rem;font-weight:900;letter-spacing:.16em;color:var(--text-3);
}
.mt-win{
  position:relative;display:grid;place-items:center;height:44px;border-radius:7px;
  background:var(--surface-3);overflow:hidden;
}
.mt-prize{
  font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--text);
}
.mt-foil{
  position:absolute;inset:0;border-radius:7px;
  background:linear-gradient(115deg,#cfcfd6,#f2f2f6 42%,#b9b9c4 62%,#e6e6ec);
  transition:clip-path var(--t-slow) var(--e-out), opacity var(--t) var(--e-out);
  clip-path:inset(0 0 0 0);
}
.mini.open .mt-foil{clip-path:inset(0 0 0 100%);opacity:0}
.mt-feet{display:flex;gap:4px}
.mt-feet i{height:5px;flex:1;border-radius:3px;background:var(--surface-3)}

/* 3 · sutartis ------------------------------------------------------ */
.ma-doc{
  position:relative;display:grid;gap:8px;width:132px;padding:14px 13px 16px;
  background:var(--surface);border-radius:10px;
  box-shadow:0 10px 18px rgba(120,60,30,.14), inset 0 0 0 1.5px var(--hair);
}
.md-line{height:6px;border-radius:3px;background:var(--surface-3)}
.md-line.w1{width:88%} .md-line.w2{width:70%} .md-line.w3{width:80%}
.md-sign{display:block;height:26px;margin-top:2px;color:var(--accent)}
.md-sign svg{width:100%;height:100%;overflow:visible}
.md-sign path{
  stroke-dasharray:180;stroke-dashoffset:180;
  transition:stroke-dashoffset 900ms var(--e-out);
}
.mini.open .md-sign path{stroke-dashoffset:0}
.md-rule{height:2px;border-radius:2px;background:var(--hair)}

/* 4 · vokas --------------------------------------------------------- */
.ma-env{position:relative;display:block;width:140px;height:98px}
/* Popierius, ne spalvotas plotas — kad vokas atrodytų kaip vokas. */
.me-body{
  position:absolute;inset:0;border-radius:9px;overflow:hidden;
  background:linear-gradient(168deg,#FFFDF9,#EFE4D2);
  border:1px solid rgba(26,18,8,.18);
  box-shadow:0 10px 18px rgba(120,60,30,.16);
}
/* Priekinė sienelė su klostėmis — dengia laišką. */
.me-body::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:56%;z-index:2;
  background:
    linear-gradient(to top right,transparent calc(50% - .6px),rgba(26,18,8,.10) 50%,
                    transparent calc(50% + .6px)),
    linear-gradient(to top left, transparent calc(50% - .6px),rgba(26,18,8,.10) 50%,
                    transparent calc(50% + .6px)),
    linear-gradient(168deg,#F8F0E1,#E9DDC9);
  border-top:1px solid rgba(26,18,8,.08);
}
.me-letter{
  position:absolute;left:12%;right:12%;top:16%;height:74%;z-index:1;
  background:var(--surface);border-radius:6px 6px 0 0;
  box-shadow:0 3px 10px rgba(120,60,30,.14);
  transform:translateY(64%);
  transition:transform var(--t-slow) var(--e-spring);
}
.mini.open .me-letter{transform:translateY(-16%)}
.me-flap{
  position:absolute;left:0;right:0;top:0;height:56%;z-index:3;
  background:linear-gradient(168deg,color-mix(in srgb,var(--accent) 84%,#fff),var(--accent));
  clip-path:polygon(0 0,100% 0,50% 100%);
  transform-origin:50% 0;
  transition:transform var(--t-slow) var(--e-spring);
  border-radius:9px 9px 0 0;
}
.mini.open .me-flap{transform:rotateX(-168deg)}
/* Vaškas: netaisyklingas kraštas, įspaudo žiedas, blikas. */
.me-seal{
  position:absolute;left:calc(50% - 14px);top:36%;z-index:4;
  width:28px;height:28px;
  border-radius:47% 53% 48% 52% / 52% 46% 54% 48%;
  border:1px solid rgba(26,18,8,.26);
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.5),transparent 54%),
    radial-gradient(circle at 52% 62%,color-mix(in srgb,var(--accent) 76%,#000 24%),
                    var(--accent) 72%);
  box-shadow:0 4px 9px rgba(120,60,30,.32), inset 0 -2px 4px rgba(0,0,0,.24);
  transition:transform var(--t) var(--e-out), opacity var(--t) var(--e-out);
}
.me-seal::before{
  content:"";position:absolute;inset:4px;border-radius:50%;
  border:1.2px solid rgba(26,18,8,.24);
}
.mini.open .me-seal{transform:scale(.4) rotate(24deg);opacity:0}

/* atskleista dovana */
.mini-gift{
  position:absolute;inset:auto 0 0;
  display:grid;gap:6px;justify-items:center;
  padding:16px 12px;
  background:var(--surface);border:2px solid var(--accent);
  border-radius:18px;box-shadow:var(--sh-2);
  opacity:0;transform:translateY(16px) scale(.96);
  transition:opacity var(--t-slow) var(--e-out), transform var(--t-slow) var(--e-spring);
  pointer-events:none;
}
.mini.open .mini-gift{opacity:1;transform:none}
.mg-label{
  font-size:.6rem;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);
}
.mg-title{font-family:var(--font-display);font-weight:600;font-size:1.06rem;
  line-height:1.15;color:var(--text)}
.mg-file{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:var(--r-pill);
  background:var(--surface-3);
  font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--text-2);
}

/* kibirkštys atidarant */
.spark{
  position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:1px;
  background:var(--accent);pointer-events:none;
  animation:spark 900ms var(--e-out) forwards;
}
@keyframes spark{
  to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}
}

/* --- Sekcijų antraštės --------------------------------------------- */
.sec-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,46px);max-width:62ch}
.sec-head{gap:14px}

/* --- Žingsniai ----------------------------------------------------- */
.steps{list-style:none;margin:0;padding:0}
.step{display:grid;gap:9px;align-content:start;position:relative;overflow:hidden}
.step h3{font-size:1.12rem}
.step .eyebrow{background:var(--surface-3);color:var(--text-3)}

/* Kiekvienas langelis — sumažintas tikras to žingsnio vaizdas. */
.step-art{
  position:relative;height:96px;margin-bottom:10px;padding:11px;
  display:grid;align-content:center;
  /* minmax(0,1fr): be sito vidinis turinys (pvz. nuorodos eilute) isteststu
     tinkleli placiau uz korteles ir mygtukas nusikirstu. */
  grid-template-columns:minmax(0,1fr);
  border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--hair);
  overflow:hidden;
}

/* 01 — šablono pasirinkimas ---------------------------------------- */
.sa-picks{display:grid;gap:5px}
.sa-pick{
  display:flex;align-items:center;gap:7px;
  padding:5px 8px;border-radius:7px;
  background:var(--surface);border:1px solid var(--hair);
  font-size:.62rem;font-weight:800;color:var(--text-2);
  transition:background var(--t) var(--e-out), color var(--t) var(--e-out);
}
.sa-pick i{
  width:13px;height:10px;border-radius:2px;flex:none;
  border:1.6px solid currentColor;opacity:.75;
}
.sa-i-env{border-radius:2px;position:relative;overflow:hidden}
.sa-i-tic{border-style:dashed}
.sa-pick.is-on{
  background:var(--accent);border-color:var(--accent);color:#fff;
  box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 40%,transparent);
}
.step-art.play .sa-pick.is-on{animation:sa-pop 2.8s var(--e-out) infinite}
@keyframes sa-pop{0%,64%,100%{transform:none}72%{transform:translateX(3px) scale(1.03)}}

/* 02 — įkeltas failas ---------------------------------------------- */
.sa-file{
  display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;
  padding:9px;border-radius:8px;background:var(--surface);border:1px solid var(--hair);
}
.sa-ext{
  grid-row:1/3;display:grid;place-items:center;width:28px;height:32px;
  border-radius:5px;background:var(--accent);color:#fff;
  font-size:.5rem;font-weight:900;letter-spacing:.04em;
}
.sa-meta{display:grid;gap:1px;min-width:0}
.sa-meta b{font-size:.64rem;font-weight:800;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-meta i{font-style:normal;font-size:.55rem;font-weight:700;color:var(--text-3)}
.sa-bar{
  grid-column:2;height:4px;border-radius:3px;background:var(--surface-3);overflow:hidden;
}
.sa-bar i{display:block;height:100%;width:100%;border-radius:3px;background:var(--mint)}
.step-art.play .sa-bar i{animation:sa-load 2.8s var(--e-out) infinite}
@keyframes sa-load{0%{width:8%}46%,100%{width:100%}}

/* 03 — žinutė, spalva, spyna ---------------------------------------- */
.sa-note{
  display:grid;gap:7px;padding:9px 10px;border-radius:8px;
  background:var(--surface);border:1px solid var(--hair);
}
.sa-l{height:5px;border-radius:3px;background:var(--surface-3)}
.sa-l.w1{width:82%} .sa-l.w2{width:56%}
.step-art.play .sa-l.w2{animation:sa-type 2.8s steps(12) infinite}
@keyframes sa-type{0%{width:6%}50%,100%{width:56%}}
.sa-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sa-dots{display:flex;gap:4px}
.sa-dots i{width:11px;height:11px;border-radius:50%;display:block}
.sa-dots i:first-child{box-shadow:0 0 0 2px var(--surface),0 0 0 3.6px var(--accent)}
.sa-lock{
  display:grid;place-items:center;width:19px;height:19px;
  border-radius:5px;background:var(--surface-3);color:var(--text-2);
}
.sa-lock svg{width:12px;height:12px}

/* 04 — gatava nuoroda ---------------------------------------------- */
.sa-link{
  display:flex;align-items:center;gap:7px;
  padding:8px;border-radius:8px;background:var(--surface);border:1px solid var(--hair);
}
.sa-url{
  flex:1;min-width:0;padding:5px 7px;border-radius:5px;background:var(--bg-2);
  font-family:var(--font-mono);font-size:.56rem;font-weight:700;color:var(--text-2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sa-url b{color:var(--accent)}
.sa-copy{
  flex:none;padding:5px 9px;border-radius:5px;
  background:var(--accent);color:#fff;font-size:.56rem;font-weight:900;
}
.step-art.play .sa-copy{animation:sa-tap 2.8s var(--e-out) infinite}
@keyframes sa-tap{0%,58%,100%{transform:none}66%{transform:scale(.9)}}

@media(prefers-reduced-motion:reduce){
  .step-art.play *{animation:none!important}
}

/* --- Šablonų galerija ---------------------------------------------- */
.tpl-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
@media(min-width:760px){.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tpl{
  background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);
  overflow:hidden;
  transition:border-color var(--t) var(--e-out), transform var(--t) var(--e-out);
}
.tpl:hover{border-color:color-mix(in srgb,var(--acc) 50%,transparent);transform:translateY(-3px)}
.tpl-art{
  position:relative;height:220px;display:grid;place-items:center;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(90% 95% at 50% 12%,color-mix(in srgb,var(--acc) 22%,#fff),transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--acc) 7%,#fff),var(--bg-2)),
    var(--bg-2);
  border-bottom:1px solid var(--hair);
}
.tpl-art::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.46;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--acc) 42%,transparent) 1.25px,transparent 1.5px);
  background-size:25px 25px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 36%,transparent 92%);
}
.tpl-art::after{
  content:"";position:absolute;left:18%;right:18%;bottom:18px;height:28px;z-index:-1;
  border-radius:50%;background:color-mix(in srgb,var(--acc) 18%,transparent);filter:blur(18px);
}
.tpl-art .art{
  position:relative;display:block;width:min(300px,86%);height:184px;overflow:visible;z-index:1;
}
.tpl-art svg *{vector-effect:non-scaling-stroke}
.tpl-meta{display:grid;gap:8px;padding:22px}
.tpl-acts{margin-top:8px}

/* Bendra galerijos iliustraciju medziaga ir gylis. */
.art-floor{fill:rgba(41,24,18,.13);filter:blur(5px)}
.paper-fill{fill:#FFF9EF;stroke:rgba(47,27,20,.12);stroke-width:1}
.paper-soft{fill:#FFF9EF;opacity:.92}
.paper-fold{fill:#EEDFCB}
.paper-fold-line{fill:none;stroke:rgba(47,27,20,.12);stroke-width:1.2}
.accent-fill{fill:var(--acc)}
.accent-fill.light{fill:color-mix(in srgb,var(--acc) 58%,#fff)}
.accent-fill.shade{fill:color-mix(in srgb,var(--acc) 78%,#6E3827)}
.accent-fill.deep,.accent-fill.dark{fill:color-mix(in srgb,var(--acc) 68%,#49251E)}
.accent-soft{fill:color-mix(in srgb,var(--acc) 16%,transparent)}
.accent-stroke{fill:none;stroke:var(--acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.accent-stroke.thin{stroke-width:1.2;opacity:.5}
.ink-fill{fill:var(--ink)}
.ink-fill.strong{opacity:.84}.ink-fill.muted{opacity:.2}

/* Sutartis: tikras dokumento maketas, antspaudas ir piestukas. */
.contract-sheet,.contract-pen{transform-box:fill-box;transform-origin:center;
  transition:transform 520ms var(--e-spring)}
.contract-checks rect{fill:none;stroke:rgba(47,27,20,.35);stroke-width:1.4}
.contract-stamp{transition:transform 420ms var(--e-spring);transform-origin:151px 130px}
.tpl:hover .contract-sheet{transform:translateY(-4px) rotate(-1.4deg)}
.tpl:hover .contract-pen{transform:translate(5px,-6px) rotate(4deg)}
.tpl:hover .contract-stamp{transform:scale(1.08)}

/* Dezute: trimatis korpusas, atskiras dangtis ir juosta. */
.ribbon-fill{fill:#FFF2C7}.ribbon-fill.light{fill:#FFF9E8}.ribbon-fill.shade{fill:#E9C96D}
.gift-base{transition:transform 520ms var(--e-spring);transform-origin:130px 130px}
.box-lid,.box-bow{transition:transform 620ms var(--e-spring);transform-origin:130px 64px}
.box-sparkles{opacity:.65;transition:opacity var(--t) var(--e-out),transform 620ms var(--e-spring);transform-origin:center}
.tpl:hover .gift-base{transform:translateY(2px)}
.tpl:hover .box-lid{transform:translate(-5px,-11px) rotate(-3deg)}
.tpl:hover .box-bow{transform:translate(-5px,-12px) rotate(-3deg)}
.tpl:hover .box-sparkles{opacity:1;transform:scale(1.08)}

/* Bilietas: perforacija, spauda ir metalizuotas nutrinamas sluoksnis. */
.ticket-card{transform-box:fill-box;transform-origin:center;transition:transform 520ms var(--e-spring)}
.ticket-dash{fill:none;stroke:rgba(47,27,20,.25);stroke-width:1.4;stroke-dasharray:4 5}
.ticket-code{fill:none;stroke:rgba(47,27,20,.44);stroke-width:1.2}
.foil-line{fill:none;stroke:#fff;stroke-opacity:.72;stroke-width:1.5}
.ticket-scratch{fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;opacity:0;
  transition:opacity var(--t) var(--e-out),transform 520ms var(--e-spring)}
.tpl:hover .ticket-card{transform:translateY(-4px) rotate(-1.5deg)}
.tpl:hover .ticket-scratch{opacity:.8;transform:translate(3px,-2px)}

/* Vokas: islendantis laiskas, tikros klostes ir vasko antspaudas. */
.envelope-paper{transition:transform 620ms var(--e-spring)}
.envelope-body{transition:transform 520ms var(--e-spring)}
.envelope-fold-back{fill:color-mix(in srgb,var(--acc) 14%,#F8EEDF);stroke:rgba(47,27,20,.1);stroke-width:1}
.envelope-flap{stroke:rgba(47,27,20,.12);stroke-width:1;transform-origin:130px 59px;
  transition:transform 620ms var(--e-spring)}
.envelope-flap-line{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.2}
.seal-fill{fill:color-mix(in srgb,var(--acc) 72%,#5B2031);stroke:rgba(47,27,20,.2);stroke-width:1}
.seal-ring{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1.2}
.seal-mark{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.envelope-seal{transform-origin:133px 122px;transition:transform 480ms var(--e-spring)}
.tpl:hover .envelope-paper{transform:translateY(-13px) rotate(1deg)}
.tpl:hover .envelope-body{transform:translateY(2px)}
.tpl:hover .envelope-flap{transform:translateY(-4px) scaleY(.9)}
.tpl:hover .envelope-seal{transform:scale(1.08) rotate(-3deg)}

/* --- Dovanų tipai --------------------------------------------------- */
.gifts-grid{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
@media(max-width:860px){.gifts-grid{grid-template-columns:1fr}}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;align-content:start}

/* --- Saugumas -------------------------------------------------------- */
.safe{display:grid;gap:8px;align-content:start}
.safe-t{font-size:1.05rem}
.safe-dot{
  width:26px;height:26px;border-radius:8px;
  background:var(--accent-dim);
  display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent);
}
.safe-dot::after{
  content:"";width:9px;height:9px;border-radius:2px;background:var(--accent);
}

/* --- Kaina ir DUK ---------------------------------------------------- */
.price-wrap{
  display:grid;gap:clamp(28px,4vw,56px);
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:start;
}
@media(max-width:900px){.price-wrap{grid-template-columns:1fr}}

.price{position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:6px}
.price-num{
  margin:4px 0 0;
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(2.8rem,6.5vw,3.9rem);line-height:1;color:var(--accent);
}
.price-sub{margin:0 0 4px}
.incl{list-style:none;display:grid;gap:9px;margin:14px 0 20px;padding:0}
.incl li{position:relative;padding-left:24px;font-size:.93rem;color:var(--text-2)}
.incl li::before{
  content:"";position:absolute;left:0;top:.5em;
  width:10px;height:5px;border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);
  transform:rotate(-45deg);
}
.price-fine{margin:12px 0 0;text-align:center;color:var(--text-3)}

.faq{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:2px}
.qa{border-bottom:1px solid var(--hair)}
.qa-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:var(--tap);padding:16px 2px;
  background:none;border:0;cursor:pointer;text-align:left;
  font-size:1rem;font-weight:600;color:var(--text);
}
.qa-q i{
  position:relative;flex:0 0 auto;width:16px;height:16px;
  transition:transform var(--t) var(--e-spring);
}
.qa-q i::before,.qa-q i::after{
  content:"";position:absolute;inset:50% 0 auto;height:1.6px;background:var(--accent);
}
.qa-q i::after{transform:rotate(90deg);transition:opacity var(--t) var(--e-out)}
.qa-q[aria-expanded="true"] i{transform:rotate(180deg)}
.qa-q[aria-expanded="true"] i::after{opacity:0}
.qa-a{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows var(--t) var(--e-out);
}
.qa-a > div{overflow:hidden;min-height:0}
.qa-a p{margin:0 0 18px;padding-right:32px}
.qa-q[aria-expanded="true"] + .qa-a{grid-template-rows:1fr}

/* --- Pabaiga --------------------------------------------------------- */
.final{padding-bottom:clamp(60px,9vw,120px)}
.center{display:grid;gap:20px;justify-items:center;text-align:center}
.center-lead{max-width:44ch}
.center-row{justify-content:center}


/* --- Progų juosta ---------------------------------------------------- */
.occ-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:560px){.occ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1060px){.occ-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.occ-card{
  position:relative;display:grid;gap:10px;justify-items:start;
  padding:22px;border-radius:var(--r);
  background:var(--otint);border:2.5px solid transparent;
  transition:transform var(--t) var(--e-spring), border-color var(--t) var(--e-out);
}
.occ-card:hover{transform:translateY(-4px);border-color:var(--o1)}
.occ-card .dots{display:flex;gap:6px}
.occ-card .dots i{width:24px;height:24px;border-radius:50%;box-shadow:var(--sh-1)}
.occ-card .dots i:nth-child(1){background:var(--o1)}
.occ-card .dots i:nth-child(2){background:var(--o2)}
.occ-card .dots i:nth-child(3){background:var(--o3)}
.occ-card h3{font-size:1.2rem}
.occ-card p{margin:0;font-size:.9rem;font-weight:600;color:var(--text-2)}
.occ-card .go{margin-top:4px;font-size:.88rem;font-weight:800;color:var(--o1)}