/* ============================================================
   menüdesin — SİSTEM KATMANI
   ------------------------------------------------------------
   JÜRİ KARARLARI (5 üye · en az 4 oy şartı)
   D1 Nesrin (UI, editoryal) · D2 Kaan (UI, ürün) · D3 Elif (UI, hareket)
   Y  Berk (front-end)       · M  Deniz (müşteri deneyimi)

   K1 · Bölüm ritmi tek ölçüye bağlanır (89/55px)        [5/5]
        Kanıt: ölçümde 68/0, 48/48, 110/68, 56/10, 20/64 çıktı.
   K2 · Zeminler sırayla: beyaz → sis → beyaz → mürekkep [5/5]
        Rastgele gradyanlar kalkar; bölüm sınırı zeminle anlaşılır.
   K3 · Her bölüm aynı üçlüyle açılır:
        üst etiket (mono, mor) → başlık → tek cümle özet     [4/5]
        Y itiraz etti (16 sayfada elle düzen riski) → JS ile
        otomatik sınıflandırma yapılınca kabul.
   K4 · Renk rolleri kilitlenir: sarı YALNIZ dolgu,
        mor metin/etiket/bağlantı, mürekkep başlık            [5/5]
   K5 · Ayraç olarak yalnız saç teli çizgi; gölge yok        [4/5]
        D3 "bölüm geçişinde hafif ışık" istedi → yalnız koyu
        bölümün üstünde kullanılmasına karar verildi.
   K6 · Detay sayfalarına gerçek ürün ekranı eklenir        [5/5]
   REDDEDİLEN: bölüm başlarında büyük numara filigranı (2/5),
        renkli bölüm zeminleri — sarı/mor blok (1/5).
   ============================================================ */

/* ---------- 1. RİTİM: TEK ÖLÇÜ ---------- */
section.blk{
  padding-top:clamp(55px,7.4vw,89px) !important;
  padding-bottom:clamp(55px,7.4vw,89px) !important;
  border-bottom:1px solid var(--td-cizgi);
  position:relative;
}
section.blk.ince{ padding-top:clamp(34px,4.4vw,55px) !important;
  padding-bottom:clamp(34px,4.4vw,55px) !important; }
section.blk.serit{ padding-top:0 !important; padding-bottom:0 !important; border-bottom:none; }

/* ---------- 2. ZEMİN SIRASI ---------- */
section.blk.yuzA{ background:#FFFFFF !important; }
section.blk.yuzB{ background:var(--td-yuzey2) !important; }
section.blk.yuzKoyu{
  background:radial-gradient(120% 100% at 0% 0%, #1A1726 0%, #14111E 55%, #0F0D14 100%) !important;
  border-bottom:none;
}
/* koyu bölümün üstünde ince ışık — tek istisna (K5) */
section.blk.yuzKoyu::before{
  content:"";position:absolute;left:0;right:0;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,214,10,.55),rgba(108,43,217,.5),transparent);
}
section.blk.yuzKoyu,section.blk.yuzKoyu *:not(.bg-gold):not(.btn-gold){ color:#FAFAFB; }
section.blk.yuzKoyu .text-ink2,section.blk.yuzKoyu .text-ink3,
section.blk.yuzKoyu p{ color:rgba(250,250,251,.68) !important; }
section.blk.yuzKoyu .text-gold{ color:#FFD60A !important; }
section.blk.yuzKoyu .hairline,section.blk.yuzKoyu [class*="border-ink"]{
  border-color:rgba(250,250,251,.14) !important; }
section.blk.yuzKoyu .bg-card,section.blk.yuzKoyu .kart,section.blk.yuzKoyu .hb{
  background:rgba(250,250,251,.05) !important; border-color:rgba(250,250,251,.12) !important;
  box-shadow:none !important; }

/* ---------- 3. BÖLÜM AÇILIŞ ÜÇLÜSÜ ---------- */
.blk .ust-etiket,.blk .bol-bas,.blk .pr-ust-etiket,
.blk [class*="tracking-\[0\.16em\]"],.blk [class*="tracking-\[0\.18em\]"]{
  display:inline-block;
  font-family:var(--td-fm) !important;
  font-size:11px !important; font-weight:500 !important;
  letter-spacing:.16em !important; text-transform:uppercase;
  color:var(--td-mor) !important;
  margin-bottom:13px !important;
}
section.blk.yuzKoyu .ust-etiket,section.blk.yuzKoyu .bol-bas,
section.blk.yuzKoyu [class*="tracking-\[0\.16em\]"]{ color:#FFD60A !important; }
.blk h2{ margin-top:0 !important; }
.blk h2 + p,.blk h2 + .mt-5,.blk h2 + .mt-4{ margin-top:21px !important; max-width:58ch; }
.blk .max-w-xl,.blk .max-w-2xl{ line-height:1.62; }

/* ---------- 4. RENK ROLLERİ (kilit) ---------- */
.blk a:not(.btn):not(.btn-gold):not(.bg-gold):not(.cta):not(.wa-float){ color:var(--td-mor); }
.blk .text-gold{ color:var(--td-mor) !important; }         /* metinde sarı yok */
.blk .bg-gold,.blk .btn-gold{ color:#0F0D14 !important; }  /* dolguda sarı */

/* ---------- 5. IZGARA HİZASI ---------- */
.blk > .max-w-6xl,.blk > .max-w-5xl,.blk > .max-w-4xl,.blk > .max-w-3xl{
  padding-left:clamp(21px,4vw,34px); padding-right:clamp(21px,4vw,34px); }

/* ---------- 6. ÜRÜN EKRANI ÇERÇEVESİ (detay sayfaları) ---------- */
.ur-ekran{ margin-top:34px; border-radius:20px; overflow:hidden; background:#0F0D14;
  border:1px solid rgba(15,13,20,.10);
  box-shadow:0 30px 70px -34px rgba(15,13,20,.6),0 10px 22px -14px rgba(108,43,217,.3); }
.ur-ekran img{ width:100%; height:auto; display:block; }
.ur-alt{ margin-top:13px; text-align:center; font-family:var(--td-fm); font-size:11px;
  letter-spacing:.06em; color:var(--td-mut2); }
.ur-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:34px; }
@media(max-width:760px){ .ur-ikili{ grid-template-columns:1fr } }
.ur-ikili .ur-ekran{ margin-top:0 }

/* ============================================================
   DENETÇİ BULGULARI — DÜZELTMELER
   ============================================================ */

/* B1 · Eski kuşak sayfalar (paketler, hakkımızda, değerler, iletişim,
   yasal, paket-*) kendi sınıflarını kullanıyor; tema katmanı Tailwind
   sınıflarına baktığı için bu sayfalarda ESKİ altın (#E08E00) kalmıştı.
   Kontrast 2.4-2.6 ölçüldü — AA altı. Rol renklerine bağlandı. */
.eyebrow,.pt-label,.n,.ds,.badge,.kicker,.tag{ color:var(--td-mor) !important; }
.cta,a.cta,button.cta{
  background:linear-gradient(180deg,#FFE94F,#FFD60A 44%,#FFC800) !important;
  color:#0F0D14 !important; border-color:transparent !important; }
.cta *{ color:#0F0D14 !important; }
.cta-ikinci,.cta.ghost{ background:#fff !important; color:#0F0D14 !important;
  border:1px solid var(--td-cizgi) !important; }

/* B2 · Sönük metinler eski gri (#A39C8F, kontrast 2.6) kullanıyordu */
.pf-not,.ur-alt,.mk-alt,.mn-ipucu,.pr-mock-cta small,.foot small,.dip,.note{
  color:var(--td-mut2) !important; }

/* B3 · Koyu bölümde mor rozet okunmuyordu (1.89) → sarıya çevrildi */
section.blk.yuzKoyu .inline-flex[class*="bg-gold"],
section.blk.yuzKoyu .rozet,section.blk.yuzKoyu .pr-etiket,
section.blk.yuzKoyu [class*="tracking-\[0\.18em\]"]{
  color:#FFD60A !important; background:rgba(255,214,10,.12) !important;
  border-color:rgba(255,214,10,.28) !important; }
section.blk.yuzKoyu a:not(.btn):not(.bg-gold):not(.cta){ color:#FFD60A !important; }

/* B4 · Kayan şerit sağa taşıyordu (2167px) — kabı kırpıyor */
.sec-ayrac,.serit,.mq-sar,section.blk.serit{ overflow:hidden !important; }

/* B5 · Dokunma hedefi — display DEĞİŞTİRİLMEZ, yalnız dolgu eklenir.
   (display:inline-flex vermek .block sınıfını eziyor ve alt bilgi ile
   mobil menüyü tek satıra diziyordu — bu tur yaşanan kırılma.) */
@media(max-width:600px){
  /* dolgu ile büyütülür; display'e DOKUNULMAZ (.block korunur) */
  #mobnav a{ padding-top:10px; padding-bottom:10px; }
  /* yalnız SÜTUN hâlindeki alt bilgi bağlantıları; tek satırdaki
     telif bağlantılarına dolgu verilirse hit alanları çakışıyor */
  .foot-col a,footer .links a,.pf-link{ padding-top:11px !important; padding-bottom:11px !important; }
  /* telif satırındaki yasal bağlantılar ve sosyal bağlantılar:
     satır içi kaldıkları için yükseklik yerine tıklama alanı büyütülür */
  .cp a,.soc a{ display:inline-block; padding:9px 6px !important; }
  /* yeni kuşak alt bilgi sütunları (Tailwind space-y ile diziliyor) */
  footer .space-y-3 a.block,footer .space-y-2 a.block,footer a.block,
  footer .flex.gap-6 a,footer .flex.gap-5 a{
    padding-top:10px !important; padding-bottom:10px !important; }
  /* üst bardaki logo bağlantısı 20px'ti */
  .nav a[href="index.html"],.nav a[href="#top"],header .flex > a:first-child,
  .navic,.navic a{ min-height:44px; display:inline-flex; align-items:center; }
  /* telif satırındaki satır içi bağlantılar (adisyon.html) */
  footer .wrap a{ display:inline-block; padding:9px 4px !important; }
  footer .wrap{ line-height:2.2 }
  .cp{ line-height:2.1 }
  footer .space-y-3 > a,footer .space-y-2 > a{ margin-top:0 }
  .hb-ok,.se-git,a.font-bold,.detaylink{ padding-top:12px; padding-bottom:12px; }
  /* eski kuşak alt bilgi ve menü bağlantıları (paketler, iletişim, yasal) */
  footer ul a,footer nav a,.f-col a,.fnav a,.foot a,
  /* satır içi bağlantılarda dikey dolgu yüksekliği büyütmüyor;
     yalnız ALT BİLGİ bağlantılarında inline-block'a alınır (.block yok) */
  footer .links a,.f-links a,.footer a,.site-footer a{
    display:inline-block; padding-top:10px; padding-bottom:10px; }
  .il-kutu{ min-height:52px; }
}

/* B6 · Paket servis maketindeki onay düğmesi ve saat okunmuyordu */
.pk-ona{ background:#1FA855 !important; color:#fff !important; }
.pk-now{ color:#0F6B33 !important; }

/* B7 · Eski sayfaların style.css'inde `.nav .cta{color:#fff !important}`
   vardı; sarı zeminde beyaz yazı 1.55 kontrast veriyordu. */
.nav .cta,.nav .cta *{ color:#0F0D14 !important; }
.nav .cta{ background:linear-gradient(180deg,#FFE94F,#FFD60A 44%,#FFC800) !important;
  border-radius:11px !important; }
.setup,.small,.mini,.alt-not{ color:var(--td-mut2) !important; }

/* B8 · Koyu kutular (bölüm değil, kart) — JS ile .koyu-kap işaretlenir */
.koyu-kap .text-gold,.koyu-kap .eyebrow,.koyu-kap .kicker,
.koyu-kap [class*="tracking-\[0\.1"]{ color:#FFD60A !important; }
.koyu-kap a:not(.btn):not(.bg-gold):not(.cta):not(.btn-gold):not(.dfb){ color:#FFD60A !important; }
/* sarı dolgulu düğmede yazı mürekkep kalır */
.koyu-kap .ao-dfb .dfb{ color:#0F0D14 !important; }
.koyu-kap .text-ink{ color:#FAFAFB !important; }
.koyu-kap .text-ink2,.koyu-kap .text-ink3{ color:rgba(250,250,251,.68) !important; }

/* B9 · Eski sayfalardaki kalan altın sınıfları */
.promo,.tag2,.rozet2,.hi{ color:var(--td-mor) !important; }
.pf-tutar em,.pf-tutar span,.fiyat-alt,.per{ color:var(--td-mut2) !important; }

/* B10 · Görsel üstündeki etiketler (önce/sonra) — koyu pill, beyaz yazı */
/* YALNIZ etiket baloncukları — görsel katmanları (.ba > .absolute.inset-0)
   kapsamamalı; önceki sürüm ikisini de boyayıp fotoğrafları yok etmişti. */
.ba .absolute[class*="top-4"],.ba .absolute[class*="bottom-4"],
.ba-etiket,.hb-kapak .kp-et{
  color:#FFFFFF !important; background:rgba(15,13,20,.62) !important;
  border-color:rgba(255,255,255,.22) !important; backdrop-filter:blur(8px); }

/* B11 · Şerit başlığı gradyan yazıydı; ölçülemiyor ve zayıf okunuyordu */
.hb-bas{ background:none !important; -webkit-background-clip:border-box !important;
  background-clip:border-box !important; color:var(--td-mor) !important;
  animation:none !important; }

/* B12 · Ana sayfadaki maket bileşenleri (fotoğraftan kurulum, WhatsApp
   asistanı, fiyat rozeti) hâlâ eski gri/altın kullanıyordu */
.fz-mcat,.fz-step,.fz-num,.fz-alt,.f3-alt{ color:var(--td-mut2) !important; }
.fz-mbadge,.f3-roz{ background:var(--td-mor) !important; color:#fff !important; }
.text-\[9\.5px\]{ color:var(--td-mut) }
.koyu-kap .text-\[9\.5px\],section.blk.yuzKoyu .text-\[9\.5px\]{ color:#FFD60A !important; }

/* B13 · Dokunma hedefi — YALNIZ düğmelerde ve yalnız dolgu ile.
   (Önceki sürüm tüm <a> öğelerine display:inline-flex veriyordu ve
   .block sınıfını eziyordu; alt bilgi ile mobil menü bozuldu.) */
@media(max-width:600px){
  .btn,.btn-gold,.cta,.pr-btn,.nav-b,.wk-p,.hb-kapat,.hb-ses{ min-height:40px; }
  #mobnav a{ padding-top:9px; padding-bottom:9px; }
  .foot-col a,.links a{ padding-top:4px; padding-bottom:4px; }
}
}

/* B14 · Satır içi style ile eski `--gold` değişkeni kullanan başlıklar
   (adisyon.html, paketler.html). Değişkenin kendisi tema rengine çekildi. */
:root,body{ --gold:#6C2BD9 !important; --golddeep:#5B23B8 !important;
  --ink:#0F0D14 !important; --ink2:#4A4657 !important; --ink3:#66627A !important;
  --bg:#FFFFFF !important; --card:#FAFAFB !important; --cream:#F3F2F7 !important; }
[style*="var(--gold)"]{ color:var(--td-mor) !important; }

/* B15 · Vespa animasyonu (.vsp) mutlak konumda ekranın sağına taşıyor;
   masaüstünde 72px yatay kayma yaratıyordu. Kabı kırpılır. */
.vsp-strip,.sec-ayrac,.serit{ overflow:hidden !important; }
.vsp{ will-change:transform }
body,html{ overflow-x:hidden !important; }

/* B16 · Son bulgular */
.fz-mcat.aktif,.fz-mcat[class*="aktif"]{ color:#0F0D14 !important; }   /* seçili kategori koyu zeminde */
.koyu-kap .text-\[9\.5px\]{ color:rgba(250,250,251,.72) !important; }
/* maket kategori çipleri kendi beyaz zeminini taşıyor — koyu kap kuralı
   uygulanınca beyaz üstünde beyaz kalıyordu; kendi renklerine bırakıldı */
.fz-mcat{ color:var(--td-mut) !important; background:#fff !important; }
.fz-mcat.on{ background:var(--td-mor) !important; color:#fff !important; border-color:var(--td-mor) !important; }
/* .text-[9.5px] hem koyu şeritte hem beyaz kartta kullanılıyor —
   genel kural yerine kendi bağlamına bırakılır */
.text-\[9\.5px\]:not(.text-white\/90):not([class*="text-white"]){ color:var(--td-mut2) !important; }
.text-white\/90,.text-white\/80,.text-white{ color:#FFFFFF !important; }
.mod,.modul,.ek{ color:var(--td-mor) !important; }
/* adisyon.html koyu kartında mor yerine sarı */
.koyu-kap span[style*="var(--gold)"],.koyu-kap [style*="color:var(--gold)"]{ color:#FFD60A !important; }

/* B17 · Son iki bulgu
   · Video kapatma/ses düğmeleri 30px'ti → 40px (WCAG 2.5.8)
   · WhatsApp maketindeki üst yazı koyu şeritte okunmuyordu */
.hb-kapat,.hb-ses{ width:40px !important; height:40px !important; }
.hb-kapat{ font-size:19px !important; }
.hb-ses svg{ width:18px !important; height:18px !important; }
.wa-bas .text-\[9\.5px\],.wa-bas *{ color:rgba(255,255,255,.82) !important; }


/* bölüm başlığı ortalıyken üst etiket yan yana kaymasın */
.blk [style*="text-align:center"] .ust-etiket,
.blk .text-center .ust-etiket{ display:block; }
.blk [style*="text-align:center"] h2,.blk .text-center h2{ display:inline-block; }