/* =========================================================
   CATEGORY-LAYOUT.CSS — SVG FIRST / FA CLEAN (TEK PARÇA / FINAL)
   - Buy Mini + Reviews + FAQ + Desc + Width Sync
   - Inline style yok
   - SVG ikon sistemi global.css’te (burada YOK)
   - FA kalıntıları scoped reset ile temiz
   - QX Reviews full-bleed: kayma yapmayan sağlam yöntem
   ========================================================= */


/* ---------------------------------------------------------
   GLOBAL WIDTH SYNC (Packlist ile hizalı genişlik hissi)
   - EN'de --qt-wide-inner yoksa fallback devreye girer
--------------------------------------------------------- */
.qt-buymini,
.qt-faq,
.qt-desc,
.qt-ai-bar{
  max-width: var(
    --qt-wide-inner,
    min(
      var(--qt-wide-max, 1320px),
      calc(100% - (var(--qt-wide-pad, 12px) * 2))
    )
  );
  margin-left:auto;
  margin-right:auto;
}

/* İçeride ikinci bir max-width kısıtı varsa çifte daralmayı önle */
.qt-faq__inner,
.qt-desc__inner{
  max-width: 100%;
}

/* ---------------------------------------------------------
   FA KALINTISI TEMİZLEME (güvenli, scoped)
--------------------------------------------------------- */
.qt-buymini i[class*="fa"],
.qx-reviews i[class*="fa"],
.qt-faq i[class*="fa"],
.qt-desc i[class*="fa"]{
  display:none !important;
}

/* =========================================================
   QT BUY MINI — CLEAN (v1.5 / OG IMAGE FIT + MOBILE SAFE)
   - Görsel kutuya değil, kutu görsele yaslanır
   - Accent border/shadow görselin üzerinde
   - Mobil optik kayma azaltıldı
   - Desktop eş yükseklik korunur
   ========================================================= */

.qt-buymini,
.qt-buymini *{ box-sizing:border-box; }

.qt-buymini{
  --qtm-acc:  var(--qt-buy-accent, var(--qtm-platform-ac, var(--qt-platform-default, #6A7EFF)));
  --qtm-soft: var(--qt-buy-accent-soft, color-mix(in srgb, var(--qtm-acc) 16%, transparent));
  --qtm-ink:#0f172a;
  --qtm-muted:#475569;
  --qtm-radius:20px;
  --qtm-radius-sm:16px;
  --qtm-pad:clamp(12px,1.6vw,16px);
  --qtm-gap:clamp(10px,1.6vw,14px);

  width:100%;
  margin:clamp(14px,2.2vw,22px) auto 0;
  font-family:inherit;

  content-visibility:auto;
  contain-intrinsic-size:260px;
}

/* QT BUY MINI — platform → global token bridge */
.qt-buymini[data-platform="instagram"] { --qtm-platform-ac: var(--qt-platform-instagram, #E1306C); }
.qt-buymini[data-platform="twitter"]   { --qtm-platform-ac: var(--qt-platform-twitter,   #000000); }
.qt-buymini[data-platform="youtube"]   { --qtm-platform-ac: var(--qt-platform-youtube,   #FF0000); }
.qt-buymini[data-platform="facebook"]  { --qtm-platform-ac: var(--qt-platform-facebook,  #1877F2); }
.qt-buymini[data-platform="telegram"]  { --qtm-platform-ac: var(--qt-platform-telegram,  #24A1DE); }
.qt-buymini[data-platform="tiktok"]    { --qtm-platform-ac: var(--qt-platform-tiktok,    #101626); }
.qt-buymini[data-platform="linkedin"]  { --qtm-platform-ac: var(--qt-platform-linkedin,  #0A66C2); }
.qt-buymini[data-platform="spotify"]   { --qtm-platform-ac: var(--qt-platform-spotify,   #1DB954); }
.qt-buymini[data-platform="soundcloud"]{ --qtm-platform-ac: var(--qt-platform-soundcloud,#FF5500); }
.qt-buymini[data-platform="whatsapp"]  { --qtm-platform-ac: var(--qt-platform-whatsapp,  #25D366); }
.qt-buymini[data-platform="kick"]      { --qtm-platform-ac: var(--qt-platform-kick,      #16965F); }
.qt-buymini[data-platform="pinterest"] { --qtm-platform-ac: var(--qt-platform-pinterest, #E60023); }
.qt-buymini[data-platform="twitch"]    { --qtm-platform-ac: var(--qt-platform-twitch,    #9146FF); }

.qt-buymini[data-platform="generic"]{
  --qtm-platform-ac: var(--qt-platform-default, #6A7EFF);
}

.qt-buymini__shell{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px, 360px);
  gap:var(--qtm-gap);
  padding:var(--qtm-pad);
  border-radius:var(--qtm-radius);
  position:relative;
  overflow:hidden;
  align-items:stretch;
  isolation:isolate;

  background:
    radial-gradient(600px 180px at 0% 0%, rgba(255,255,255,.92), transparent 60%),
    radial-gradient(600px 180px at 100% 0%, rgba(255,255,255,.92), transparent 60%),
    rgba(255,255,255,.965);
  border:1px solid color-mix(in srgb, var(--qtm-acc) 16%, rgba(15,18,36,.06));
  box-shadow:
    0 18px 46px rgba(15,18,36,.10),
    0 0 0 1px rgba(15,18,36,.03);
}

.qt-buymini__shell::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    var(--qtm-acc) 22%,
    var(--qtm-acc) 78%,
    rgba(255,255,255,0) 100%);
  opacity:.9;
}

.qt-buymini__shell::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:160px;
  height:160px;
  background:radial-gradient(circle,
    color-mix(in srgb, var(--qtm-acc) 18%, transparent) 0%,
    transparent 68%);
  opacity:.85;
  pointer-events:none;
}

/* LEFT */
.qt-buymini__left{
  position:relative;
  z-index:1;
  min-width:0;
}

.qt-buymini__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 8px;
}

.qt-buymini__icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 30% 0, rgba(255,255,255,.97), var(--qtm-soft));
  color:var(--qtm-acc);
  border:1px solid rgba(15,18,36,.06);
  box-shadow:0 8px 18px rgba(15,18,36,.10);
  flex:0 0 auto;
  line-height:0;
}

.qt-buymini__ic,
.qt-buymini__noteIc{
  width:18px;
  height:18px;
  display:block;
  flex:0 0 auto;
}

.qt-buymini__badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qtm-acc) 16%, rgba(255,255,255,.92)),
    rgba(255,255,255,.92));
  color:color-mix(in srgb, var(--qtm-acc) 78%, #0b1220);
  border:1px solid color-mix(in srgb, var(--qtm-acc) 26%, rgba(148,163,184,.22));
  box-shadow:
    0 10px 22px rgba(15,18,36,.06),
    0 0 0 4px color-mix(in srgb, var(--qtm-acc) 8%, transparent);
  margin:0 0 6px;
}

.qt-buymini__title{
  margin:0 0 2px;
  color:var(--qtm-ink);
  font-weight:900;
  letter-spacing:-.012em;
  line-height:1.18;
  font-size:clamp(1.00rem,.92rem + .34vw,1.20rem);
}

.qt-buymini__intro{
  margin:0;
  max-width:62ch;
  color:var(--qtm-muted);
  font-size:clamp(.86rem,.84rem + .12vw,.92rem);
  line-height:1.45;
}

.qt-buymini__steps{
  margin:10px 0 0;
  padding:0 0 0 6px;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
}

.qt-buymini__steps::before{
  content:"";
  position:absolute;
  left:18px;
  top:6px;
  bottom:6px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--qtm-acc) 55%, transparent),
    color-mix(in srgb, var(--qtm-acc) 18%, transparent));
  opacity:.75;
}

.qt-buymini__step{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:9px 10px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82));
  border:1px solid color-mix(in srgb, var(--qtm-acc) 10%, rgba(15,18,36,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  transition: transform .12s ease, box-shadow .14s ease, border-color .14s ease;
  will-change: transform;
}

.qt-buymini__step:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--qtm-acc) 18%, rgba(15,18,36,.10));
  box-shadow:
    0 16px 34px rgba(15,18,36,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.qt-buymini__num{
  width:24px;
  height:24px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:.76rem;
  color:#fff;
  background:linear-gradient(135deg,
    var(--qtm-acc),
    color-mix(in srgb, var(--qtm-acc) 30%, #0b1220));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--qtm-acc) 14%, transparent),
    0 10px 24px rgba(15,18,36,.12);
  flex:0 0 auto;
  margin-top:1px;
}

.qt-buymini__text{
  margin:0;
  color:#334155;
  font-size:clamp(.88rem,.86rem + .10vw,.92rem);
  line-height:1.45;
}

/* NOTE */
.qt-buymini__note{
  margin-top:8px;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.78);
  border:1px dashed rgba(15,18,36,.16);
  color:#334155;
  font-size:clamp(.86rem,.84rem + .10vw,.91rem);
  line-height:1.45;
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.qt-buymini__note b{ color:var(--qtm-ink); }

.qt-buymini__noteIcon{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  flex:0 0 auto;
  background: var(--qtm-acc);
  box-shadow: 0 10px 20px rgba(15,18,36,.10);
  margin-top:1px;
  line-height:0;
}

.qt-buymini__noteText{ min-width:0; }

/* RIGHT — taşıyıcı (çift kutu hissini azalt) */
.qt-buymini__right{
  position:relative;
  z-index:1;
  min-width:0;
  width:100%;
  min-height:240px;
  aspect-ratio:auto;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;                 /* görsel sınırına yaslan */
  background:transparent;    /* wrapper kart görünümü kaldır */
  border:0;
  box-shadow:none;
  overflow:visible;
  isolation:isolate;
}

/* IMAGE — asıl kart burada */
.qt-buymini__img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin-inline:auto;

  /* OG image oranı */
  aspect-ratio:1200 / 630;

  object-fit:contain;
  object-position:center center;

  border-radius:16px;
  background:#fff;
  border:1px solid color-mix(in srgb, var(--qtm-acc) 32%, rgba(15,18,36,.10));

  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--qtm-acc) 14%, transparent),
    0 14px 32px rgba(15,18,36,.10);
}

/* NO-IMAGE ICON CARD */
.qt-buymini__iconCard{
  width:100%;
  max-width:100%;
  margin-inline:auto;

  min-height:unset;
  aspect-ratio:1200 / 630;

  border-radius:16px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;

  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--qtm-acc) 32%, rgba(15,18,36,.10));
  background:
    radial-gradient(560px 220px at 20% 0%,
      color-mix(in srgb, var(--qtm-acc) 16%, rgba(255,255,255,.92)),
      rgba(255,255,255,.86) 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82));
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--qtm-acc) 14%, transparent),
    0 14px 30px rgba(15,18,36,.09);
}

.qt-buymini__iconCard::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    var(--qtm-acc) 18%,
    var(--qtm-acc) 82%,
    rgba(255,255,255,0) 100%);
  opacity:.95;
}

.qt-buymini__iconBig{
  color:var(--qtm-acc);
  filter:drop-shadow(0 10px 18px rgba(15,18,36,.10));
  opacity:1;
  line-height:0;
}

.qt-buymini__icBig{
  width:64px;
  height:64px;
  display:block;
}

.qt-buymini__iconLabel{
  font-size:13px;
  font-weight:800;
  text-align:center;
  color:color-mix(in srgb, var(--qtm-acc) 55%, #0b1220);
  opacity:1;
}

/* RESPONSIVE */
@media (max-width:900px){
  .qt-buymini__shell{
    grid-template-columns:1fr;
    gap:10px;
  }

  .qt-buymini__left{ order:1; }

  .qt-buymini__right{
    order:2;
    width:100%;
    min-height:unset;
    aspect-ratio:auto;   /* wrapper oran dayatmasın */
    padding:0;
    justify-self:stretch;
    align-self:stretch;
  }

  .qt-buymini__img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:1200 / 630;
    object-fit:contain;
    object-position:center;
    border-radius:14px;
  }

  .qt-buymini__iconCard{
    width:100%;
    max-width:none;
    aspect-ratio:1200 / 630;
    min-height:unset;
    border-radius:14px;
  }
}

@media (max-width:640px){
  .qt-buymini{
    margin-top:14px;
    contain-intrinsic-size:300px;
  }

  .qt-buymini__shell{
    border-radius:var(--qtm-radius-sm);
    padding:12px;
  }

  .qt-buymini__icon{ width:34px; height:34px; border-radius:12px; }
  .qt-buymini__head{ gap:9px; margin-bottom:6px; }
  .qt-buymini__steps{ margin-top:8px; }
  .qt-buymini__step{ padding:8px 9px; }
  .qt-buymini__num{ width:22px; height:22px; font-size:.74rem; }
  .qt-buymini__note{ padding:8px 9px; }
  .qt-buymini__steps::before{ left:17px; }

  .qt-buymini__img{
    box-shadow:
      0 0 0 2px color-mix(in srgb, var(--qtm-acc) 12%, transparent),
      0 10px 22px rgba(15,18,36,.09);
  }
}

@media (prefers-reduced-motion: reduce){
  .qt-buymini__step{ transition:none; }
  .qt-buymini__step:hover{ transform:none; }
}


/* =========================================================
   QX REVIEWS UI (UNIFIED) — PREMIUM / COLOR BOOST / CLEAN
   - Supports BOTH:
     1) .qx-reviews (legacy/grid)
     2) .qx-rs      (horizontal strip + ajax)
   - More accent color, cleaner depth, safer mobile layout
   - Less aggressive text truncation
   ========================================================= */

/* -------------------------
   Base reset / shared tokens
-------------------------- */
.qx-reviews, .qx-reviews *,
.qx-rs, .qx-rs *{ box-sizing:border-box; }

.qx-reviews :where(h2,h3,p),
.qx-rs :where(h2,h3,p){ margin:0; }

.qx-reviews,
.qx-rs{
  --qx-ac:   var(--qt-buy-accent, var(--accent, #6a7eff));
  --qx-soft: var(--qt-buy-accent-soft, color-mix(in srgb, var(--qx-ac) 20%, transparent));
  --qx-ink:  #0f172a;
  --qx-muted:#475569;

  --qx-max:  var(--qt-wide-max, 1320px);
  --qx-pad:  var(--qt-wide-pad, 12px);
  --qx-inner:min(var(--qx-max), calc(100% - (var(--qx-pad) * 2)));

  --qx-radius:22px;
  --qx-card-radius:16px;

  margin-top:clamp(20px, 4vw, 36px);
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  position:relative;
  overflow-x:clip;
  isolation:isolate;

  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* =========================================================
   COLOR BOOST PATCH — Full Bleed'i silik değil, daha dolu yapar
   (mevcut .qx-reviews / .qx-rs ::before ::after bloklarının yerine)
   ========================================================= */

/* Ortak full-bleed layer */
.qx-reviews::before,
.qx-reviews::after,
.qx-rs::before,
.qx-rs::after{
  content:"";
  position:absolute;
  inset:-20px 0;
  pointer-events:none;
}

/* Ana renk bandı (daha güçlü) */
.qx-reviews::before,
.qx-rs::before{
  z-index:-2;
  background:
    /* soldan-sağa hafif volume */
    linear-gradient(90deg,
      color-mix(in srgb, var(--qx-ac) 82%, #fff) 0%,
      color-mix(in srgb, var(--qx-ac) 92%, #fff) 14%,
      var(--qx-ac) 50%,
      color-mix(in srgb, var(--qx-ac) 92%, #fff) 86%,
      color-mix(in srgb, var(--qx-ac) 82%, #fff) 100%
    ),
    /* üstte hafif parlaklık */
    linear-gradient(180deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.06) 22%,
      rgba(255,255,255,0) 62%
    ),
    /* kenarlarda renk yoğunluğu */
    radial-gradient(900px 280px at 8% 50%,
      color-mix(in srgb, var(--qx-ac) 84%, transparent),
      transparent 70%),
    radial-gradient(900px 280px at 92% 50%,
      color-mix(in srgb, var(--qx-ac) 80%, transparent),
      transparent 72%);
  opacity:1;
  filter:saturate(1.22) contrast(1.02);
}

/* Alt taban renk (derinlik için) */
.qx-reviews::after,
.qx-rs::after{
  z-index:-3;
  background:var(--qx-ac);
  opacity:.20; /* eski .07-.08 yerine belirgin */
}

/* -------------------------
   Legacy block (.qx-reviews)
-------------------------- */
.qx-reviews__shell{
  width:var(--qx-inner);
  margin:0 auto;
  padding:clamp(14px,2vw,20px);
  border-radius:var(--qx-radius);
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,.98), transparent 56%),
    radial-gradient(circle at 100% 0, rgba(255,255,255,.99), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.965));
  border:1px solid color-mix(in srgb, var(--qx-ac) 24%, rgba(15,18,36,.06));
  box-shadow:
    0 18px 48px rgba(15,18,36,.10),
    0 1px 0 rgba(255,255,255,.7) inset,
    0 0 0 1px rgba(15,18,36,.025);
}

.qx-reviews__shell::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    color-mix(in srgb, var(--qx-ac) 82%, white) 14%,
    var(--qx-ac) 50%,
    color-mix(in srgb, var(--qx-ac) 82%, white) 86%,
    rgba(255,255,255,0) 100%);
  opacity:.98;
}

.qx-reviews__shell::after{
  content:"“";
  position:absolute;
  left:14px;
  top:2px;
  font-size:84px;
  line-height:1;
  font-weight:900;
  color:color-mix(in srgb, var(--qx-ac) 22%, rgba(148,163,184,.12));
  pointer-events:none;
  z-index:0;
}

.qx-reviews__inner{ position:relative; z-index:1; }

/* Header */
.qx-reviews__head--pro{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px 14px;
  margin-bottom:clamp(10px,2vw,16px);
}

.qx-reviews__center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  text-align:center;
}

.qx-reviews__title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qx-ac) 20%, rgba(255,255,255,.95)),
    rgba(255,255,255,.96));
  border:1px solid color-mix(in srgb, var(--qx-ac) 32%, rgba(148,163,184,.22));
  color:color-mix(in srgb, var(--qx-ac) 78%, #111827);
  box-shadow:
    0 10px 22px rgba(15,18,36,.06),
    0 0 0 4px color-mix(in srgb, var(--qx-ac) 12%, transparent);
}

.qx-reviews__sub{
  margin-top:6px;
  font-size:.84rem;
  font-weight:600;
  color:color-mix(in srgb, var(--qx-ac) 18%, #334155);
}

/* Meta */
.qx-reviews__meta{ justify-self:end; }
.qx-reviews__meta-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
  border:1px solid color-mix(in srgb, var(--qx-ac) 18%, rgba(148,163,184,.28));
  box-shadow:0 10px 22px rgba(15,18,36,.06);
}
.qx-reviews__summary{
  font-size:.83rem;
  font-weight:700;
  color:color-mix(in srgb, var(--qx-ac) 22%, #334155);
}

/* CTA */
.qx-reviews__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
  line-height:1;
  color:#0b1220;
  font-weight:800;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qx-ac) 22%, rgba(255,255,255,.92)),
    rgba(255,255,255,.98));
  border:1px solid color-mix(in srgb, var(--qx-ac) 30%, rgba(148,163,184,.22));
  box-shadow:
    0 10px 22px rgba(15,18,36,.06),
    0 0 0 4px color-mix(in srgb, var(--qx-ac) 10%, transparent);
  transition:transform .14s ease, box-shadow .16s ease, border-color .16s ease;
}
.qx-reviews__cta:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--qx-ac) 40%, rgba(148,163,184,.22));
  box-shadow:
    0 16px 34px rgba(15,18,36,.10),
    0 0 0 4px color-mix(in srgb, var(--qx-ac) 14%, transparent);
}
.qx-reviews__cta:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.88),
    0 0 0 6px color-mix(in srgb, var(--qx-ac) 45%, transparent),
    0 16px 34px rgba(15,18,36,.10);
}
.qx-reviews__cta-ico{
  width:34px; height:34px;
  border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  line-height:0;
  color:color-mix(in srgb, var(--qx-ac) 72%, #111827);
  background:color-mix(in srgb, var(--qx-ac) 18%, rgba(255,255,255,.94));
  border:1px solid color-mix(in srgb, var(--qx-ac) 28%, rgba(148,163,184,.18));
}
.qx-reviews__cta-ico .qx-ic{ width:18px; height:18px; display:block; }

/* Grid */
.qx-reviews__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px 14px;
  max-height:clamp(320px, 34vh, 390px);
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:6px;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
}
.qx-reviews__grid::-webkit-scrollbar{ width:8px; }
.qx-reviews__grid::-webkit-scrollbar-track{ background:transparent; }
.qx-reviews__grid::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--qx-ac) 38%, rgba(148,163,184,.18)),
    color-mix(in srgb, var(--qx-ac) 22%, rgba(148,163,184,.14)));
}

/* Legacy cards */
.qx-reviews__card{
  position:relative;
  overflow:hidden;
  border-radius:var(--qx-card-radius);
  padding:14px 16px 16px;
  border:1px solid color-mix(in srgb, var(--qx-ac) 16%, rgba(15,18,36,.06));
  background:linear-gradient(135deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.99) 58%,
    color-mix(in srgb, var(--qx-ac) 16%, rgba(255,255,255,.95)) 100%);
  box-shadow:
    0 14px 32px rgba(15,18,36,.06),
    inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .14s ease, box-shadow .16s ease, border-color .16s ease;
  will-change:transform;
}
.qx-reviews__card::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    var(--qx-ac) 16%,
    color-mix(in srgb, var(--qx-ac) 90%, white) 50%,
    var(--qx-ac) 84%,
    rgba(255,255,255,0) 100%);
  opacity:.96;
}
.qx-reviews__card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--qx-ac) 30%, rgba(15,18,36,.06));
  box-shadow:
    0 22px 48px rgba(15,18,36,.10),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.qx-reviews__card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.qx-reviews__card-head > div[itemprop="author"]{ min-width:0; }

.qx-reviews__name{
  font-size:.95rem;
  font-weight:850;
  color:#0b1220;
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:22ch;
}
.qx-reviews__role{
  margin-top:2px;
  font-size:.78rem;
  color:#6b7280;
}
.qx-reviews__text{
  font-size:.88rem;
  line-height:1.58;
  color:#334155;
  display:-webkit-box;
  -webkit-line-clamp:6; /* was visually tighter; now less aggressive */
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.qx-reviews__rating{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  white-space:nowrap;
  flex:0 0 auto;
}
.qx-reviews__rating-txt{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid color-mix(in srgb, var(--qx-ac) 14%, rgba(148,163,184,.3));
  box-shadow:0 8px 18px rgba(15,18,36,.05);
  font-size:.86rem;
  font-weight:900;
  color:#0b1220;
  font-variant-numeric:tabular-nums;
}

/* -------------------------
   Horizontal strip (.qx-rs) — current working AJAX version
-------------------------- */
.qx-rs__shell{
  width:var(--qx-inner);
  margin:0 auto;
  padding:clamp(12px,1.9vw,16px);
  border-radius:20px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(700px 200px at 0% 0%, color-mix(in srgb, var(--qx-ac) 7%, white), transparent 65%),
    radial-gradient(700px 200px at 100% 0%, color-mix(in srgb, var(--qx-ac) 7%, white), transparent 65%),
    rgba(255,255,255,.97);
  border:1px solid color-mix(in srgb, var(--qx-ac) 22%, rgba(15,18,36,.08));
  box-shadow:
    0 16px 40px rgba(15,18,36,.08),
    0 1px 0 rgba(255,255,255,.7) inset;
}
.qx-rs__shell::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    color-mix(in srgb, var(--qx-ac) 88%, white) 15%,
    var(--qx-ac) 50%,
    color-mix(in srgb, var(--qx-ac) 88%, white) 85%,
    rgba(255,255,255,0) 100%);
  opacity:.95;
}

/* Header */
.qx-rs__head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px 12px;
  margin-bottom:12px;
}
.qx-rs__titleWrap{
  min-width:0;
  text-align:center;
}
.qx-rs__title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:color-mix(in srgb, var(--qx-ac) 80%, #111827);
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qx-ac) 16%, rgba(255,255,255,.95)),
    rgba(255,255,255,.98));
  border:1px solid color-mix(in srgb, var(--qx-ac) 28%, rgba(148,163,184,.22));
  box-shadow:0 8px 18px rgba(15,18,36,.05);
}
.qx-rs__sub{
  margin-top:4px;
  font-size:.82rem;
  color:color-mix(in srgb, var(--qx-ac) 14%, #64748b);
  font-weight:600;
}

.qx-rs__meta{ justify-self:end; }
.qx-rs__metaPill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
  border:1px solid color-mix(in srgb, var(--qx-ac) 14%, rgba(148,163,184,.28));
  box-shadow:0 8px 18px rgba(15,18,36,.05);
}
.qx-rs__summary{
  font-size:.8rem;
  font-weight:700;
  color:color-mix(in srgb, var(--qx-ac) 18%, #334155);
}

/* CTA */
.qx-rs__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:#0b1220;
  font-weight:800;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--qx-ac) 28%, rgba(148,163,184,.24));
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qx-ac) 16%, rgba(255,255,255,.94)),
    rgba(255,255,255,.99));
  box-shadow:
    0 8px 18px rgba(15,18,36,.05),
    0 0 0 3px color-mix(in srgb, var(--qx-ac) 7%, transparent);
  transition:transform .14s ease, box-shadow .16s ease, border-color .16s ease;
}
.qx-rs__cta:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--qx-ac) 38%, rgba(148,163,184,.24));
  box-shadow:
    0 12px 26px rgba(15,18,36,.08),
    0 0 0 3px color-mix(in srgb, var(--qx-ac) 10%, transparent);
}
.qx-rs__ctaIco{
  width:30px; height:30px;
  border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--qx-ac) 16%, rgba(255,255,255,.94));
  border:1px solid color-mix(in srgb, var(--qx-ac) 24%, rgba(148,163,184,.2));
  color:color-mix(in srgb, var(--qx-ac) 72%, #111827);
}
.qx-rs__ctaIco .qx-ic{ width:16px; height:16px; display:block; }

/* Viewport edge fade */
.qx-rs__viewport{
  position:relative;
}
.qx-rs__viewport::before,
.qx-rs__viewport::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width:20px;
  pointer-events:none;
  z-index:2;
}
.qx-rs__viewport::before{
  left:0;
  background:linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,0));
}
.qx-rs__viewport::after{
  right:0;
  background:linear-gradient(270deg, rgba(255,255,255,.98), rgba(255,255,255,0));
}

/* Track */
.qx-rs__track{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 2px 8px;
  -webkit-overflow-scrolling:touch;
}
.qx-rs__track::-webkit-scrollbar{ height:8px; }
.qx-rs__track::-webkit-scrollbar-track{ background:transparent; }
.qx-rs__track::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--qx-ac) 32%, rgba(148,163,184,.25)),
    color-mix(in srgb, var(--qx-ac) 18%, rgba(148,163,184,.22)));
}

/* Strip cards */
.qx-rs__card{
  position:relative;
  overflow:hidden;
  flex:0 0 clamp(260px, 28vw, 360px);
  scroll-snap-align:start;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--qx-ac) 18%, rgba(15,18,36,.08));
  background:
    radial-gradient(180px 80px at 12% 0%, color-mix(in srgb, var(--qx-ac) 13%, transparent), transparent 70%),
    linear-gradient(135deg, #fff, color-mix(in srgb, var(--qx-ac) 10%, #fff));
  box-shadow:
    0 10px 26px rgba(15,18,36,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
  padding:12px;
  min-height:172px;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:transform .14s ease, box-shadow .16s ease, border-color .16s ease;
}
.qx-rs__card::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    var(--qx-ac) 15%,
    color-mix(in srgb, var(--qx-ac) 92%, white) 50%,
    var(--qx-ac) 85%,
    rgba(255,255,255,0) 100%);
  opacity:.95;
}
.qx-rs__card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--qx-ac) 32%, rgba(15,18,36,.08));
  box-shadow:
    0 18px 38px rgba(15,18,36,.10),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.qx-rs__cardHead{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.qx-rs__author{ min-width:0; }

.qx-rs__name{
  font-size:.93rem;
  font-weight:850;
  color:#0b1220;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:20ch;
}
.qx-rs__role{
  margin-top:2px;
  font-size:.76rem;
  color:#64748b;
}

.qx-rs__rating{ flex:0 0 auto; }
.qx-rs__ratingTxt{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  border:1px solid color-mix(in srgb, var(--qx-ac) 10%, rgba(148,163,184,.26));
  font-size:.78rem;
  font-weight:900;
  color:#0b1220;
  box-shadow:0 6px 14px rgba(15,18,36,.04);
  font-variant-numeric:tabular-nums;
}

/* Shared stars */
.qx-reviews__stars,
.qx-rs__stars{
  display:flex;
  align-items:center;
  gap:3px;
  line-height:0;
}

.qx-reviews .qx-ic--star,
.qx-rs .qx-ic--star{
  width:15px; height:15px;
  fill:transparent;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.qx-reviews .qx-ic--star.is-on,
.qx-rs .qx-ic--star.is-on{
  color:#fbbf24;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.15;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.05));
}
.qx-reviews .qx-ic--star.is-off,
.qx-rs .qx-ic--star.is-off{
  color:#cbd5e1;
}

/* Strip text — less truncation than before */
.qx-rs__text{
  font-size:.84rem;
  line-height:1.55;
  color:#334155;
  display:-webkit-box;
  -webkit-line-clamp:6; /* increased from 4 */
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Actions row */
.qx-rs__actions{
  margin-top:10px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
}

.qx-rs__nav{
  width:38px; height:38px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--qx-ac) 18%, rgba(148,163,184,.28));
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,255,255,.94));
  cursor:pointer;
  font-size:22px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:color-mix(in srgb, var(--qx-ac) 24%, #0f172a);
  box-shadow:
    0 8px 18px rgba(15,18,36,.05),
    0 0 0 3px color-mix(in srgb, var(--qx-ac) 7%, transparent);
  transition:transform .14s ease, box-shadow .16s ease, border-color .16s ease;
}
.qx-rs__nav:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--qx-ac) 34%, rgba(148,163,184,.28));
  box-shadow:
    0 12px 24px rgba(15,18,36,.08),
    0 0 0 3px color-mix(in srgb, var(--qx-ac) 10%, transparent);
}
.qx-rs__nav:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
}

/* More button */
.qx-rs__more{
  min-height:40px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--qx-ac) 28%, rgba(148,163,184,.24));
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qx-ac) 18%, rgba(255,255,255,.95)),
    rgba(255,255,255,.99));
  color:#0b1220;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  cursor:pointer;
  font-weight:800;
  box-shadow:
    0 10px 22px rgba(15,18,36,.06),
    0 0 0 4px color-mix(in srgb, var(--qx-ac) 8%, transparent);
  transition:transform .14s ease, box-shadow .16s ease, border-color .16s ease, opacity .16s ease;
}
.qx-rs__more:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--qx-ac) 38%, rgba(148,163,184,.24));
  box-shadow:
    0 14px 28px rgba(15,18,36,.08),
    0 0 0 4px color-mix(in srgb, var(--qx-ac) 12%, transparent);
}
.qx-rs__moreCount{
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid color-mix(in srgb, var(--qx-ac) 10%, rgba(148,163,184,.26));
  font-size:.75rem;
  font-weight:900;
  box-shadow:0 4px 10px rgba(15,18,36,.04);
}
.qx-rs__more.is-loading{
  opacity:.72;
  cursor:wait;
}
.qx-rs__more.is-done{
  opacity:.82;
  cursor:default;
}

/* -------------------------
   Accessibility helpers
-------------------------- */
.qx-sr{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* -------------------------
   Motion reduction
-------------------------- */
@media (prefers-reduced-motion:reduce){
  .qx-reviews__card,
  .qx-reviews__cta,
  .qx-rs__card,
  .qx-rs__cta,
  .qx-rs__nav,
  .qx-rs__more{
    transition:none !important;
  }
  .qx-reviews__card:hover,
  .qx-rs__card:hover,
  .qx-rs__cta:hover,
  .qx-rs__nav:hover,
  .qx-rs__more:hover{
    transform:none !important;
  }
}

/* -------------------------
   Responsive
-------------------------- */
@media (max-width:900px){
  /* Legacy */
  .qx-reviews__head--pro{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "center center"
      "cta meta";
    align-items:start;
  }
  .qx-reviews__center{ grid-area:center; }
  .qx-reviews__cta{ grid-area:cta; justify-self:start; }
  .qx-reviews__meta{ grid-area:meta; justify-self:end; }
  .qx-reviews__grid{
    grid-template-columns:1fr;
    max-height:clamp(240px, 28vh, 320px);
  }
  .qx-reviews__shell::after{
    font-size:64px;
    top:2px;
  }

  /* Strip */
  .qx-rs__head{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "title title"
      "cta meta";
    align-items:start;
  }
  .qx-rs__titleWrap{ grid-area:title; }
  .qx-rs__cta{ grid-area:cta; justify-self:start; }
  .qx-rs__meta{ grid-area:meta; justify-self:end; }

  .qx-rs__card{
    flex-basis:clamp(248px, 72vw, 330px);
    min-height:166px;
  }

  .qx-rs__text{
    -webkit-line-clamp:6;
  }
}

@media (max-width:640px){
  .qx-reviews::before, .qx-reviews::after,
  .qx-rs::before, .qx-rs::after{
    inset:-24px 0;
  }

  /* Legacy */
  .qx-reviews__shell{
    border-radius:18px;
    padding:12px 12px 14px;
  }
  .qx-reviews__title{
    padding:6px 10px;
    font-size:.74rem;
  }
  .qx-reviews__summary{ font-size:.79rem; }
  .qx-reviews__meta-pill{ padding:7px 10px; gap:8px; }
  .qx-reviews__head--pro{
    grid-template-areas:
      "center center"
      "meta cta";
    gap:10px;
  }
  .qx-reviews__cta-txt{ display:none; }
  .qx-reviews__cta{ padding:8px 10px; gap:8px; }
  .qx-reviews__cta-ico{ width:32px; height:32px; }
  .qx-reviews__card{
    border-radius:14px;
    padding:12px 12px 13px;
  }
  .qx-reviews__name{ font-size:.92rem; max-width:20ch; }
  .qx-reviews__text{
    font-size:.86rem;
    -webkit-line-clamp:7; /* mobile slightly more visible text */
  }
  .qx-reviews .qx-ic--star{ width:15px; height:15px; }
  .qx-reviews__rating-txt{ padding:5px 9px; font-size:.84rem; }

  /* Strip */
  .qx-rs__shell{
    padding:12px;
    border-radius:16px;
  }
  .qx-rs__ctaTxt{ display:none; }
  .qx-rs__summary{ font-size:.76rem; }
  .qx-rs__actions{ gap:6px; }
  .qx-rs__nav{
    width:34px;
    height:34px;
    font-size:20px;
  }
  .qx-rs__more{
    min-height:36px;
    padding:7px 10px;
    gap:6px;
  }
  .qx-rs__moreTxt{ font-size:.82rem; }
  .qx-rs__card{
    flex-basis:86vw;
    min-height:164px;
    border-radius:14px;
    padding:11px 11px 12px;
  }
  .qx-rs__name{ max-width:18ch; }
  .qx-rs__text{
    font-size:.83rem;
    line-height:1.52;
    -webkit-line-clamp:7; /* was 4, now much better */
  }
  .qx-rs .qx-ic--star{ width:14px; height:14px; }
}



/* =========================================================
   QT FAQ (ikonları SVG-first)
   ========================================================= */
.qt-faq{
  width:100%;
  margin:clamp(22px,3.5vw,34px) auto 0;
  --qt-ac: var(--qt-buy-accent, var(--accent, #6a7eff));
  --qt-ac-soft: var(--qt-buy-accent-soft, rgba(106,126,255,.22));
  --faq-radius:22px;
  --faq-item-radius:16px;
  --faq-bd: color-mix(in srgb, var(--qt-ac) 14%, rgba(148,163,184,.28));
  --faq-bd-2: rgba(148,163,184,.22);
  --faq-ink:#0b1120;
  --faq-muted:#5b6678;
}
.qt-faq__inner{
  width:100%;
  margin-inline:auto;
  padding:clamp(16px,2.6vw,24px);
  border-radius:var(--faq-radius);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(900px 420px at 10% -10%, color-mix(in srgb, var(--qt-ac) 12%, transparent), transparent 60%),
    radial-gradient(900px 420px at 90% 0%, color-mix(in srgb, var(--qt-ac) 10%, transparent), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    0 18px 55px -40px rgba(2,6,23,.28),
    0 0 0 1px rgba(15,18,36,.04);
}
.qt-faq__inner::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, transparent 0%, var(--qt-ac) 18%, var(--qt-ac) 82%, transparent 100%);
  opacity:.9;
  z-index:-1;
}
.qt-faq__inner::after{
  content:"";
  position:absolute;
  right:-90px; top:-90px;
  width:220px; height:220px;
  background:radial-gradient(circle, color-mix(in srgb, var(--qt-ac) 22%, transparent) 0%, transparent 70%);
  opacity:.9;
  pointer-events:none;
  z-index:-1;
}
.qt-faq__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px 16px;
  margin:0 0 14px;
}
.qt-faq__headL{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.qt-faq__badge{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:950;
  color:#fff;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qt-ac) 92%, #111827),
    color-mix(in srgb, var(--qt-ac) 55%, #ffffff));
  box-shadow:0 16px 34px -26px color-mix(in srgb, var(--qt-ac) 55%, transparent);
  flex:0 0 auto;
  line-height:0;
}
.qt-faq__badge .qt-ic{ font-size:18px; }

/* === FAQ SVG ICON FIX (EN/TR) === */
.qt-faq__badge .qt-ic,
.qt-faq__chev .qt-ic{
  width:18px;
  height:18px;
  display:block;
}

.qt-faq__headTxt{ min-width:0; }
.qt-faq__title{
  margin:0;
  font-size:clamp(1.08rem, 1.0rem + .45vw, 1.42rem);
  font-weight:950;
  letter-spacing:-.02em;
  color:var(--faq-ink);
  line-height:1.12;
}
.qt-faq__sub{
  margin:4px 0 0;
  font-size:.86rem;
  color:var(--faq-muted);
  line-height:1.35;
  max-width:60ch;
}
.qt-faq__meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.qt-faq__count{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:850;
  color:color-mix(in srgb, var(--qt-ac) 65%, #0b1120);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.65));
  border:1px solid color-mix(in srgb, var(--qt-ac) 16%, rgba(148,163,184,.22));
}
.qt-faq__list{ display:grid; gap:10px; }
.qt-faq__item{
  border-radius:var(--faq-item-radius);
  background:rgba(255,255,255,.86);
  border:1px solid var(--faq-bd-2);
  box-shadow:0 10px 24px -22px rgba(2,6,23,.18);
  overflow:hidden;
  transition:transform .14s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  position:relative;
}
.qt-faq__item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:color-mix(in srgb, var(--qt-ac) 35%, transparent);
  opacity:.35;
}
.qt-faq__item:hover{
  transform:translateY(-1px);
  border-color:var(--faq-bd);
  box-shadow:0 18px 38px -26px rgba(2,6,23,.22);
}
.qt-faq__item[open]{
  background:linear-gradient(180deg, rgba(255,255,255,.92), color-mix(in srgb, var(--qt-ac) 8%, rgba(255,255,255,.84)));
  border-color:color-mix(in srgb, var(--qt-ac) 22%, rgba(148,163,184,.26));
  box-shadow:
    0 22px 50px -36px rgba(2,6,23,.28),
    0 0 0 4px color-mix(in srgb, var(--qt-ac) 14%, transparent);
}
.qt-faq__item[open]::before{ opacity:.95; background:var(--qt-ac); }

.qt-faq__question{
  list-style:none;
  cursor:pointer;
  padding:12px 12px 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.qt-faq__question::-webkit-details-marker{ display:none; }
.qt-faq__question-text{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  font-size:.93rem;
  font-weight:850;
  color:var(--faq-ink);
  line-height:1.35;
}
.qt-faq__question-text::before{
  content:"Q";
  flex:0 0 auto;
  width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:950;
  color:var(--qt-ac);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.80));
  border:1px solid color-mix(in srgb, var(--qt-ac) 18%, rgba(148,163,184,.18));
  box-shadow:0 10px 20px -18px rgba(2,6,23,.22);
}
.qt-faq__chev{
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(248,250,252,.85);
  border:1px solid rgba(148,163,184,.20);
  color:#5b6678;
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  user-select:none;
  line-height:0;
}
.qt-faq__chev .qt-ic{ font-size:18px; }
.qt-faq__item[open] .qt-faq__chev{
  transform:rotate(180deg);
  background:color-mix(in srgb, var(--qt-ac) 16%, rgba(255,255,255,.86));
  border-color:transparent;
  color:var(--qt-ac);
}

.qt-faq__answer{
  padding:0 14px 12px 14px;
  border-top:1px solid rgba(148,163,184,.20);
  animation:faqFade .14s ease both;
}
@keyframes faqFade{
  from{ opacity:0; transform:translateY(-2px); }
  to{ opacity:1; transform:translateY(0); }
}
.qt-faq__answer p{
  margin:10px 0 0;
  font-size:.89rem;
  line-height:1.65;
  color:var(--faq-muted);
}
.qt-faq__question:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--qt-ac) 20%, transparent);
  border-radius:12px;
}
.qt-faq__more{
  margin-top:12px;
  display:flex;
  justify-content:center;
}
.qt-faq__moreBtn{
  appearance:none;
  border:1px solid color-mix(in srgb, var(--qt-ac) 18%, rgba(148,163,184,.24));
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.70));
  color:#0b1120;
  border-radius:14px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px -26px rgba(2,6,23,.22);
  transition:transform .14s ease, box-shadow .18s ease, border-color .18s ease;
}
.qt-faq__moreBtn:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--qt-ac) 24%, rgba(148,163,184,.22));
  box-shadow:0 18px 40px -28px rgba(2,6,23,.26);
}
.qt-faq__moreBtn:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--qt-ac) 20%, transparent),
    0 18px 40px -28px rgba(2,6,23,.26);
}
@media (max-width:640px){
  .qt-faq{ margin-top:18px; }
  .qt-faq__inner{ border-radius:18px; padding:12px 12px 14px; }
  .qt-faq__question{ padding:11px 10px 11px 12px; }
  .qt-faq__answer{ padding:0 12px 11px; }
  .qt-faq__chev{ width:30px; height:30px; }
  .qt-faq__meta{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .qt-faq *{ transition:none !important; animation:none !important; }
  .qt-faq__moreBtn{ transition:none !important; }
}

/* =========================================================
   QT DESC (SEO açıklama paneli)
   ========================================================= */
.qt-desc{
  width:100%;
  margin:clamp(20px,3.5vw,28px) auto 0;
  margin-bottom:clamp(28px,6vw,56px)!important;

  --qt-desc-ac: var(--qt-buy-accent, var(--qt-buy-accent-color, var(--accent, #6366f1)));
  --qt-desc-soft: var(--qt-buy-accent-soft, rgba(99,102,241,.16));
  --qt-desc-ink:#0b1220;
  --qt-desc-muted:#475569;
  --qt-desc-ring: color-mix(in srgb, var(--qt-desc-ac) 22%, transparent);
}
.qt-desc__inner{
  width:100%;
  margin-inline:auto;
  padding:clamp(16px,3vw,22px);
  border-radius:22px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(820px 320px at 12% -10%, color-mix(in srgb, var(--qt-desc-ac) 12%, transparent), transparent 62%),
    radial-gradient(820px 320px at 92% 0%, rgba(255,255,255,.92), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  border:1px solid color-mix(in srgb, var(--qt-desc-ac) 18%, rgba(15,18,36,.05));
  box-shadow:
    0 18px 48px rgba(15,18,36,.10),
    0 0 0 1px rgba(15,18,36,.04);
}
.qt-desc__inner::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    var(--qt-desc-ac) 18%,
    var(--qt-desc-ac) 82%,
    rgba(255,255,255,0) 100%);
  opacity:.9;
}
.qt-desc__inner::after{
  content:"";
  position:absolute;
  right:-26px;
  top:-26px;
  width:92px;
  height:92px;
  transform:rotate(45deg);
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qt-desc-ac) 12%, rgba(255,255,255,.92)),
    rgba(255,255,255,.92));
  border:1px solid color-mix(in srgb, var(--qt-desc-ac) 18%, rgba(148,163,184,.22));
  box-shadow:0 14px 34px rgba(15,18,36,.10);
  opacity:.85;
  pointer-events:none;
}
.qt-desc__head{
  position:relative;
  z-index:1;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.qt-desc__pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--qt-desc-ac) 16%, rgba(255,255,255,.92)),
    rgba(255,255,255,.92));
  color:color-mix(in srgb, var(--qt-desc-ac) 78%, var(--qt-desc-ink));
  border:1px solid color-mix(in srgb, var(--qt-desc-ac) 26%, rgba(148,163,184,.22));
  box-shadow:
    0 10px 22px rgba(15,18,36,.06),
    0 0 0 4px color-mix(in srgb, var(--qt-desc-ac) 8%, transparent);
}
.qt-desc__body{
  position:relative;
  z-index:1;
  margin-top:10px;
  padding:12px 10px 12px 14px;
  max-height:clamp(220px,34vh,340px);
  overflow:auto;
  overscroll-behavior:contain;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(255,255,255,1));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.75),
    0 12px 30px rgba(15,18,36,.06);
}
.qt-desc__body::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--qt-desc-ac), color-mix(in srgb, var(--qt-desc-ac) 25%, transparent));
  opacity:.75;
}

/* İçerik tipografisi */
.qt-desc__body p{
  margin:0 0 .7em;
  font-size:.94rem;
  line-height:1.7;
  color:color-mix(in srgb, var(--qt-desc-muted) 88%, #111827);
}
.qt-desc__body ul,
.qt-desc__body ol{
  margin:.35em 0 .8em 1.15em;
  padding:0;
  color:color-mix(in srgb, var(--qt-desc-muted) 88%, #111827);
  font-size:.92rem;
}
.qt-desc__body li{ margin-bottom:.3em; }

/* “liste noktaları kaybolmasın” sigortası:
   Panel içine gelen içerik bazen global reset’ten etkilenebiliyor */
.qt-desc__body ul{ list-style:disc; }
.qt-desc__body ol{ list-style:decimal; }
.qt-desc__body li::marker{ color: color-mix(in srgb, var(--qt-desc-ac) 55%, #111827); }

.qt-desc__body h2,
.qt-desc__body h3{
  margin:1.15em 0 .5em;
  font-family:inherit;
  font-weight:950;
  line-height:1.25;
  letter-spacing:-.01em;
  color:var(--qt-desc-ink);
}
.qt-desc__body h2{
  font-size:clamp(1.02rem, .98rem + .22vw, 1.20rem);
  padding:8px 10px;
  border-radius:12px;
  background:color-mix(in srgb, var(--qt-desc-ac) 8%, rgba(255,255,255,.92));
  border:1px solid color-mix(in srgb, var(--qt-desc-ac) 16%, rgba(148,163,184,.22));
}
.qt-desc__body h3{
  font-size:clamp(.95rem, .9rem + .18vw, 1.06rem);
  padding-left:.5rem;
  border-left:3px solid color-mix(in srgb, var(--qt-desc-ac) 22%, rgba(148,163,184,.32));
}

.qt-desc__body::-webkit-scrollbar{ width:8px; }
.qt-desc__body::-webkit-scrollbar-track{ background:transparent; }
.qt-desc__body::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:color-mix(in srgb, var(--qt-desc-ac) 18%, rgba(148,163,184,.22));
}
@media (max-width:640px){
  .qt-desc{ margin-bottom:22px!important; }
  .qt-desc__inner{ border-radius:18px; padding:14px 12px 16px; }
  .qt-desc__body{ max-height:clamp(220px,45vh,360px); padding:11px 10px 11px 13px; }
  .qt-desc__inner::after{ width:78px; height:78px; right:-22px; top:-22px; }
}

/* =========================================================
   QT AI BAR — shell aligned (CATEGORY-LAYOUT)
   ========================================================= */
.qt-ai-bar, .qt-ai-bar *{ box-sizing:border-box; }

.qt-ai-bar{
  /* ✅ FAQ / Reviews gibi otomatik accent */
  --ac: var(--qt-buy-accent, var(--accent, #6a7eff));

  width:100%;
  margin:14px auto 18px;
  position:relative;
  isolation:isolate;
}

.qt-ai-bar__inner{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:10px 16px;
  border-radius:14px;

  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
  border:1px solid rgba(120,130,160,.20);

  box-shadow:
    0 10px 24px rgba(15,18,36,.08),
    inset 0 1px 0 rgba(255,255,255,.65);

  overflow:hidden;
}

.qt-ai-bar__left{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.qt-ai-bar__chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;

  color: color-mix(in srgb, var(--ac) 72%, #111827);
  background: color-mix(in srgb, var(--ac) 12%, rgba(255,255,255,.90));
  border:1px solid color-mix(in srgb, var(--ac) 22%, rgba(120,130,160,.18));
  white-space:nowrap;
}

.qt-ai-bar__text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.qt-ai-bar__title{
  margin:0;
  font-size:13px;
  font-weight:950;
  color:#0b1225;
  line-height:1.2;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.qt-ai-bar__desc{
  margin:0;
  font-size:12px;
  font-weight:650;
  color:#4b556b;
  line-height:1.2;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.qt-ai-bar__btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border-radius:12px;
  text-decoration:none;

  font-weight:950;
  font-size:12.5px;
  color:#0b1225;
  white-space:nowrap;

  background: linear-gradient(135deg,
    color-mix(in srgb, var(--ac) 22%, rgba(255,255,255,.92)),
    rgba(255,255,255,.92)
  );
  border:1px solid color-mix(in srgb, var(--ac) 26%, rgba(120,130,160,.20));

  box-shadow:
    0 10px 22px rgba(15,18,36,.10),
    inset 0 1px 0 rgba(255,255,255,.75);

  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.qt-ai-bar__btn:hover{
  transform: translateY(-1px);
  box-shadow:
    0 14px 30px rgba(15,18,36,.14),
    inset 0 1px 0 rgba(255,255,255,.80);
  filter:saturate(1.03);
}

.qt-ai-bar__ico{
  width:28px; height:28px;
  border-radius:10px;
  display:grid; place-items:center;
  background: color-mix(in srgb, var(--ac) 14%, rgba(255,255,255,.92));
  border:1px solid color-mix(in srgb, var(--ac) 22%, rgba(120,130,160,.18));
}

.qt-ai-bar__hint{
  opacity:.55;
  font-weight:950;
  display:inline-flex;
  align-items:center;
}

.qt-ai-bar .qt-ic{
  width:16px;
  height:16px;
  display:block;
}

/* Mobil */
@media (max-width: 680px){
  .qt-ai-bar{ margin:12px auto 14px; }
  .qt-ai-bar__inner{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:10px 12px;
  }
  .qt-ai-bar__left{ width:100%; }
  .qt-ai-bar__btn{ width:100%; }
  .qt-ai-bar__title, .qt-ai-bar__desc{ white-space:normal; }
}