/* Atributas hidden visada slepia, net jei klasė turi display */
[hidden] { display: none !important; }
/* Vidurvasaris v4: švarus dizaino sluoksnis (4 ratas). Spalvos ir šriftas lieka (mango, koralas, slyva, pienas, Nunito).
   Pirmiausia telefonui; kompiuteriui nuo 1024 px. Vienas ikonų stilius: linijinės, 1.8 storio, apvalūs galai. */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/nunito-latin-ext-500-normal.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/nunito-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/nunito-latin-ext-700-normal.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/nunito-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/fonts/nunito-latin-ext-800-normal.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/fonts/nunito-latin-800-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(/fonts/nunito-latin-ext-900-normal.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(/fonts/nunito-latin-900-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --mango: #FFB21A; --mango-sv: #FFE7B3; --mango-tamsus: #B26F00;
  --koral: #FF5E3A; --koral-t: #E2431F; --koral-sv: #FFE3D9;
  --slyva: #4A1D3F; --slyva-2: #6E4562; --slyva-3: #9B6B86; --slyva-sv: #F1E6EE;
  --pienas: #FFF8EF; --persikas: #FFE3D3; --balta: #FFFFFF; --linija: #F1E1D6; --linija-2: #E8D3C6;
  --zalia: #2F8A4A; --zalia-sv: #E6F4E8; --melyna-sv: #E6EEF8;
  --grad: linear-gradient(150deg, var(--mango), var(--koral));
  --grad-h: linear-gradient(90deg, var(--koral), var(--mango));
  --sans: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --r: 22px; --r-sm: 14px; --r-lg: 32px;
  --s1: 0 1px 2px rgba(74, 29, 63, .06), 0 8px 24px -14px rgba(74, 29, 63, .28);
  --s2: 0 2px 4px rgba(74, 29, 63, .05), 0 22px 44px -24px rgba(74, 29, 63, .42);
  --plotis: 1160px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--pienas); color: var(--slyva); font: 500 17px/1.55 var(--sans); -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; display: block; }
a { color: var(--koral-t); text-underline-offset: 3px; font-weight: 700; }
button { font-family: inherit; }
h1, h2, h3, h4 { font-weight: 900; line-height: 1.08; letter-spacing: -0.022em; margin: 0 0 .45em; text-wrap: balance; }
h1 { font-size: clamp(32px, 8.4vw, 60px); }
h2 { font-size: clamp(27px, 6.4vw, 44px); }
h3 { font-size: 20px; line-height: 1.2; letter-spacing: -0.01em; }
p { margin: 0 0 1em; text-wrap: pretty; }
.konteineris { max-width: var(--plotis); margin: 0 auto; padding: 0 20px; }
.siauras { max-width: 680px; margin: 0 auto; padding: 0 20px; }
.mazas { font-size: 14.5px; color: var(--slyva-2); }
.smulkiai { font-size: 13px; line-height: 1.5; color: var(--slyva-3); font-weight: 500; }
.virsantraste { display: inline-block; font-weight: 800; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--koral-t); margin-bottom: 10px; }
.akcentas { color: var(--koral); }
.slepti { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ik { width: 22px; height: 22px; flex: none; }

/* Mygtukai */
.mygtukas { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 0 26px; border-radius: 18px; border: 0; background: var(--slyva); color: #fff; font: 900 18px/1.1 var(--sans); text-decoration: none; cursor: pointer; text-align: center; box-shadow: 0 10px 20px -12px rgba(74, 29, 63, .7); transition: transform .15s, filter .15s, box-shadow .15s; }
.mygtukas:hover { filter: brightness(1.1); }
.mygtukas:active { transform: scale(.98); }
.mygtukas:disabled { opacity: .45; cursor: default; filter: none; }
.mygtukas--platus { width: 100%; }
.mygtukas--ryskus { background: var(--grad-h); box-shadow: 0 12px 24px -12px rgba(226, 67, 31, .75); }
.mygtukas--baltas { background: var(--balta); color: var(--slyva); }
.mygtukas--antrinis { background: transparent; color: var(--slyva); box-shadow: inset 0 0 0 2px var(--linija-2); }
.mygtukas--mazas { min-height: 44px; padding: 0 18px; font-size: 16px; border-radius: 14px; }
.mygtukas .rodykle { transition: transform .2s; }
.mygtukas:hover .rodykle { transform: translateX(3px); }
.nuoroda-mygt { background: none; border: 0; padding: 6px 0; color: var(--slyva-2); font: 700 15px var(--sans); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* Logotipas */
.logo { display: inline-flex; align-items: center; gap: 8px; font-weight: 900; font-size: 22px; color: var(--slyva); text-decoration: none; letter-spacing: -0.02em; }
.logo i { width: 24px; height: 24px; border-radius: 50%; background: conic-gradient(var(--mango) 0 50%, var(--koral) 0); flex: none; }

/* Viršus */
.virsus { position: sticky; top: 0; z-index: 30; background: rgba(255, 248, 239, .88); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid transparent; transition: border-color .2s; }
.virsus.slinkta { border-bottom-color: var(--linija); }
.virsus .konteineris { display: flex; align-items: center; gap: 16px; height: 64px; }
.virsus nav { display: none; gap: 4px; margin-left: 18px; }
.virsus nav a { color: var(--slyva); text-decoration: none; font-weight: 700; font-size: 15.5px; padding: 8px 12px; border-radius: 12px; }
.virsus nav a:hover { background: var(--balta); }
.virsus .desine { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.virsus .prisijungti { display: none; color: var(--slyva); text-decoration: none; font-weight: 800; font-size: 15.5px; padding: 8px 12px; }
.virsus .mygtukas { min-height: 44px; padding: 0 18px; font-size: 15.5px; border-radius: 14px; }
@media (min-width: 1024px) { .virsus nav, .virsus .prisijungti { display: flex; } .virsus .konteineris { height: 72px; } }

/* Skyriai */
.skyrius { padding: 64px 0; }
.skyrius--balta { background: var(--balta); }
.skyrius--persikas { background: var(--persikas); }
.skyrius--slyva { background: var(--slyva); color: #fff; }
.skyrius--slyva .mazas, .skyrius--slyva p { color: #F3E3EC; }
.antraste-blokas { max-width: 740px; margin-bottom: 28px; }
.antraste-blokas.centre { margin-left: auto; margin-right: auto; text-align: center; }
.ivadas { font-size: 18px; color: var(--slyva-2); }
@media (min-width: 1024px) { .skyrius { padding: 96px 0; } .ivadas { font-size: 19px; } }

/* Herojus */
.herojus { padding: 8px 0 28px; }
.herojus .tinklas { display: grid; gap: 18px; }
.herojus .vaizdas { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 3; background: var(--grad); }
.herojus .vaizdas img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 6%; }
.lipdukas { position: absolute; z-index: 2; display: inline-block; background: rgba(255, 255, 255, .94); border-radius: 16px; padding: 7px 12px; font-weight: 900; font-size: 14px; color: var(--slyva); box-shadow: var(--s1); line-height: 1.2; }
.lipdukas small { display: block; font-weight: 800; font-size: 10.5px; color: var(--slyva-3); text-transform: uppercase; letter-spacing: .07em; }
.herojus .l1 { left: 12px; bottom: 14px; }
.herojus .l2 { right: 12px; bottom: 14px; }
.herojus .l3 { display: none; }
.herojus .klausimas { font-weight: 800; color: var(--koral-t); font-size: 15px; margin: 0 0 8px; }
.herojus h1 { margin-bottom: 10px; }
.herojus .paantraste { font-size: 17px; color: var(--slyva-2); margin-bottom: 16px; max-width: 34em; }
.amziaus-klausimas { font-weight: 900; font-size: 17px; margin: 0 0 10px; }
.amziai { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.amzius { display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 16px; background: var(--slyva); color: #fff; text-decoration: none; font-weight: 900; font-size: 17px; box-shadow: 0 8px 16px -10px rgba(74, 29, 63, .7); transition: transform .12s, filter .12s; }
.amzius:hover { filter: brightness(1.12); }
.amzius:active { transform: scale(.97); }
.amzius:nth-child(4), .amzius:nth-child(5) { grid-column: span 1; }
.po-mygtuku { font-size: 14px; color: var(--slyva-3); margin: 12px 0 0; font-weight: 600; }
@media (max-width: 1023px) {
  .herojus .vaizdas { aspect-ratio: 16 / 10; border-radius: 26px; }
  .amziai { grid-template-columns: repeat(5, 1fr); gap: 6px; }
  .amzius { min-height: 50px; font-size: 15px; border-radius: 14px; }
}
@media (max-width: 380px) { .amziai { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) {
  .herojus { padding: 40px 0 72px; }
  .herojus .tinklas { grid-template-columns: 1.05fr .95fr; align-items: center; gap: 56px; }
  .herojus .vaizdas { order: 2; aspect-ratio: 4 / 5; }
  .herojus .l1 { left: 18px; top: 22px; bottom: auto; }
  .herojus .l2 { right: 18px; top: 46%; bottom: auto; }
  .herojus .l3 { display: block; left: 18px; bottom: 22px; }
  .herojus .paantraste { font-size: 19px; }
  .amziai { grid-template-columns: repeat(5, 1fr); max-width: 560px; }
}

/* Pasitikėjimo juosta */
.juosta { background: var(--slyva); color: #FFE9DE; font-weight: 800; font-size: 14px; }
.juosta .konteineris { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; padding-top: 12px; padding-bottom: 12px; }
.juosta span { display: inline-flex; align-items: center; gap: 7px; }
.juosta svg { width: 16px; height: 16px; color: var(--mango); }
@media (min-width: 1024px) { .juosta { font-size: 15px; } .juosta .konteineris { justify-content: space-between; padding-top: 16px; padding-bottom: 16px; } }

/* Palyginimas */
.palyginimas { display: grid; gap: 14px; }
.palyg { border-radius: var(--r); padding: 22px 22px 14px; }
.palyg h3 { font-size: 18px; margin-bottom: 12px; }
.palyg ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.palyg li { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; }
.palyg li svg { width: 22px; height: 22px; margin-top: 1px; flex: none; }
.palyg--iprastas { background: var(--balta); color: var(--slyva-2); box-shadow: inset 0 0 0 1.5px var(--linija); }
.palyg--iprastas svg { color: var(--slyva-3); }
.palyg--musu { background: var(--slyva); color: #fff; box-shadow: var(--s2); }
.palyg--musu svg { color: var(--mango); }
@media (min-width: 1024px) { .palyginimas { grid-template-columns: 1fr 1fr; gap: 22px; max-width: 900px; } .palyg { padding: 28px 30px 22px; } }

/* Mityba po 40 */
.po40 { display: grid; gap: 12px; }
.po40-kortele { background: var(--balta); border-radius: var(--r); padding: 20px 20px 8px; box-shadow: var(--s1); }
.po40-kortele .ikona { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; margin-bottom: 12px; background: var(--persikas); color: var(--koral-t); }
.po40-kortele:nth-child(2) .ikona { background: var(--slyva-sv); color: var(--slyva); }
.po40-kortele:nth-child(3) .ikona { background: var(--melyna-sv); color: #2D5E9A; }
.po40-kortele:nth-child(4) .ikona { background: var(--mango-sv); color: var(--mango-tamsus); }
.po40-kortele p { font-size: 15.5px; color: var(--slyva-2); }
@media (min-width: 640px) { .po40 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .po40 { grid-template-columns: repeat(4, 1fr); gap: 18px; } }

/* Ką gausi */
.gausi { display: grid; gap: 14px; }
.gausi-kortele { background: var(--balta); border-radius: var(--r); overflow: hidden; box-shadow: var(--s1); display: flex; flex-direction: column; }
.gausi-kortele .foto { aspect-ratio: 4 / 3; overflow: hidden; background: var(--persikas); }
.gausi-kortele .foto img { width: 100%; height: 100%; object-fit: cover; }
.gausi-kortele .tekstas { padding: 16px 18px 6px; }
.gausi-kortele h3 { font-size: 18.5px; margin-bottom: 6px; }
.gausi-kortele p { font-size: 15px; color: var(--slyva-2); }
@media (min-width: 640px) { .gausi { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .gausi { grid-template-columns: repeat(3, 1fr); gap: 22px; } }

/* Receptų tinklelis */
.receptu-tinklas { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.recepto-plyta { position: relative; border-radius: 18px; overflow: hidden; background: var(--persikas); aspect-ratio: 1; box-shadow: var(--s1); }
.recepto-plyta img { width: 100%; height: 100%; object-fit: cover; }
.recepto-plyta figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 12px 10px; background: linear-gradient(to top, rgba(40, 14, 33, .78), rgba(40, 14, 33, 0)); color: #fff; font-weight: 800; font-size: 14px; line-height: 1.25; }
.recepto-plyta figcaption small { display: block; font-weight: 700; opacity: .85; font-size: 12px; margin-top: 2px; }
@media (min-width: 1024px) { .receptu-tinklas { grid-template-columns: repeat(4, 1fr); gap: 18px; } .recepto-plyta figcaption { font-size: 16px; padding: 34px 16px 14px; } }

/* Garsas */
.garso-tinklas { display: grid; gap: 16px; }
.garso-kortele { background: var(--balta); border-radius: var(--r); padding: 18px; box-shadow: var(--s1); }
.garso-kortele h3 { display: flex; align-items: center; gap: 10px; font-size: 19px; margin-bottom: 12px; }
.garso-eil { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--linija); }
.garso-eil:first-of-type { border-top: 0; }
.garso-eil .groti { width: 40px; height: 40px; border-radius: 50%; background: var(--slyva); color: #fff; display: grid; place-items: center; flex: none; }
.garso-eil .groti svg { width: 16px; height: 16px; margin-left: 2px; }
.garso-eil b { display: block; font-size: 16px; line-height: 1.25; }
.garso-eil span { font-size: 13.5px; color: var(--slyva-3); font-weight: 700; }
.garso-eil .laikas { margin-left: auto; font-size: 13px; color: var(--slyva-3); font-weight: 800; white-space: nowrap; }
.garso-kortele--seansai { background: linear-gradient(160deg, #3B1633, #5B2A4E); color: #fff; }
.garso-kortele--seansai .garso-eil { border-top-color: rgba(255, 255, 255, .12); }
.garso-kortele--seansai .groti { background: var(--mango); color: var(--slyva); }
.garso-kortele--seansai span, .garso-kortele--seansai .laikas { color: #E9CFE0; }
@media (min-width: 1024px) { .garso-tinklas { grid-template-columns: 1fr 1fr; gap: 22px; } .garso-kortele { padding: 26px; } }

/* Palydovas (tiko / netiko) */
.dvi-kolonos { display: grid; gap: 28px; align-items: center; }
@media (min-width: 1024px) { .dvi-kolonos { grid-template-columns: 1fr 1fr; gap: 64px; } }
.demo { display: grid; gap: 12px; }
.demo-kortele { background: var(--balta); border-radius: var(--r); padding: 18px; box-shadow: var(--s2); }
.demo-kortele .kada { font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--koral-t); }
.demo-kortele .pav { display: block; font-weight: 900; font-size: 19px; margin: 4px 0 2px; }
.demo-kortele .meta { font-size: 13px; color: var(--slyva-3); font-weight: 700; }
.ivert-mygtukai { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.ivert-klausimas { font-weight: 800; font-size: 15px; margin-right: 4px; }
.ivert-mygt { display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border-radius: 99px; border: 0; background: var(--pienas); color: var(--slyva); font: 800 15px var(--sans); cursor: pointer; box-shadow: inset 0 0 0 1.5px var(--linija-2); }
.ivert-mygt.pasirinkta { background: var(--zalia-sv); box-shadow: inset 0 0 0 2px var(--zalia); color: #1F5E33; }
.ivert-mygt.pasirinkta.netiko { background: var(--koral-sv); box-shadow: inset 0 0 0 2px var(--koral); color: var(--koral-t); }
.ivert-komentaras { margin: 12px 0 0; padding: 10px 14px; background: var(--pienas); border-radius: 14px; font-style: italic; color: var(--slyva-2); font-size: 15px; }
.koregavimas { background: var(--zalia-sv); color: #1D4A2B; border-radius: var(--r); padding: 16px 18px 6px; }
.koregavimas h3 { font-size: 16px; margin-bottom: 8px; display: flex; gap: 8px; align-items: center; }
.koregavimas ul { margin: 0 0 10px; padding-left: 20px; font-size: 15px; }
.demo-paslepta { display: none; }
.demo--netiko .demo-paslepta { display: block; }
.demo:not(.demo--netiko) .demo-pakeista { display: none; }
.demo-uzuomina { text-align: center; font-size: 14px; font-weight: 800; color: var(--koral-t); margin: 0; }
.demo--paspausta .demo-uzuomina { visibility: hidden; }

/* Telefono ekranai */
.telefonai { display: flex; gap: 14px; overflow-x: auto; margin: 0 -20px; padding: 4px 20px 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.telefonai::-webkit-scrollbar { display: none; }
.telefonas { flex: none; width: 70%; max-width: 260px; scroll-snap-align: center; margin: 0; }
.telefonas img { border-radius: 30px; border: 7px solid var(--slyva); box-shadow: var(--s2); aspect-ratio: 390 / 760; object-fit: cover; object-position: top; width: 100%; background: var(--pienas); }
.telefonas figcaption { text-align: center; font-weight: 800; font-size: 14.5px; margin-top: 10px; }
@media (min-width: 1024px) { .telefonai { justify-content: center; overflow: visible; gap: 32px; } .telefonas { width: 260px; } }

/* D.U.K. */
.duk-tinklas { display: grid; gap: 24px; }
@media (min-width: 1024px) { .duk-tinklas { grid-template-columns: 1fr 2fr; gap: 56px; } }
.duk details { background: var(--balta); border-radius: 18px; margin-bottom: 10px; box-shadow: var(--s1); }
.duk summary { list-style: none; cursor: pointer; padding: 18px 52px 18px 20px; font-weight: 800; font-size: 17px; position: relative; }
.duk summary::-webkit-details-marker { display: none; }
.duk summary::after { content: ''; position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; border-right: 2.5px solid var(--koral); border-bottom: 2.5px solid var(--koral); transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.duk details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.duk details p { padding: 0 20px 18px; margin: 0; color: var(--slyva-2); font-size: 16px; }

/* Pabaigos CTA */
.pabaigos-cta { background: var(--grad); border-radius: var(--r-lg); padding: 40px 24px; text-align: center; color: #fff; box-shadow: var(--s2); }
.pabaigos-cta h2 { color: #fff; }
.pabaigos-cta p { color: #FFF4EA; font-size: 18px; max-width: 34em; margin: 0 auto 22px; }
@media (min-width: 1024px) { .pabaigos-cta { padding: 64px 40px; } }

/* Lipnus mygtukas telefone */
.lipnus-pradzia { position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: linear-gradient(to top, var(--pienas) 72%, rgba(255, 248, 239, 0)); }
.lipnus-pradzia[hidden] { display: none; }
@media (min-width: 1024px) { .lipnus-pradzia { display: none !important; } }

/* Poraštė */
.apacia { padding: 40px 0 48px; background: var(--balta); border-top: 1px solid var(--linija); font-size: 14px; color: var(--slyva-2); }
.apacia .nuorodos { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 16px 0; }
.apacia .nuorodos a { color: var(--slyva); text-decoration: none; font-weight: 700; }
.apacia p { margin: 0 0 6px; }

/* Bendri elementai */
.kortele { background: var(--balta); border-radius: var(--r); padding: 18px; box-shadow: var(--s1); }
.pranesimas { background: var(--zalia-sv); color: #1D4A2B; border-radius: 16px; padding: 14px 18px; font-weight: 700; }
.pranesimas--klaida { background: var(--koral-sv); color: var(--koral-t); }
.laukas { display: grid; gap: 6px; margin-bottom: 14px; }
.laukas label { font-weight: 800; font-size: 15px; }
/* R9: slaptažodžio laukas tokio pat dydžio kaip el. pašto visur (anksčiau stilius buvo tik .su-akute viduje, todėl be jo laukas būdavo mažesnis) */
input[type=email], input[type=text], input[type=password], input[type=number], input[type=tel], textarea, select { width: 100%; min-height: 54px; padding: 12px 16px; border-radius: 14px; border: 1.5px solid var(--linija-2); background: var(--balta); color: var(--slyva); font: 700 17px var(--sans); -webkit-appearance: none; appearance: none; }
select { -webkit-appearance: menulist; appearance: auto; }
textarea { min-height: 96px; resize: vertical; line-height: 1.45; }
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--koral); box-shadow: 0 0 0 4px rgba(255, 94, 58, .14); }
:focus-visible { outline: 3px solid var(--koral); outline-offset: 2px; }
.klaidos-tekstas { color: var(--koral-t); font-weight: 800; font-size: 15px; min-height: 0; margin: 6px 0; }
.klaidos-tekstas:empty { display: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* Telefono meniu per visą ekraną */
.meniu-mygt { width: 44px; height: 44px; border: 0; background: none; color: var(--slyva); display: grid; place-items: center; border-radius: 12px; cursor: pointer; }
.meniu-mygt .ik { width: 28px; height: 28px; }
.meniu { position: fixed; inset: 0; z-index: 60; background: var(--pienas); padding: 0 20px calc(24px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; }
.meniu[hidden] { display: none; }
.meniu-galva { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.meniu-uzdaryti { width: 44px; height: 44px; border: 0; background: none; color: var(--slyva); display: grid; place-items: center; cursor: pointer; }
.meniu-uzdaryti .ik { width: 28px; height: 28px; }
.meniu-nuorodos { display: grid; gap: 4px; margin: 24px 0 auto; }
.meniu-nuorodos a { font-size: 30px; font-weight: 900; color: var(--slyva); text-decoration: none; padding: 8px 0; letter-spacing: -0.02em; }
.meniu-nuorodos .meniu-prisijungti { font-size: 19px; font-weight: 800; color: var(--slyva-2); margin-top: 12px; }
.meniu-apacia { display: flex; gap: 18px; justify-content: center; margin: 18px 0 0; font-size: 14px; }
.meniu-apacia a { color: var(--slyva-2); font-weight: 700; }
html.be-slinkimo { overflow: hidden; }
@media (min-width: 1024px) { .meniu-mygt, .meniu { display: none !important; } }
@media (max-width: 1023px) { .virsus .mygtukas { min-height: 40px; padding: 0 14px; font-size: 14.5px; } .virsus .logo { font-size: 20px; } .virsus .konteineris { gap: 8px; padding: 0 12px 0 16px; } }
@media (max-width: 359px) { .virsus .logo span { display: none; } }
figure { margin: 0; }
.garso-eil > div { min-width: 0; }
.garso-eil > div span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

/* =================== PLANAS (programėlė naršyklėje) =================== */
.planas-v4 { background: var(--pienas); font-weight: 600; }
.app { min-height: 100vh; }
.app-pagrindas { padding: 0 16px calc(96px + env(safe-area-inset-bottom)); max-width: 1120px; margin: 0 auto; }
.app-sonas-nav { display: none; }
.app-apacia { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--balta); border-top: 1px solid var(--linija); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
.app-apacia a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; text-decoration: none; color: var(--slyva-2); font-size: 12px; font-weight: 800; padding: 4px 0; }
.app-apacia a .ik { width: 26px; height: 26px; padding: 3px 14px; box-sizing: content-box; border-radius: 99px; transition: background .15s; }
.app-apacia a[aria-current] { color: var(--slyva); }
.app-apacia a[aria-current] .ik { background: var(--mango-sv); }
.app-apacia .taskas, .app-sonas-nav .taskas { position: absolute; top: 4px; right: calc(50% - 20px); width: 8px; height: 8px; border-radius: 50%; background: var(--koral); }
.app-galva { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 0 12px; }
.app-galva h1 { font-size: 28px; margin: 0; }
.data-eil { display: block; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--slyva-2); margin-bottom: 4px; }
.plano-diena { display: block; font-size: 15px; font-weight: 700; color: var(--slyva-2); letter-spacing: 0; margin-top: 4px; }
.inicialai { width: 40px; height: 40px; border-radius: 50%; background: var(--mango); color: var(--slyva); display: grid; place-items: center; font-weight: 900; font-size: 17px; text-decoration: none; flex: none; }
.inicialai .ik { width: 24px; height: 24px; }
.inicialai--didelis { width: 56px; height: 56px; font-size: 24px; }
.tik-kompiuteryje { display: none; }
.du-stulpeliai { display: grid; gap: 14px; }
.stulpelis-pagr, .stulpelis-sonas { display: grid; gap: 14px; align-content: start; min-width: 0; }
.planas-v4 .kortele { border-radius: 20px; padding: 16px; box-shadow: 0 1px 2px rgba(74, 29, 63, .06), 0 4px 16px -8px rgba(74, 29, 63, .14); }
.planas-v4 h2 { font-size: 20px; }
.skilties-antraste { font-size: 19px; margin: 22px 0 10px; }
.atgal-eil { margin: 16px 0 8px; }
.atgal-eil a { display: inline-flex; align-items: center; gap: 6px; color: var(--slyva-2); text-decoration: none; font-weight: 800; font-size: 15px; }
.atgal-eil .ik { width: 18px; height: 18px; }
.ivadas-mazas { color: var(--slyva-2); margin: -4px 0 14px; }
.smulkiai { margin: 14px 0 0; }
@media (min-width: 1024px) {
  .app { display: grid; grid-template-columns: 248px 1fr; }
  .app-apacia, .tik-telefone { display: none; }
  .tik-kompiuteryje { display: block; }
  .app-sonas-nav { display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; padding: 24px 16px; border-right: 1px solid var(--linija); }
  .app-sonas-nav .logo { margin: 0 12px 28px; }
  .app-sonas-nav nav { display: grid; gap: 4px; }
  .app-sonas-nav nav a { position: relative; display: flex; align-items: center; gap: 12px; height: 48px; padding: 0 14px; border-radius: 14px; color: var(--slyva-2); text-decoration: none; font-weight: 800; font-size: 16px; }
  .app-sonas-nav nav a:hover { background: var(--balta); }
  .app-sonas-nav nav a[aria-current] { background: var(--persikas); color: var(--slyva); }
  .app-sonas-nav nav .ik { width: 24px; height: 24px; }
  .app-sonas-nav .taskas { top: 12px; left: 32px; right: auto; }
  .app-profilis { margin-top: auto; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; text-decoration: none; color: var(--slyva); }
  .app-profilis:hover, .app-profilis[aria-current] { background: var(--balta); }
  .app-profilis b { display: block; font-size: 15px; }
  .app-profilis small { color: var(--slyva-2); font-weight: 700; }
  .app-galva .inicialai { display: none; }
  .app-pagrindas { padding: 12px 40px 64px; width: 100%; }
  .app-galva { padding: 28px 0 18px; }
  .app-galva h1 { font-size: 32px; }
  .du-stulpeliai { grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
  .stulpelis-sonas { position: sticky; top: 24px; }
}

/* Savaitės juosta */
.sav-juosta { background: var(--balta); border-radius: 20px; padding: 14px 12px 10px; box-shadow: 0 1px 2px rgba(74, 29, 63, .06); }
.sav-juosta.tvirta { background: var(--persikas); }
.ratai { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; justify-items: center; }
.ratas { position: relative; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 0; background: var(--pienas); color: var(--slyva-3); padding: 0; font: inherit; }
.ratas i { position: absolute; bottom: -18px; font-style: normal; font-size: 12px; font-weight: 800; color: var(--slyva-2); }
.ratas .ik { width: 18px; height: 18px; }
.ratas.veikta { background: var(--mango); color: var(--slyva); }
.ratas.siandien { box-shadow: inset 0 0 0 2.5px var(--slyva); }
.ratas.ateitis { cursor: pointer; background: #F6EEE7; }
.ratas.ateitis .ik { width: 15px; height: 15px; }
.sav-juosta p { text-align: center; font-size: 14px; font-weight: 800; color: var(--slyva-2); margin: 24px 0 0; }

/* Progreso kortelė */
.progreso-kortele { display: grid; gap: 10px; text-decoration: none; color: var(--slyva); }
.pk-virsus { display: flex; justify-content: space-between; align-items: center; font-size: 17px; }
.pk-virsus .ik, .progreso-kortele > .ik { width: 18px; height: 18px; color: var(--slyva-3); }
.pk-juosta { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; font-variant-numeric: tabular-nums; }
.pk-juosta small { font-weight: 800; color: var(--slyva-2); font-size: 13px; }
.pk-linija { position: relative; height: 8px; border-radius: 99px; background: var(--pienas); }
.pk-linija span { position: absolute; inset: 0 auto 0 0; border-radius: 99px; background: var(--mango); }
.pk-linija i { position: absolute; top: 50%; width: 16px; height: 16px; border-radius: 50%; background: var(--slyva); border: 3px solid #fff; transform: translate(-50%, -50%); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
.pk-apacia { font-size: 14px; color: var(--slyva-2); font-weight: 700; }

/* Dienos patikra */
.patikra .pt-galva { display: flex; justify-content: space-between; align-items: baseline; }
.patikra .pt-galva h2 { margin: 0; font-size: 19px; }
.patikra .pt-galva span { font-size: 13px; color: var(--slyva-3); font-weight: 800; }
.pt-klausimas { border: 0; margin: 12px 0 0; padding: 0; min-width: 0; }
.pt-klausimas legend { font-weight: 800; font-size: 16px; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
.pt-klausimas legend .ik { width: 20px; height: 20px; color: var(--koral-t); }
.pt-ratai { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.pt-ratai label, .pt-kapsules label { position: relative; cursor: pointer; }
.pt-ratai input, .pt-kapsules input, .tiko-mygtukai input, .skirtukai3 > input, .rc-skirtukai > input { position: absolute; opacity: 0; pointer-events: none; }
.pt-ratas { display: grid; place-items: center; aspect-ratio: 1; max-width: 56px; margin: 0 auto; border-radius: 50%; background: var(--pienas); color: var(--slyva-2); box-shadow: inset 0 0 0 1.5px var(--linija-2); transition: background .15s, transform .1s; }
.pt-ratas .ik { width: 24px; height: 24px; }
.pt-ratai label:nth-child(1) .pt-ratas .ik { opacity: .45; } .pt-ratai label:nth-child(2) .pt-ratas .ik { opacity: .65; }
.pt-ratai input:checked + .pt-ratas { background: var(--slyva); color: #fff; box-shadow: none; transform: scale(1.06); }
.pt-ratai input:focus-visible + .pt-ratas, .pt-kapsules input:focus-visible + span { outline: 3px solid var(--koral); outline-offset: 2px; }
.pt-krastai { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--slyva-3); font-weight: 800; margin-top: 6px; }
.pt-kapsules { display: flex; flex-wrap: wrap; gap: 8px; }
.pt-kapsules span { display: inline-flex; flex-direction: column; align-items: center; min-height: 44px; justify-content: center; padding: 6px 16px; border-radius: 99px; background: var(--pienas); box-shadow: inset 0 0 0 1.5px var(--linija-2); font-weight: 800; font-size: 15px; }
.pt-kapsules span small { font-size: 11.5px; color: var(--slyva-3); font-weight: 700; }
.pt-kapsules input:checked + span { background: var(--slyva); color: #fff; box-shadow: none; }
.pt-kapsules input:checked + span small { color: #EED9E7; }
.pt-svorio-eile { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.pt-svorio-eile input { max-width: 120px; text-align: center; font-size: 20px; font-variant-numeric: tabular-nums; }
.pt-svorio-eile button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--pienas); font-size: 22px; font-weight: 900; color: var(--slyva); cursor: pointer; }
.patikra--atlikta .pt-rez { font-weight: 800; font-size: 16.5px; margin: 0 0 10px; }
.pt-zymos { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.pt-zymos span { font-size: 13px; font-weight: 800; background: var(--pienas); border-radius: 99px; padding: 5px 10px; color: var(--slyva-2); }
.patikra.saugoma { opacity: .6; }
.js .pt-forma [data-zingsnis][hidden] { display: none; }

/* Šiandienos planas */
.sp-galva { display: flex; justify-content: space-between; align-items: center; margin: 6px 0 8px; }
.sp-galva h2 { margin: 0; }
.sp-skaitiklis { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--slyva-2); }
.sp-skaitiklis svg { width: 26px; height: 26px; transform: rotate(-90deg); }
.sp-skaitiklis circle { fill: none; stroke: var(--linija); stroke-width: 4; }
.sp-skaitiklis .eiga { stroke: var(--zalia); stroke-linecap: round; }
.diena-uzbaigta { display: flex; align-items: center; gap: 8px; background: var(--mango-sv); border-radius: 14px; padding: 10px 14px; font-weight: 800; }
.diena-uzbaigta .ik { color: var(--mango-tamsus); animation: kvepuoti 2.4s ease-in-out 1; }
.plano-sarasas { list-style: none; margin: 0; padding: 0; background: var(--balta); border-radius: 20px; box-shadow: 0 1px 2px rgba(74, 29, 63, .06), 0 4px 16px -8px rgba(74, 29, 63, .14); }
.plano-eil { display: grid; grid-template-columns: 44px 1fr 40px; align-items: center; gap: 4px; padding: 10px 8px 10px 6px; border-top: 1px solid var(--linija); }
.plano-eil:first-child { border-top: 0; }
.pe-tekstas { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--slyva); min-width: 0; }
.pe-tekstas > span { min-width: 0; }
.pe-tekstas small { display: block; font-size: 13px; color: var(--slyva-2); font-weight: 700; }
.pe-tekstas b { display: block; font-size: 16.5px; line-height: 1.25; font-weight: 800; }
.plano-eil.atlikta .pe-tekstas b { color: var(--slyva-3); }
.pe-po { grid-column: 2 / -1; }
.mini { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; flex: none; background: var(--persikas); }
.mini--ikona { display: grid; place-items: center; color: var(--koral-t); }
.mini--ikona .ik { width: 26px; height: 26px; }
.mini--gidas { object-fit: contain; background: var(--mango-sv); padding: 4px; }
.varnele-forma { margin: 0; display: contents; }
.varnele { width: 44px; height: 44px; border: 0; background: none; padding: 0; display: grid; place-items: center; color: var(--slyva-3); cursor: pointer; }
.varnele .ik { width: 30px; height: 30px; transition: transform .2s; }
.varnele.pazymeta { color: var(--zalia); }
.varnele.pazymeta .ik { transform: scale(1.08); }
.zyma { display: inline-block; font-size: 11.5px; font-weight: 800; padding: 1px 7px; border-radius: 99px; background: var(--pienas); color: var(--slyva-2); vertical-align: 1px; }
.zyma--kitaip { background: var(--persikas); color: var(--koral-t); }
.zyma--pakeista { background: var(--mango-sv); color: var(--mango-tamsus); }
.daugiau { position: relative; }
.daugiau summary { list-style: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; cursor: pointer; color: var(--slyva-2); }
.daugiau summary::-webkit-details-marker { display: none; }
.daugiau summary:hover { background: var(--pienas); }
.daugiau .ik.storas { width: 24px; height: 24px; }
.daugiau-meniu { position: absolute; right: 0; top: 42px; z-index: 30; min-width: 230px; background: var(--balta); border-radius: 16px; box-shadow: var(--s2); padding: 6px; }
.daugiau-meniu a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; color: var(--slyva); text-decoration: none; font-weight: 800; font-size: 15px; }
.daugiau-meniu a:hover { background: var(--pienas); }
.daugiau-meniu .ik { width: 20px; height: 20px; color: var(--slyva-2); }

/* Kapsulės ir „Kaip tiko?" */
.kapsule { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: 99px; border: 0; background: var(--pienas); color: var(--slyva); font: 800 15px var(--sans); text-decoration: none; cursor: pointer; box-shadow: inset 0 0 0 1.5px var(--linija-2); }
.kapsule .ik { width: 18px; height: 18px; }
.kapsule--maza { min-height: 32px; padding: 0 11px; font-size: 13.5px; }
.kapsule.aktyvi, .kapsule--varnele.pazymeta { background: var(--zalia-sv); color: #1F5E33; box-shadow: inset 0 0 0 2px var(--zalia); }
.kapsule--zalia { background: var(--zalia-sv); color: #1F5E33; box-shadow: none; }
.kapsule--varnele { min-height: 44px; }
.tiko { margin-top: 8px; }
.tiko-mygtukai { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tiko-mygtukai > span { font-weight: 800; font-size: 14.5px; margin-right: 2px; }
.tiko-mygtukai input:checked + .kapsule { background: var(--zalia-sv); box-shadow: inset 0 0 0 2px var(--zalia); color: #1F5E33; }
.tiko-mygtukai label:nth-of-type(2) input:checked + .kapsule { background: var(--koral-sv); box-shadow: inset 0 0 0 2px var(--koral); color: var(--koral-t); }
.tiko-papildomai { display: none; margin-top: 10px; gap: 8px; }
.tiko-forma.atidaryta .tiko-papildomai, .no-js .tiko-papildomai { display: grid; }
.greitos { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.tiko--yra p { margin: 0 0 4px; }
.tiko--yra q { color: var(--slyva-2); font-style: italic; font-size: 14.5px; }
.tiko-taip { background: var(--zalia-sv); color: #1F5E33; box-shadow: none; min-height: 30px; font-size: 13.5px; }
.tiko-ne { background: var(--koral-sv); color: var(--koral-t); box-shadow: none; min-height: 30px; font-size: 13.5px; }

/* Anonsas, rytoj, pradžia */
.anonsas { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; border: 0; background: var(--persikas) !important; box-shadow: none !important; cursor: pointer; font: inherit; color: var(--slyva); }
.anonsas > .ik { width: 26px; height: 26px; color: var(--koral-t); flex: none; }
.anonsas small { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--koral-t); }
.anonsas b { display: block; font-size: 16px; }
.anonsas--statinis { cursor: default; }
.taskai { display: inline-flex; gap: 4px; vertical-align: middle; }
.taskai i { width: 9px; height: 9px; border-radius: 50%; background: var(--linija-2); }
.taskai i.pilnas { background: var(--koral); }
.rytoj { display: grid; gap: 10px; text-decoration: none; color: var(--slyva); }
.rytoj-galva { display: flex; justify-content: space-between; align-items: center; }
.rytoj-galva .ik { width: 18px; height: 18px; color: var(--slyva-3); }
.rytoj-foto { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.rytoj-foto img, .rytoj-foto .mini { width: 100%; height: auto; aspect-ratio: 1; border-radius: 12px; object-fit: cover; }
.rytoj--savaite { display: flex; gap: 12px; align-items: center; }
.rytoj--savaite > .ik { width: 26px; height: 26px; color: var(--mango-tamsus); }
.pradzia { display: flex; gap: 12px; background: var(--mango-sv) !important; }
.pradzia > .ik { width: 30px; height: 30px; color: var(--mango-tamsus); flex: none; }
.pradzia p { margin: 2px 0 10px; font-size: 15px; }
/* R7: nepatvirtinta naršyklė (tik plano nuoroda) */
.patvirtink-blokas { display: flex; gap: 12px; }
.patvirtink-blokas > .ik { width: 26px; height: 26px; flex: none; margin-top: 2px; }
.patvirtink-blokas p { margin: 2px 0 10px; font-size: 15px; }
.savaite-paruosta { background: var(--zalia-sv) !important; color: #1D4A2B; }
.savaite-paruosta summary { list-style: none; display: flex; gap: 10px; align-items: center; cursor: pointer; }
.savaite-paruosta summary .ik { width: 26px; height: 26px; color: var(--zalia); }
.savaite-paruosta summary b, .savaite-paruosta summary .mazas { display: block; }
.savaite-paruosta ul { margin: 10px 0 0; padding-left: 20px; font-size: 15px; }

/* Segmentai ir dienų juosta */
.segmentai { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; background: #F4E9DF; border-radius: 14px; padding: 4px; margin: 4px 0 14px; }
.segmentai a { text-align: center; padding: 9px 8px; border-radius: 11px; text-decoration: none; color: var(--slyva-2); font-weight: 800; font-size: 15px; display: inline-flex; justify-content: center; align-items: center; gap: 6px; }
.segmentai a[aria-current] { background: var(--balta); color: var(--slyva); box-shadow: 0 1px 3px rgba(74, 29, 63, .12); }
.segmentai--mazi { max-width: 420px; }
.segmentai .spyna { width: 14px; height: 14px; }
.dienu-juosta { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-bottom: 14px; }
.diena-kaps { display: flex; flex-direction: column; align-items: center; padding: 8px 0; border-radius: 14px; background: var(--balta); text-decoration: none; color: var(--slyva); position: relative; }
.diena-kaps small { font-size: 12px; font-weight: 800; color: var(--slyva-2); }
.diena-kaps b { font-size: 18px; }
.diena-kaps.uzrakinta { background: #F6EEE7; color: var(--slyva-3); }
.diena-kaps .spyna { width: 12px; height: 12px; position: absolute; top: 4px; right: 4px; }
.diena-kaps[aria-current="true"] { background: var(--slyva); color: #fff; }
.diena-kaps[aria-current="true"] small { color: #EED9E7; }
.diena-kaps.siandien:not([aria-current="true"]) { box-shadow: inset 0 0 0 2px var(--slyva); }

/* Valgio kortelė */
.valgiu-tinklas { display: grid; gap: 14px; }
.valgio-kortele { background: var(--balta); border-radius: 20px; overflow: hidden; box-shadow: 0 1px 2px rgba(74, 29, 63, .06), 0 4px 16px -8px rgba(74, 29, 63, .14); }
.vk-foto { display: block; aspect-ratio: 4 / 3; background: var(--persikas); }
.vk-foto img { width: 100%; height: 100%; object-fit: cover; }
.vk-be-foto { display: grid; place-items: center; height: 100%; color: var(--koral-t); }
.vk-be-foto .ik { width: 48px; height: 48px; }
.vk-tekstas { padding: 12px 16px 16px; }
.vk-virsus { display: flex; justify-content: space-between; align-items: center; }
.vk-virsus small { font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--koral-t); }
.vk-pav { display: block; font-size: 19px; font-weight: 900; color: var(--slyva); text-decoration: none; line-height: 1.2; margin: 2px 0 4px; }
.vk-meta { font-size: 14px; color: var(--slyva-2); margin: 0 0 8px; }
.vk-veiksmai { padding-top: 10px; border-top: 1px solid var(--linija); }
.valgio-kortele.atlikta .vk-pav { color: var(--slyva-2); }
@media (min-width: 640px) { .valgiu-tinklas { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1280px) { .valgiu-tinklas { grid-template-columns: repeat(4, 1fr); } }
.uzrakinta-diena { text-align: center; padding: 10px 0 20px; }
.uzrakinta-diena .sulieta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
.uzrakinta-diena .sulieta img, .uzrakinta-diena .sulieta span { width: 100%; aspect-ratio: 1; border-radius: 16px; object-fit: cover; filter: blur(16px) saturate(.9); background: var(--persikas); }
.uzrakinta-diena .sulieta { overflow: hidden; border-radius: 16px; }
.uzrakinta-diena p { display: inline-flex; gap: 8px; align-items: center; font-weight: 800; }
.uzrakinta-diena .ik { width: 20px; height: 20px; }
@media (min-width: 1024px) { .uzrakinta-diena .sulieta { grid-template-columns: repeat(4, 1fr); } }

/* Receptas */
.ekranas-receptas .app-pagrindas { padding-top: 0; }
.receptas { max-width: 760px; margin: 0 auto; }
.rc-foto { position: relative; margin: 0 -16px; aspect-ratio: 4 / 3; background: var(--persikas); }
.rc-foto img { width: 100%; height: 100%; object-fit: cover; }
.rc-atgal { position: absolute; top: 14px; left: 14px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .94); display: grid; place-items: center; color: var(--slyva); box-shadow: var(--s1); }
.rc-atgal .ik { width: 22px; height: 22px; }
.rc-turinys { padding-top: 18px; }
.rc-turinys h1 { font-size: 27px; }
.rc-zymos { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.rc-zymos span { display: inline-flex; gap: 6px; align-items: center; background: var(--balta); border-radius: 99px; padding: 6px 12px; font-size: 14px; font-weight: 800; }
.rc-zymos .ik { width: 18px; height: 18px; color: var(--koral-t); }
.rc-zymos .kcal { background: none; color: var(--slyva-2); font-weight: 700; }
.rc-skirtukai, .skirtukai3 { display: grid; grid-template-columns: 1fr 1fr; background: #F4E9DF; border-radius: 14px; padding: 4px; gap: 0; }
.skirtukai3 { grid-template-columns: repeat(3, 1fr); }
.rc-skirtukai > label, .skirtukai3 > label { text-align: center; padding: 9px; border-radius: 11px; font-weight: 800; font-size: 15px; cursor: pointer; color: var(--slyva-2); }
.rc-skirtukai > input:checked + label, .skirtukai3 > input:checked + label { background: var(--balta); color: var(--slyva); box-shadow: 0 1px 3px rgba(74, 29, 63, .12); }
.rc-ingr, .rc-gam, .ks-turinys { grid-column: 1 / -1; display: none; background: var(--pienas); margin: 8px -4px -4px; padding: 14px 4px 4px; }
#rc-i:checked ~ .rc-ingr, #rc-g:checked ~ .rc-gam { display: block; }
#ks-kitas:checked ~ .ks-kitas, #ks-namie:checked ~ .ks-namie, #ks-nemegstu:checked ~ .ks-nemegstu { display: block; }
.ingredientai { list-style: none; padding: 0; margin: 0; background: var(--balta); border-radius: 18px; }
.ingredientai li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 14px; border-top: 1px solid var(--linija); }
.ingredientai li:first-child { border-top: 0; }
.ingredientai label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.ingredientai input { width: 22px; height: 22px; accent-color: var(--zalia); }
.ingredientai input:checked + span { text-decoration: line-through; color: var(--slyva-3); }
.ingredientai .k { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--slyva-2); white-space: nowrap; }
.gaminimas { padding-left: 22px; font-size: 17.5px; }
.gaminimas li { margin-bottom: 12px; padding-left: 4px; }
.patarimas { background: var(--persikas); border-radius: 16px; padding: 14px 16px; margin: 16px 0; font-size: 15.5px; }
.rc-lipnus { position: sticky; bottom: calc(76px + env(safe-area-inset-bottom)); display: flex; justify-content: center; padding: 10px 0; }
.rc-lipnus .kapsule { box-shadow: var(--s2), inset 0 0 0 1.5px var(--linija-2); background: var(--balta); min-height: 52px; padding: 0 22px; font-size: 16px; }
@media (min-width: 1024px) { .rc-foto { margin: 24px 0 0; border-radius: 24px; overflow: hidden; } .rc-lipnus { bottom: 16px; } }
.gaminu-rezimas[hidden] { display: none; }
.gaminu-rezimas { position: fixed; inset: 0; z-index: 80; background: var(--pienas); display: flex; flex-direction: column; justify-content: center; padding: 24px; }
.gaminu-rezimas .uzdaryti { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border: 0; background: var(--balta); border-radius: 50%; display: grid; place-items: center; }
.gr-nr { font-weight: 800; color: var(--koral-t); text-transform: uppercase; letter-spacing: .06em; font-size: 14px; }
.gr-tekstas { font-size: clamp(24px, 6vw, 36px); font-weight: 800; line-height: 1.3; }
.gr-mygt { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }

/* Keitimas, pirkiniai, žinutė */
.pakaitalas { display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center; background: var(--balta); border-radius: 16px; padding: 10px; margin-bottom: 8px; }
.pakaitalas b { display: block; font-size: 15.5px; line-height: 1.25; }
.produktu-zymes { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 14px; }
.produktu-zymes input { position: absolute; opacity: 0; }
.produktu-zymes label { padding: 8px 14px; border-radius: 99px; background: var(--balta); box-shadow: inset 0 0 0 1.5px var(--linija-2); font-weight: 800; font-size: 14.5px; cursor: pointer; }
.produktu-zymes input:checked + label { background: var(--koral-sv); box-shadow: inset 0 0 0 2px var(--koral); color: var(--koral-t); }
.eiga { height: 8px; background: var(--linija); border-radius: 99px; overflow: hidden; margin: 12px 0; }
.eiga span { display: block; height: 100%; width: 0; background: var(--grad-h); border-radius: 99px; transition: width .2s; }
.eiga.etapai { height: auto; background: none; }
.eiga.etapai span { height: 8px; background: var(--grad-h); }
.eiga.etapai p { margin: 8px 0 0; font-weight: 800; font-size: 14.5px; }
.pirk-grupe { background: var(--balta); border-radius: 18px; margin-bottom: 10px; }
.pirk-grupe summary { list-style: none; display: flex; justify-content: space-between; padding: 14px 16px; cursor: pointer; }
.pirk-grupe summary::-webkit-details-marker { display: none; }
.pg-sk { font-weight: 800; color: var(--slyva-3); font-size: 14px; font-variant-numeric: tabular-nums; }
.pirkinys { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; min-height: 48px; padding: 4px 16px; border-top: 1px solid var(--linija); cursor: pointer; }
.pirkinys input { width: 24px; height: 24px; accent-color: var(--zalia); }
.pirkinys input:checked ~ .pv { text-decoration: line-through; color: var(--slyva-3); }
.pirkinys .k { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--slyva-2); font-size: 15px; }
#dalintis { margin-top: 14px; }
.zinute p { font-size: 17px; }

/* „Pakeisti" (5 ratas): matomas mygtukas, langas su priežastimis ir pakaitalais */
.kapsule--keisti { background: var(--balta); }
.kapsule--keisti .ik { color: var(--koral-t); }
.kapsule--keisti:hover { box-shadow: inset 0 0 0 1.5px var(--slyva-3); }
.pe-veiksmai { padding-left: 68px; margin: 2px 0 4px; display: flex; flex-wrap: wrap; gap: 8px; }
.keista-ok { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0; padding: 9px 12px; border-radius: 12px; background: var(--zalia-sv); color: #1D4A2B; font-size: 14px; font-weight: 700; line-height: 1.4; }
.keista-ok .ik { width: 20px; height: 20px; color: var(--zalia); margin-top: -1px; }
.keista-ok a { color: inherit; font-weight: 800; }
.pe-po .keista-ok { margin-left: 68px; }
.vk-veiksmai { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vk-veiksmai .kapsule--keisti { min-height: 44px; padding: 0 14px; font-size: 15px; }
.keitimas .kp-dabar { display: flex; align-items: center; gap: 12px; background: var(--balta); border-radius: 16px; padding: 10px; margin: 10px 0 4px; }
.kp-dabar small { display: block; font-size: 12.5px; font-weight: 800; color: var(--slyva-2); }
.kp-dabar b { display: block; font-size: 15.5px; line-height: 1.25; }
.kp-priezastys { display: flex; flex-wrap: wrap; gap: 8px; }
.kp-priezastys > label.kapsule { background: var(--balta); }
.kp-priezastys > label .ik { color: var(--koral-t); }
.kp-priezastys > input:checked + label { background: var(--slyva); color: #fff; box-shadow: none; }
.kp-priezastys > input:checked + label .ik { color: var(--mango); }
.kp-priezastys > input:focus-visible + label { outline: 2px solid var(--koral); outline-offset: 2px; }
.kp-pasirink { flex-basis: 100%; margin: 8px 0 0; }
.kp-priezastys > input:checked ~ .kp-pasirink { display: none; }
.kp-panelis { display: none; flex-basis: 100%; min-width: 0; margin-top: 8px; }
.kp-panelis > p.mazas { margin: 4px 0 10px; }
#kp-netinka:checked ~ .kp-netinka, #kp-produktai:checked ~ .kp-produktai, #kp-ilgai:checked ~ .kp-ilgai, #kp-siandien:checked ~ .kp-siandien { display: block; }
.kp-forma { margin: 0 0 8px; }
button.pakaitalas { width: 100%; border: 0; margin: 0; font: inherit; color: var(--slyva); text-align: left; cursor: pointer; box-shadow: inset 0 0 0 1.5px var(--linija); transition: box-shadow .15s, background .15s; }
button.pakaitalas:hover { box-shadow: inset 0 0 0 1.5px var(--slyva-3); }
button.pakaitalas:disabled { cursor: default; opacity: .6; }
button.pakaitalas.pasirinkta { opacity: 1; background: var(--zalia-sv); box-shadow: inset 0 0 0 2px var(--zalia); }
.pk-tekstas { min-width: 0; }
.pk-tekstas small { display: block; margin-top: 3px; font-size: 13px; font-weight: 700; color: var(--slyva-2); }
.pk-tekstas .pk-truks { color: var(--slyva-3); }
.pk-rinktis { align-self: center; padding: 8px 14px; border-radius: 99px; background: var(--slyva); color: #fff; font-weight: 800; font-size: 14px; white-space: nowrap; }
.pasirinkta .pk-rinktis { background: var(--zalia); }
.kp-papildomai { background: var(--balta); border-radius: 16px; margin-top: 12px; }
.kp-papildomai summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 14px; font-weight: 800; cursor: pointer; }
.kp-papildomai summary::-webkit-details-marker { display: none; }
.kp-papildomai summary .ik { width: 20px; height: 20px; color: var(--koral-t); }
.kp-papildomai summary .ik:last-child { margin-left: auto; color: var(--slyva-3); transition: transform .2s; }
.kp-papildomai[open] summary .ik:last-child { transform: rotate(180deg); }
.kp-papildomai > p, .kp-papildomai > form { margin: 0; padding: 0 14px 14px; }
.kp-papildomai .produktu-zymes label { background: var(--pienas); }
.langas--keisti { overflow-y: auto; }
.langas--keisti .langas-galva { position: sticky; top: -20px; z-index: 2; background: var(--pienas); padding: 4px 0 6px; margin-top: -4px; }
.kl-busena { padding: 28px 0; text-align: center; }
@media (min-width: 1024px) { .langas--keisti { max-width: 560px; } }

/* Kiek žmonių valgo ir „tik sau" */
.zmones { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding: 10px 10px 10px 14px; background: var(--balta); border-radius: 18px; box-shadow: 0 1px 2px rgba(74, 29, 63, .06); }
.zmones.saugoma { opacity: .75; }
.zm-tekstas { display: flex; align-items: center; gap: 10px; min-width: 0; }
.zm-tekstas > .ik { width: 26px; height: 26px; color: var(--koral-t); }
.zm-tekstas b { display: block; font-size: 16px; line-height: 1.25; }
.zm-tekstas small { display: block; font-size: 12.5px; font-weight: 700; color: var(--slyva-2); line-height: 1.35; }
.zm-stepper { display: inline-flex; align-items: center; gap: 2px; flex: none; background: var(--pienas); border-radius: 99px; padding: 4px; }
.zm-stepper button { width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--balta); color: var(--slyva); display: grid; place-items: center; cursor: pointer; box-shadow: 0 1px 2px rgba(74, 29, 63, .14); }
.zm-stepper button:disabled { opacity: .35; cursor: default; box-shadow: none; }
.zm-stepper .ik { width: 18px; height: 18px; }
.zm-stepper output { min-width: 30px; text-align: center; font-weight: 900; font-size: 18px; font-variant-numeric: tabular-nums; }
.nust-grupe .nust-eil--zmones { display: block; padding: 6px 12px 6px 16px; cursor: default; }
.nust-eil--zmones .zmones { margin: 0; padding: 4px 0; background: none; box-shadow: none; border-radius: 0; }
.nust-eil--zmones .zm-tekstas > .ik, .nust-eil--zmones .zm-tekstas small { display: none; }
.nust-eil--zmones .zm-tekstas b { font-size: inherit; font-weight: 800; }
.tik-sau { margin: 8px 0 10px; }
.tik-sau label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 800; font-size: 14.5px; }
.tik-sau input[type=checkbox] { appearance: none; flex: none; width: 44px; height: 26px; margin: 0; border-radius: 99px; background: var(--linija-2); position: relative; cursor: pointer; transition: background .2s; }
.tik-sau input[type=checkbox]::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .2s; }
.tik-sau input:checked { background: var(--zalia); }
.tik-sau input:checked::after { transform: translateX(18px); }
.tik-sau input:focus-visible { outline: 2px solid var(--koral); outline-offset: 2px; }
.rc-veiksmai { margin: -4px 0 14px; }
.rc-zmones { margin-bottom: 14px; }
.rc-zmones .zmones { margin: 0; }
.rc-zmones .tik-sau { margin: 10px 4px 0; }
.rc-kiekiai { margin: 0 4px 10px; }
.rc-kiekiai b { display: block; font-size: 15.5px; }
.rc-kiekiai .mazas { display: block; font-size: 13.5px; margin-top: 2px; }
.ingredientai .k small { display: block; text-align: right; font-size: 12.5px; font-weight: 700; color: var(--slyva-3); }

/* Langai (dialog) */
.langas { border: 0; border-radius: 24px 24px 0 0; padding: 20px 18px calc(24px + env(safe-area-inset-bottom)); width: 100%; max-width: 100%; margin: auto 0 0; max-height: 92vh; background: var(--pienas); color: var(--slyva); box-shadow: var(--s2); }
.langas::backdrop { background: rgba(40, 14, 33, .45); }
.langas-galva { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.langas-galva h2 { margin: 0; }
.langas .uzdaryti { width: 44px; height: 44px; border: 0; background: var(--balta); border-radius: 50%; display: grid; place-items: center; cursor: pointer; }
.langas .uzdaryti .ik { width: 20px; height: 20px; }
.langas--mazas { max-width: 420px; border-radius: 22px; margin: auto; }
.lauko-pav { font-weight: 800; font-size: 15px; margin: 12px 0 8px; }
.kiekiai span { min-width: 92px; }
.foto-mygt { display: flex; align-items: center; gap: 10px; margin: 14px 0 6px; padding: 12px 14px; border-radius: 14px; background: var(--balta); box-shadow: inset 0 0 0 1.5px dashed var(--linija-2); cursor: pointer; font-weight: 800; }
.foto-mygt small { color: var(--slyva-3); font-weight: 700; }
.foto-mygt .ik { width: 22px; height: 22px; color: var(--koral-t); }
.foto-perziura { max-width: 160px; max-height: 160px; width: auto; height: auto; object-fit: contain; border-radius: 12px; margin: 8px 0; }
.kitaip-rez { padding: 18px 0; }
@media (min-width: 1024px) { .langas { max-width: 520px; border-radius: 24px; margin: auto; } }

/* Judėjimas */
.jud-savaite .jud-dienos { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin: 8px 0; }
.jud-diena { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 0; border-radius: 12px; min-height: 64px; }
.jud-diena.siandien { background: var(--persikas); }
.jud-diena small { font-weight: 800; color: var(--slyva-2); font-size: 12px; }
.jud-diena .ik { width: 20px; height: 20px; color: var(--slyva); }
.jud-diena i { width: 6px; height: 6px; border-radius: 50%; background: var(--linija-2); margin-top: 8px; }
.jud-kortele { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: center; text-decoration: none; color: var(--slyva); margin: 14px 0; }
.jud-kortele img { width: 72px; height: 72px; border-radius: 16px; background: var(--mango-sv); object-fit: contain; }
.jud-kortele small { display: block; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--koral-t); }
.jud-kortele b { display: block; font-size: 17px; line-height: 1.25; }
.jud-kortele .mygtukas { grid-column: 1 / -1; }
.jud-kortele > .ik { width: 40px; height: 40px; color: var(--mango-tamsus); }
.ejimo-savaite { font-weight: 800; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.gido-kortele { display: grid; grid-template-columns: 84px 1fr; gap: 14px; align-items: center; background: var(--balta); border-radius: 18px; padding: 10px; text-decoration: none; color: var(--slyva); box-shadow: 0 1px 2px rgba(74, 29, 63, .06); }
.gido-kortele .virselis { position: relative; width: 84px; height: 84px; border-radius: 14px; background: var(--grad); overflow: hidden; display: grid; place-items: center; }
.gido-kortele .virselis img { width: 100%; height: 100%; object-fit: contain; }
.gido-kortele b { display: block; font-size: 16.5px; }
.gido-kortele small { color: var(--slyva-2); font-weight: 700; }
.gido-kortele.didele { grid-template-columns: 120px 1fr; }
.gido-kortele.didele .virselis { width: 120px; height: 120px; }
.gido-kortele.uzrakinta .virselis { filter: grayscale(.85) opacity(.6); }
.gido-kortele .spyna, .seanso-kortele .spyna { position: absolute; width: 26px; height: 26px; color: #fff; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .4)); }
.gidu-tinklas { display: grid; gap: 10px; }
@media (min-width: 1024px) { .gidu-tinklas { grid-template-columns: 1fr 1fr; } }
.zemelapis { display: flex; align-items: flex-start; overflow-x: auto; padding: 6px 2px 10px; }
.mazgas { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: none; width: 76px; }
.mazgas > :first-child, .mazgas { font-weight: 900; }
.mazgas { font-size: 18px; }
.mazgas small { font-size: 12px; font-weight: 800; color: var(--slyva-2); text-align: center; }
.mazgas::before { content: ''; }
.mazgas { position: relative; }
.mazgas > .ik { width: 22px; height: 22px; }
.mazgas { --d: 48px; }
.mazgas { padding-top: 0; }
.mazgas > :not(small) { width: var(--d); height: var(--d); border-radius: 50%; display: grid; place-items: center; background: var(--mango); color: var(--slyva); box-shadow: 0 0 0 4px var(--mango-sv); padding: 12px; box-sizing: border-box; }
.mazgas.atlikta > :not(small) { background: var(--zalia); color: #fff; box-shadow: none; }
.mazgas.uzrakinta > :not(small) { background: #EFE5DC; color: var(--slyva-3); box-shadow: none; }
.zemelapis .jungtis { flex: 1; min-width: 24px; height: 3px; background: var(--linija-2); margin-top: 23px; border-radius: 2px; }
.mazgas:not(.uzrakinta) { text-align: center; }
.treniruociu-sarasas { display: grid; gap: 12px; }
.treniruote { display: grid; grid-template-columns: 88px 1fr; gap: 14px; }
.treniruote img { width: 88px; height: 88px; border-radius: 16px; background: var(--mango-sv); }
.treniruote h3 { margin: 0; }
.treniruote.uzrakinta { opacity: .75; }
.treniruote.uzrakinta img { filter: grayscale(.8); }
.tr-meta { font-size: 14px; font-weight: 800; color: var(--slyva-2); margin: 6px 0; }
.tr-inv { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
@media (min-width: 1024px) { .treniruociu-sarasas { grid-template-columns: repeat(3, 1fr); } .treniruote { grid-template-columns: 1fr; } .treniruote img { width: 100%; height: 160px; object-fit: contain; background: transparent; } }
.pratimu-sarasas { display: grid; gap: 10px; }
.pratimas-eil summary { list-style: none; display: flex; gap: 12px; align-items: center; cursor: pointer; }
.pratimas-eil summary::-webkit-details-marker { display: none; }
.pratimas-eil img { width: 64px; height: 64px; border-radius: 12px; background: var(--mango-sv); }
.pratimas-eil b { display: block; }
.pratimas-eil small { color: var(--slyva-2); font-weight: 700; }

/* Garso grotuvas */
.grotuvas-ekranas { max-width: 520px; margin: 0 auto; padding: 16px 0 24px; position: relative; text-align: center; }
.grot-atgal { position: absolute; left: 0; top: 14px; width: 44px; height: 44px; display: grid; place-items: center; color: var(--slyva); border-radius: 50%; background: var(--balta); }
.grot-atgal .ik { width: 22px; height: 22px; }
.grot-virselis { position: relative; width: min(300px, 72vw); aspect-ratio: 1; margin: 44px auto 22px; }
.grot-virselis img { position: absolute; inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px); border-radius: 28px; object-fit: cover; background: var(--grad); box-shadow: var(--s2); transition: transform 6s ease-in-out; }
.grotuvas-v4.groja .grot-virselis img { animation: kvepuoti 6s ease-in-out infinite; }
.grot-ziedas { position: absolute; inset: -6px; width: calc(100% + 12px); height: calc(100% + 12px); transform: rotate(-90deg); pointer-events: none; opacity: 0; transition: opacity .3s; }
.grotuvas-v4.groja .grot-ziedas, .grotuvas-v4.baigta .grot-ziedas { opacity: 1; }
.grot-ziedas circle { fill: none; stroke: var(--linija); stroke-width: 2.5; }
.grot-ziedas .grot-ziedas-eiga { stroke: var(--koral); stroke-linecap: round; transition: stroke-dashoffset .4s linear; }
@keyframes kvepuoti { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }
.grotuvas-v4 h1 { font-size: 26px; margin-bottom: 4px; }
.grot-laikas { display: flex; justify-content: space-between; font-weight: 800; font-size: 14px; color: var(--slyva-2); font-variant-numeric: tabular-nums; margin: 18px 0 6px; padding: 0 18px; }
.grot-valdikliai { display: flex; justify-content: center; align-items: center; gap: 28px; margin: 6px 0 16px; }
.grot-valdikliai button { border: 0; background: none; color: var(--slyva); position: relative; width: 52px; height: 52px; display: grid; place-items: center; cursor: pointer; }
.grot-valdikliai button .ik { width: 32px; height: 32px; }
.grot-valdikliai button small { position: absolute; font-size: 10px; font-weight: 900; top: 19px; }
.grot-valdikliai .grot-groti { width: 76px; height: 76px; border-radius: 50%; background: var(--slyva); color: #fff; box-shadow: var(--s2); }
.grot-groti .ik { width: 34px; height: 34px; }
.grot-groti .ik-pauze, .groja .grot-groti .ik-groti { display: none; }
.groja .grot-groti .ik-pauze { display: block; }
.grot-muzika[aria-pressed="false"] { opacity: .55; text-decoration: line-through; }
.grot-be-balso { font-size: 14px; color: var(--slyva-2); background: var(--balta); border-radius: 14px; padding: 10px 14px; margin: 14px 0; }
.grot-dabar { min-height: 84px; margin: 14px 0; padding: 16px 18px; background: var(--balta); border-radius: 18px; font-size: 18px; font-weight: 700; line-height: 1.45; text-align: left; box-shadow: 0 1px 2px rgba(74, 29, 63, .06); }
.grot-dabar.rodo { animation: iskilti .4s ease; }
@keyframes iskilti { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.grot-skyriai { text-align: left; background: var(--balta); border-radius: 18px; padding: 4px 16px; }
.grot-skyriai summary { padding: 12px 0; font-weight: 800; cursor: pointer; }
.grot-skyriai ol { list-style: none; padding: 0; margin: 0 0 10px; }
.grot-skyriai li { display: grid; grid-template-columns: 48px 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid var(--linija); font-size: 15px; cursor: pointer; color: var(--slyva-2); }
.grot-skyriai li span { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--slyva-3); }
.grot-skyriai li.dabar { color: var(--slyva); font-weight: 800; }
.grot-skyriai li.praeita { opacity: .6; }
.grot-pabaiga { margin-top: 18px; text-align: left; }
.grot-pabaiga h2 { display: flex; align-items: center; gap: 8px; }
.grot-pabaiga h2 .ik { width: 26px; height: 26px; color: var(--zalia); }
.grot-ispejimas { text-align: center; max-width: 520px; margin: 0 auto; }
.ekranas-tamsus { background: linear-gradient(180deg, #2A0F25, #4A1D3F 60%); color: #fff; }
.ekranas-tamsus .grotuvas-v4 h1 { color: #fff; }
.ekranas-tamsus .mazas, .ekranas-tamsus .grot-laikas, .ekranas-tamsus .smulkiai { color: #E9CFE0; }
.ekranas-tamsus .grot-valdikliai button { color: #fff; }
.ekranas-tamsus .grot-valdikliai .grot-groti { background: var(--mango); color: var(--slyva); }
.ekranas-tamsus .grot-dabar, .ekranas-tamsus .grot-skyriai, .ekranas-tamsus .grot-be-balso { background: rgba(255, 255, 255, .08); color: #fff; box-shadow: none; }
.ekranas-tamsus .grot-skyriai li { border-top-color: rgba(255, 255, 255, .12); color: #E9CFE0; }
.ekranas-tamsus .grot-skyriai li.dabar { color: #fff; }
.ekranas-tamsus .kapsule { background: rgba(255, 255, 255, .1); color: #fff; box-shadow: none; }
.ekranas-tamsus .grot-atgal { background: rgba(255, 255, 255, .12); color: #fff; }
.ekranas-tamsus .grot-ziedas circle { stroke: rgba(255, 255, 255, .15); }
.ekranas-tamsus .grot-ziedas .grot-ziedas-eiga { stroke: var(--mango); }
.ekranas-tamsus .grot-pabaiga { background: rgba(255, 255, 255, .08); color: #fff; }
@media (min-width: 1024px) { .ekranas-tamsus .app-sonas-nav { background: var(--pienas); color: var(--slyva); } }

/* Treniruotės grotuvas */
.ekranas-treniruote .app-apacia { display: none; }
.treniruote-ekranas { max-width: 560px; margin: 0 auto; padding: 12px 0 24px; }
.tr-virsus { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; }
.tr-iseiti { width: 44px; height: 44px; border-radius: 50%; background: var(--balta); display: grid; place-items: center; color: var(--slyva); }
.tr-iseiti .ik { width: 22px; height: 22px; }
.tr-segmentai { display: flex; gap: 4px; }
.tr-segmentai i { flex: 1; height: 6px; border-radius: 3px; background: var(--linija-2); }
.tr-segmentai i.atlikta { background: var(--zalia); }
.tr-segmentai i.dabar { background: var(--slyva); }
.tr-nr { font-weight: 800; color: var(--slyva-2); font-variant-numeric: tabular-nums; }
.tr-iliustracija { background: var(--mango-sv); border-radius: 24px; margin: 18px 0; aspect-ratio: 1; max-height: 46vh; display: grid; place-items: center; overflow: hidden; }
.tr-iliustracija img { width: 100%; height: 100%; object-fit: contain; }
.tr-pav { font-size: 26px; margin-bottom: 4px; }
.tr-kartai { font-size: 18px; font-weight: 800; color: var(--koral-t); }
.tr-lengviau { background: var(--balta); border-radius: 16px; padding: 4px 14px; margin: 10px 0; }
.tr-lengviau summary { padding: 10px 0; font-weight: 800; cursor: pointer; }
.tr-lengviau.rekomenduojama { box-shadow: inset 0 0 0 2px var(--zalia); }
.tr-laikmatis { display: flex; align-items: center; gap: 14px; justify-content: center; margin: 10px 0; }
.tr-laikmatis span { font-size: 44px; font-weight: 900; font-variant-numeric: tabular-nums; }
.tr-mygtukai { display: grid; grid-template-columns: 52px 1fr 52px; gap: 10px; align-items: center; margin-top: 16px; }
.tr-atlikta { min-height: 60px; font-size: 20px; }
.tr-sonas { width: 52px; height: 52px; border-radius: 50%; border: 0; background: var(--balta); display: grid; place-items: center; cursor: pointer; color: var(--slyva); }
.tr-sonas:disabled { opacity: .35; }
.tr-sonas .ik { width: 24px; height: 24px; }
.tr-poilsis { text-align: center; padding: 40px 0; }
.tr-poilsio-laikas { font-size: 72px; font-weight: 900; font-variant-numeric: tabular-nums; margin: 0; }
.tr-pabaiga h1 { display: flex; align-items: center; gap: 10px; margin-top: 24px; }
.tr-pabaiga h1 .ik { width: 32px; height: 32px; color: var(--zalia); }

/* Ramybė */
.busenu-kapsules { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px 14px; padding: 2px 16px 6px; scrollbar-width: none; }
.busenu-kapsules .kapsule { white-space: nowrap; flex: none; }
.dabar-tau { display: grid; grid-template-columns: 96px 1fr 48px; gap: 14px; align-items: center; text-decoration: none; color: #fff; background: linear-gradient(150deg, #5B2A4E, #2A0F25) !important; }
.dabar-tau .virselis img { width: 96px; height: 96px; border-radius: 16px; }
.dabar-tau small { color: var(--mango) !important; }
.dabar-tau b { display: block; font-size: 19px; }
.dabar-tau .mazas { color: #E9CFE0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.grot-mini { width: 48px; height: 48px; border-radius: 50%; background: var(--mango); color: var(--slyva); display: grid; place-items: center; }
.grot-mini .ik { width: 22px; height: 22px; }
.seansu-tinklas { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.seanso-kortele { text-decoration: none; color: var(--slyva); display: grid; gap: 4px; }
.seanso-kortele .virselis { position: relative; aspect-ratio: 1; border-radius: 18px; overflow: hidden; display: grid; place-items: center; }
.seanso-kortele .virselis img { position: absolute; inset: 0; width: 100%; height: 100%; }
.seanso-kortele.uzrakinta .virselis img { filter: grayscale(.9) opacity(.55); }
.seanso-kortele .nauja { position: absolute; top: 8px; left: 8px; background: var(--koral); color: #fff; font-style: normal; font-weight: 800; font-size: 12px; padding: 2px 8px; border-radius: 99px; }
.seanso-kortele .klausyta { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%; background: rgba(255, 255, 255, .9); display: grid; place-items: center; color: var(--zalia); }
.seanso-kortele .klausyta .ik { width: 16px; height: 16px; }
.seanso-kortele b { font-size: 16px; line-height: 1.25; }
.seanso-kortele small { color: var(--slyva-2); font-weight: 700; font-size: 13px; }
.seanso-kortele small.kada { color: var(--koral-t); }
@media (min-width: 1024px) { .seansu-tinklas { grid-template-columns: repeat(4, 1fr); gap: 18px; } }

/* Progresas */
.svorio-kortele .sk-galva { display: flex; justify-content: space-between; align-items: center; }
.svorio-kortele .sk-galva h2 { margin: 0; }
.sk-antraste { font-weight: 800; font-size: 17px; margin: 8px 0; }
.grafikas { width: 100%; height: auto; overflow: visible; }
.grafikas .asis { stroke: var(--linija); stroke-width: 1.5; }
.grafikas .ax { font: 700 12px var(--sans); fill: var(--slyva-2); }
.grafikas .tikra { fill: none; stroke: var(--slyva); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.grafikas .prognoze { fill: none; stroke: var(--mango); stroke-width: 2.5; stroke-dasharray: 6 6; }
.grafikas .taskas { fill: var(--slyva); stroke: #fff; stroke-width: 2; }
.grafikas .tikslas { fill: var(--koral); stroke: #fff; stroke-width: 3; }
.grafikas .tikslo-tekstas { font: 800 13px var(--sans); fill: var(--koral-t); }
.etapai { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
.etapas { display: flex; flex-direction: column; align-items: center; text-align: center; background: var(--pienas); border-radius: 14px; padding: 10px 6px; }
.etapas .ik { width: 22px; height: 22px; color: var(--slyva-3); }
.etapas.pasiekta { background: var(--mango-sv); }
.etapas.pasiekta .ik { color: var(--mango-tamsus); }
.etapas b { font-size: 15px; font-variant-numeric: tabular-nums; }
.etapas small { font-size: 12px; color: var(--slyva-2); font-weight: 700; }
.eil-forma { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.eil-forma input { max-width: 140px; }
.eil-forma label { width: 100%; font-weight: 800; font-size: 14.5px; }
.sav-eil { display: grid; grid-template-columns: 76px 1fr 80px; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--linija); }
.sav-eil:first-of-type { border-top: 0; }
.sav-eil .pav { font-weight: 800; font-size: 14.5px; }
.stulp { display: flex; gap: 4px; align-items: flex-end; height: 34px; }
.stulp i { flex: 1; border-radius: 4px; background: var(--slyva); min-height: 4px; }
.stulp i.tuscias { background: var(--linija); }
.stulp .miegas-1, .stulp .miegas-2, .stulp .energija-1, .stulp .energija-2 { background: #F4B9A3; }
.stulp .miegas-3, .stulp .energija-3 { background: var(--mango); }
.stulp [class*="bangos-"] { background: #E9A285; }
.stulp .bangos-0 { background: var(--linija); }
.sav-eil .reiksme { text-align: right; font-weight: 900; font-variant-numeric: tabular-nums; }
.sav-eil .reiksme small { display: block; font-size: 12px; color: var(--slyva-3); }
.sav-eil .reiksme small.gerai { color: var(--zalia); }
.izvalga { display: flex; gap: 12px; background: var(--slyva-sv) !important; }
.izvalga > .ik { width: 24px; height: 24px; color: var(--slyva); flex: none; }
.izvalga small { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--slyva-2); }
.izvalga b { display: block; font-size: 16px; line-height: 1.35; margin: 2px 0 4px; }
.uzrakinta-kortele { display: flex; gap: 12px; align-items: center; background: #F6EEE7 !important; box-shadow: none !important; }
.uzrakinta-kortele > .ik { width: 22px; height: 22px; color: var(--slyva-3); flex: none; }
.uzrakinta-kortele b, .uzrakinta-kortele .mazas { display: block; }
.apzvalga summary { cursor: pointer; }
.apzv-eil { list-style: none; padding: 0; margin: 10px 0; display: grid; gap: 8px; }
.apzv-eil li { display: flex; gap: 10px; align-items: center; font-weight: 700; }
.apzv-eil .ik { width: 20px; height: 20px; color: var(--koral-t); }
.kalendorius { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
.kalendorius small { font-weight: 800; color: var(--slyva-3); font-size: 12px; }
.kd { aspect-ratio: 1; display: grid; place-items: center; border-radius: 10px; font-size: 13px; font-weight: 700; color: var(--slyva-2); position: relative; }
.kd.e1, .kd.e2 { background: #FBD9CC; } .kd.e3 { background: var(--mango-sv); } .kd.e4, .kd.e5 { background: #E6D2E0; color: var(--slyva); }
.kd.sv::after { content: ''; position: absolute; bottom: 3px; width: 5px; height: 5px; transform: rotate(45deg); background: var(--slyva); }
.kd.siandien { box-shadow: inset 0 0 0 2px var(--slyva); }
.pastabu-sarasas { list-style: none; padding: 0; margin: 10px 0 0; }
.pastabu-sarasas li { padding: 8px 0; border-top: 1px solid var(--linija); font-size: 15px; }
.pastabu-sarasas small { display: block; font-weight: 800; color: var(--slyva-3); }
.spausdinimas .lentele { width: 100%; border-collapse: collapse; font-size: 14px; }
.spausdinimas .lentele th, .spausdinimas .lentele td { border-bottom: 1px solid var(--linija); padding: 6px; text-align: left; }
@media print { .spausdinimas { background: #fff; } }

/* Paskyra */
.profilis { display: flex; gap: 14px; align-items: center; margin: 4px 0 18px; }
.profilis b { display: block; font-size: 19px; }
.profilis small { color: var(--slyva-2); font-weight: 700; }
.nust-pav { font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--slyva-2); margin: 22px 0 8px 4px; }
.nust-grupe { background: var(--balta); border-radius: 18px; overflow: hidden; box-shadow: 0 1px 2px rgba(74, 29, 63, .06); }
.nust-eil { display: grid; grid-template-columns: 1fr auto 20px; gap: 10px; align-items: center; min-height: 56px; padding: 0 16px; border-top: 1px solid var(--linija); color: var(--slyva); text-decoration: none; font-weight: 800; width: 100%; background: none; border-left: 0; border-right: 0; border-bottom: 0; font: inherit; font-weight: 800; text-align: left; cursor: pointer; }
.nust-grupe > :first-child, .nust-grupe > :first-child > .nust-eil, .nust-grupe > details:first-child > summary { border-top: 0; }
.nust-eil .reiksme { color: var(--slyva-2); font-weight: 700; font-size: 15px; text-align: right; }
.nust-eil .ik { width: 18px; height: 18px; color: var(--slyva-3); }
.nust-eil--tekstas { grid-template-columns: 1fr auto; cursor: default; }
.nust-det summary { list-style: none; }
.nust-det summary::-webkit-details-marker { display: none; }
.nust-det .eil-forma { padding: 0 16px 14px; margin: 0; }
.nust-det .eil-forma small { width: 100%; color: var(--slyva-3); }
.nem-eil { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; border-top: 1px solid var(--linija); }
.nust-jungiklis { grid-template-columns: 1fr auto; }
.nust-jungiklis input[type=checkbox] { appearance: none; width: 50px; height: 30px; border-radius: 99px; background: var(--linija-2); position: relative; cursor: pointer; transition: background .2s; }
.nust-jungiklis input[type=checkbox]::after { content: ''; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .2s; }
.nust-jungiklis input:checked { background: var(--zalia); }
.nust-jungiklis input:checked::after { transform: translateX(20px); }
.nust-eil select { min-height: 40px; width: auto; padding: 6px 10px; font-size: 15px; }
.nust-eil-forma { margin: 0; }
.nares-kortele .busena { display: flex; align-items: center; gap: 8px; font-weight: 800; color: var(--zalia); margin: 0 0 6px; }
.nares-kortele .busena i { width: 10px; height: 10px; border-radius: 50%; background: var(--linija-2); }
.nares-kortele .busena i.zalias { background: var(--zalia); }
.nares-kortele h2 { font-size: 21px; }
.nares-kortele + .nust-grupe { margin-top: 14px; }
.mokejimai { list-style: none; padding: 0 16px 10px; margin: 0; }
.mokejimai li { display: flex; justify-content: space-between; padding: 8px 0; border-top: 1px solid var(--linija); font-variant-numeric: tabular-nums; }
.atsaukimo-nuoroda { margin: 32px 0 0; text-align: center; }
.atsaukimo-nuoroda a { color: var(--slyva-2); font-size: 15px; }
.atsisakymo-nuoroda { text-align: center; margin: 14px 0 0; }
.atsisakymo-nuoroda a { color: var(--slyva-3); font-size: 13.5px; font-weight: 700; }
.atsaukimas .praras { list-style: none; padding: 0; margin: 12px 0 18px; display: grid; gap: 10px; }
.atsaukimas .praras li { display: flex; gap: 10px; align-items: flex-start; }
.atsaukimas .praras .ik { width: 22px; height: 22px; color: var(--koral-t); flex: none; margin-top: 1px; }
.du-mygtukai { display: grid; gap: 10px; margin-top: 18px; }
@media (min-width: 640px) { .du-mygtukai { grid-template-columns: 1fr 1fr; } }
.pagalba { background: var(--pienas); border-radius: 12px; padding: 10px 12px; margin-top: 10px; }
.prideti-tinklas { display: grid; gap: 12px; margin-top: 14px; }
.prideti h2 { display: flex; gap: 8px; align-items: center; font-size: 18px; }
.prideti h2 .ik { width: 22px; height: 22px; }
.prideti ol { padding-left: 20px; margin: 0; }
.prideti ol li { margin-bottom: 6px; }
.prideti-tinklas.android > :first-child { order: 2; }
@media (min-width: 1024px) { .prideti-tinklas { grid-template-columns: 1fr 1fr; } }
.slapukai { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90; background: var(--balta); border-radius: 18px; box-shadow: var(--s2); padding: 14px 16px; display: grid; gap: 10px; font-size: 14.5px; max-width: 560px; margin: 0 auto; }
.slapukai p { margin: 0; }
.slapukai div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

/* Kasa */
.kasos-puslapis { background: var(--pienas); }
.maketo-juosta { background: var(--mango-sv); color: var(--slyva); text-align: center; font-size: 13.5px; font-weight: 800; padding: 8px 12px; }
.kasa-galva .konteineris { display: flex; justify-content: space-between; align-items: center; height: 64px; }
.kasa { display: grid; gap: 14px; padding-bottom: 40px; max-width: 980px; }
.kasa-santrauka .ks-eil b { display: block; font-size: 18px; }
.kasa-santrauka .ks-eil small { color: var(--slyva-2); font-weight: 700; }
.ks-suma { display: flex; justify-content: space-between; align-items: flex-end; margin: 14px 0 4px; padding-top: 14px; border-top: 1px solid var(--linija); }
.ks-suma span { font-weight: 800; font-size: 17px; }
.ks-suma small { display: block; color: var(--slyva-2); font-weight: 700; font-size: 14px; }
.ks-suma b { font-size: 40px; font-weight: 900; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.ks-suma .ks-kaina { text-align: right; line-height: 1.1; }
.ks-suma .ks-kaina small.pk-etikete { display: block; width: max-content; margin: 0 0 4px auto; font-size: 12px; color: var(--koral-t); background: var(--koral-sv); padding: 2px 8px; border-radius: 99px; }
.ks-suma .ks-kaina s { font-size: 18px; color: var(--slyva-3); font-weight: 700; margin-right: 4px; }
.ks-veliau { text-align: right; font-size: 14px; color: var(--slyva-2); margin: 0; }
.ks-veliau s { color: var(--slyva-3); }
.kasa-gausi { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 8px; font-size: 15px; }
.kasa-gausi li { display: flex; gap: 8px; align-items: flex-start; }
.kasa-gausi .ik { width: 20px; height: 20px; color: var(--zalia); flex: none; margin-top: 1px; }
.kasa-forma h2 { font-size: 19px; }
.korteles-eile { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#mokejimo-elementas { min-height: 120px; margin-bottom: 12px; }
.varnele-sutikimas { display: flex; gap: 12px; align-items: flex-start; margin: 14px 0 6px; font-size: 15.5px; font-weight: 700; cursor: pointer; }
.varnele-sutikimas input { width: 24px; height: 24px; flex: none; margin-top: 1px; accent-color: var(--slyva); }
#moketi { margin-top: 8px; min-height: 60px; font-size: 19px; }
#moketi .ik { width: 20px; height: 20px; }
.pratesimo-smulkiai { font-size: 13.5px; line-height: 1.5; color: #6E5767; font-weight: 600; margin: 12px 0 0; }
.garantijos-zenkliukas { display: flex; align-items: center; justify-content: center; gap: 6px; font-weight: 800; font-size: 14.5px; margin: 16px 0 0; color: var(--slyva); }
.garantijos-zenkliukas .ik { width: 22px; height: 22px; color: var(--zalia); }
@media (min-width: 1024px) { .kasa { grid-template-columns: 1fr 1.1fr; gap: 28px; align-items: start; padding-top: 24px; } .kasa-santrauka { position: sticky; top: 24px; } }

/* =================== TESTAS =================== */
.testas { background: var(--pienas); }
.testas-puslapis { max-width: 620px; margin: 0 auto; padding: 0 16px 120px; min-height: 100vh; }
.testas-galva { display: flex; justify-content: center; padding: 14px 0 6px; }
.testas-galva .logo { font-size: 19px; }
.testas-virsus { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 6px 0 14px; position: sticky; top: 0; background: var(--pienas); z-index: 5; }
.testas-virsus .atgal { width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--balta); color: var(--slyva); display: grid; place-items: center; cursor: pointer; }
.testas-virsus .atgal:disabled { opacity: 0; pointer-events: none; }
.testas-virsus .atgal .ik { width: 20px; height: 20px; }
.testas-virsus .juosta { height: 8px; border-radius: 99px; background: #F2E3D7; overflow: hidden; }
.testas-virsus .juosta span { display: block; height: 100%; border-radius: 99px; background: var(--grad-h); transition: width .3s ease; }
.skaitiklis { font-size: 13px; font-weight: 800; color: var(--slyva-2); white-space: nowrap; }
.ekranas { animation: iskilti .35s ease; }
.ekranas h1 { font-size: clamp(25px, 6.6vw, 34px); margin: 10px 0 8px; }
.paaiskinimas { color: var(--slyva-2); font-size: 16px; margin: 0 0 14px; }
.paaiskinimas.mazai { font-size: 14px; margin-top: -8px; }
.variantai { display: grid; gap: 10px; margin-top: 16px; }
.variantas { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; width: 100%; min-height: 62px; padding: 10px 16px; border-radius: 18px; border: 0; background: var(--balta); color: var(--slyva); font: 800 17px/1.3 var(--sans); text-align: left; cursor: pointer; box-shadow: 0 1px 2px rgba(74, 29, 63, .06), inset 0 0 0 1.5px var(--linija); transition: box-shadow .15s, transform .1s, background .15s; }
.variantas:hover { box-shadow: inset 0 0 0 2px var(--linija-2); }
.variantas:active { transform: scale(.985); }
.variantas[aria-pressed="true"] { background: #FFF1E9; box-shadow: inset 0 0 0 2.5px var(--koral); }
.variantas .jaustukas { font-size: 24px; width: 32px; text-align: center; }
.variantas .zymeklis { width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--linija-2); }
.variantas.keli .zymeklis { border-radius: 7px; }
.variantas[aria-pressed="true"] .zymeklis { background: var(--koral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat; box-shadow: none; }
.variantas:not(:has(.jaustukas)) { grid-template-columns: 1fr auto; }
.savas { display: grid; gap: 8px; }
.savas-laukas { margin-top: 2px; }
.ivykio-menuo { margin-top: 6px; }
.amziaus-korteles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.amziaus-kortele { position: relative; border: 0; padding: 0; border-radius: 20px; overflow: hidden; background: var(--persikas); cursor: pointer; aspect-ratio: 4 / 5; box-shadow: var(--s1); }
.amziaus-kortele:last-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.amziaus-kortele:last-child img { object-position: 50% 4%; }
.amziaus-kortele img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
.amziaus-kortele span { position: absolute; left: 8px; right: 8px; bottom: 8px; display: flex; justify-content: space-between; align-items: center; background: var(--slyva); color: #fff; border-radius: 14px; padding: 10px 14px; font: 900 17px var(--sans); }
.amziaus-kortele span i { font-style: normal; }
.amziaus-kortele[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--koral); }
@media (min-width: 640px) { .amziaus-korteles { grid-template-columns: repeat(3, 1fr); } .amziaus-kortele:last-child { grid-column: auto; aspect-ratio: 4 / 5; } }
.zonos { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: center; margin-top: 10px; }
.siluetas { width: 120px; height: auto; }
.siluetas .kunas > * { fill: #F2E3D7; }
.siluetas .zonos-sritys path { fill: transparent; cursor: pointer; transition: fill .2s; }
.siluetas .zonos-sritys path.on { fill: rgba(255, 94, 58, .55); }
.siluetas:has(.visas.on) .kunas > * { fill: rgba(255, 94, 58, .35); }
.variantai--zonos { margin-top: 0; }
.variantai--zonos .variantas { min-height: 52px; font-size: 16px; }
.citata { background: var(--balta); border-radius: 18px; padding: 18px 20px; font-size: 19px; font-weight: 800; margin: 14px 0 18px; box-shadow: var(--s1); }
.skale-jaustukai { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.skale-mygt { display: flex; flex-direction: column; align-items: center; gap: 6px; border: 0; background: var(--balta); border-radius: 16px; padding: 12px 2px; cursor: pointer; box-shadow: inset 0 0 0 1.5px var(--linija); font-family: inherit; }
.skale-mygt span { font-size: 30px; }
.skale-mygt small { font-size: 12px; font-weight: 800; color: var(--slyva-2); text-align: center; line-height: 1.2; }
.skale-mygt[aria-pressed="true"] { background: #FFF1E9; box-shadow: inset 0 0 0 2.5px var(--koral); }
.ivestis { position: relative; margin-top: 18px; }
.ivestis input { font-size: 30px; font-weight: 900; text-align: center; min-height: 76px; padding-right: 54px; }
.ivestis .vnt { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-weight: 800; color: var(--slyva-2); }
.gyvai { margin: 12px 0 0; min-height: 24px; }
.gyvai b { display: block; font-size: 16px; color: var(--zalia); }
.gyvai b.aciu { color: var(--zalia); font-size: 17px; }
.gyvai span { display: block; font-size: 14px; color: var(--slyva-2); margin-top: 4px; font-weight: 700; }
.apacioje { position: fixed; left: 0; right: 0; bottom: 0; padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); background: linear-gradient(to top, var(--pienas) 78%, rgba(255, 248, 239, 0)); z-index: 6; }
.apacioje > * { max-width: 588px; margin-left: auto; margin-right: auto; }
.apacioje .nuoroda-mygt { display: block; margin: 8px auto 0; }
.apacioje .smulkiai { text-align: center; margin-top: 10px; }
.po-mygtuku { text-align: center; font-size: 13.5px; color: var(--slyva-2); margin-top: 8px; }
.info-ekranas { padding-top: 6px; }
.info-ekranas p { font-size: 17.5px; }
.info-foto { border-radius: 22px; overflow: hidden; aspect-ratio: 3 / 2; margin-bottom: 14px; background: var(--persikas); }
.info-foto img { width: 100%; height: 100%; object-fit: cover; }
.saltinis { font-size: 12.5px !important; color: var(--slyva-3); font-weight: 700; border-top: 1px solid var(--linija); padding-top: 10px; }
.veidrodzio-sarasas { list-style: none; padding: 0; display: grid; gap: 10px; }
.veidrodzio-sarasas li { background: var(--balta); border-radius: 16px; padding: 12px 14px 12px 44px; position: relative; font-weight: 700; font-size: 15.5px; box-shadow: var(--s1); }
.veidrodzio-sarasas li::before { content: ''; position: absolute; left: 14px; top: 14px; width: 20px; height: 20px; border-radius: 50%; background: var(--zalia) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat; }
.sutikimo-ekranas { text-align: center; padding-top: 30px; }
.sutikimo-ikona { display: inline-grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--balta); font-size: 34px; box-shadow: var(--s1); margin-bottom: 8px; }
.sutikimo-ekranas p { font-size: 17px; color: var(--slyva-2); }
.demo-mini { display: grid; gap: 6px; background: var(--balta); border-radius: 20px; padding: 16px; box-shadow: var(--s2); margin-bottom: 18px; }
.demo-mini .kada { font-size: 12px; font-weight: 800; color: var(--koral-t); text-transform: uppercase; letter-spacing: .06em; }
.demo-mini b { font-size: 18px; }
.dm-mygt { display: flex; gap: 8px; }
.dm-pak { font-size: 14px; font-weight: 800; color: #1F5E33; background: var(--zalia-sv); border-radius: 12px; padding: 8px 10px; }
.tempo-schema { width: 100%; height: auto; background: var(--balta); border-radius: 20px; padding: 10px; margin-bottom: 14px; box-shadow: var(--s1); }
.kuriama { text-align: center; padding-top: 20px; }
.kr-proc { font-size: 56px; font-weight: 900; margin: 4px 0; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.kr-proc b { font-weight: 900; }
.kr-bendra { height: 10px; background: #F2E3D7; border-radius: 99px; overflow: hidden; margin-bottom: 20px; }
.kr-bendra span { display: block; height: 100%; width: 0; background: var(--grad-h); }
.kr-juostos { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; text-align: left; }
.kr-juostos li { background: var(--balta); border-radius: 16px; padding: 12px 14px; opacity: .55; transition: opacity .3s; }
.kr-juostos li.aktyvi, .kr-juostos li.atlikta { opacity: 1; }
.kr-eil { display: grid; gap: 2px; margin-bottom: 8px; }
.kr-eil b { font-size: 15px; }
.kr-tekstas { font-size: 14.5px; color: var(--slyva-2); font-weight: 700; }
.kr-juostos li.atlikta .kr-tekstas { color: #1F5E33; }
.kr-juostos li.atlikta .kr-eil b::after { content: ' ✓'; color: var(--zalia); }
.kr-juosta { height: 6px; background: #F4E9DF; border-radius: 99px; overflow: hidden; }
.kr-juosta span { display: block; height: 100%; width: 0; background: var(--zalia); }
.kr-faktas { margin-top: 18px; font-weight: 800; color: var(--slyva-2); min-height: 48px; }
.kr-faktas.rodo { animation: iskilti .4s ease; }
.mikro { position: fixed; inset: 0; background: rgba(40, 14, 33, .45); display: grid; place-items: end center; z-index: 20; padding: 16px; }
.mikro[hidden] { display: none; }
.mikro-langas { background: var(--pienas); border-radius: 24px; padding: 22px 18px; width: 100%; max-width: 520px; box-shadow: var(--s2); animation: iskilti .3s ease; }
.mikro-langas p { font-size: 19px; font-weight: 900; margin-bottom: 16px; }
.mikro-langas div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.el-fonas { filter: blur(5px); opacity: .7; background: var(--balta); border-radius: 22px; padding: 10px; margin: 8px 0 10px; }
.el-fonas svg { width: 100%; height: auto; }
.gal { font-size: 14.5px; margin: -6px 0 10px; }
.priminimai { margin: 0 0 6px; }
.sutikimas { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; font-weight: 700; color: var(--slyva-2); cursor: pointer; }
.sutikimas input { width: 20px; height: 20px; accent-color: var(--slyva); flex: none; margin-top: 1px; }
@media (min-width: 1024px) { .testas-puslapis { padding-top: 16px; } .apacioje { position: static; background: none; padding: 20px 0 0; } }

/* =================== REZULTATAS, KAINOS, AČIŪ =================== */
.rz-galva .konteineris { display: flex; align-items: center; height: 60px; }
.rz { max-width: 760px; display: grid; gap: 16px; padding-bottom: 110px; }
.rz-virsus { padding: 22px 18px; }
.rz-virsus .virsantraste { display: inline-flex; gap: 6px; align-items: center; }
.rz-virsus .virsantraste .ik { width: 16px; height: 16px; }
.rz-virsus h1 { font-size: clamp(27px, 7vw, 40px); }
.rz-tikslas { font-size: 19px; font-weight: 800; color: var(--koral-t); margin: 0 0 8px; }
.kelio-grafikas { width: 100%; height: auto; margin: 6px 0 4px; overflow: visible; }
.kelio-grafikas .kreive { fill: none; stroke: var(--koral); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: piesti 1.4s ease forwards .2s; }
@keyframes piesti { to { stroke-dashoffset: 0; } }
.kelio-grafikas .pr { fill: var(--slyva); stroke: #fff; stroke-width: 3; }
.kelio-grafikas .tk { fill: var(--koral); stroke: #fff; stroke-width: 3; }
.kelio-grafikas .et { fill: #fff; stroke: var(--koral); stroke-width: 3; }
.kelio-grafikas text { font-family: var(--sans); }
.kelio-grafikas .pr-t { font-size: 14px; font-weight: 900; fill: var(--slyva); }
.kelio-grafikas .tk-t { font-size: 15px; font-weight: 900; fill: var(--koral-t); }
.kelio-grafikas .et-t { font-size: 12px; font-weight: 800; fill: var(--slyva-2); }
.kelio-grafikas .pg { stroke: var(--slyva-3); stroke-width: 2; stroke-dasharray: 4 4; }
.kelio-grafikas .pg-t { font-size: 18px; }
.rz-proga { margin: 2px 0 6px; font-weight: 800; color: var(--slyva); }
.kelio-grafikas .ax { font-size: 12px; font-weight: 800; fill: var(--slyva-3); }
.kelio-grafikas .ax-tk { fill: var(--koral-t); }
.etapu-juosta { list-style: none; padding: 0; margin: 10px 0 12px; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
.etapu-juosta li { background: var(--pienas); border-radius: 14px; padding: 8px 6px; text-align: center; }
.etapu-juosta li small { display: block; font-size: 11.5px; font-weight: 800; color: var(--slyva-2); }
.etapu-juosta li b { font-size: 15.5px; font-variant-numeric: tabular-nums; }
.etapu-juosta li.tikslas { background: var(--koral-sv); }
.etapu-juosta li.tikslas b { color: var(--koral-t); }
.rz-cta-virsus { margin-top: 14px; }
.rz-blokas h2 { font-size: 23px; margin: 10px 0 12px; }
.tusakei { display: grid; gap: 10px; }
.ts-eil { display: grid; gap: 1px; background: var(--linija); border-radius: 18px; overflow: hidden; box-shadow: var(--s1); }
.ts-eil > span { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; background: var(--balta); font-weight: 700; font-size: 15.5px; }
.ts-eil small { display: block; font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--slyva-3); }
.ts-eil .ik { width: 22px; height: 22px; flex: none; margin-top: 2px; color: var(--slyva-3); }
.ts-plane { background: #F6FBF6 !important; }
.ts-plane .ik { color: var(--zalia) !important; }
@media (min-width: 640px) { .ts-eil { grid-template-columns: 1fr 1fr; } }
.vizija { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.vizija figure { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 5; }
.vizija img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.vizija figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 12px 10px; color: #fff; font-weight: 800; font-size: 15px; background: linear-gradient(to top, rgba(40, 14, 33, .7), rgba(40, 14, 33, 0)); }
@media (min-width: 900px) { .vizija { grid-template-columns: repeat(4, 1fr); } }
.rz-gausi { display: grid; gap: 12px; }
.rz-gausi-kortele { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: center; background: var(--balta); border-radius: 20px; padding: 10px; box-shadow: var(--s1); }
.rz-gausi-kortele h3 { font-size: 17px; margin-bottom: 4px; }
.rz-gausi-kortele p { font-size: 14.5px; color: var(--slyva-2); margin: 0; }
.rz-gausi-kortele .vaizdas { width: 120px; height: 120px; border-radius: 14px; overflow: hidden; background: var(--persikas); display: grid; place-items: center; }
.rz-gausi-kortele .vaizdas > img { width: 100%; height: 100%; object-fit: cover; }
.rz-gausi-kortele .vaizdas--ejimas > img { object-position: 8% 50%; }
.kg-koliazas { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; width: 100%; height: 100%; }
.kg-koliazas img { width: 100%; height: 100%; object-fit: cover; }
.kg-seansai { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; width: 100%; height: 100%; }
.kg-seansai img { width: 100%; height: 100%; object-fit: cover; min-height: 0; }
.kg-seansai img:first-child { grid-row: 1 / -1; }
.kg-tiko { display: grid; gap: 10px; padding: 8px; justify-items: center; align-content: center; }
.kg-tiko small { font-size: 10.5px; font-weight: 800; color: #1F5E33; text-align: center; line-height: 1.2; }
.kg-tiko small .ik { width: 12px; height: 12px; }
.kg-progresas svg { width: 100px; }
.kg-progresas .kreive { fill: none; stroke: var(--koral); stroke-width: 4; stroke-linecap: round; }
.kg-progresas .pr { fill: var(--slyva); } .kg-progresas .tk { fill: var(--koral); }
@media (min-width: 640px) { .rz-gausi { grid-template-columns: 1fr 1fr; } }
.lipnus-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); background: linear-gradient(to top, var(--pienas) 75%, rgba(255, 248, 239, 0)); }
.lipnus-cta .konteineris { max-width: 760px; }
/* Kainos */
.kainos-r4 { max-width: 1000px; padding-bottom: 60px; }
.kn-virsus { text-align: center; padding: 10px 0 6px; }
.kn-santrauka { display: inline-flex; gap: 8px; align-items: center; background: var(--balta); border-radius: 99px; padding: 8px 14px; font-weight: 800; font-size: 14.5px; box-shadow: var(--s1); margin: 0 0 12px; }
.kn-santrauka .ik { width: 18px; height: 18px; color: var(--koral-t); }
.kn-virsus h1 { font-size: clamp(27px, 7vw, 40px); }
.kn-tinklas { display: grid; gap: 18px; }
@media (min-width: 1024px) { .kn-tinklas { grid-template-columns: 1.2fr .8fr; align-items: start; } .kn-gausi { position: sticky; top: 20px; } }
.plano-korteles { display: grid; gap: 12px; }
.plano-kortele { position: relative; display: grid; grid-template-columns: 26px 1fr auto; gap: 12px; align-items: center; background: var(--balta); border-radius: 20px; padding: 18px 16px; cursor: pointer; box-shadow: var(--s1), inset 0 0 0 1.5px var(--linija); }
.plano-kortele input { position: absolute; opacity: 0; }
.pk-radio { width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--linija-2); }
.plano-kortele:has(input:checked) { box-shadow: var(--s2), inset 0 0 0 3px var(--koral); background: #FFFBF7; }
.plano-kortele:has(input:checked) .pk-radio { box-shadow: inset 0 0 0 7px var(--koral); }
.plano-kortele:has(input:focus-visible) { outline: 3px solid var(--koral); outline-offset: 2px; }
.pk-pav b { display: block; font-size: 19px; }
.pk-pav small.pk-etikete { display: inline-block; font-size: 12px; color: var(--koral-t); background: var(--koral-sv); font-weight: 800; margin: 4px 0 6px; padding: 2px 8px; border-radius: 99px; }
.pk-suma { display: block; font-size: 16px; font-variant-numeric: tabular-nums; }
.pk-suma b { display: inline; font-size: 17px; }
.pk-suma s, .pk-diena s { color: var(--slyva-3); font-weight: 700; }
.pk-suma s { font-size: 14px; margin-right: 4px; }
.pk-diena { display: grid; justify-items: end; text-align: right; min-width: 92px; line-height: 1.1; }
.pk-diena s { font-size: 15px; }
.pk-diena b { font-size: 30px; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.pk-diena small { font-size: 12.5px; color: var(--slyva-2); font-weight: 700; margin-top: 2px; }
.plano-kortele:has(input:checked) .pk-diena b { color: var(--koral-t); }
.pk-zyma { position: absolute; top: -11px; left: 16px; background: var(--koral); color: #fff; font-size: 12px; font-weight: 900; padding: 4px 10px; border-radius: 99px; letter-spacing: .03em; }
.plano-kortele:not(.rekomenduojama) .pk-zyma { background: var(--slyva); }
.kainu-forma > .mygtukas { margin-top: 16px; }
.kn-gausi h2 { font-size: 20px; }
.kn-foto { margin-top: 14px; border-radius: 16px; overflow: hidden; aspect-ratio: 3 / 2; }
.kn-foto img { width: 100%; height: 100%; object-fit: cover; }
.kn-klausimai { max-width: 720px; margin: 28px auto 0; }
.kn-klausimai details { margin-bottom: 10px; }
.kn-klausimai summary { font-weight: 800; cursor: pointer; }
.kn-klausimai details p { margin: 8px 0 0; color: var(--slyva-2); }
.pasirinkimas { background: var(--balta); border-radius: 22px; padding: 20px 18px; box-shadow: var(--s1); text-align: center; }
.ps-pagr { font-size: 16.5px; font-weight: 700; }
.ps-kainos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 16px 0; }
.ps-kainos label { position: relative; cursor: pointer; }
.ps-kainos input { position: absolute; opacity: 0; }
.ps-kainos span { display: grid; place-items: center; min-height: 58px; border-radius: 14px; box-shadow: inset 0 0 0 1.5px var(--linija-2); font-weight: 900; font-size: 17px; background: var(--pienas); }
.ps-kainos input:checked + span { background: var(--slyva); color: #fff; box-shadow: none; }
.ps-kainos input:focus-visible + span { outline: 3px solid var(--koral); outline-offset: 2px; }
.ps-paskata { font-size: 14.5px; color: var(--slyva-2); }
.ps-po { margin: 0; }
/* Ačiū */
.aciu { max-width: 640px; display: grid; gap: 14px; padding-bottom: 48px; }
.aciu-kortele { text-align: center; padding: 28px 20px; }
.aciu-ikona .ik { width: 56px; height: 56px; color: var(--zalia); margin: 0 auto 8px; }
.aciu-kaip { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.aciu-kaip li { display: flex; gap: 12px; }
.aciu-kaip .ik { width: 24px; height: 24px; color: var(--koral-t); flex: none; }
.aciu-kaip b { display: block; }
.aciu-prideti { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; }
.aciu-prideti > .ik { width: 30px; height: 30px; color: var(--slyva-2); }
.aciu-prideti b, .aciu-prideti .mazas { display: block; }
.aciu-prideti .nuoroda-mygt { grid-column: 2; justify-self: start; }
.etapu-laikas { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; position: relative; }
.etapu-laikas li { display: grid; grid-template-columns: 76px 1fr; gap: 14px; align-items: center; padding: 10px 0; position: relative; }
.etapu-laikas li::before { content: ''; position: absolute; left: 37px; top: 0; bottom: 0; width: 3px; background: var(--linija-2); z-index: 0; }
.etapu-laikas li:first-child::before { top: 50%; } .etapu-laikas li:last-child::before { bottom: 50%; }
.etapu-laikas img { position: relative; z-index: 1; width: 76px; height: 76px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; border: 4px solid var(--pienas); box-shadow: 0 0 0 2px var(--mango); }
.etapu-laikas li.tikslas img { box-shadow: 0 0 0 3px var(--koral); }
.etapu-laikas b { font-size: 16.5px; }
.etapu-laikas li.tikslas b { color: var(--koral-t); }
.etapu-laikas p { margin: 2px 0 0; font-size: 15px; color: var(--slyva-2); }
.kaip-vyks { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.kaip-vyks li { display: flex; gap: 12px; align-items: center; background: var(--balta); border-radius: 16px; padding: 12px 14px; font-weight: 700; box-shadow: var(--s1); }
.kaip-vyks .ik { width: 26px; height: 26px; color: var(--koral-t); flex: none; }
.kn-pav { font-weight: 800; color: var(--slyva-2); margin: 0; }
.ps-paantraste { font-size: 20px; font-weight: 900; margin: 0 0 8px; }
.ps-rodykle { font-size: 13px; font-weight: 800; color: var(--koral-t); text-align: right; margin: -8px 0 6px; }
.ps-atsakas { font-weight: 800; color: #1F5E33; min-height: 24px; }
.paaiskinimas.mazai { margin-top: 0; }
body[data-ekranas="el_pastas"] .apacioje { position: static; background: none; padding: 14px 0 0; }
body[data-ekranas="el_pastas"] .testas-puslapis { padding-bottom: 40px; }
.kn-foto { aspect-ratio: 4 / 5; }
.kn-foto img { object-position: 50% 12%; }
@media (min-width: 1024px) { .kelio-grafikas { max-width: 540px; display: block; margin: 6px auto 4px; } .kn-foto { aspect-ratio: 1; } }

/* 5 ratas: Apple Pay ir Google Pay virš kortelės formos */
.pinigines { margin: 4px 0 6px; }
.pinigines #greitas-mokejimas { min-height: 50px; }
.pinigines .klaidos-tekstas:empty { display: none; }
.pinigines-vieta { display: grid; place-items: center; height: 50px; border-radius: 12px; border: 1.5px dashed var(--linija-2); color: var(--slyva-3); font-size: 14px; font-weight: 700; }
.arba { display: flex; align-items: center; gap: 12px; margin: 16px 0 14px; color: var(--slyva-2); font-size: 14px; font-weight: 700; }
.arba::before, .arba::after { content: ""; flex: 1; height: 1px; background: var(--linija); }
.arba[hidden] { display: none; }
.varnele-sutikimas.pabrezti { box-shadow: inset 0 0 0 2px var(--koral); border-radius: 12px; }

/* 5 ratas: išdėstymo tikrintojas (piltuvas ir laiškai) */
/* klaidos tekstas virš mygtuko neprilimpa prie jo */
.apacioje .klaidos-tekstas { margin: 0 0 10px; }
/* varnelės lygiuojasi su kairiu turinio kraštu (be naršyklės 4 px paraštės) */
.sutikimas input, .varnele-sutikimas input { margin-left: 0; }
.varnele-sutikimas.pabrezti { padding: 10px 12px; margin-left: -12px; margin-right: -12px; }
/* skaičiaus laukas be naršyklės rodyklių kompiuteryje */
.ivestis input[type=number] { -moz-appearance: textfield; appearance: textfield; }
.ivestis input[type=number]::-webkit-inner-spin-button, .ivestis input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }
/* telefone fokusuotas laukas nelieka po prilipusiu „Toliau" mygtuku */
@media (max-width: 1023px) { html:has(body[data-ekranas]) { scroll-padding-bottom: 130px; } }
/* kainų kortelės su žyma: daugiau vietos virš kortelės ir tarp žymos bei pavadinimo */
.plano-kortele:has(.pk-zyma) { margin-top: 10px; padding-top: 24px; }
/* kainų puslapio DUK kaip pagrindiniame puslapyje: rodyklė dešinėje, antraštė pagal puslapio dydį */
.kn-klausimai h2 { font-size: clamp(24px, 3vw, 30px); }
.kn-klausimai summary { list-style: none; position: relative; padding-right: 34px; line-height: 1.35; }
.kn-klausimai summary::-webkit-details-marker { display: none; }
.kn-klausimai summary::after { content: ''; position: absolute; right: 4px; top: 50%; width: 10px; height: 10px; border-right: 2.5px solid var(--koral); border-bottom: 2.5px solid var(--koral); transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.kn-klausimai details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.duk summary { line-height: 1.35; }
/* ačiū: kortelės antraštė ne didesnė už pagrindinę, ikonų stulpelis vienodas abiejose kortelėse */
.aciu .kortele h2 { font-size: clamp(22px, 2.6vw, 26px); }
.aciu-prideti { grid-template-columns: 24px 1fr; align-items: start; }
.aciu-prideti > .ik { width: 24px; height: 24px; margin-top: 2px; }
/* ėjimo gidų ir seansų aprašymai pagrindiniame puslapyje: dvi eilutės vietoj nukirptos vienos */
.garso-eil > div span { -webkit-line-clamp: 2; }
/* teisiniai tekstai: „1)" punktai su įtrauka, sąrašas po įvado eilutės arčiau jos */
.teisinis .teis-punktas { display: block; padding-left: 1.6em; text-indent: -1.6em; margin-top: 4px; }
.teisinis ul { padding-left: 1.3em; }
.teisinis p + ul { margin-top: -6px; }
/* skaičius lauke tikrai centre (vienetas dešinėje nebestumia jo į kairę) */
.ivestis input { padding-left: 54px; }

/* 5 ratas: išdėstymo tikrintojas, 2 perėjimas (planas ir paskyra) */
/* jėgos programos žemėlapis: raidė ir spyna apskritime, užrašai vienoje linijoje */
.mazgas > .mz-ratas { font-size: 18px; line-height: 1; padding: 0; }
.mz-ratas .ik { width: 22px; height: 22px; }
/* treniruotės kortelė: „Peržiūrėti pratimus" nelūžta per pusę, spyna toje pačioje eilutėje kaip data */
.tr-veiksmai { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 10px 0 0; }
.tr-veiksmai .nuoroda-mygt { white-space: nowrap; }
.treniruote p.mazas:has(> .ik) { display: flex; align-items: center; gap: 6px; }
.treniruote p.mazas > .ik { width: 18px; height: 18px; flex: none; }
/* jėgos grotuvas: „Lengviau" be antros naršyklės rodyklės */
.tr-lengviau summary { list-style: none; }
.tr-lengviau summary::-webkit-details-marker { display: none; }
/* recepto kalorijos be kapsulės: lygiuojasi su kitomis žymomis, kai nukrenta į naują eilutę */
.rc-zymos .kcal { padding-left: 4px; padding-right: 4px; }
/* seansų ir gidų kortelės: pavadinimai vienoje linijoje, kai gretimoje kortelėje yra papildoma eilutė */
.seanso-kortele, .gido-kortele { align-content: start; }
/* „Kodėl sustojai?": mygtukas neprilimpa prie priežasčių */
.pt-kapsules.priezastys + .mygtukas, .pt-kapsules.priezastys + button { margin-top: 18px; }
/* svorio grafikas telefone: užrašai įskaitomi (SVG sumažinamas beveik perpus) */
@media (max-width: 700px) { .grafikas .ax { font-size: 22px; } .grafikas .tikslo-tekstas { font-size: 24px; } .grafikas .taskas { r: 6px; } }
/* paskyra: „Kasdienis laiškas" ir pasirinkimas telefone vienas po kito, kad pavadinimas nelūžtų */
.nust-eil:has(> select) { grid-template-columns: 1fr auto; }
@media (max-width: 480px) { .nust-eil:has(> select) { grid-template-columns: 1fr; gap: 6px; padding-top: 12px; padding-bottom: 14px; } .nust-eil > select { width: 100%; } }
/* valgių kortelės kompiuteryje: „Suvalgiau" ir „Pakeisti" visų kortelių apačioje vienoje linijoje */
@media (min-width: 1024px) {
  .valgio-kortele { display: flex; flex-direction: column; }
  .valgio-kortele > .vk-tekstas { flex: 1; display: flex; flex-direction: column; }
  .valgio-kortele .vk-veiksmai { margin-top: auto; }
  .valgio-kortele .vk-meta { margin-bottom: 10px; }
}

/* 6 ratas: pratęsimo sakinys iškart po mokėjimo mygtuku (RATAS-6-BENDRA.md 3.1): ne mažiau 13 px, antrinio teksto spalva */
.pratesimo-sakinys { font-size: 14px; line-height: 1.45; color: var(--slyva-2); font-weight: 700; margin: 10px 0 0; text-align: center; }
.kasa-forma .pratesimo-smulkiai { margin-top: 10px; }
/* 6 ratas: el. pašto sutikimas (EMAIL_CONSENT): sakinys po lauku arba neprivaloma varnelė; ne mažiau 13 px, antrinio teksto spalva */
.el-sutikimas { font-size: 13.5px; line-height: 1.45; color: var(--slyva-2); font-weight: 600; margin: 8px 0 4px; }
.el-sutikimas a, .el-privatumas a { color: var(--slyva-2); }
.el-varnele { margin: 10px 0 0; font-size: 14.5px; }
.el-privatumas { font-size: 13px; margin: 6px 0 0 30px; font-weight: 600; }
/* 6 ratas: banko patvirtinimo langas (3D Secure) tame pačiame ekrane */
.patv-fonas { position: fixed; inset: 0; z-index: 1000; background: rgba(42, 14, 35, .55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.patv-langas { background: #fff; border-radius: 20px; width: min(100%, 480px); max-height: calc(100dvh - 32px); overflow: auto; box-shadow: var(--s2); }
.patv-iframe { display: block; width: 100%; height: min(620px, calc(100dvh - 40px)); border: 0; border-radius: 20px; }
.patv-maketas { padding: 22px; }
.patv-mygt { display: flex; gap: 10px; justify-content: flex-end; margin-top: 8px; }
/* 6 ratas: pirkimas vienu paspaudimu, grįžimas, sveikatos sutikimas */
.mygtukas--pavojus { background: #B3261E; color: #fff; }
.v1p-kortele { margin-top: 16px; }
.v1p-kortele h2 { font-size: 22px; }
.v1p-forma { margin-top: 14px; }
.v1p-salygos { margin-top: 12px; }
.v1p-kita { text-align: center; margin: 14px 0 0; font-size: 15px; }
.grizimas { padding-top: 24px; padding-bottom: 40px; max-width: 560px; }
.grizimo-kortele .busena i { background: var(--slyva-3); }
.patikra--sutikimas form { margin: 6px 0 4px; }
.sveikatos-kortele h2 { font-size: 22px; }
.patv-baigiau { text-align: center; margin: 8px 0 12px; }
/* 6 ratas: neįgarsintas seansas „Tekstas ir muzika" */
.skaitymas { max-width: 620px; margin: 0 auto; padding: 18px 20px 40px; position: relative; }
.skaitymo-virselis img { width: 140px; height: 140px; border-radius: 28px; margin: 16px auto 14px; }
.skaitymas h1 { font-size: 30px; text-align: center; }
.skaitymas > .mazas { text-align: center; margin-top: -6px; }
.skaitymo-ivadas { font-size: 16px; text-align: center; opacity: .9; }
.skaitymo-muzika { margin: 6px 0 22px; background: rgba(255,255,255,.12); color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); }
.skaitymo-muzika[aria-pressed="true"] { background: #fff; color: var(--slyva); }
.skaitymo-tekstas p { font-size: 19px; line-height: 1.65; margin: 0 0 1.1em; }
.skaitymas form { margin-top: 24px; }
/* 6 ratas: išdėstymo „Palikta" sutaisyta */
/* Progreso grafikas: tikslo užrašas su fono apvadu, kad brūkšninė prognozės linija jo nekirstų */
.grafikas .tikslo-tekstas { paint-order: stroke; stroke: var(--balta); stroke-width: 6px; stroke-linejoin: round; }
/* Recepto „Suvalgiau": slenkant žemyn pasislepia, kad neuždengtų teksto; slenkant aukštyn ir puslapio gale vėl matomas */
.rc-lipnus { transition: transform .25s ease, opacity .25s ease; }
.rc-lipnus.pasislepes { transform: translateY(140%); opacity: 0; pointer-events: none; }
/* 6 ratas: nuolaidos kodas ir dovana kainų puslapyje */
.kodo-juosta { background: var(--zalia-sv); color: #1F4A26; border-radius: 14px; padding: 10px 14px; font-weight: 800; margin: 0 0 14px; }
.dovanos-kortele { margin: 0 0 18px; }
.dovanos-kortele h2 { font-size: 22px; }

/* 6 ratas: išdėstymo tikrintojas */
/* Progreso grafikas: tikslo užrašo apvadas platesnis, kad prognozės linija neperbrauktų užrašo ir tarpuose tarp žodžių */
.grafikas .tikslo-tekstas { stroke-width: 16px; }
/* Narystė: tarpas tarp perėjimo į 3 mėn. kortelės ir kortelės nustatymų (anksčiau prilipę, 0 px) */
.v1p-kortele ~ .nust-grupe { margin-top: 16px; }
/* Grįžimo ekranas: būsenos eilutė „Narystė baigėsi" su tašku kaip narystės kortelėje (anksčiau taškas nesimatė, eilutė atrodė kaip paprastas tekstas) */
.grizimo-kortele .busena { display: flex; align-items: center; gap: 8px; font-weight: 800; color: var(--slyva-2); margin: 0 0 6px; }
.grizimo-kortele .busena i { flex: none; width: 10px; height: 10px; border-radius: 50%; }
/* Neįgarsintas seansas: „Baigta" mygtukas buvo tamsus ant tamsaus fono (beveik nematomas) – dabar šviesus kaip kituose tamsiuose ekranuose */
.skaitymas form .mygtukas { background: var(--balta); color: var(--slyva); box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .6); }
.skaitymas form { margin-bottom: 16px; }
/* „← Paskyra" grįžimo nuoroda: lietimo taikinys bent 44 px aukščio, išdėstymas nesikeičia */
.atgal-eil a { padding: 11px 8px 11px 0; margin: -11px 0; }

/* 7 ratas: kainos ir mokėjimas viename puslapyje. Blokas „Apmokėjimas" po D.U.K. (/kainos/:vid#apmokejimas) */
.apmokejimas { max-width: 1000px; padding-top: 0; padding-bottom: 48px; scroll-margin-top: 16px; }
.kainos-r4:has(+ .apmokejimas) { padding-bottom: 32px; }
.apmokejimas > h2 { font-size: clamp(24px, 3vw, 30px); margin: 0 0 14px; }
.apmokejimas .maketo-juosta { border-radius: 12px; margin-bottom: 14px; }
.apmokejimas .kasa { padding: 0; margin: 0; max-width: none; grid-template-columns: minmax(0, 1fr); }
.kasa-forma h3 { font-size: 19px; margin: 0 0 10px; }
.kasa-forma, .kasa-santrauka { min-width: 0; }
#mokejimo-elementas { width: 100%; }
.kasa-santrauka .ks-eil { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ks-keisti { font-size: 14px; white-space: nowrap; margin-top: 2px; }
#planai { scroll-margin-top: 8px; }
.ks-eilutes { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--linija); display: grid; gap: 6px; }
.ks-eilute { display: flex; justify-content: space-between; gap: 12px; font-size: 15.5px; font-weight: 700; color: var(--slyva-2); font-variant-numeric: tabular-nums; }
.ks-eilute[hidden] { display: none; }
.ks-eilute dt, .ks-eilute dd { margin: 0; }
.ks-eilute[data-eil="nuolaida"] dd { color: var(--koral-t); }
.ks-eilute[data-eil="pritaikyta"] dd { color: var(--koral-t); }
.ks-minimumas { margin: 6px 0 0; text-align: right; }
.ks-minimumas[hidden] { display: none; }
.ks-eilutes:not(:has(.ks-eilute:not([hidden]))) { display: none; }
.ks-eilutes + .ks-suma { margin-top: 10px; }
.kasa-forma #moketi { margin-top: 4px; }
.saugumo-eilute { font-size: 13.5px; line-height: 1.45; font-weight: 700; color: var(--slyva-2); margin: 10px 0 0; text-align: center; }
.saugumo-eilute .ik { display: inline-block; width: 16px; height: 16px; vertical-align: -2px; margin-right: 2px; }
.pratesimo-smulkiai a { color: inherit; }
@media (min-width: 1024px) {
  .apmokejimas { padding-top: 16px; }
  .apmokejimas .kasa { grid-template-columns: 1fr 1.1fr; gap: 28px; }
}
.priezasties-tekstas { margin-top: 12px; }
/* 8 ratas: paskyra ir slaptažodis */
.su-akute { position: relative; display: block; }
.su-akute input { padding-right: 56px; }
.akute { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; background: transparent; font-size: 20px; cursor: pointer; border-radius: 10px; }
.akute[aria-pressed="true"] { opacity: .55; }
.po-formos { margin-top: 16px; }
.pranesimas--klaida { background: #FDE7E4; color: #8A1C12; }
.paskyros-kortele { margin-top: 18px; }
.paskyros-kortele h2 { font-size: 20px; margin: 0 0 6px; }
.paskyros-kortele .du-mygtukai { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.el-eilute { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; margin: 0 0 12px; overflow-wrap: anywhere; }
.el-eilute b { overflow-wrap: anywhere; }
.el-pasiulymas { margin: 6px 0 0; font-size: 15px; }
.kasos-el { margin: 0 0 14px; } .kasos-el form { margin: 0 0 8px; }
.su-akute input[type=password], .su-akute input[type=text] { width: 100%; min-height: 54px; padding: 12px 56px 12px 16px; border-radius: 14px; border: 1.5px solid var(--linija-2); background: var(--balta); color: var(--slyva); font: 700 17px var(--sans); box-sizing: border-box; }
.su-akute input:focus { outline: none; border-color: var(--koral, #FF5E3A); }
.kasos-el .el-eilute b { font-weight: 800; }
/* 9 ratas: išlaikymo pasiūlymo langas, du vienodo dydžio mygtukai */
.islaikymo-langas h2 { margin: 0 0 8px; font-size: 22px; }
.islaikymo-langas p { margin: 0 0 14px; }
.islaikymo-mygtukai { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 6px; }
.islaikymo-mygtukai .mygtukas { width: 100%; min-height: 54px; margin: 0; }
@media (min-width: 640px) { .islaikymo-mygtukai { grid-template-columns: 1fr 1fr; } }
.g2-kortele { border: 2px solid var(--mango, #FFB21A); }