/* ============================================================
   PODSTRONA: crittall-style-doors (wersja 2)
   Tylko komponenty, których nie ma we wspólnym adp-v2.css.
   Prefiks .cs- = "crittall steel". Żadnych nowych efektów ruchu:
   wejścia robią wspólne .rv / .rv-open, więc stan .fx-static
   obsługuje już adp-v2.css.
   ============================================================ */

/* Proces w 3 krokach (survey / render / fit): wspólny .process ma 4 kolumny */
.process.cs-process3{grid-template-columns:repeat(3,minmax(0,1fr))}
.process.cs-process3 .process__step:nth-child(even){margin-top:clamp(40px,6vw,96px)}
@media(max-width:960px){.process.cs-process3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.process.cs-process3{grid-template-columns:1fr}.process.cs-process3 .process__step:nth-child(even){margin-top:0}}

/* Sposoby otwierania i szkło: 4 komórki w ramie z hairline */
.cs-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.cs-opts__cell{display:grid;gap:12px;align-content:start;padding:28px clamp(16px,2vw,28px) 30px 0;border-right:1px solid var(--line)}
.cs-opts__cell+.cs-opts__cell{padding-left:clamp(16px,2vw,28px)}
.cs-opts__cell:last-child{border-right:0}
.cs-opts__no{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--cyan)}
.cs-opts__cell p{color:var(--text-2);font-size:15px}
.cs-opts__tags{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);border-top:1px solid var(--line);padding-top:12px;line-height:1.7}
.cs-note{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:28px}
@media(max-width:960px){
  .cs-opts{grid-template-columns:1fr 1fr}
  .cs-opts__cell{border-bottom:1px solid var(--line)}
  .cs-opts__cell:nth-child(odd){padding-left:0}
  .cs-opts__cell:nth-child(even){border-right:0;padding-left:clamp(16px,2vw,28px)}
}
@media(max-width:560px){
  .cs-opts{grid-template-columns:1fr}
  .cs-opts__cell,.cs-opts__cell+.cs-opts__cell{border-right:0;padding-left:0;padding-right:0}
}

/* Specyfikacja: nagłówek nad tabelą + przypis */
.cs-spec .spec dd{max-width:60%}
@media(max-width:760px){.cs-spec .spec dd{max-width:62%}}

/* FAQ obok nagłówka na desktopie */
.cs-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.cs-faq .faq{border-top:1px solid var(--line)}
@media(max-width:860px){.cs-faq{grid-template-columns:1fr}}

/* Karta końcowa galerii: dwa linki pod sobą */
.cs-end__links{display:grid;gap:14px;justify-items:start}

/* Chrom w <em> nagłówka [data-split]: reguła przeniesiona do assets/css/adp-v2.css (globalnie). */

/* Hero: jasne zdjęcie korytarza, więc mocniejszy cień pod tekstem */
.cs-hero .phero__shade{background:linear-gradient(180deg,rgba(5,5,5,.55),rgba(5,5,5,.25) 30%,rgba(5,5,5,.9) 72%)}
@media(max-width:860px){.cs-hero .phero__shade{background:linear-gradient(180deg,rgba(5,5,5,.5),rgba(5,5,5,.55) 30%,rgba(5,5,5,.94) 60%)}}
/* Hero na pełny ekran: pasek liczników nie wystaje spod zgięcia jako "0 0 0", zanim scroll go uruchomi */
.cs-hero{min-height:100vh;min-height:100svh}