/* TOR B: 08 FAQ (KOREKTA 3 d), wzór mkvision w naszych kolorach. Tło jasne. Lewa kolumna sticky: etykieta, nagłówek 88 px
   z czerwoną kursywą szeryfową w jednym słowie, przycisk "Zapytaj o wycenę" (modal produkcji). Prawa kolumna: pytania 1:1
   z produkcji w wierszach z dużym odstępem, ikona plus w kółku (obrót 45 stopni przy otwarciu), aktywny wiersz podświetlony.
   Rozwijanie wysokości w faq.js; bez JS i przy reduced motion natywne details. */
.fq{padding:clamp(120px,10vw,168px) 0 clamp(120px,10vw,176px)}
.fq_grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start}
.fq_side{grid-column:1 / 6}
/* KOREKTA 4: bez sticky (przejścia proste jak mkvision); etykieta FAQ z kropką */
.fq_kick{display:flex;align-items:center;gap:12px;margin:0 0 28px;font-size:var(--fs-lbl);line-height:1.2;letter-spacing:var(--ls-lbl);text-transform:uppercase;color:rgba(14,14,14,.6)}
.fq_kick::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--red)}
.fq_lbl{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:rgba(14,14,14,.6)}
.fq_dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--red)}
.fq_h{margin:0;font-size:var(--fs-88);line-height:var(--lh-h);letter-spacing:var(--ls-h);font-weight:700}
.fq_l{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.fq_li{display:block}
.fq_cta{margin-top:48px}
.fq .fq_list{grid-column:7 / 13;display:flex;flex-direction:column;gap:12px}
.fq .c-accordion{display:block;position:relative;border-radius:24px;background:transparent;transition:background-color .45s var(--e-out)}
.fq .c-accordion::before{content:"";position:absolute;left:28px;right:28px;top:-6px;height:1px;background:rgba(14,14,14,.14);transition:opacity .3s}
.fq .c-accordion:first-child::before{display:none}
.fq .c-accordion.is-act{background:#FFFFFF}@media (hover:hover) and (pointer:fine){.fq .c-accordion:hover{background:#FFFFFF}}
.fq .c-accordion.is-act::before,.fq .c-accordion.is-act + .c-accordion::before{opacity:0}@media (hover:hover) and (pointer:fine){.fq .c-accordion:hover::before,.fq .c-accordion:hover + .c-accordion::before{opacity:0}}
.fq .c-accordion.is-act{box-shadow:0 24px 48px -32px rgba(14,14,14,.28)}
.fq .c-accordion_details{display:block}
.fq .c-accordion_summary{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);padding:34px 28px;list-style:none;cursor:pointer;user-select:none;border-radius:24px}
.fq .c-accordion_summary::-webkit-details-marker{display:none}
.fq .c-accordion_summary::marker{content:""}
@media (hover:hover) and (pointer:fine){.fq .c-accordion_summary:hover{opacity:1}}
.fq .c-accordion_summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.fq .c-accordion_title{display:flex;flex-direction:column;gap:8px}
.fq .c-accordion_label{font-family:inherit;font-weight:inherit;font-size:clamp(22px,1.9444vw,28px);line-height:1.15;letter-spacing:-.01em;transition:color .3s var(--e-out)}
.fq .c-accordion_label.opacity-50{font-size:var(--fs-txt);line-height:1.4;letter-spacing:0;opacity:.55}
.fq .c-accordion_icon-container{flex:0 0 auto;position:relative;display:block;width:52px;height:52px;margin:0;border:1px solid rgba(14,14,14,.22);border-radius:50%;color:var(--ink);transition:transform .5s var(--e-out),background-color .35s var(--e-out),border-color .35s var(--e-out),color .35s var(--e-out)}
.fq .c-accordion_icon-container::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:2px;background:currentColor;font-size:0}
.fq .c-accordion_icon-container::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:18px;margin:-9px 0 0 -1px;border-radius:2px;background:currentColor}
.fq .c-accordion_icon{display:none!important}
@media (hover:hover) and (pointer:fine){.fq .c-accordion_summary:hover .c-accordion_icon-container{border-color:var(--ink)}}
.fq details[open] .c-accordion_icon-container{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:var(--paper)}
.fq details[open].is-closing .c-accordion_icon-container{transform:none;background:transparent;border-color:rgba(14,14,14,.22);color:var(--ink)}
.fq details[open] .c-accordion_label:first-child{color:var(--ink)}
@media (hover:hover) and (pointer:fine){.fq .c-accordion_summary:hover .c-accordion_label:first-child{color:var(--red)}}
.fq .c-accordion_content{overflow:hidden;padding:0}
.fq .c-accordion_content .max-w-150{max-width:58ch;padding:0 28px}
.fq .c-accordion_content p{margin:0;padding:0 0 34px;font-family:inherit;font-weight:inherit;font-size:var(--fs-txt);line-height:1.5;color:rgba(14,14,14,.78)}
html.rf-reduced .fq .c-accordion,html.rf-reduced .fq .c-accordion_icon-container{transition:none}
@media (max-width:1023px){
  .fq_side{grid-column:1 / -1;position:relative;top:auto;margin-bottom:48px}
  .fq .fq_list{grid-column:1 / -1}
  .fq .c-accordion_summary{padding:26px 18px}
  .fq .c-accordion_content .max-w-150{padding:0 18px}
  .fq .c-accordion_icon-container{width:44px;height:44px}
}

/* KOREKTA 5 (18.10, Rafał: "FAQ słabo wygląda"): układ 1:1 jak FAQ mkvision.studio. Proste wiersze z cienkimi liniami, bez łuków
   (stary styl produkcji dawał summary border-top 1px, a nasze r24 robiło z niego łuk), tytuł 28 px bez podtytułu, mały plus w kółku. */
.fq{padding:clamp(96px,8vw,140px) 0 clamp(104px,8vw,150px)}
.fq_h{font-size:clamp(40px,4.4vw,64px);line-height:1.14;letter-spacing:-.02em}

.fq_side{grid-column:1 / 6}
.fq_note{margin:28px 0 0;max-width:30ch;font-size:var(--fs-txt);line-height:1.5;color:rgba(14,14,14,.6)}
.fq_cta{margin-top:32px;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(14,14,14,.28);font-size:14px;transition:background-color .3s,color .3s,box-shadow .3s}
@media (hover:hover) and (pointer:fine){.fq_cta:hover{background:var(--red);color:var(--paper);box-shadow:inset 0 0 0 1px var(--red)}}
.fq .fq_list{grid-column:7 / 13;gap:0;border-bottom:1px solid rgba(14,14,14,.16)}
.fq .c-accordion{border-radius:0;background:transparent;box-shadow:none!important;border-top:1px solid rgba(14,14,14,.16)}
.fq .c-accordion::before{display:none!important}
.fq .c-accordion.is-act{background:transparent}@media (hover:hover) and (pointer:fine){.fq .c-accordion:hover{background:transparent}}
.fq .c-accordion_summary{border:0!important;border-radius:0;padding:30px 0}
.fq .c-accordion_label.opacity-50{display:none}
.fq .c-accordion_label{font-size:clamp(19px,1.9vw,27px);font-weight:500;line-height:1.25}
.fq .c-accordion_icon-container{width:42px;height:42px;border-color:rgba(14,14,14,.2)}
.fq .c-accordion_icon-container::before{width:14px;margin-left:-7px}
.fq .c-accordion_icon-container::after{height:14px;margin-top:-7px}
.fq .c-accordion_content .max-w-150{padding:0 64px 0 0}
.fq .c-accordion_content p{padding:0 0 30px;font-size:var(--fs-txt)}
@media (max-width:1023px){
  .fq{padding:72px 0 80px}
  .fq_side{grid-column:1 / -1;margin-bottom:36px}
  .fq .fq_list{grid-column:1 / -1}
  .fq_note{max-width:none}
  .fq_h{font-size:clamp(36px,10.4vw,52px)}
  .fq .c-accordion_summary{padding:22px 0}
  .fq .c-accordion_content .max-w-150{padding:0 8px 0 0}
  .fq .c-accordion_icon-container{width:38px;height:38px}
}