/* EKOway V2 – Fyzická likvidácia dátových nosičov (len táto podstránka). Pod .v2; používa premenné z v2-base.css. */

/* Prečo fyzická likvidácia: text vľavo, tri stručné informácie vpravo (bez kariet, len deliace línie) */
.v2 .fl-why{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5rem clamp(2.5rem,7vw,7rem);align-items:start}
.v2 .fl-why .h2{margin-bottom:1.75rem}
.v2 .fl-why__txt p{color:var(--muted);font-size:1.0625rem;line-height:1.65;max-width:34em}
.v2 .fl-why__txt p+p{margin-top:1rem}
.v2 .fl-cmp{border-top:1px solid var(--mist-2)}
.v2 .fl-cmp li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--mist-2)}
.v2 .fl-cmp svg{width:1.6rem;height:1.6rem;color:var(--leaf);margin-top:.1rem}
.v2 .fl-cmp h3{font-size:1.125rem;font-weight:650;line-height:1.3;letter-spacing:-.01em;margin-bottom:.35rem}
.v2 .fl-cmp p{color:var(--muted);font-size:.975rem;line-height:1.55}
.v2 .fl-cmp__off svg{color:#8a978f}
.v2 .fl-cmp__off h3{color:var(--muted);font-weight:600}
@media (max-width:879px){.v2 .fl-why{grid-template-columns:1fr}}

/* Aké nosiče likvidujeme: mriežka 3 × 2 / 2 × 3 / 1 stĺpec, oddelená jemnými líniami */
.v2 .fl-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mist-2)}
.v2 .fl-media li{display:flex;align-items:center;gap:1.1rem;padding:1.6rem 1.5rem 1.6rem 0;border-bottom:1px solid var(--mist-2)}
.v2 .fl-media li:not(:nth-child(3n+1)){padding-left:1.5rem;border-left:1px solid var(--mist-2)}
.v2 .fl-media svg{flex:none;width:2.75rem;height:2.75rem;padding:.6rem;border-radius:10px;background:var(--paper);color:var(--leaf)}
.v2 .fl-media p{font-weight:650;font-size:1.0625rem;line-height:1.35;letter-spacing:-.01em}
.v2 .fl-media__note{margin-top:1.5rem;color:var(--muted);font-size:.975rem;max-width:44em}
@media (max-width:959px){
  .v2 .fl-media{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2 .fl-media li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .v2 .fl-media li:nth-child(even){padding-left:1.5rem;border-left:1px solid var(--mist-2)}
}
@media (max-width:539px){
  .v2 .fl-media{grid-template-columns:1fr}
  .v2 .fl-media li:nth-child(even){padding-left:0;border-left:0}
  .v2 .fl-media li{padding:1.15rem 0}
}

/* Postup na svetlom pozadí: rovnaký komponent .steps (čísla 01–04, línia), farby pre svetlú sekciu */
.v2 .steps--light li{border-top-color:var(--mist-2)}
.v2 .steps--light li::before{background:var(--paper);color:var(--leaf)}
.v2 .steps--light .ico{color:var(--leaf)}
.v2 .steps--light h3{color:var(--ink)}
.v2 .steps--light p{color:var(--muted)}

/* Dôvera a prevádzka: vertikálne video v prirodzenom pomere 9:16 + text */
.v2 .fl-trust{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:2.5rem clamp(3rem,8vw,7.5rem);align-items:center}
.v2 .fl-trust .vclip figcaption{color:var(--on-dark-2);font-weight:550;font-size:.95rem}
.v2 .fl-trust__txt .h2{color:#fff;margin-bottom:1.75rem}
.v2 .fl-trust__txt p{color:var(--on-dark-2);font-size:var(--fs-lead);line-height:1.6;max-width:32em}
.v2 .fl-trust__txt p+p{margin-top:1rem}
.v2 .fl-trust__txt .fl-trust__claim{margin-top:1.75rem;padding-left:1rem;border-left:2px solid var(--lime);color:var(--on-dark);font-weight:600}
@media (max-width:879px){
  .v2 .fl-trust{grid-template-columns:1fr}
  .v2 .fl-trust__v{order:2;width:min(100%,280px)}
}

/* Najčastejšie otázky: nadpis vľavo, otázky a odpovede vpravo, priamo viditeľné */
.v2 .fl-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:2rem clamp(2.5rem,7vw,7rem);align-items:start}
.v2 .fl-faq dl{border-top:1px solid var(--mist-2)}
.v2 .fl-faq dl>div{padding:1.5rem 0;border-bottom:1px solid var(--mist-2)}
.v2 .fl-faq dt{font-size:1.1875rem;font-weight:650;line-height:1.35;letter-spacing:-.01em;margin-bottom:.5rem}
.v2 .fl-faq dd{margin:0;color:var(--muted);line-height:1.6;max-width:40em}
@media (max-width:879px){.v2 .fl-faq{grid-template-columns:1fr}}

@media (max-width:959.98px){
  .v2 .fl-hero .lead{max-width:41rem;font-size:1.0625rem;line-height:1.5;margin-bottom:1.75rem}
}
@media (max-width:359.98px){.v2 .fl-hero .lead{font-size:1rem;margin-bottom:1.5rem}}
.v2 .fl-hero .reply{display:block}   /* dve vety nadpisu vždy na dvoch riadkoch */
