/* =====================================================================
   faq.css — Sık sorulan sorular (/sss/)
   ===================================================================== */
.faq-hero { background: var(--white); padding-top: 210px; padding-bottom: 150px; overflow: hidden; }
.faq-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 450px minmax(0, 1fr); gap: 100px; align-items: center; }
.faq-hero__photo { overflow: hidden; border-radius: var(--radius); }
.faq-hero__photo img { width: 450px; height: 500px; object-fit: cover; border-radius: var(--radius); transition: transform .8s var(--ease-out); }
.faq-hero__photo:hover img { transform: scale(1.04); }
.faq-hero__copy { max-width: 720px; display: grid; gap: 16px; }

.faq-list { padding: 120px var(--gutter) 150px; }
.faq-list__inner { max-width: 800px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 60px; }
.faq-group__title { color: var(--red); margin-bottom: 10px; }
.faq-group .accordion { border-top: 1px solid var(--line); }
.faq-group .acc__q { font-family: var(--font-display); font-size: 17px; line-height: 22px; text-transform: uppercase; font-weight: 700; }
.faq-list__cta { padding: 40px; display: grid; gap: 20px; }
.faq-list__actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 1359px) {
  .faq-hero { padding-top: 160px; padding-bottom: 100px; }
  .faq-hero__inner { grid-template-columns: 340px minmax(0, 1fr); gap: 40px; }
  .faq-hero .h1 { font-size: 44px; line-height: 44px; overflow-wrap: anywhere; }
  .faq-hero__photo img { width: 100%; height: auto; aspect-ratio: 450 / 500; }
  .faq-list { padding: 100px var(--gutter); }
}
@media (max-width: 809px) {
  .faq-hero { padding-top: 140px; padding-bottom: 60px; }
  .faq-hero__inner { grid-template-columns: 1fr; gap: 30px; }
  .faq-list { padding: 60px var(--gutter) 80px; }
  .faq-list__inner { gap: 40px; }
  .faq-group .acc__q { font-size: 15px; line-height: 20px; }
  .faq-list__cta { padding: 24px; }
}