/* =========================================================
   FAQs (original: stranica 19259 — toggle, sticky video, „Kreni od danas.")
   ========================================================= */
/* filter po kategoriji (zaobljeni čipovi) i razmak između grupa pitanja */
.faq__filter { margin: 0 0 40px; }
.faq__group[hidden] { display: none; }
.faq__group { animation: fade .35s ease; }
.faq__group + .faq__group { margin-top: 72px; }

/* video preko cele širine: „lepi se" i pri skrolu se smanjuje ka sredini donje ivice (100% → 55%),
   pa ispod njega ne ostaje prazan prostor; „Kreni od danas" dolazi posle uobičajenog razmaka */
.faq-video { height: 110vh; }
.faq-video__stick { position: sticky; top: 50px; }
.faq-video video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transform: scale(var(--vs, 1)) translateZ(0); transform-origin: 50% 100%; will-change: transform; backface-visibility: hidden; }
.kreni__title { margin: 0; color: var(--text-dark); font: 900 17.5vw/1.5 var(--f-head); text-align: center; text-transform: uppercase; }
.kreni__title img { display: inline; width: auto; max-height: 1.5em; margin: -.5vw .5vw 0; vertical-align: middle; }

@media (min-width: 768px) {
  .faq__filter { margin-bottom: 70px; }
  .faq__group + .faq__group { margin-top: 110px; }
  .faq__q button { padding: 32px 0; font-size: 20px; line-height: 1.25; }
  .faq__chev { width: 15px; height: 15px; margin-top: calc((1.25em - 15px) / 2); }
  .faq__in p { font-size: 17px; line-height: 1.5; }
  .faq__in > :last-child { margin-bottom: 24px; }
  .faq-video { height: 170vh; }
  .kreni__title { font-size: 11vw; line-height: 1.6; }
}
@media (min-width: 1280px) {
  .faq__list { width: 75%; margin-inline: auto; }
  .faq__q button { font-size: 23px; line-height: 1.2; }
  .faq__chev { margin-top: calc((1.2em - 15px) / 2); }
  .faq__in p { line-height: 1.9; }
  .faq__in > :last-child { margin-bottom: 34px; }
  .faq-video { height: 230vh; }
  .kreni__title { font-size: 140px; }
}