/* ===== Xomage S.S.S. — akordeon listesi ===== */

/*
 * "Web S.S.S 1" (11:662) / "Web S.S.S 2" (11:797), 1920 tasarım genişliği:
 *   liste 1500 geniş @x=210 — her iki yanda 210px, yani simetrik
 *   başlık bandının altı (y=319) ile ilk kutu (y=419) arası 100px
 *   son kutunun altı (y=1555) ile footer zemini (y=1705) arası 150px
 * Mobil ("Mobil S.S.S 1" 74:424, 900 geniş): liste 794 @x=53, üstte 76px,
 * altta 115px.
 *
 * Kalem aralığı kalemin kendi `margin-bottom`'unda (bkz. XomageFaqItem), bu
 * yüzden listenin altında 16px fazladan boşluk kalır; alt iç boşluk 150 - 16 =
 * 134px yazılır.
 *
 * 1500px tam olarak `--kombos-max-width`; `xomage-container` (1776px) içinde
 * ortalanır — emsal: XomageProductFaq.
 */

.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq {
  width: 100%;
}

.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq__container {
  padding-block: 3rem 4rem;
}

.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq__list {
  max-width: var(--kombos-max-width);
  margin-inline: auto;
}

/* ===== Science varyantı (SSS) — referans 1440px: 1240px kap, 0.8fr/1.3fr, sol koyu kart, sağ arama + akordeon ===== */
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science { background: var(--kombos-white); color: var(--xomage-science-ink); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__container.xomage-container { display: grid; align-items: start; gap: 1.75rem; width: min(80rem, 87%); max-width: none; margin-inline: auto; padding: 2.6875rem 0; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__intro { box-sizing: border-box; max-width: 26.25rem; padding: 2.125rem 1.875rem 1.875rem; border: 0.8px solid var(--xomage-science-faq-card-line); border-radius: 12px; background: var(--xomage-science-faq-card); color: var(--xomage-science-faq-card-title); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__eyebrow { margin: 0 0 1.25rem; color: var(--xomage-science-faq-card-eyebrow); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__intro h2 { display: block; margin: 0; color: var(--xomage-science-faq-card-title); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__intro h2 em { color: var(--xomage-science-faq-card-accent); font-style: normal; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__intro .xomage-science-link { gap: 2.3125rem; margin-top: 1.5rem; padding: 0.75rem 0 0.5625rem; border-bottom: 0.8px solid var(--xomage-science-faq-card-link-line); color: var(--xomage-science-faq-card-link); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__intro .xomage-science-link:hover { color: var(--xomage-science-faq-card-title); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__content { min-width: 0; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__search { display: flex; align-items: flex-end; gap: 0.9375rem; padding-bottom: 1.5rem; border-bottom: 0.8px solid var(--xomage-science-pub-line); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__search label { display: grid; flex: 1 1 0%; gap: 0.625rem; min-width: 0; margin: 0; color: var(--xomage-science-faq-label); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__search input { box-sizing: border-box; width: 100%; height: 3.5rem; padding: 0.9375rem; border: 0.8px solid var(--xomage-science-faq-input-line); border-radius: 7px; background: var(--xomage-science-faq-input-bg); color: var(--xomage-science-faq-input-text); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__search input:focus-visible { outline: 0.125rem solid var(--xomage-science-accent); outline-offset: 0.125rem; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__count { flex: none; margin: 0; padding-bottom: 1.125rem; color: var(--xomage-science-faq-label); white-space: nowrap; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__list { max-width: none; margin: 0; border-top: 0; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item { margin: 0; border-bottom: 0.8px solid var(--xomage-science-faq-line); border-radius: 4px; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item[hidden] { display: none; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item__question { position: relative; display: flex; align-items: center; width: 100%; min-height: 6.0625rem; padding: 1.5rem 3rem 1.5rem 0 !important; border: 0; border-radius: 0; background: transparent; color: var(--xomage-science-ink); text-align: left; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item__question:hover, .cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item__question[aria-expanded="true"] { box-shadow: none; color: var(--xomage-science-faq-open); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item__question::after { position: absolute; top: 50%; right: 0; margin-top: -0.5em; color: var(--xomage-science-ink); content: "+"; transition: transform 0.3s; }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item__question[aria-expanded="true"]::after { content: "+"; transform: rotate(45deg); }
.cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq-item__answer { margin: 0; padding: 0 1.875rem 1.5rem 0 !important; border: 0; border-radius: 0; background: transparent; color: var(--xomage-science-faq-answer); }

@media (min-width: 761px) {
  .cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__container.xomage-container { grid-template-columns: minmax(14.375rem, 0.8fr) minmax(0, 1.3fr); gap: 8%; padding-block: 5.375rem; }
  .cc_mfkw8zzp_hmLGzzZrOc .xomage-faq--science .xomage-faq__intro { position: sticky; top: 8.75rem; }
}

@media (min-width: 640px) {
  .cc_mfkw8zzp_hmLGzzZrOc .xomage-faq__container {
    padding-block: 3.5rem 5rem;
  }
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_hmLGzzZrOc .xomage-faq__container {
    padding-block: 6.25rem 8.375rem;
  }
}