/* ═══════════════════ Sekcijos 04–11 ═══════════════════ */

.section--tight { padding-top: 0; }
.h2--44 { font-size: clamp(30px, 2.75vw, 44px); line-height: 1.18; }
.head__lead { font-size: 16px; line-height: 26px; color: var(--muted); max-width: 540px; }
.section--cream .head__lead { color: var(--muted-dark); }
.eyebrow--ink { color: #1e1d1b; }

/* 04 — durys */
.doors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 80px; }
.door {
  min-height: 440px; padding: 40px;
  background: #ebe4d6; border: 1px solid var(--line-cream);
  display: flex; flex-direction: column; justify-content: space-between; gap: 32px;
  transition: transform .5s ease, background .5s ease;
}
.door:hover { transform: translateY(-4px); background: #f4efe4; }
.door__body { display: flex; flex-direction: column; gap: 24px; }
.door__opt { font-size: 14px; font-weight: 600; letter-spacing: 1px; color: var(--muted-dark); }
.door__title { font-size: 28px; font-weight: 300; color: var(--ink); }
.door__text { font-size: 15px; line-height: 24px; color: var(--muted-dark); }
.door__cta { font-size: 14px; font-weight: 600; color: var(--ink); display: inline-flex; gap: 8px; }
.door__cta i { font-style: normal; transition: transform .3s; }
.door:hover .door__cta i { transform: translateX(4px); }

/* 05 — pasiūlymai */
.offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 80px; align-items: stretch; }
.offer {
  padding: 40px; background: #f4efe4; border: 1px solid var(--line-cream);
  display: flex; flex-direction: column; gap: 32px;
}
.offer--primary { background: var(--bg); border: 2px solid var(--line-cream); box-shadow: 0 16px 16px rgba(17,17,16,.15); }
.offer__top { display: flex; flex-direction: column; gap: 16px; }
.offer__tagrow { display: flex; justify-content: space-between; align-items: center; }
.offer__tag { font-size: 12px; font-weight: 600; letter-spacing: 1px; color: var(--muted); }
.offer--primary .offer__tag { color: var(--cream); }
.offer__badge { background: var(--line-2); color: var(--cream); font-size: 9px; font-weight: 600; letter-spacing: .5px; padding: 2px 8px; border-radius: 1px; }
.offer__title { font-size: 28px; line-height: 36px; font-weight: 300; color: var(--ink); margin: 0; }
.offer--primary .offer__title { color: var(--cream); }
.offer__price { display: flex; flex-direction: column; gap: 4px; }
.offer__price div { display: flex; gap: 8px; align-items: baseline; }
.offer__price b { font-size: 32px; font-weight: 300; color: var(--ink); }
.offer--primary .offer__price b { color: var(--cream); }
.offer__price span { font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #1e1d1b; }
.offer--primary .offer__price span { color: var(--muted); }
.offer__price small { font-size: 13px; color: var(--muted); }
.offer__text { font-size: 15px; line-height: 24px; color: var(--muted-dark); }
.offer--primary .offer__text { color: var(--muted); }
.offer--primary .rule { background: var(--line); }
.offer__list { display: flex; flex-direction: column; gap: 12px; }
.offer__label { font-size: 11px; font-weight: 600; letter-spacing: 1px; color: var(--muted); }
.offer__list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.offer__list li { display: flex; gap: 12px; align-items: center; font-size: 14px; line-height: 20px; color: var(--ink); }
.offer__list li::before { content: ""; width: 5px; height: 5px; background: var(--line-cream); flex: none; }
.offer--primary .offer__list li { color: var(--cream); }
.offer--primary .offer__list li::before { background: var(--line-2); }
.offer__foot { margin-top: auto; display: flex; flex-direction: column; gap: 20px; }
.offer__foot small { font-size: 11px; line-height: 16px; color: var(--muted); }
.offer__cta { display: inline-flex; gap: 8px; align-items: center; padding-top: 12px; font-size: 14px; font-weight: 600; color: var(--ink); }
.offer__cta i { font-style: normal; font-weight: 400; transition: transform .3s; }
.offer__cta:hover i { transform: translateX(4px); }
.offer--primary .offer__cta, .offer__cta--light { color: var(--cream); }

@media (max-width: 1100px) { .doors, .offers { grid-template-columns: 1fr; } .door { min-height: 0; } }

/* 06 — biblioteka */
.filters { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin-top: 80px; }
.filters__label { font-size: 12px; font-weight: 600; letter-spacing: 1.5px; color: var(--cream); }
.chip { background: none; border: 1px solid var(--line); border-radius: 1px; padding: 6px 16px; font: 400 13px var(--font); color: var(--muted); cursor: pointer; transition: color .2s, border-color .2s; }
.chip:hover { color: var(--cream); border-color: var(--line-2); }
.cases--lib { margin-top: 80px; }
.case__panel--lib { height: 320px; padding: 20px; background: linear-gradient(90deg, rgba(17,17,16,.2), rgba(17,17,16,.2)), linear-gradient(132deg, #242421 0%, #2e2e2b 50%, #1f1f1c 100%); }
.case__title--sm { font-size: 20px; line-height: 28px; }

/* 07 — LOKLU */
.rnd { display: grid; grid-template-columns: minmax(0, 640px) minmax(0, 640px); justify-content: space-between; gap: 80px; align-items: center; margin-top: 80px; }
.rnd__copy { display: flex; flex-direction: column; gap: 40px; }
.rnd__p { font-size: 18px; line-height: 28px; color: var(--muted); }
.rnd__scope { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; }
.rnd__stats { display: flex; gap: 32px; align-items: center; }
.rnd__stats div { display: flex; flex-direction: column; gap: 4px; }
.rnd__stats b { font-size: 24px; font-weight: 300; color: var(--cream); }
.rnd__stats span { font-size: 9px; letter-spacing: 1px; color: var(--muted); }
.rnd__stats i { width: 1px; height: 32px; background: var(--line); }
.rnd__scope small { font-size: 12px; color: var(--muted); }
.mono { background: #1c1c1a; border: 1px solid var(--line); border-radius: 2px; padding: 48px; height: 500px; display: flex; flex-direction: column; justify-content: space-between; }
.mono__head { display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); }
.mono__head b { font-weight: 600; letter-spacing: 2px; }
.mono svg { width: 100%; height: auto; }
.mono .m-box { fill: var(--bg); stroke: var(--line); }
.mono .m-line { stroke: var(--line); fill: none; stroke-width: 1; }
.mono .m-line--v, .mono .m-line--h { stroke: var(--line-2); }
.mono .m-node { fill: var(--cream); }
.mono .m-dot { fill: var(--muted); }
.mono .m-lbl { fill: var(--muted); font: 600 9px var(--font); }
.mono .m-line { stroke-dasharray: 500; stroke-dashoffset: 500; }
.in .mono .m-line { animation: draw 1.2s ease forwards; }
.in .mono .m-line:nth-of-type(2) { animation-delay: .1s } .in .mono .m-line:nth-of-type(3) { animation-delay: .2s }
.in .mono .m-line:nth-of-type(4) { animation-delay: .35s } .in .mono .m-line:nth-of-type(5) { animation-delay: .5s }
.mono__foot { display: flex; gap: 8px; align-items: center; font-size: 11px; color: var(--muted); }
.mono__foot i { width: 6px; height: 6px; background: var(--line-2); }
@media (max-width: 1100px) { .rnd { grid-template-columns: 1fr; } .mono { height: auto; } }

/* 08 — įrodymai */
.grades { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 100px; }
.grade { display: flex; flex-direction: column; gap: 16px; }
.grade b { font-size: 18px; font-weight: 500; color: var(--ink); }
.grade p { font-size: 14px; line-height: 22px; color: var(--muted-dark); }
.verdicts { margin-top: 100px; display: flex; flex-direction: column; gap: 48px; }
.verdicts__title { font-size: 32px; font-weight: 300; color: var(--ink); margin: 0; }
.verdicts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.verdict { background: #f4efe4; border: 1px solid var(--line-cream); border-radius: 2px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.verdict__row { display: flex; justify-content: space-between; align-items: center; }
.verdict b { font-size: 16px; font-weight: 600; color: var(--ink); }
.verdict i { width: 8px; height: 8px; }
.verdict p { font-size: 14px; line-height: 22px; color: var(--muted-dark); }
#evidence > .rule { margin-top: 100px; }
.evidence-foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 40px; }
.evidence-foot p { font-size: 24px; font-weight: 300; color: var(--ink); }
.evidence-foot span { font-size: 12px; font-weight: 600; letter-spacing: 1px; color: var(--muted); }
@media (max-width: 1100px) { .grades, .verdicts__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .grades, .verdicts__grid { grid-template-columns: 1fr; } }

/* 09 — apie */
.about { display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: 88px; align-items: center; }
.about__col { display: flex; flex-direction: column; gap: 40px; }
.about__body { display: flex; flex-direction: column; gap: 24px; }
.about__p { font-size: 18px; line-height: 28px; color: var(--ink); }
.about__p--sm { font-size: 15px; line-height: 24px; color: var(--muted-dark); }
.about__meta { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.about__facts { display: flex; gap: 24px; }
.about__facts div { display: flex; flex-direction: column; gap: 4px; }
.about__facts span { font-size: 10px; font-weight: 600; letter-spacing: 1px; color: var(--muted); }
.about__facts b { font-size: 13px; font-weight: 400; color: var(--ink); }
.btn--ink { border: 1px solid var(--ink); color: var(--ink); padding: 12px 24px; font-size: 13px; font-weight: 500; }
.btn--ink:hover { background: var(--ink); color: var(--cream); }
.about__img { height: 508px; overflow: hidden; background: var(--cream-2); }
.about__img img { width: 100%; height: 100%; object-fit: cover; }
.about__img--empty img { display: none; }
.about__img--empty { border: 1px solid var(--line-cream); }
@media (max-width: 1100px) { .about { grid-template-columns: 1fr; } .about__img { height: 440px; max-width: 380px; } }

/* 10 — CTA */
.section--final { background: var(--bg-nav); color: var(--cream); display: flex; justify-content: center; }
.final { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 32px; max-width: 800px; }
.final__title { font-size: clamp(36px, 3.5vw, 56px); line-height: 1.14; font-weight: 300; letter-spacing: -1.5px; color: var(--cream); margin: 0; }
.final__lead { font-size: 18px; line-height: 28px; color: var(--muted); }
.final__btns { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; margin-top: 28px; }
.btn--fill { background: var(--cream); color: var(--bg-nav); border: 1px solid var(--cream); padding: 16px 32px; font-size: 14px; font-weight: 500; }
.btn--fill:hover { background: transparent; color: var(--cream); }
.btn--ghost { border: 1px solid var(--muted); color: var(--cream); padding: 16px 32px; font-size: 14px; }
.btn--ghost:hover { border-color: var(--cream); background: transparent; color: var(--cream); }
.final__trust { display: flex; gap: 16px; align-items: center; margin-top: 28px; font-size: 11px; letter-spacing: 1px; color: var(--muted); flex-wrap: wrap; justify-content: center; }
.final__trust i { width: 4px; height: 4px; background: var(--line-2); }

/* 11 — footer */
.footer { background: #0e0e0d; padding: 100px var(--pad) 60px; display: flex; flex-direction: column; gap: 80px; color: var(--muted); }
.footer__row { display: flex; justify-content: space-between; gap: 60px; flex-wrap: wrap; }
.footer__id { width: 400px; max-width: 100%; display: flex; flex-direction: column; gap: 20px; }
.footer__id b { font-size: 16px; font-weight: 600; letter-spacing: 2.5px; color: var(--cream); }
.footer__id span { font-size: 10px; letter-spacing: 1.5px; margin-top: -14px; }
.footer__id p { font-size: 13px; line-height: 20px; }
.footer__cols { display: flex; gap: 80px; flex-wrap: wrap; }
.footer__col { display: flex; flex-direction: column; gap: 16px; }
.footer__col span { font-size: 11px; font-weight: 600; letter-spacing: 1.5px; }
.footer__col a { font-size: 13px; color: var(--cream); }
.footer__col a:hover { color: var(--muted); }
.footer__col p { font-size: 12px; line-height: 18px; }
.footer__col--contact { width: 220px; }
.footer__lang { font-size: 13px; color: var(--cream) !important; }
.footer__lang em { font-style: normal; color: var(--muted); }
.footer__bottom { display: flex; flex-direction: column; gap: 24px; }
.footer .rule { background: var(--line); }
.footer__legal { display: flex; justify-content: space-between; font-size: 12px; flex-wrap: wrap; gap: 12px; }
.footer__legal div { display: flex; gap: 32px; }
.footer__legal a:hover { color: var(--cream); }

/* ═══════════════ Medžiaga: gylis, grūdai, ašis ═══════════════ */

/* 1 — Tinklelio linijos paraštėse (ne per turinį) */
.section, .footer { position: relative; }
.section::after, .section::before {
  content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; width: 1px;
  pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(242,237,229,0) 0%, rgba(242,237,229,.13) 10%,
    rgba(242,237,229,.13) 90%, rgba(242,237,229,0) 100%);
}
.section::after  { left:  calc(var(--pad) - 26px); }
.section::before { right: calc(var(--pad) - 26px); }
.section--cream::after, .section--cream::before {
  background: linear-gradient(to bottom,
    rgba(17,17,16,0) 0%, rgba(17,17,16,.10) 10%,
    rgba(17,17,16,.10) 90%, rgba(17,17,16,0) 100%);
}
.section > * { position: relative; z-index: 2; }

/* 2 — Trys tonai: fonas · paviršius · šviesa */
.section--dark {
  background:
    radial-gradient(110% 70% at 50% 0%, rgba(255,246,228,.05) 0%, rgba(255,246,228,0) 58%),
    radial-gradient(125% 100% at 50% 48%, rgba(0,0,0,0) 38%, rgba(0,0,0,.45) 100%),
    linear-gradient(to bottom, #121211 0%, #0f0f0e 55%, #0b0b0a 100%);
}
.section--cream {
  background:
    radial-gradient(105% 62% at 50% 2%, rgba(255,250,240,.55) 0%, rgba(255,250,240,0) 52%),
    radial-gradient(125% 100% at 50% 45%, rgba(64,52,36,0) 34%, rgba(64,52,36,.22) 100%),
    linear-gradient(to bottom, #ded6c5 0%, #d8cfbc 55%, #cfc5af 100%);
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: 100; pointer-events: none;
  opacity: .07; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* 3 — Kortelės apšviestos, ne pašešėlintos */
.case__panel, .case__panel--lib, .door, .offer, .verdict, .layer__card, .fig, .mono {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 18px 40px -28px rgba(0,0,0,.55);
}
.door, .offer, .verdict {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 -1px 0 rgba(17,17,16,.06),
    0 20px 44px -32px rgba(17,17,16,.35);
}
.offer--primary {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 26px 56px -30px rgba(17,17,16,.5);
}
.door, .offer, .case__panel, .layer__card { transition: transform .5s ease, box-shadow .5s ease, border-color .5s ease; }
.offer:hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 26px 52px -30px rgba(17,17,16,.45); }

/* 4 — Sekcijų numeriai kaip vandenženkliai */
.section .head { position: relative; z-index: 2; }
.section .head::before {
  content: attr(data-n); position: absolute; z-index: -1;
  right: -.06em; top: -.42em; line-height: .78;
  font-size: clamp(120px, 15vw, 240px); font-weight: 300; letter-spacing: -.04em;
  color: rgba(242,237,229,.035); pointer-events: none; user-select: none;
}
.section--cream .head::before { color: rgba(17,17,16,.045); }

@media (max-width: 900px) {
  .section::after, .section::before { display: none; }
  .section .head::before { font-size: 96px; }
}


/* ═══════════ Tinklelio lygiavimas: subgrid ═══════════ */
/* Kiekviena kortelės juosta lygiuojasi su kaimynių juostomis,
   nesvarbu, per kiek eilučių laužosi pavadinimas. */

@supports (grid-template-rows: subgrid) {

  /* 01 / 06 — atvejai: paveikslėlis · meta · linija · pavadinimas · tekstas · nuoroda */
  .cases { grid-template-rows: auto auto auto auto auto auto; }
  .case { display: grid; grid-row: span 6; grid-template-rows: subgrid; gap: 0; }
  .cases--lib { grid-template-rows: auto auto auto auto auto; }
  .cases--lib .case { grid-row: span 5; }
  .case__panel { margin-bottom: 24px; }
  .case__body { display: contents; }
  .case__meta { margin-bottom: 12px; }
  .case__body .rule { margin-bottom: 12px; }
  .case__title { margin-bottom: 12px; }
  .case__link { align-self: end; padding-top: 12px; }

  /* 03 — sluoksniai: antraštė · kortelė · tekstas · įrodymai */
  .layers { grid-template-rows: auto auto auto auto; }
  .layer { display: grid; grid-row: span 4; grid-template-rows: subgrid; gap: 0; }
  .layer__head { margin-bottom: 32px; }
  .layer__card { margin-bottom: 32px; }
  .layer__text { margin-bottom: 32px; }

  /* 04 — durys: numeris · pavadinimas · linija · tekstas · mygtukas */
  .doors { grid-template-rows: auto auto auto auto auto; }
  .door { display: grid; grid-row: span 5; grid-template-rows: subgrid; gap: 0; min-height: 0; }
  .door__body { display: contents; }
  .door__opt { margin-bottom: 24px; }
  .door__title { margin-bottom: 24px; }
  .door .rule { margin-bottom: 24px; }
  .door__text { margin-bottom: 32px; }
  .door__cta { align-self: end; }

  /* 05 — pasiūlymai: antraštė · kaina · tekstas · linija · sąrašas · mygtukas */
  .offers { grid-template-rows: auto auto auto auto auto auto; }
  .offer { display: grid; grid-row: span 6; grid-template-rows: subgrid; gap: 0; }
  .offer__top { margin-bottom: 32px; }
  .offer__price { margin-bottom: 32px; }
  .offer__text { margin-bottom: 32px; }
  .offer .rule { margin-bottom: 32px; }
  .offer__list { margin-bottom: 32px; align-self: start; }
  .offer__foot { align-self: end; }

  /* 08 — pažymos ir verdiktai */
  .grades { grid-template-rows: auto auto auto; }
  .grade { display: grid; grid-row: span 3; grid-template-rows: subgrid; gap: 0; }
  .grade b { margin-bottom: 16px; }
  .grade .rule { margin-bottom: 16px; }

  .verdicts__grid { grid-template-rows: auto auto auto; }
  .verdict { display: grid; grid-row: span 3; grid-template-rows: subgrid; gap: 0; }
  .verdict__row { margin-bottom: 16px; }
  .verdict .rule { margin-bottom: 16px; }
}

/* Atsarginis variantas naršyklėms be subgrid */
@supports not (grid-template-rows: subgrid) {
  .offer__list { flex: 1 0 auto; }
  .case__title, .door__title, .layer__title { min-height: 2.2em; }
}


/* ═══════════ Kampų apvalinimas ═══════════ */
:root { --r: 8px; --r-sm: 5px; }
.case__panel, .case__panel--lib, .door, .offer, .verdict, .layer__card,
.fig, .mono, .success, .about__img, .area, .drop, .offer__badge {
  border-radius: var(--r);
}
.btn, .btn--hero, .btn--fill, .btn--ghost, .btn--ink, .btn--send,
.chip, .case__tag, .offer__badge { border-radius: var(--r-sm); }
.case__tag { padding: 5px 11px; }

/* ═══════════════════════════════════════════════════════════
   TAMSI TEMA — sekcijos, kurios buvo kreminės, tampa
   šiltos anglies spalvos, kaip hero betonas. Vienas blokas,
   kad būtų lengva atsukti atgal.
   ═══════════════════════════════════════════════════════════ */

:root { --r: 14px; --r-sm: 8px; --warm: #171613; --warm-2: #1e1c18; --warm-line: #2f2b25; }

.section--cream {
  color: var(--cream);
  background:
    radial-gradient(105% 62% at 50% 0%, rgba(255,244,224,.055) 0%, rgba(255,244,224,0) 55%),
    radial-gradient(125% 100% at 50% 45%, rgba(0,0,0,0) 35%, rgba(0,0,0,.4) 100%),
    linear-gradient(to bottom, #191713 0%, #16150f 55%, #121109 100%);
}
.section--cream::after, .section--cream::before {
  background: linear-gradient(to bottom,
    rgba(242,237,229,0) 0%, rgba(242,237,229,.12) 10%,
    rgba(242,237,229,.12) 90%, rgba(242,237,229,0) 100%);
}
.section--cream .head::before { color: rgba(242,237,229,.032); }
.section--cream .eyebrow,
.section--cream .head__lead,
.section--cream .lead { color: var(--muted); }
.section--cream .h2,
.section--cream .verdicts__title,
.section--cream .evidence-foot p { color: var(--cream); }
.section--cream .rule { background: var(--warm-line); }
.eyebrow--ink { color: var(--muted); }

/* paviršiai — šviesesni už foną, kad atsirastų sluoksniai */
.door   { background: var(--warm-2); border-color: var(--warm-line); }
.door:hover { background: #262319; }
.door__title, .door__cta { color: var(--cream); }
.door__opt, .door__text { color: var(--muted); }

.offer  { background: var(--warm-2); border-color: var(--warm-line); }
.offer--primary { background: #100f0c; border: 1px solid rgba(242,237,229,.22); }
.offer__title, .offer__price b, .offer__cta { color: var(--cream); }
.offer__text, .offer__price small { color: var(--muted); }
.offer__price span { color: var(--soft); }
.offer__list li { color: var(--soft-2); }
.offer__list li::before { background: var(--warm-line); }

.verdict { background: var(--warm-2); border-color: var(--warm-line); }
.verdict b, .grade b { color: var(--cream); }
.verdict p, .grade p { color: var(--muted); }

.fig { background: var(--warm-2); border-color: var(--warm-line); }
.fig__head, .fig__foot { color: var(--muted); }
.fig .node rect { fill: #0e0d0a; stroke: var(--soft); }
.fig .node text { fill: var(--cream); }
.fig .node--light rect { fill: var(--cream); stroke: none; }
.fig .node--light text { fill: #14130f; }
.fig .node--sys rect { stroke: var(--warm-line); }
.fig .node--sys text { fill: #14130f; }
.fig .edge { stroke: var(--soft); }
.fig .edge--soft { stroke: var(--warm-line); }
.fig__foot::before { background: var(--warm-line); }

.thesis__list li { color: var(--cream); }
.thesis__list li::before { background: var(--soft); }
.thesis__after { color: var(--muted); }

.about__p { color: var(--cream); }
.about__p--sm, .evidence-foot span { color: var(--muted); }
.about__facts b { color: var(--cream); }
.about__img { background: var(--warm-2); border: 1px solid var(--warm-line); }
.btn--ink { border-color: var(--soft); color: var(--cream); }
.btn--ink:hover { background: var(--cream); color: #14130f; }

/* apšvietimas vietoj šešėlių — vienodai visoms plokštėms */
.door, .offer, .verdict, .fig, .case__panel, .case__panel--lib, .layer__card, .mono, .about__img {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.3),
    0 22px 48px -30px rgba(0,0,0,.7);
}
.offer:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 56px -28px rgba(0,0,0,.75); }

/* apvalinimas — matomas, bet ne minkštas */
.case__panel, .case__panel--lib, .door, .offer, .verdict, .layer__card,
.fig, .mono, .about__img, .success, .area, .drop { border-radius: var(--r); }
.btn, .btn--hero, .btn--fill, .btn--ghost, .btn--ink, .btn--send,
.chip, .case__tag, .offer__badge, .opt--check::before { border-radius: var(--r-sm); }

/* ═══════════ Ilgi vokiški žodžiai: laužymas ir skiemenavimas ═══════════ */
html[lang="de"] { hyphens: auto; -webkit-hyphens: auto; }
html[lang="de"] .chapter__text,
html[lang="de"] .offer__text,
html[lang="de"] .door__text,
html[lang="de"] .layer__text,
html[lang="de"] .case__text,
html[lang="de"] .rnd__p,
html[lang="de"] .about__p,
html[lang="de"] .lead,
html[lang="de"] .head__lead { hyphens: auto; }

/* Mažos didžiosios etiketės — leidžiam laužytis ir sumažinam tarpus */
html[lang="de"] .layer__cap,
html[lang="de"] .offer__tag,
html[lang="de"] .case__tag,
html[lang="de"] .fig__head,
html[lang="de"] .mono__head b,
html[lang="de"] .rnd__stats span,
html[lang="de"] .offer__label,
html[lang="de"] .filters__label,
html[lang="de"] .field__label,
html[lang="de"] .intake__meta span,
html[lang="de"] .final__trust span {
  white-space: normal;
  overflow-wrap: anywhere;
  letter-spacing: .9px;
  line-height: 1.35;
}

/* Antraštės ir mygtukai — jokio išsiliejimo */
html[lang="de"] .h2,
html[lang="de"] .chapter__title,
html[lang="de"] .offer__title,
html[lang="de"] .door__title,
html[lang="de"] .layer__title,
html[lang="de"] .final__title,
html[lang="de"] .verdicts__title,
html[lang="de"] .intake__title { overflow-wrap: break-word; hyphens: auto; }

html[lang="de"] .verdict b,
html[lang="de"] .grade b { overflow-wrap: anywhere; hyphens: none; }

html[lang="de"] .btn,
html[lang="de"] .btn--hero,
html[lang="de"] .btn--fill,
html[lang="de"] .btn--ghost,
html[lang="de"] .btn--ink,
html[lang="de"] .btn--send { white-space: normal; text-align: center; line-height: 1.3; }

/* Bendra apsauga visoms kalboms — niekas neišeina iš kortelės */
.door, .offer, .verdict, .grade, .layer, .case, .fig, .mono, .rnd__copy { min-width: 0; }
.door > *, .offer > *, .verdict > *, .layer > *, .case > * { min-width: 0; overflow-wrap: break-word; }
.rnd__stats { flex-wrap: wrap; }
.rnd__stats div { min-width: 0; max-width: 260px; }

/* Filtrų aktyvi būsena ir „ruošiama" žyma */
.chip.on { color: var(--cream); border-color: var(--cream); }
.case__link--soon { color: var(--muted); font-size: 13px; letter-spacing: .3px; cursor: default; }

/* ═══════════ Vaizdai vietoj schemų ═══════════ */
.case__panel, .case__panel--lib {
  background-size: cover; background-position: center;
  position: relative; overflow: hidden;
}
.case__panel::after, .case__panel--lib::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgba(10,10,10,.5) 0%, rgba(10,10,10,0) 38%);
}
.case__tag { position: relative; z-index: 2; }
.case:hover .case__panel { transform: none; }

.fig__img, .mono__img { width: 100%; height: auto; border-radius: 6px; display: block; }
.fig, .mono { overflow: hidden; }
.layer__card { padding: 0; overflow: hidden; border: 1px solid var(--warm-line); }
.layer__img { width: 100%; height: auto; display: block; }

/* ═══════════ Duomenų vizualizacijos ═══════════ */
.case__panel, .case__panel--lib {
  background-size: contain; background-repeat: no-repeat; background-position: center;
  background-color: var(--warm-2);
}
.case__panel::after, .case__panel--lib::after { background: none; }
.case__panel { height: 260px; }
.case__panel--lib { height: 320px; }
.fig__img, .mono__img, .layer__img { width: 100%; height: auto; display: block; border-radius: 0; }
.fig { padding: 0; background: var(--warm-2); }
.fig__head { padding: 24px 32px 0; }
.mono { padding: 0; height: auto; background: var(--warm-2); }
.mono__head { padding: 28px 40px 0; }
.mono__foot { padding: 0 40px 28px; }
.layer__card { background: var(--warm-2); }

/* ═══════════ Telefone subgrid išjungtas ═══════════
   Vienoje kolonoje kortelėms lygiuotis tarpusavyje nebereikia,
   o subgrid tada kuria netolygius tarpus. Ši taisyklė turi būti
   po @supports bloko, kad jį perrašytų. */
@media (max-width: 860px) {
  .cases, .cases--lib, .doors, .offers, .layers, .grades, .verdicts__grid {
    grid-template-rows: none !important;
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .case, .cases--lib .case, .door, .offer, .layer, .grade, .verdict {
    display: flex !important;
    flex-direction: column;
    grid-row: auto !important;
    grid-template-rows: none !important;
  }
  .case__body, .door__body { display: block !important; }

  /* vienodi vidiniai tarpai, nes subgrid margin'ai buvo derinti plačiam ekranui */
  .case__panel { margin-bottom: 20px; }
  .case__meta, .case__body .rule, .case__title { margin-bottom: 12px; }
  .case__link { padding-top: 8px; }
  .door__opt, .door__title, .door .rule { margin-bottom: 18px; }
  .door__text { margin-bottom: 24px; }
  .offer__top, .offer__price, .offer__text, .offer .rule, .offer__list { margin-bottom: 24px; }
  .offer__list { align-self: auto; }
  .offer__foot { margin-top: 4px; }
  .layer__head, .layer__card, .layer__text { margin-bottom: 24px; }
  .grade b, .grade .rule, .verdict__row, .verdict .rule { margin-bottom: 12px; }
}