/* =====================================================================
   fe-contact.css — İletişim sayfası (canvas destekli sanatsal düzen)
   Bölümler: 1) Hero canvas 2) Şu anda 3) Kanallar 4) Brief 5) Konum
   ===================================================================== */

/* ---------- 1. HERO CANVAS ---------- */
/* .ph2--canvas taban stilleri fe-shell.css'e taşındı (motif her sayfada kullanılabilir).
   Burada yalnız iletişim sayfasına özel genişletme kaldı (aşağıda .chips bölümü). */

/* ---------- 2. ŞU ANDA ---------- */
.now-wrap{
  display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start;
}
.now-dial{
  position:sticky;top:calc(var(--header-h) + 18px);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:22px 20px 24px;box-shadow:var(--sh);text-align:center;
}
.now-dial-cv{position:relative;width:100%;max-width:262px;margin:0 auto 16px;aspect-ratio:1}
.now-dial-cv canvas{display:block;width:100%;height:100%}
.now-meta .eyebrow-mono{display:block;margin-bottom:9px;letter-spacing:.10em;color:var(--muted)}
/* Bu etiket kart içinde tek başına duruyor; genel "//" öneki burada gürültü yapıyor */
.now-badge{
  font:800 1.12rem/1.2 var(--font-display);color:var(--no-ink);
  display:inline-flex;align-items:center;gap:9px;margin-bottom:6px;
}
.now-badge::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--danger);flex:none;
}
.now-badge.is-open{color:var(--ok-ink)}
.now-badge.is-open::before{
  background:var(--success);box-shadow:0 0 0 0 rgba(22,163,74,.45);animation:nowPulse 2s infinite;
}
@keyframes nowPulse{
  70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}
  100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}
}
@media (prefers-reduced-motion:reduce){.now-badge.is-open::before{animation:none}}
.now-sub{font-size:.86rem;color:var(--text);margin-bottom:10px}
/* Canlı geri sayım — saniyeli, tabular rakamlarla zıplamayan sayaç.
   Renk durumu anlatır: mesai içinde yeşil, dışında kırmızı. */
.now-count{
  display:inline-flex;flex-direction:column;align-items:center;gap:5px;
  padding:10px 18px 11px;border-radius:14px;margin-bottom:16px;
  border:1px solid transparent;
}
.nc-cap{
  font:700 .64rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
}
.nc-time{display:inline-flex;align-items:baseline;gap:10px}
.nc-seg{display:inline-flex;align-items:baseline;gap:3px}
.nc-seg b{
  font:800 1.16rem/1 var(--font-display);font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.nc-seg em{
  font:600 .64rem/1 var(--font-mono);font-style:normal;letter-spacing:.06em;opacity:.7;
}
/* Saniye biraz geride dursun — göz saate/dakikaya odaklansın */
.nc-sn b{font-size:.98rem;opacity:.78}
.nc-seg[hidden]{display:none}

/* Metin için koyulaştırılmış durum renkleri: --success/--danger açık zeminde
   4.5:1'i geçmiyordu (3.12 / 4.28). Nokta ve canvas parlak tonda kalır. */
:root{--ok-ink:#0f7a3d;--no-ink:#be123c}

.now-count.is-open{background:var(--success-050);border-color:var(--success-100)}
.now-count.is-open .nc-cap,
.now-count.is-open .nc-seg b,
.now-count.is-open .nc-seg em{color:var(--ok-ink)}

.now-count.is-closed{background:#fff1f3;border-color:#fcd3da}
.now-count.is-closed .nc-cap,
.now-count.is-closed .nc-seg b,
.now-count.is-closed .nc-seg em{color:var(--no-ink)}

/* Bu haftanın mini takvimi */
.now-cal{margin-bottom:14px}
/* Kart ortalı; ay etiketi de takvim ızgarasının ortasında dursun */
.now-cal-head{display:block;text-align:center;margin:0 0 9px}
.now-cal-head span{
  display:inline-block;
  font:700 .68rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}

.now-week{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
}
.now-week li{
  display:grid;justify-items:center;gap:2px;padding:6px 2px 7px;border-radius:9px;
  background:var(--bg-soft);border:1px solid transparent;position:relative;
}
.nw-d{
  font:700 .6rem/1 var(--font-mono);letter-spacing:.04em;color:var(--faint);text-transform:uppercase;
}
.nw-n{font:800 .86rem/1 var(--font-display);color:var(--muted);font-variant-numeric:tabular-nums}
.now-week li.is-work{background:var(--brand-050)}
.now-week li.is-work .nw-d{color:var(--brand);opacity:.75}
.now-week li.is-work .nw-n{color:var(--brand)}
/* Bugün: dolu rozet — şeritte gözü ilk çeken yer */
.now-week li.is-today{background:var(--brand);border-color:var(--brand);box-shadow:var(--sh-brand)}
.now-week li.is-today .nw-d,.now-week li.is-today .nw-n{color:#fff;opacity:1}
.now-week li.is-today:not(.is-work){background:var(--muted);border-color:var(--muted);box-shadow:none}
/* Bugünün altında ince bir işaret */
.now-week li.is-today::after{
  content:"";position:absolute;left:50%;bottom:-5px;width:4px;height:4px;border-radius:50%;
  transform:translateX(-50%);background:currentColor;color:var(--brand);
}
.now-week li.is-today:not(.is-work)::after{color:var(--muted)}

.now-note{font-size:.79rem;color:var(--muted);line-height:1.55;border-top:1px solid var(--line-2);padding-top:12px}

/* ---------- 3. KANALLAR ---------- */
.chan-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.chan{border-radius:var(--r-lg);}
.chan-hit{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:16px 18px;border-radius:var(--r-lg);text-decoration:none;
  background:var(--bg);border:1px solid var(--line);transition:.18s var(--ease);
  position:relative;overflow:hidden;
}
.chan-hit::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone);
  opacity:.55;transition:.18s;
}
.chan-hit:hover{border-color:color-mix(in srgb,var(--tone) 45%,var(--line));transform:translateY(-2px);box-shadow:var(--sh-md)}
.chan-hit:hover::before{opacity:1;width:4px}
.chan-ico{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;
  background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);
}
.chan-ico .icon{width:18px;height:18px}
.chan-body{display:flex;flex-direction:column;min-width:0}
.chan-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.chan-top b{font:800 1rem var(--font-display);color:var(--ink)}
.chan-top em{
  font:600 .72rem var(--font-body);font-style:normal;color:var(--tone);
  background:color-mix(in srgb,var(--tone) 11%,transparent);
  border-radius:var(--r-pill);padding:3px 9px;white-space:nowrap;
}
.chan-val{font:600 .88rem var(--font-body);color:var(--text);margin-top:2px;overflow-wrap:anywhere}
.chan-cv{display:block;width:100%;height:14px;margin:7px 0 5px}
.chan-note{font-size:.78rem;color:var(--muted);line-height:1.5}
.chan-go{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:var(--bg-soft);color:var(--muted);transition:.18s;
}
.chan-hit:hover .chan-go{background:var(--tone);color:#fff;transform:translateX(2px)}

/* ---------- 4. BRIEF ---------- */
.brief-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:28px;align-items:start}
.brief-main{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:28px;box-shadow:var(--sh);
}
.brief-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
.brief-head .pg-h2{margin:6px 0 6px}
.brief-orb{
  display:flex;align-items:center;gap:12px;flex:none;
  background:var(--bg-soft);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:10px 14px 10px 10px;
}
.brief-orb canvas{display:block;width:62px;height:62px;flex:none}
.brief-orb-txt{display:flex;flex-direction:column;min-width:0}
.brief-orb-txt b{font:800 .86rem var(--font-display);color:var(--ink)}
.brief-orb-txt small{font-size:.74rem;color:var(--muted);line-height:1.4;max-width:16ch}

.brief-side{display:grid;gap:16px;position:sticky;top:calc(var(--header-h) + 18px)}
.bs-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px;box-shadow:var(--sh)}
.bs-card h3{font:800 1.05rem var(--font-display);color:var(--ink);margin-bottom:16px}
.bs-card--dark{
  background:linear-gradient(150deg,var(--navy) 0%,var(--navy-3) 100%);
  border-color:transparent;color:#cfdcf5;
}
.bs-card--dark h3{color:#fff;margin:8px 0 8px}
.bs-card--dark p{font-size:.86rem;line-height:1.6;margin-bottom:16px;color:#a9bde0}
.bs-card--dark .eyebrow-mono{color:#7fb0ff}
.bs-social{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 22px}
/* .footer-social koyu altbilgi için tasarlandı; açık kartta görünür kalsın */
.bs-social .footer-social{margin-top:0}
.bs-social .footer-social a{background:var(--bg-soft);border:1px solid var(--line-2);color:var(--muted)}
.bs-social .footer-social a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
[data-theme="dark"] .bs-social .footer-social a{background:rgba(255,255,255,.06);border-color:var(--line);color:#c2cfe0}

/* ---------- 5. KONUM ---------- */
.geo{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--sh);background:var(--bg-soft);
}
.geo-cv{display:block;width:100%;height:clamp(260px,34vw,380px)}
.geo-cv canvas{display:block;width:100%;height:100%}
.geo .map-wrap{margin:0;border:0;border-radius:0;box-shadow:none}
.geo-card{
  position:absolute;left:24px;bottom:24px;max-width:min(340px,calc(100% - 48px));
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px;box-shadow:var(--sh-lg);
}
.geo-card h3{font:800 1.05rem var(--font-display);color:var(--ink);margin:6px 0 6px}
.geo-card p{font-size:.86rem;color:var(--text);line-height:1.55;margin-bottom:14px}
.geo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.geo-note{
  display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);
  margin:0;border-top:1px solid var(--line-2);padding-top:10px;
}
.geo-note .icon{width:14px;height:14px;flex:none}

/* ---------- KOYU MOD ---------- */
[data-theme="dark"] .now-dial,
[data-theme="dark"] .chan-hit,
[data-theme="dark"] .brief-main,
[data-theme="dark"] .bs-card,
[data-theme="dark"] .geo-card{background:var(--bg);border-color:var(--line)}
[data-theme="dark"] .brief-orb{background:rgba(255,255,255,.04);border-color:var(--line)}
[data-theme="dark"]{--ok-ink:#4ade80;--no-ink:#fb7185}
[data-theme="dark"] .now-count.is-open{background:rgba(22,163,74,.14);border-color:rgba(22,163,74,.32)}
[data-theme="dark"] .now-count.is-closed{background:rgba(225,29,72,.14);border-color:rgba(225,29,72,.32)}

[data-theme="dark"] .now-week li{background:rgba(255,255,255,.04)}
[data-theme="dark"] .now-week li.is-work{background:rgba(37,99,235,.16)}
[data-theme="dark"] .now-week li.is-work .nw-d,
[data-theme="dark"] .now-week li.is-work .nw-n{color:#7fb0ff}
[data-theme="dark"] .now-week li.is-today{background:var(--brand);border-color:var(--brand)}
[data-theme="dark"] .now-week li.is-today .nw-d,
[data-theme="dark"] .now-week li.is-today .nw-n{color:#fff}
[data-theme="dark"] .chan-go{background:rgba(255,255,255,.06)}
[data-theme="dark"] .geo{background:var(--navy)}

/* ---------- DUYARLILIK ---------- */
@media (max-width:1040px){
  .now-wrap{grid-template-columns:minmax(0,1fr)}
  .now-dial{position:static;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;text-align:left;align-items:center}
  .now-cal-head{text-align:center}
  .now-dial-cv{margin:0;width:210px;max-width:none}
  .brief-wrap{grid-template-columns:minmax(0,1fr)}
  .brief-side{position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
}
@media (max-width:760px){
  .brief-main{padding:22px 18px}
  .brief-head{flex-direction:column;align-items:stretch}
  .brief-orb{align-self:flex-start}
  .geo-card{position:static;max-width:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
  .geo-cv{height:230px}
}
@media (max-width:560px){
  .now-dial{grid-template-columns:minmax(0,1fr);text-align:center;gap:14px}
  .now-dial-cv{width:min(268px, 82vw);margin:0 auto}
  .chan-hit{grid-template-columns:auto minmax(0,1fr);padding:14px}
  .chan-go{display:none}
  .brief-orb{width:100%}
  .brief-orb-txt small{max-width:none}
}

/* =====================================================================
   HERO KANAL ÇİPLERİ — canlı ikon + mesai durumu
   ===================================================================== */
/* Hero'nun 860px okuma genişliği metin içindir; kart satırı tüm kabı kullansın.
   (motif=canvas yalnız bu sayfada olduğu için kapsam güvenli.) */
.ph2--canvas .ph2-in{max-width:var(--container)}
.ph2--canvas .ph2-in > h1,
.ph2--canvas .ph2-in > .ph2-lede{max-width:860px}

.chips{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:14px;margin-top:26px;
}
.chip{
  --glow:color-mix(in srgb,var(--tone) 26%,transparent);
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:13px;align-items:center;padding:13px 15px;border-radius:16px;
  text-decoration:none;overflow:hidden;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(160,190,255,.22);
  transition:transform .2s var(--ease),border-color .2s,background .2s;
}
/* Ton rengiyle çok hafif bir iç ışıma — çip "yaşıyor" hissi verir */
.chip::before{
  content:"";position:absolute;inset:-40% -10% auto -10%;height:180%;
  background:radial-gradient(60% 60% at 18% 50%,var(--glow),transparent 70%);
  opacity:.5;transition:opacity .25s;pointer-events:none;
}
.chip:hover,.chip:focus-visible{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--tone) 55%,rgba(160,190,255,.22));
  background:rgba(255,255,255,.09);
}
.chip:hover::before,.chip:focus-visible::before{opacity:.95}
.chip:focus-visible{outline:2px solid var(--tone);outline-offset:2px}

/* --- ikon + arkasındaki canlı canvas --- */
.chip-ico{position:relative;width:42px;height:42px;display:grid;place-items:center;flex:none}
.chip-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chip-glyph{
  position:relative;width:19px;height:19px;color:var(--tone);
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tone) 55%,transparent));
}
/* Kanal başına ikon mikro-hareketi */
.chip[data-state="open"] .chip-glyph,
.chip[data-state="always"] .chip-glyph{animation:chipBob 3.2s var(--ease) infinite}
.chip[data-mode="wave"] .chip-glyph{transform-origin:60% 40%;animation:chipRing 4.4s var(--ease) infinite}
.chip[data-mode="stream"] .chip-glyph{animation:chipLift 3.8s var(--ease) infinite}
@keyframes chipBob{0%,72%,100%{transform:scale(1)}82%{transform:scale(1.14)}}
@keyframes chipRing{
  0%,80%,100%{transform:rotate(0)}
  84%{transform:rotate(-11deg)}88%{transform:rotate(9deg)}
  92%{transform:rotate(-6deg)}96%{transform:rotate(3deg)}
}
@keyframes chipLift{0%,68%,100%{transform:translateY(0)}80%{transform:translateY(-3px)}}

/* --- metin --- */
.chip-txt{display:flex;flex-direction:column;min-width:0;gap:2px}
.chip-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip-top b{font:800 .93rem/1.2 var(--font-display);color:#fff}
.chip-val{font:600 .78rem var(--font-body);color:#9fb2d4;overflow-wrap:anywhere}

/* --- canlı durum --- */
.chip-live{display:inline-flex;align-items:center;gap:5px;min-width:0}
.chip-live i{
  width:6px;height:6px;border-radius:50%;flex:none;
  background:var(--tone);box-shadow:0 0 0 0 var(--tone);
}
.chip-live em{
  font:600 .68rem/1 var(--font-body);font-style:normal;color:var(--tone);
  letter-spacing:.01em;white-space:nowrap;
}
.chip[data-state="open"] .chip-live i,
.chip[data-state="always"] .chip-live i{animation:chipDot 2.2s ease-out infinite}
@keyframes chipDot{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tone) 60%,transparent)}
  70%{box-shadow:0 0 0 7px transparent}
  100%{box-shadow:0 0 0 0 transparent}
}
/* Kapalı kanal: sönük, nabızsız */
.chip[data-state="closed"]{--glow:rgba(160,190,255,.10)}
.chip[data-state="closed"] .chip-glyph{color:#9fb2d4;filter:none;animation:none}
.chip[data-state="closed"] .chip-live i{background:#7f8ea8;box-shadow:none}
.chip[data-state="closed"] .chip-live em{color:#94a7c8}

/* --- ok --- */
.chip-go{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;
  color:#8fa6cc;background:rgba(255,255,255,.06);transition:.2s var(--ease);
}
.chip-go .icon{width:14px;height:14px}
.chip:hover .chip-go,.chip:focus-visible .chip-go{
  background:var(--tone);color:#fff;transform:translate(2px,-2px);
}

@media (prefers-reduced-motion:reduce){
  .chip-glyph,.chip-live i{animation:none !important}
  .chip:hover,.chip:focus-visible{transform:none}
}
@media (max-width:560px){
  .chips{gap:10px}
  .chip{padding:12px 13px;gap:11px}
  .chip-ico{width:38px;height:38px}
  .chip-go{display:none}
}

/* =====================================================================
   SSS — "sinyal hattı" düzeni (.qa)
   ===================================================================== */
/* Masaüstü: başlık ve CTA sol sütunda alt alta, liste sağda tam yükseklikte.
   Mobil: başlık → liste → CTA (soruları okumadan çıkış önerilmesin). */
.qa{
  display:grid;align-items:start;
  grid-template-columns:minmax(0,340px) minmax(0,1fr);
  grid-template-areas:"head list" "cta list";
  grid-template-rows:auto 1fr;
  gap:22px 40px;
}
.qa-side{grid-area:head}
.qa-list{grid-area:list}
.qa-cta{grid-area:cta}
.qa-side .eyebrow-mono{display:block;margin-bottom:10px}
.qa-side .pg-h2{margin:0 0 12px}
.qa-side .muted-note{margin-bottom:0}

.qa-cta{
  position:relative;border-radius:var(--r-xl);padding:22px;
  background:linear-gradient(155deg,var(--navy) 0%,var(--navy-3) 100%);color:#a9bde0;
}
.qa-cta-ico{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;
  background:rgba(127,176,255,.16);color:#9fc0ff;
}
.qa-cta-ico .icon{width:18px;height:18px}
.qa-cta b{display:block;font:800 1rem/1.35 var(--font-display);color:#fff;margin-bottom:8px}
.qa-cta p{font-size:.85rem;line-height:1.6;margin-bottom:16px;color:#a9bde0}

/* --- liste --- */
.qa-list{position:relative;padding-left:44px}
.qa-thread{position:absolute;left:0;top:0;width:30px;height:100%;pointer-events:none}

.qa-item{border-bottom:1px solid var(--line);}
.qa-item:first-child{border-top:1px solid var(--line)}
.qa-item > summary{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;
  padding:20px 4px;cursor:pointer;list-style:none;transition:color .18s;
}
.qa-item > summary::-webkit-details-marker{display:none}
.qa-item > summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:8px}
.qa-n{
  font:700 .74rem/1 var(--font-mono);color:var(--faint);letter-spacing:.06em;
  transition:color .18s;
}
.qa-q{font:700 1.02rem/1.45 var(--font-display);color:var(--ink)}
.qa-item:hover .qa-q{color:var(--brand)}
.qa-item[open] .qa-n{color:var(--brand)}

/* artı → eksi geçişi */
.qa-x{position:relative;width:26px;height:26px;flex:none;display:grid;place-items:center}
.qa-x i{
  position:absolute;left:5px;top:12px;width:16px;height:2px;border-radius:2px;
  background:var(--muted);transition:transform .28s var(--ease),background .18s;
}
.qa-x i:last-child{transform:rotate(90deg)}
.qa-item[open] .qa-x i{background:var(--brand)}
.qa-item[open] .qa-x i:last-child{transform:rotate(0)}

.qa-a{padding:0 4px 22px 0}
.qa-a p{font-size:.94rem;line-height:1.72;color:var(--text);max-width:64ch}

/* Açılış animasyonu — destekleyen tarayıcıda yumuşar, desteklemeyende
   yerel <details> davranışı olduğu gibi kalır (kural yok sayılır). */
@supports selector(details::details-content){
  .qa-item::details-content{
    block-size:0;overflow:hidden;
    transition:block-size .32s var(--ease),content-visibility .32s allow-discrete;
  }
  .qa-item[open]::details-content{block-size:auto}
}
@supports (interpolate-size: allow-keywords){.qa{interpolate-size:allow-keywords}}
@media (prefers-reduced-motion:reduce){
  .qa-item::details-content{transition:none}
  .qa-x i{transition:none}
}

/* --- koyu mod --- */
[data-theme="dark"] .qa-item,
[data-theme="dark"] .qa-item:first-child{border-color:var(--line)}

/* --- duyarlılık --- */
@media (max-width:1040px){
  .qa{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "list" "cta";grid-template-rows:auto auto auto;gap:26px}
  .qa-side .muted-note{margin-bottom:0}
  .qa-cta{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"i t" "i p" "i b";gap:0 16px;align-items:start}
  .qa-cta-ico{grid-area:i;margin-bottom:0}
  .qa-cta b{grid-area:t}
  .qa-cta p{grid-area:p}
  .qa-cta .btn{grid-area:b;justify-self:start}
}
@media (max-width:560px){
  .qa-list{padding-left:34px}
  .qa-thread{width:24px}
  .qa-item > summary{gap:12px;padding:17px 2px}
  .qa-q{font-size:.95rem}
  .qa-cta{grid-template-columns:minmax(0,1fr);grid-template-areas:"i" "t" "p" "b"}
  .qa-cta-ico{margin-bottom:12px}
}

/* Çıpa hedefleri sabit başlığın altına gömülmesin (sitenin mevcut kuralı) */
#simdi,#teklif,#sss,.qa-item{scroll-margin-top:calc(var(--header-h) + 16px)}
/* Derin bağlantıyla açılan soru bir an belirsin */
.qa-item:target > summary .qa-q{color:var(--brand)}