/* ============================================================
   GET-A-QUOTE - komponenty tylko strony wyceny (wersja 2)
   Ładowany PO adp-v2.css. Bez nowych efektów ruchu: strona wyceny
   to droga do celu (DESIGN.md 7D), więc nic tu nie wymaga .fx-static.
   ============================================================ */

/* hero krótszy niż .phero--short, żeby nagłówek formularza był nad zgięciem na desktopie */
.gaq-hero{min-height:min(64svh,640px)}
.gaq-hero .h-hero{font-size:clamp(44px,6.4vw,104px);max-width:15ch}
.gaq-hero .phero__shade{background:linear-gradient(90deg,rgba(5,5,5,.86) 0%,rgba(5,5,5,.62) 55%,rgba(5,5,5,.38) 100%),linear-gradient(180deg,rgba(5,5,5,.55),rgba(5,5,5,0) 30%,rgba(5,5,5,.7))}
.gaq-hero .crumbs{color:rgba(255,255,255,.78)}
.gaq-hero__row{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}

/* pasek zaufania pod leadem: trzy fakty, mono, bez akcentu cyan */
.gaq-trust{display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.gaq-trust li{display:inline-flex;align-items:baseline;gap:8px}
.gaq-trust b{color:#fff;font-weight:500;letter-spacing:.06em}

/* formularz zaraz pod hero: mniejszy odstęp górny niż standardowa sekcja */
.gaq-final{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(64px,7vw,112px)}
/* dwie ciemne sekcje obok siebie: krótszy odstęp + hairline zamiast pustki */
.gaq-next{padding-top:clamp(64px,7vw,112px)}
.gaq-next>.wrap{border-top:1px solid var(--line);padding-top:clamp(40px,5vw,72px)}
.gaq-final .final__h{font-size:clamp(32px,4.4vw,70px)} /* 2026-10-13: -20% */

/* proces w 3 krokach (bazowy .process ma 4 kolumny) */
.process.process--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:960px){.process.process--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .process.process--3{grid-template-columns:1fr}
  .process--3 .process__step:nth-child(even){margin-top:0}
  .process--3 .process__ph{aspect-ratio:16/11}
}

/* FAQ: nagłówek po lewej, pytania po prawej */
.gaq-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.gaq-faq .sec-head{margin-bottom:0}
@media(max-width:860px){.gaq-faq{grid-template-columns:1fr}}

/* 2026-10-13 mapa showroomu pod formularzem (wzór: stara strona .mapx; sekcja jasna .paper) */
.mapx__embed{aspect-ratio:16/7;min-height:320px;border:1px solid var(--line);overflow:hidden;margin-top:clamp(28px,3vw,44px)}
.mapx__embed iframe{display:block;width:100%;height:100%;border:0}
.mapx__addr{margin-top:16px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
@media(max-width:760px){.mapx__embed{aspect-ratio:4/3;min-height:0}}

/* 2026-10-13 (Dominik): bez hero - formularz od razu pod nawigacją; zdjęcie dawnego hero jako tło LEWEJ kolumny, przyciemnione do 70% */
.gaq-final{position:relative;isolation:isolate;padding-top:calc(var(--navh) + clamp(28px,4vw,56px))} /* 2026-10-13: zdjęcie jako tło CAŁEJ sekcji na szerokość ekranu, formularz leży na nim */
.gaq-final .wrap{position:relative;z-index:1;align-items:start}
.gaq-final__left{display:flex;flex-direction:column;justify-content:center;min-height:100%}
.gaq-final__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.gaq-final__bg img{width:100%;height:100%;object-fit:cover;display:block}
.gaq-final__bg::after{content:"";position:absolute;inset:0;background:rgba(5,5,5,.7)}
/* 2026-10-13: tymczasowe pole pod infografiki procesu (do czasu plików od Hermesa) - ciemny panel z ramką i siatką */
.gaq-next .process__ph{background:#111113 linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/48px 48px;border:1px solid var(--line)}

/* 2026-10-13: ILUSTRACJE PROCESU Z KODU (inline SVG .gaq-ill) do czasu infografik od Hermesa.
   Język .fx-draw: białe linie rysowane scrollem (stroke-dashoffset, pathLength=1), na końcu akcenty cyan.
   Stan startowy = nienarysowane; .fx-static / .no-js = narysowane od razu. Gdy <img> się załaduje, panel dostaje .has-img i SVG znika. */
.gaq-ill{position:absolute;top:8%;left:8%;width:84%;height:84%;overflow:visible;pointer-events:none}
.process__ph.has-img .gaq-ill{display:none}
.gaq-ill .d{fill:none;stroke:#F4F4F1;stroke-width:1.6;stroke-linecap:butt;stroke-dasharray:1 2;stroke-dashoffset:1}
.gaq-ill .t{stroke:rgba(244,244,241,.7);stroke-width:1.2}
.gaq-ill .f{stroke:rgba(244,244,241,.26);stroke-width:1}
.gaq-ill .b{stroke-width:2.2}
.gaq-ill .cy{stroke:var(--cyan)}
.gaq-ill .paper{fill:rgba(244,244,241,.035)}
.gaq-ill .glass{fill:rgba(244,244,241,.06);opacity:0}
.gaq-ill .pt{fill:var(--cyan);opacity:0}
.gaq-ill .ring{fill:none;stroke:var(--cyan);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.gaq-ill .flow{fill:none;stroke:var(--cyan);stroke-width:1.6;stroke-dasharray:3 9;opacity:0;transition:opacity .6s var(--ease)}
.gaq-ill .guide{transition:opacity .6s var(--ease)}
/* ruch po narysowaniu (klasa .is-drawn z get-a-quote.js, nigdy przy .fx-static) */
.is-drawn .gaq-ill .beam{animation:gaqPulse 2.4s ease-in-out infinite}
.is-drawn .gaq-ill .ring{animation:gaqRing 2.4s ease-out infinite}
.is-drawn .gaq-ill .guide{opacity:.3}
.is-drawn .gaq-ill .flow{opacity:1;animation:gaqFlow 1.4s linear infinite}
.is-drawn .gaq-ill .hl{animation:gaqPulse 2.8s ease-in-out infinite}
@keyframes gaqPulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes gaqRing{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.2)}}
@keyframes gaqFlow{to{stroke-dashoffset:-24}}
.fx-static .gaq-ill .d,.no-js .gaq-ill .d{stroke-dashoffset:0}
.fx-static .gaq-ill .pt,.fx-static .gaq-ill .glass,.no-js .gaq-ill .pt,.no-js .gaq-ill .glass{opacity:1}
.fx-static .gaq-ill *{animation:none!important}
@media (prefers-reduced-motion:reduce){.gaq-ill *{animation:none!important}}
/* telefon: panel z ilustracją 6:7 zamiast 16/11 i mniejszy margines, żeby pionowy rysunek 4:5 był czytelny (zdjęcie od Hermesa wraca do 16/11) */
@media(max-width:760px){.gaq-next .process__ph:not(.has-img){aspect-ratio:6/7}.gaq-ill{top:5%;left:5%;width:90%;height:90%}}