/* =====================================================================
   CideLife tasarım dili: cide-html taslağının siteye uyarlanmış hâli.

   KAYNAK: cide-html/ (yerel taslak, git dışında). Değerler taslağın KODUNDAN
   değil, tarayıcıda ölçülen HESAPLANMIŞ stillerinden alındı. Taslak 13 bin
   !important'lı yama katmanlarıyla büyüdüğü için kaynak CSS'teki bir değerin
   gerçekten uygulanıp uygulanmadığı ancak ölçerek anlaşılıyor.

   İKİ TEMA: taslak yalnız koyu çalışıyor (açık teması bozuk). Site light/dark
   anahtarını izlediği için açık karşılık burada tasarlandı. Desen app.css'in
   kendisiyle aynı: AÇIK değerler çıplak :root'ta (varsayılan), KOYU değerler
   :root[data-theme="dark"] bloğunda. Yeni token eklerken İKİ bloğa da yaz —
   tests/anasayfa_taslak.test.php kümeleri karşılaştırıyor.

   HARMAN'A DOKUNMAZ: bu dosya Harman sayfalarına (body.hs-body) hiç yüklenmiyor
   (front_header.php) ve Harman seçicilerini içermiyor. Harman'ın alt menüsü
   .bottomnav/.bn/.fab kullanıyor; site menüsü bu yüzden .clnav adıyla ayrı.
   ===================================================================== */

:root{
  --cl-bg:#f3f5f8;
  --cl-bg-glow:rgba(74,100,170,.07);
  --cl-ink:#11161d;
  --cl-ink-2:#4a5563;
  --cl-ink-3:#626d7b;
  --cl-line:rgba(17,22,29,.09);
  --cl-surface:#ffffff;
  --cl-card:#ffffff;
  --cl-shadow:0 8px 22px rgba(17,22,29,.07);
  --cl-top-bg:rgba(243,245,248,.9);
  --cl-top-line:rgba(17,22,29,.07);
  --cl-btn-bg:linear-gradient(180deg,#ffffff,#f1f4f7);
  --cl-btn-line:rgba(17,22,29,.1);
  --cl-btn-shadow:inset 0 1px 0 #ffffff,0 6px 16px rgba(17,22,29,.08);
  --cl-btn-ink:#1b232c;
  --cl-brand:#08736e;
  --cl-logo-ink:#102126;
  --cl-logo-life:#08736e;
  --cl-dot:#e5484d;
  --cl-dot-ring:#ffffff;
  --cl-nav-bg:rgba(255,255,255,.97);
  --cl-nav-line:#dce6e8;
  --cl-nav-ink:#5f6770;
  --cl-nav-shadow:0 14px 34px rgba(22,44,55,.14);
  --cl-nav-harman:#10262c;
  --cl-nav-halka:rgba(20,143,146,.18);
  --cl-nav-olustur:#0e7478;
  --cl-nav-on:#0e7478;
  --cl-nav-on-bg:#eaf8f7;
  --cl-nav-dot-ring:#ffffff;
  --cl-bell-glow:rgba(103,132,255,.1);
  --cl-dot-glow:rgba(229,72,77,.35);
  --cl-tile-ink:#11161d;
  --cl-tile-pat:rgba(17,22,29,.5);
  --cl-tile-stripe:rgba(17,22,29,.035);
  --cl-tile-shine:rgba(255,255,255,.7);
  --cl-sheet-bd:rgba(17,22,29,.28);
  --cl-sheet-bg:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.88));
  --cl-sheet-line:rgba(17,22,29,.08);
  --cl-sheet-shadow:0 24px 70px rgba(17,22,29,.18),inset 0 1px 0 #ffffff;
  --cl-sheet-sub:rgba(17,22,29,.5);
  --cl-wx-bg:radial-gradient(circle at 82% 14%,rgba(103,190,255,.3),rgba(103,190,255,.12) 26%,transparent 50%),radial-gradient(circle at 8% 92%,rgba(61,130,197,.12),transparent 42%),linear-gradient(155deg,#eaf4fb 0%,#f2f8fc 56%,#f8fbfd 100%);
  --cl-wx-line:rgba(62,140,200,.22);
  --cl-wx-shadow:0 10px 24px rgba(30,70,110,.08);
  --cl-wx-glow:rgba(120,190,240,.22);
  --cl-wx-label:#4f5b69;
  --cl-wx-sub:#56616e;
  --cl-slide-bg:radial-gradient(circle at 88% 8%,rgba(70,139,180,.1),transparent 48%),linear-gradient(155deg,#ffffff 0%,#fbfcfd 56%,#f5f8fa 100%);
  --cl-slide-line:rgba(17,22,29,.08);
  --cl-slide-shadow:0 10px 24px rgba(17,22,29,.07);
  --cl-slide-p:#56616e;
  --cl-slide-meta:#5f6a77;
  --cl-slide-foot:rgba(17,22,29,.08);
  --cl-tab-all-bg:#11151b;
  --cl-tab-all-ink:#ffffff;
  --cl-card-line:rgba(17,22,29,.07);
  --cl-card-shadow:0 8px 20px rgba(17,22,29,.07);
  --cl-chip-bg:rgba(17,22,29,.045);
  --cl-chip-line:rgba(17,22,29,.07);
  --cl-chip-ink:#3b4652;
  --cl-poll-opt:rgba(255,255,255,.9);
  --cl-poll-opt-line:rgba(17,22,29,.09);
  --cl-poll-lider:linear-gradient(90deg,rgba(52,111,147,.1),rgba(255,255,255,.92) 55%);
  --cl-poll-lider-line:rgba(40,120,170,.3);
  --cl-poll-sec:linear-gradient(145deg,rgba(48,143,184,.12),rgba(255,255,255,.95) 65%);
  --cl-poll-track:rgba(17,22,29,.07);
  --cl-poll-radio:#8a94a2;
  --cl-poll-label:#1b232c;
  --cl-poll-pct:#2f3a46;
  --cl-poll-live:#16794a;
  --cl-poll-thanks-bg:linear-gradient(135deg,rgba(43,157,112,.12),rgba(43,157,112,.04));
  --cl-poll-thanks-line:rgba(43,157,112,.25);
  --cl-poll-thanks-ink:#14573a;
  --cl-poll-thanks-sub:#3d6f58;
  --cl-lst-title:#11161d;
  --cl-lst-meta:#56616e;
  --cl-lst-ok-bg:#f1f4f7;
  --cl-lst-ok-line:rgba(17,22,29,.08);
  --cl-lst-ok-ink:#3b4652;
  --cl-lst-img-bg:#e9edf1;
  --cl-col-glow:radial-gradient(circle at 20% 25%,rgba(173,36,53,.08),transparent 34%),radial-gradient(circle at 82% 18%,rgba(201,145,58,.07),transparent 30%);
  --cl-col-one-bg:radial-gradient(circle at 86% 6%,rgba(89,164,208,.12),transparent 50%),linear-gradient(155deg,#ffffff 0%,#fafcfd 56%,#f3f7fa 100%);
  --cl-col-one-line:rgba(60,130,175,.22);
  --cl-col-ava-line:rgba(60,130,175,.28);
  --cl-col-rol:#5f6a77;
  --cl-col-tag:#1d5f86;
  --cl-col-tag-bg:rgba(61,126,164,.1);
  --cl-lp-bg:radial-gradient(circle at 10% 2%,rgba(24,198,184,.08),transparent 22%),radial-gradient(circle at 92% 18%,rgba(115,92,255,.06),transparent 24%),#f3f6f7;
  --cl-lp-head:rgba(243,246,247,.92);
  --cl-lp-card:linear-gradient(145deg,#ffffff,#f7fafb);
  --cl-lp-card-line:rgba(17,40,48,.09);
  --cl-lp-ico:#e4eef1;
  --cl-lp-ico-ink:#3d6470;
  --cl-lp-sub:#56676f;
  --cl-lp-open:#0b7472;
  --cl-lp-tab:#ffffff;
  --cl-lp-tab-ink:#4b5c64;
  --cl-lp-tab-on:#10252b;
  --cl-lp-tab-on-ink:#ffffff;
  --cl-lp-stat-a:linear-gradient(145deg,#e6f5f3,#f4fbfa);
  --cl-lp-stat-b:linear-gradient(145deg,#eeeafb,#f7f5fd);
  --cl-lp-stat-c:linear-gradient(145deg,#f8eedf,#fcf7ef);
  --cl-lp-duz:#ffffff;
  --cl-lp-dugum:#f0f5f6;
  --cl-lp-mini:#ffffff;
  --cl-lp-not:#fdf5e6;
  --cl-lp-not-ink:#5b4f3b;
  --cl-lp-yap:#e9f6ef;
  --cl-lp-yapmaz:#fcebec;
  --cl-lp-yap-cizgi:rgba(31,157,99,.22);
  --cl-lp-yapmaz-cizgi:rgba(214,58,58,.22);
  --cl-et-bg:#f3f6f7;
  --cl-et-head:rgba(243,246,247,.94);
  --cl-et-line:rgba(16,38,46,.09);
  --cl-et-ink:#0e1a1f;
  --cl-et-sub:#4d6068;
  --cl-et-mute:#56707a;
  --cl-et-accent:#0b6a88;
  --cl-et-cat:#106b87;
  --cl-et-meta:#4f6168;
  --cl-et-count:#5b6e76;
  --cl-et-arrow:#7d8f96;
  --cl-et-btn:#ffffff;
  --cl-et-btn-line:rgba(16,38,46,.1);
  --cl-et-btn-ink:#1c2a30;
  --cl-et-create:#dcf0f6;
  --cl-et-create-ink:#0a5a74;
  --cl-et-intro:radial-gradient(circle at 85% 15%,rgba(91,82,213,.12),transparent 29%),radial-gradient(circle at 9% 8%,rgba(39,158,165,.1),transparent 28%),linear-gradient(180deg,#e8f2f5,#f3f6f7);
  --cl-et-ring:rgba(16,38,46,.12);
  --cl-et-core:rgba(16,38,46,.05);
  --cl-et-core-ink:#0d3b4b;
  --cl-et-day-ink:#5a6e76;
  --cl-et-day-ring:rgba(16,38,46,.1);
  --cl-et-day-on:linear-gradient(180deg,rgba(52,153,194,.2),rgba(52,153,194,.07));
  --cl-et-day-on-ink:#0b3e50;
  --cl-et-day-on-ring:rgba(28,124,164,.34);
  --cl-et-dot:#1583ab;
  --cl-et-link:#0b6a88;
  --cl-et-chip:rgba(16,38,46,.05);
  --cl-et-chip-ink:#4b5d65;
  --cl-et-chip-on:#d6ecf3;
  --cl-et-chip-on-ink:#0a5a74;
  --cl-et-tile:rgba(16,38,46,.045);
  --cl-et-month:#106b87;
  --cl-et-submit:linear-gradient(180deg,#f3f6f7,#eaf2f5);
  --cl-et-field-line:rgba(16,38,46,.18);
  --cl-et-label:#3e525a;
  --cl-et-ph:#5f6f76;
  --cl-et-ico-bg:rgba(28,124,164,.1);
  --cl-et-ico:#1a6f8d;
  --cl-et-desc:#3f525a;
  --cl-et-step:#24363d;
  --cl-et-btn2:rgba(16,38,46,.06);
  --cl-et-btn2-ink:#34464d;
  /* 2. El (/ilanlar, v755) — etkinlik takviminin --cl-et-* ailesiyle aynı zemin; yalnız kart, arama, sayfa ve çipler */
  --cl-2e-kart:#ffffff;
  --cl-2e-kart-line:rgba(16,38,46,.08);
  --cl-2e-kart-golge:0 6px 18px rgba(16,38,46,.06);
  --cl-2e-ara:#ffffff;
  --cl-2e-ara-line:rgba(16,38,46,.12);
  --cl-2e-kat:#ffffff;
  --cl-2e-sheet:#ffffff;
  --cl-2e-sheet-alt:#ffffff;
  --cl-2e-sheet-bd:rgba(10,20,26,.36);
  --cl-2e-alan:#f3f6f7;
  --cl-2e-alan-line:rgba(16,38,46,.12);
  --cl-2e-cip-on:#d6ecf3;
  --cl-2e-cip-on-ink:#0a5a74;
  --cl-2e-cip-on-line:rgba(10,90,116,.25);
  --cl-2e-fav-bg:rgba(3,9,12,.58);
  --cl-2e-bekle:#8a5a00;
  --cl-2e-bekle-bg:rgba(255,170,40,.16);
  --cl-2e-yayin:#146b45;
  --cl-2e-yayin-bg:rgba(40,170,110,.14);
  /* İlan detayı (cide_775 2. El detayı + "Değerlendir ve iletişime geç") — --cl-2e ailesiyle aynı zemin */
  --cl-2d-bg:#f3f6f7;
  --cl-2d-yuzey:#ffffff;
  --cl-2d-ink:#0e1a1f;
  --cl-2d-sub:#4a5d65;
  --cl-2d-cizgi:rgba(16,38,46,.1);
  --cl-2d-kutu:#eef3f5;
  --cl-2d-fiyat:#0a6582;
  --cl-2d-etiket:#d6ecf3;
  --cl-2d-etiket-ink:#0a5a74;
  --cl-2d-mesaj:#1c7196;
  --cl-2d-mesaj-ink:#ffffff;
  --cl-2d-ara:#1b7a51;
  --cl-2d-ara-ink:#ffffff;
  --cl-2d-yildiz:#8a5c00;
  --cl-2d-yildiz-bos:#a9b6bb;
  --cl-2d-deger:rgba(28,124,164,.06);
  --cl-2d-deger-line:rgba(28,124,164,.22);
  --cl-2d-dugme:#0e1a1f;
  --cl-2d-dugme-ink:#ffffff;
  --cl-2d-ikincil:#e6eef1;
  --cl-2d-ikincil-ink:#0e1a1f;
  /* İlan Ver / İlanı Düzenle (cide_775 2. El #listingFormView) — --cl-2e / --cl-2d ailesiyle aynı zemin */
  --cl-2f-bg:#f3f6f7;
  --cl-2f-parilti:rgba(42,144,180,.1);
  --cl-2f-head:rgba(243,246,247,.94);
  --cl-2f-line:rgba(16,38,46,.09);
  --cl-2f-ink:#0e1a1f;
  --cl-2f-sub:#4a5d65;
  --cl-2f-kart:#ffffff;
  --cl-2f-kart-line:rgba(16,38,46,.08);
  --cl-2f-golge:0 6px 18px rgba(16,38,46,.05);
  --cl-2f-etiket:#3e525a;
  --cl-2f-alan:#f3f6f7;
  --cl-2f-alan-line:rgba(16,38,46,.14);
  --cl-2f-alan-ink:#0e1a1f;
  --cl-2f-ph:#5c6d74;
  --cl-2f-ipucu:#53666e;
  --cl-2f-adim:#d6ecf3;
  --cl-2f-adim-ink:#0a5a74;
  --cl-2f-yukle:#eef6f9;
  --cl-2f-yukle-line:rgba(28,124,164,.34);
  --cl-2f-yukle-ink:#0b5f7c;
  --cl-2f-not:#e8f3f7;
  --cl-2f-not-line:rgba(28,124,164,.16);
  --cl-2f-not-ink:#0a5a74;
  --cl-2f-not-sub:#46595f;
  --cl-2f-kutu-line:rgba(16,38,46,.42);
  --cl-2f-onay:#1b7a51;
  --cl-2f-onay-ink:#ffffff;
  --cl-2f-odak:#1c7196;
  --cl-2f-odak-halo:rgba(28,113,150,.16);
  --cl-2f-birincil:#1c6f93;
  --cl-2f-birincil-ink:#ffffff;
  --cl-2f-birincil-golge:rgba(28,111,147,.24);
  --cl-2f-ikincil:#e6eef1;
  --cl-2f-ikincil-ink:#0e1a1f;
  --cl-2f-taslak:#dcf0f6;
  --cl-2f-taslak-ink:#0a5a74;
  --cl-2f-bar:rgba(243,246,247,.97);
  --cl-2f-hata:#9f1f16;
  --cl-2f-hata-bg:#fdecea;
  --cl-2f-onizleme:#f3f6f7;
  --cl-2f-foto:#e3ebee;
  --cl-2f-foto-ink:#46595f;
  --cl-2f-fiyat:#0a6582;
  --cl-2f-yz:linear-gradient(135deg,#5b3fc4,#46309c);
  /* Giriş, Kayıt, Doğrulama, Şifremi unuttum, Şifre sıfırlama (.clgr) — marka turkuazı (--cl-brand) ile */
  --cl-gr-bg:#f3f6f7;
  --cl-gr-parilti:rgba(31,211,202,.16);
  --cl-gr-ink:#0f1a1c;
  --cl-gr-sub:#4c6167;
  --cl-gr-kart:#ffffff;
  --cl-gr-kart-line:rgba(16,38,46,.08);
  --cl-gr-golge:0 14px 36px rgba(16,38,46,.07);
  --cl-gr-etiket:#3e525a;
  --cl-gr-alan:#f3f6f7;
  --cl-gr-alan-line:rgba(16,38,46,.14);
  --cl-gr-alan-ink:#0f1a1c;
  --cl-gr-ph:#5c6d74;
  --cl-gr-ikon:#d9f1ef;
  --cl-gr-ikon-ink:#08655f;
  --cl-gr-birincil:#08736e;
  --cl-gr-birincil-ink:#ffffff;
  --cl-gr-birincil-golge:rgba(8,115,110,.24);
  --cl-gr-bag:#08655f;
  --cl-gr-hata:#9f1f16;
  --cl-gr-hata-bg:#fdecea;
  --cl-gr-ok:#11603f;
  --cl-gr-ok-bg:#e3f4ec;
  --cl-gr-tur-on:#e2f5f3;
  --cl-gr-tur-on-line:rgba(8,115,110,.45);
  --cl-gr-tur-on-ink:#08554f;
  --cl-gr-kutu-line:rgba(16,38,46,.42);
  --cl-gr-onay:#08736e;
  --cl-gr-onay-ink:#ffffff;
  --cl-gr-odak:#08736e;
  --cl-gr-odak-halo:rgba(8,115,110,.16);
  --cl-gr-google:#ffffff;
  --cl-gr-google-ink:#1f2a30;
  --cl-gr-google-line:rgba(16,38,46,.16);
  --cl-gr-kucuk:#56676e;
  /* Gizlilik ve güvenlik (.clgv) — --cl-gr-* üstüne: başlık zemini, güç ölçer, tehlike alanı */
  --cl-gv-bas:rgba(243,246,247,.94);
  --cl-gv-zayif:#c93a2e;
  --cl-gv-orta:#c98a12;
  --cl-gv-guclu:#1b7a51;
  --cl-gv-tehlike-line:rgba(179,38,30,.28);
  --cl-gv-sil:#b3261e;
  --cl-gv-sil-ink:#ffffff;
  /* Üyelik paketleri (.clup) — kart kenarı paketin rengi (--tier), yazılar hep tokenlardan */
  --cl-up-bg:#f3f6f7;
  --cl-up-bas:rgba(243,246,247,.94);
  --cl-up-ink:#0f1a1c;
  --cl-up-sub:#4c6167;
  --cl-up-kart:#ffffff;
  --cl-up-kart-line:rgba(16,38,46,.08);
  --cl-up-golge:0 12px 30px rgba(16,38,46,.07);
  --cl-up-fiyat:#08655f;
  --cl-up-kota:#eef6f5;
  --cl-up-kota-ink:#08554f;
  --cl-up-adim:#d9f1ef;
  --cl-up-adim-ink:#08655f;
  --cl-up-dugme:#08736e;
  --cl-up-dugme-ink:#ffffff;
  --cl-up-mevcut:#e3f4ec;
  --cl-up-mevcut-ink:#11603f;
  --cl-up-talep:#fff4e0;
  --cl-up-talep-ink:#7a4d00;
  --cl-up-pop:#8a5a00;
  --cl-up-pop-ink:#ffffff;
  --cl-up-bekle:#fff4e0;
  --cl-up-bekle-ink:#7a4d00;
  --cl-up-onay:#e3f4ec;
  --cl-up-onay-ink:#11603f;
  --cl-up-ret:#fdecea;
  --cl-up-ret-ink:#9f1f16;
  --cl-up-cizgi:rgba(16,38,46,.1);
  /* Foto Fokus (.clff) — "Tam ekran izle" düğmesi (--cl-hb-teal-zemin üstünde beyaz 4.2:1 kalıyordu) */
  --cl-ff-ac:#0a746d;
  --cl-ff-ac-ink:#ffffff;
  --cl-nt-bg:#ffffff;
  --cl-nt-bd:rgba(17,22,29,.32);
  --cl-nt-edge:rgba(17,22,29,.08);
  --cl-nt-shadow:0 -20px 44px rgba(17,22,29,.16);
  --cl-nt-handle:#c6cdd6;
  --cl-nt-line:rgba(17,22,29,.08);
  --cl-nt-title:#11151b;
  --cl-nt-x-bg:#f1f3f6;
  --cl-nt-x-line:rgba(17,22,29,.08);
  --cl-nt-x-ink:#3b4652;
  --cl-nt-pill:#f1f3f6;
  --cl-nt-pill-line:rgba(17,22,29,.08);
  --cl-nt-pill-ink:#3b4652;
  --cl-nt-pill-on:#11151b;
  --cl-nt-pill-on-ink:#ffffff;
  --cl-nt-group:#11151b;
  --cl-nt-b:#11151b;
  --cl-nt-p:#4a5563;
  --cl-nt-small:#5f6a77;
  --cl-nt-btn:#ffffff;
  --cl-nt-btn-line:rgba(17,22,29,.14);
  --cl-nt-btn-ink:#1b232c;
  --cl-nt-btn-on:#11151b;
  --cl-nt-btn-on-ink:#ffffff;
  --cl-nt-dot:#2f62e8;
  --cl-nt-thumb-line:rgba(17,22,29,.08);
  --cl-nt-ico:#eef1f5;
  --cl-nt-ico-ink:#4a5563;
  /* Namaz (/namaz, cide_775): taslak yalnız koyu; açık tema aynı yapının aydınlık karşılığı.
     Kahraman kart (Kâbe fotoğrafı) iki temada da bilerek koyu kalır (medya yüzeyi). */
  --cl-nm-sayfa:#eef4f5;
  --cl-nm-isik-1:rgba(79,188,210,.08);
  --cl-nm-isik-2:rgba(37,112,132,.05);
  --cl-nm-ust:rgba(238,244,245,.92);
  --cl-nm-cizgi:rgba(15,60,70,.09);
  --cl-nm-kart:#ffffff;
  --cl-nm-kart-2:#f6fafb;
  --cl-nm-kart-cizgi:rgba(15,107,117,.1);
  --cl-nm-golge:0 14px 34px rgba(15,40,48,.08);
  --cl-nm-golge-2:0 10px 26px rgba(15,40,48,.06);
  --cl-nm-golge-k:0 18px 44px rgba(10,40,48,.2),inset 0 1px 0 rgba(255,255,255,.04);
  --cl-nm-desen:.05;
  --cl-nm-tarih:#ffffff;
  --cl-nm-tarih-2:#f7fbfb;
  --cl-nm-hucre:#f3f8f9;
  --cl-nm-hucre-2:#eaf2f4;
  --cl-nm-hucre-cizgi:rgba(15,60,70,.07);
  --cl-nm-ink:#0f2328;
  --cl-nm-ink-2:#3f575e;
  --cl-nm-ink-3:#4f6b72;
  --cl-nm-saat:#0f2328;
  --cl-nm-vurgu:#0f6b75;
  --cl-nm-sonraki:#d9f2ee;
  --cl-nm-sonraki-2:#c8ebe6;
  --cl-nm-sonraki-isik:rgba(13,148,136,.12);
  --cl-nm-sonraki-ink:#063c37;
  --cl-nm-sonraki-cizgi:rgba(13,148,136,.45);
  --cl-nm-serit:#0d9488;
  --cl-nm-dugme:#e3f1f3;
  --cl-nm-dugme-ink:#0f5f6b;
  --cl-nm-sekme-zemin:#eaf2f3;
  --cl-nm-sekme-ink:#4f6b72;
  --cl-nm-hap:rgba(15,107,117,.08);
  --cl-nm-hap-ink:#2f5e67;
  --cl-nm-alinti:#1f3439;
  --cl-nm-alinti-zemin:#f4f9fa;
  --cl-nm-g-ikon:#e3f1f3;
  --cl-nm-g-ikon-ink:#0f6b75;
  --cl-nm-kutu:#ffffff;
  --cl-nm-kutu-2:#f1f7f8;
  --cl-nm-kutu-ink:#0f2328;
  --cl-nm-kutu-cizgi:rgba(15,107,117,.14);
  --cl-nm-kutu-golge:0 10px 24px rgba(15,40,48,.07);
  --cl-nm-okur-ink:#243a40;
  --cl-nm-okur-alt:rgba(238,244,245,.94);
  --cl-nm-dg-giris-1:#ffffff;
  --cl-nm-dg-giris-2:#eef6f7;
  --cl-nm-dg-tarih-1:#e2f2f3;
  --cl-nm-dg-tarih-2:#cfe6e9;
  --cl-nm-dg-tarih-ink:#0f2328;
  --cl-nm-dg-tarih-alt:#0f5f6b;
  --cl-nm-dg-hicri:rgba(15,107,117,.08);
  --cl-nm-dg-hicri-ink:#0f5f6b;
  --cl-nm-dg-bilgi:#f1f7f8;
  --cl-nm-dg-etiket:#0f6b75;
  --cl-nm-dg-metin:#3f575e;
  --cl-nm-dg-ayet-1:#f4f9fa;
  --cl-nm-dg-ayet-2:#e9f2f4;
  --cl-nm-dg-cip:#eaf2f3;
  --cl-hb-sayfa:#eef1f1;
  --cl-hb-kart:#ffffff;
  --cl-hb-ayrac:#e2e7e7;
  --cl-hb-ink:#141b1d;
  --cl-hb-ink-2:#34403f;
  --cl-hb-soluk:#5b686c;
  --cl-hb-cizgi:rgba(15,34,38,.09);
  --cl-hb-dugme:#ffffff;
  --cl-hb-dugme-cizgi:rgba(15,34,38,.14);
  --cl-hb-kirmizi:#d2332f;
  --cl-hb-teal:#0a746d;
  --cl-hb-teal-zemin:#0f8a82;
  --cl-hb-cip:#ffffff;
  --cl-hb-cip-cizgi:rgba(15,138,130,.42);
  --cl-hb-cip-ink:#26383a;
  --cl-hb-cip-ikon:#0f8a82;
  --cl-hb-cip-on:#dcf4f1;
  --cl-hb-cip-on-isik:rgba(255,255,255,.6);
  --cl-hb-cip-on-cizgi:#12a69c;
  --cl-hb-cip-on-ink:#0b3432;
  --cl-hb-takip-cizgi:rgba(15,138,130,.5);
  --cl-hb-takip-ink:#0a746d;
  --cl-hb-medya:#dfe5e6;
  --cl-hb-eylem:#1b2427;
  --cl-hb-yorum-ink:#1c2528;
  --cl-hb-yorum-eylem:#56646a;
  --cl-hb-girdi-cizgi:#dde3e4;
  --cl-hb-girdi-ok:#9aa5a9;
  --cl-hb-girdi-ink:#1c2528;
  --cl-hb-gonder:#66747a;
  --cl-hb-yanit-cizgi:rgba(15,138,130,.28);
  --cl-hb-t0:#0a746d;--cl-hb-t0-z:rgba(34,211,198,.14);--cl-hb-t0-c:rgba(15,138,130,.28);
  --cl-hb-t1:#b72a34;--cl-hb-t1-z:rgba(255,77,85,.11);--cl-hb-t1-c:rgba(183,42,52,.24);
  --cl-hb-t2:#8a5a00;--cl-hb-t2-z:rgba(245,181,61,.17);--cl-hb-t2-c:rgba(138,90,0,.24);
  --cl-hb-t3:#6236b8;--cl-hb-t3-z:rgba(169,117,255,.13);--cl-hb-t3-c:rgba(98,54,184,.24);
  --cl-hb-t4:#1d5fae;--cl-hb-t4-z:rgba(56,150,244,.13);--cl-hb-t4-c:rgba(29,95,174,.24);
  --cl-hb-kicker:#0b7f78;
  --cl-hb-blok-kart:#f4f7f7;
  --cl-hb-golge:0 1px 0 rgba(15,34,38,.04);
  --cl-hbd-sayfa:#f4f6f6;
  --cl-hbd-ust:#ffffff;
  --cl-hbd-ust-cizgi:#e1e6e7;
  --cl-hbd-ic:#eef2f2;
  --cl-hbd-meta:#5b686c;
  --cl-hbd-medya:#dfe5e6;
  --cl-hbd-serit:#ffffff;
  --cl-hbd-serit-cizgi:#e3e8e9;
  --cl-hbd-e1:#f8fafa;
  --cl-hbd-e2:#eef2f2;
  --cl-hbd-e-cizgi:#dce3e4;
  --cl-hbd-e-ink:#1b2427;
  --cl-hbd-e-etiket:#56646a;
  --cl-hbd-ozet-cizgi:rgba(15,138,130,.3);
  --cl-hbd-ozet-1:#f1faf9;
  --cl-hbd-ozet-2:#ffffff;
  --cl-hbd-ozet-isik:rgba(24,178,169,.12);
  --cl-hbd-ozet-ink:#1f3033;
  --cl-hbd-ozet-dugme:#e6eeef;
  --cl-hbd-ozet-dugme-ink:#3d4d51;
  --cl-hbd-ozet-ayrac:rgba(15,34,38,.08);
  --cl-hbd-govde:#1f2729;
  --cl-hbd-cizgi:#e1e6e7;
  --cl-hbd-yaz-av:#eef2f2;
  --cl-hbd-yaz-ink:#1b2427;
  --cl-hbd-not:#5b686c;
  --cl-hbd-y-metin:#1f2a2d;
  --cl-hbd-y-yanit:#34403f;
  --cl-is-kagit:#f3f1ed;
  --cl-is-bar:#ffffff;
  --cl-is-kart:#ffffff;
  --cl-is-kart-2:#f6f4f0;
  --cl-is-cizgi:#e4e1db;
  --cl-is-ink:#1b1d1f;
  --cl-is-sis:#5e656b;
  --cl-is-tabela:#1a7488;
  --cl-is-tabela-koyu:#12333c;
  --cl-is-tente:#d63a2c;
  --cl-is-tente-ink:#c0392b;
  --cl-is-etiket:#f2c230;
  --cl-is-etiket-ink:#8a6400;
  --cl-is-yesil:#2e8b57;
  --cl-is-acik-bg:rgba(46,139,87,.13);
  --cl-is-acik-ink:#1e7a45;
  --cl-is-kapali-bg:#eeebe6;
  --cl-is-tepki-bg:#f1eeea;
  --cl-is-tepki-on:rgba(242,194,48,.2);
  --cl-is-cip-on:#1a7488;
  --cl-is-cip-on-ink:#ffffff;
  --cl-is-nav-bg:rgba(255,255,255,.88);
  --cl-is-nav-cizgi:rgba(20,24,28,.09);
  --cl-is-nav-golge:0 12px 30px rgba(20,24,28,.16);
  --cl-is-nokta-halka:#ffffff;
  --cl-is-geri-bg:#f1eeea;
  --cl-is-geri-cizgi:rgba(20,24,28,.1);
  --cl-is-medya:#e9e6e0;
  --cl-is-yildiz:#946200;
  --cl-is-av-gri:#6b7075;
  --cl-is-onayli-bg:rgba(26,116,136,.1);
  --cl-is-bekle-bg:rgba(242,194,48,.2);
  /* Cide Keşif (/rehber, cide_775 "Gezi"): taslağın açık modu bozuk → aynı teal vurguyla açık yüzey */
  --cl-k-bg:#f2f6f5;
  --cl-k-ust:rgba(255,255,255,.94);
  --cl-k-ust-ink:#0f1f1b;
  --cl-k-ust-cizgi:rgba(15,31,27,.08);
  --cl-k-geri:rgba(10,117,100,.1);
  --cl-k-geri-ink:#0a5a4d;
  --cl-k-ink:#0f1f1b;
  --cl-k-sub:#44574f;
  --cl-k-vurgu:#0a7564;
  --cl-k-marka:#0a7564;
  --cl-k-isik:rgba(10,117,100,.12);
  --cl-k-hero-ort:rgba(242,246,245,.22);
  --cl-k-kutu:#ffffff;
  --cl-k-kutu-cizgi:rgba(15,31,27,.09);
  --cl-k-etiket:#56685f;
  --cl-k-kat:#ffffff;
  --cl-k-kat2:#f7faf9;
  --cl-k-kat-cizgi:rgba(15,31,27,.09);
  --cl-k-kat-ink:#16302a;
  --cl-k-kat-ic:#0a7564;
  --cl-k-kat-ic-bg:rgba(10,117,100,.08);
  --cl-k-kat-ic-cizgi:rgba(10,117,100,.14);
  --cl-k-kat-on:#dcf1ec;
  --cl-k-kat-on-cizgi:rgba(10,117,100,.45);
  --cl-k-kart:#ffffff;
  --cl-k-medya:#dce5e2;
  --cl-k-eylem:#16302a;
  --cl-k-begen:#d61f4f;
  --cl-k-on:#0a7564;
  --cl-k-arac:#ffffff;
  --cl-k-arac-cizgi:rgba(15,31,27,.1);
  --cl-k-arac-ink:#1d3530;
  --cl-k-geri-d:rgba(15,31,27,.06);
  --cl-k-hikaye:#3c4f47;
  --cl-k-hikaye-cizgi:rgba(15,31,27,.09);
  --cl-k-hikaye-vurgu:rgba(10,117,100,.55);
  /* Destek: İletişim · Yardım Merkezi · Sorun Bildir (cide_775 cl462/c553/c554) — taslağın açık modu bozuk, kendi açık yüzeyimiz */
  --cl-ds-bg:#f3f6f8;
  --cl-ds-ust:rgba(255,255,255,.95);
  --cl-ds-ust-ink:#0f1d26;
  --cl-ds-ust-cizgi:rgba(15,29,38,.08);
  --cl-ds-geri:rgba(15,29,38,.06);
  --cl-ds-ink:#0f1d26;
  --cl-ds-sub:#485a64;
  --cl-ds-vurgu:#0a7268;
  --cl-ds-kart:#ffffff;
  --cl-ds-kart2:#f8fbfb;
  --cl-ds-kart-cizgi:rgba(15,29,38,.09);
  --cl-ds-sss-cizgi:rgba(10,114,104,.24);
  --cl-ds-etiket:#55656e;
  --cl-ds-ic:#e8f2f1;
  --cl-ds-alan:#ffffff;
  --cl-ds-alan-cizgi:rgba(15,29,38,.16);
  --cl-ds-dugme:#0f1d26;
  --cl-ds-dugme-ink:#ffffff;
  --cl-ds-hata:#b3261e;
  --cl-ds-tur-on:#e0f3f0;
  --cl-ds-tur-on-cizgi:rgba(10,114,104,.5);
  /* Duyurular (cide_775 cl428/cl433/cl429) — taslağın açık modu yok sayılır, aynı yeşil vurguyla açık yüzey */
  --cl-an-bg:#f4f6f4;
  --cl-an-ust:rgba(255,255,255,.95);
  --cl-an-ust-ink:#0f140f;
  --cl-an-cizgi:rgba(15,20,15,.1);
  --cl-an-ink:#0f140f;
  --cl-an-sub:#4d5850;
  --cl-an-vurgu:#1b7446;
  --cl-an-kart:#ffffff;
  --cl-an-kart-cizgi:rgba(15,20,15,.1);
  --cl-an-sekme-ink:#56625a;
  --cl-an-sekme-on:#0f140f;
  --cl-an-sekme-on-ink:#ffffff;
  --cl-an-etiket:#1b7446;
  --cl-an-etiket-ink:#ffffff;
  --cl-an-metin:#26302a;
  --cl-an-ses:#ffffff;
  --cl-an-oynat:#0f140f;
  --cl-an-oynat-ink:#ffffff;
  /* Anketler (cide_775 cl476Polls) — açık yüzey, taslağın teal vurgusuyla */
  --cl-ap-bg:#f3f6f8;
  --cl-ap-ust:rgba(255,255,255,.95);
  --cl-ap-ust-ink:#0f1d26;
  --cl-ap-cizgi:rgba(15,29,38,.09);
  --cl-ap-ink:#0f1d26;
  --cl-ap-sub:#4a5d66;
  --cl-ap-vurgu:#0a7268;
  --cl-ap-sekme:#56676f;
  --cl-ap-kart:#ffffff;
  --cl-ap-ic:#e6f2f1;
  --cl-ap-secenek:#f7fafb;
  --cl-ap-secenek-cizgi:rgba(15,29,38,.12);
  --cl-ap-dolgu:rgba(10,114,104,.16);
  --cl-ap-canli:#08705e;
  --cl-ap-canli-bg:rgba(10,114,104,.1);
  /* Talep Merkezi (cide_775 cl416) — açık yüzey; taslağın yeşil vurgusu ve kırmızı eylemi */
  --cl-tl-bg:#f2f5f3;
  --cl-tl-bg2:#f2f5f3;
  --cl-tl-ust:rgba(255,255,255,.96);
  --cl-tl-ust-ink:#0f1a14;
  --cl-tl-geri:#e7eee9;
  --cl-tl-cizgi:rgba(15,26,20,.1);
  --cl-tl-ink:#0f1a14;
  --cl-tl-sub:#46554d;
  --cl-tl-soluk:#56655d;
  --cl-tl-kart:#ffffff;
  --cl-tl-alan:#f5f8f6;
  --cl-tl-alan-cizgi:rgba(15,26,20,.16);
  --cl-tl-yesil:#1b7449;
  --cl-tl-yesil-bg:#e2f2e9;
  --cl-tl-birincil:#cc2f36;
  --cl-tl-birincil-ink:#ffffff;
  --cl-tl-kalp:#c42a31;
  --cl-tl-ikincil:#ffffff;
  --cl-tl-ikincil-ink:#0f1a14;
  --cl-tl-cip:#ffffff;
  --cl-tl-cip-ink:#4f5e56;
  --cl-tl-cip-on:#0f1a14;
  --cl-tl-cip-on-ink:#ffffff;
  --cl-tl-hero-ink:#ffffff;
  --cl-tl-hero-golge:#0a141c;
  --cl-tl-ilerleme:linear-gradient(90deg,#2f8a5a,#4fb883);
  --cl-tl-d-mavi:#1d5ca8;
  --cl-tl-d-mavi-bg:#e2ecfa;
  --cl-tl-d-mor:#6a3caf;
  --cl-tl-d-mor-bg:#eee6fb;
  --cl-tl-d-sari:#735400;
  --cl-tl-d-sari-bg:#faefc9;
  --cl-tl-d-turuncu:#9a4405;
  --cl-tl-d-turuncu-bg:#fde8d6;
  --cl-tl-d-yesil:#136339;
  --cl-tl-d-yesil-bg:#dcf1e4;
  --cl-tl-d-gri:#4b5751;
  --cl-tl-d-gri-bg:#e7ece9;
  /* Köşe Yazıları (cide_775 cl439) — açık yüzey; taslağın yeşil vurgusu */
  --cl-ky-bg:#f4f6f5;
  --cl-ky-ust:rgba(255,255,255,.96);
  --cl-ky-ust-ink:#0f1a16;
  --cl-ky-geri:#e8eeeb;
  --cl-ky-cizgi:rgba(15,26,22,.1);
  --cl-ky-ink:#0f1a16;
  --cl-ky-sub:#43534c;
  --cl-ky-soluk:#56675f;
  --cl-ky-metin:#26332d;
  --cl-ky-vurgu:#11794a;
  --cl-ky-kart:#ffffff;
  --cl-ky-kart-cizgi:rgba(15,26,22,.12);
  --cl-ky-kucuk:#e6ece9;
  --cl-ky-cip:#ffffff;
  --cl-ky-cip-ink:#4c5b54;
  --cl-ky-cip-on:#0f1a16;
  --cl-ky-cip-on-ink:#ffffff;
  --cl-ky-gonder:#11794a;
  --cl-ky-gonder-ink:#ffffff;
  --cl-ky-hero-ink:#ffffff;
  --cl-ky-hero-golge:#08131a;
  --cl-ky-hero-vurgu:#6be0a5;
  --cl-ky-hero-bos:linear-gradient(135deg,#17493a 0%,#0f2b33 55%,#0a1822 100%);
  /* Fırsatlar (cide_775 cl494) — açık yüzey; taslağın turuncu fiyatı ve yeşil kazancı */
  --cl-fr-bg:#f4f6f8;
  --cl-fr-ust:rgba(255,255,255,.96);
  --cl-fr-ust-ink:#0f1a20;
  --cl-fr-geri:#e9eef1;
  --cl-fr-cizgi:rgba(15,26,32,.1);
  --cl-fr-ink:#0f1a20;
  --cl-fr-sub:#465a63;
  --cl-fr-soluk:#56696f;
  --cl-fr-kart:#ffffff;
  --cl-fr-kart-2:#eef2f4;
  --cl-fr-turuncu:#b34d00;
  --cl-fr-yesil:#11794a;
  --cl-fr-rozet:#fff0e6;
  --cl-fr-rozet-ink:#a34a00;
  --cl-fr-birincil:#0f1a20;
  --cl-fr-birincil-ink:#ffffff;
  --cl-fr-ikincil:#ffffff;
  --cl-fr-ikincil-ink:#0f1a20;
  --cl-fr-vurgu:#b34d00;
  --cl-fr-sekme:#ff7b24;
  --cl-fr-hero:radial-gradient(circle at 92% 10%,rgba(255,123,36,.16),transparent 38%),linear-gradient(180deg,#fff7f1,#f4f6f8);
  --cl-fr-kart-bg:#ffffff;
  --cl-fr-yildiz:#d99a00;
  /* Arama (cide_775 #searchModal) — taslağın açık teması bozuk (koyu pencerede koyu yazı); açık karşılık
     sitenin açık diliyle, taslağın ölçülen açık tutamak/başlık/çip renkleri korunarak */
  --cl-ar-bg:#f3f5f8;
  --cl-ar-ust:rgba(255,255,255,.95);
  --cl-ar-ust-ink:#17202a;
  --cl-ar-bd:rgba(17,22,29,.32);
  --cl-ar-sheet:#ffffff;
  --cl-ar-sheet-cizgi:rgba(17,22,29,.08);
  --cl-ar-golge:0 -20px 44px rgba(17,22,29,.16);
  --cl-ar-tutamak:#cbd3dc;
  --cl-ar-ink:#17202a;
  --cl-ar-sub:#4f5d6b;
  --cl-ar-alan:#f1f4f7;
  --cl-ar-alan-ink:#17202a;
  --cl-ar-cizgi:#e0e6ec;
  --cl-ar-ikon:#5d6b7a;
  --cl-ar-yer:#5d6b7a;
  --cl-ar-x-ink:#263342;
  --cl-ar-cip:#ffffff;
  --cl-ar-cip-ink:#263342;
  --cl-ar-cip-on:#17202a;
  --cl-ar-cip-on-ink:#ffffff;
  --cl-ar-kart:#ffffff;
  --cl-ar-vurgu:#0b5fb0;
  /* Cide TV (cide_775 V398) — bilerek koyu medya yüzeyi: iki blokta AYNI değerler (tests/cide_tv.test.php) */
  --cl-tv-bg:#030404;
  --cl-tv-ust:#050606;
  --cl-tv-ust-ink:#f5f7f6;
  --cl-tv-ust-cizgi:rgba(255,255,255,.06);
  --cl-tv-geri:#151a18;
  --cl-tv-ink:#f5f7f6;
  --cl-tv-sub:#7a837f;
  --cl-tv-meta:#7a837f;
  --cl-tv-kirmizi:#ef4a50;
  --cl-tv-kirmizi-2:#ff565c;
  --cl-tv-marka:#f13f46;
  --cl-tv-oynat:#ef3f46;
  --cl-tv-cizgi:#151918;
  --cl-tv-kart-cizgi:#242a28;
  --cl-tv-cip:#101312;
  --cl-tv-cip-ink:#87908c;
  --cl-tv-cip-on:#d6353b;
  --cl-tv-cip-on-ink:#ffffff;
  --cl-tv-ekran:#111514;
  --cl-tv-ekran-ink:#a9b0ad;
  /* Asistan (cide_775 CideLife AI sohbeti) — taslağın açık teması yalnız zemini beyaz yapıyor; açık karşılık
     sitenin açık diliyle, mavi vurgu korunarak. Başlık görselin üstünde olduğu için marka kartı iki temada koyu. */
  --cl-as-bd:rgba(15,30,45,.36);
  --cl-as-bg:#ffffff;
  --cl-as-cizgi:rgba(10,90,140,.14);
  --cl-as-golge:0 -24px 70px rgba(10,30,50,.18);
  --cl-as-tutamak:rgba(255,255,255,.6);
  --cl-as-bas-cizgi:rgba(10,90,140,.12);
  --cl-as-bas-ort:linear-gradient(90deg,rgba(3,12,21,.6),rgba(3,12,21,.12) 55%,rgba(3,12,21,0)),linear-gradient(0deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 42%);
  --cl-as-marka:rgba(3,12,21,.56);
  --cl-as-marka-cizgi:rgba(116,214,255,.18);
  --cl-as-marka-ink:#f5fbfe;
  --cl-as-durum-ink:#b9d2de;
  --cl-as-yesil:#55d39a;
  --cl-as-x:rgba(3,12,21,.58);
  --cl-as-x-ink:#d5e2e8;
  --cl-as-x-cizgi:rgba(255,255,255,.12);
  --cl-as-ink:#10202c;
  --cl-as-sub:#4f6573;
  --cl-as-kart:#f3f8fb;
  --cl-as-kart-cizgi:rgba(10,90,140,.12);
  --cl-as-ikon:#0b6fa0;
  --cl-as-ikon-bg:rgba(11,111,160,.1);
  --cl-as-ikon-cizgi:rgba(11,111,160,.14);
  --cl-as-ai:#f1f6f9;
  --cl-as-ai-cizgi:rgba(10,90,140,.1);
  --cl-as-ai-ink:#10202c;
  --cl-as-ben-1:#1b73a0;
  --cl-as-ben-2:#175f86;
  --cl-as-ben-ink:#ffffff;
  --cl-as-mini:#dff0f8;
  --cl-as-mini-ink:#0b5f86;
  --cl-as-nokta:#1b73a0;
  --cl-as-oneri:#eaf4f9;
  --cl-as-oneri-ink:#0b5f86;
  --cl-as-oneri-cizgi:rgba(11,111,160,.18);
  --cl-as-yaz:rgba(255,255,255,.97);
  --cl-as-yaz-cizgi:rgba(10,90,140,.12);
  --cl-as-alan:#f1f6f9;
  --cl-as-alan-ink:#10202c;
  --cl-as-alan-cizgi:rgba(10,90,140,.16);
  --cl-as-yer:#5b7280;
  --cl-as-gonder:#e6eef3;
  --cl-as-gonder-ink:#6d8593;
  --cl-as-gonder-on:linear-gradient(145deg,#1f86b8,#175f86);
  /* Oluştur (cide_775 create-sheet-v46) — taslağın açık teması yalnız zemini beyaz yapıyor; kartlar vurgu renginin
     açık tonuyla (color-mix), birincil düğme açık zeminde koyu */
  --cl-cr-bd:rgba(15,22,30,.42);
  --cl-cr-panel:#ffffff;
  --cl-cr-parilti:rgba(109,140,255,.1);
  --cl-cr-golge:0 -24px 48px rgba(15,22,30,.16);
  --cl-cr-tutamak:#d4dae2;
  --cl-cr-kicker:#5c6878;
  --cl-cr-ink:#10161e;
  --cl-cr-x:#f1f4f8;
  --cl-cr-x-ink:#334155;
  --cl-cr-cizgi:rgba(15,22,30,.09);
  --cl-cr-kart:#f5f7fc;
  --cl-cr-kart-parilti:linear-gradient(145deg,rgba(108,140,255,.12),rgba(108,140,255,.03));
  --cl-cr-sub:#4f5b6b;
  --cl-cr-ok:#e6ebf3;
  --cl-cr-ok-ink:#1f2937;
  --cl-cr-baslik:#10161e;
  --cl-cr-alt:#4a5563;
  --cl-cr-kart-orn:#e8edff;
  --cl-cr-ic:rgba(15,22,30,.06);
  --cl-cr-ic-cizgi:rgba(15,22,30,.08);
  --cl-cr-ic-ink:#1f2937;
  --cl-cr-birincil:linear-gradient(145deg,#243044,#10161e);
  --cl-cr-birincil-duz:#243044;
  --cl-cr-birincil-ink:#ffffff;
  /* Galeri (cide_775 cl636/cl720) — taslak yalnız koyu; açık karşılık sitenin açık diliyle. Kahraman görselin
     üstünde olduğu için iki temada koyu örtülü; yayınla düğmesi iki temada taslağın yeşil-mavi degradesi. */
  --cl-gl-bg:#f3f6f8;
  --cl-gl-ust:rgba(255,255,255,.95);
  --cl-gl-ust-ink:#0e1a22;
  --cl-gl-cizgi:rgba(14,26,34,.08);
  --cl-gl-ink:#0e1a22;
  --cl-gl-sub:#52616b;
  --cl-gl-soluk:#5b6a74;
  --cl-gl-kart:#ffffff;
  --cl-gl-geri:#eef2f5;
  --cl-gl-dugme:#eef2f5;
  --cl-gl-dugme-ink:#1f2d36;
  --cl-gl-puan:#8a5d00;
  --cl-gl-sekme:#ffffff;
  --cl-gl-sekme-ink:#52616b;
  --cl-gl-sekme-cizgi:#dde4e9;
  --cl-gl-sekme-on:#0e1a22;
  --cl-gl-sekme-on-ink:#ffffff;
  --cl-gl-begen:#d6264c;
  --cl-gl-begen-bg:rgba(214,38,76,.09);
  --cl-gl-yildiz:#c5ced5;
  --cl-gl-yildiz-on:#f0a800;
  --cl-gl-dosya-ic-bg:rgba(0,140,170,.1);
  --cl-gl-dosya-ic:#007a94;
  --cl-gl-sayi-bg:rgba(0,150,120,.1);
  --cl-gl-sayi:#00775d;
  --cl-gl-panel:#ffffff;
  --cl-gl-onizle:#f1f5f8;
  --cl-gl-onizle-cizgi:#c5d0d8;
  --cl-gl-kural:#eef3f6;
  --cl-gl-kural-ink:#52616b;
  --cl-gl-sec:#e8eef2;
  --cl-gl-sec-ink:#0e1a22;
  --cl-gl-yayinla:linear-gradient(135deg,#42e1ba,#54b9ff);
  --cl-gl-yayinla-duz:#54b9ff;
  --cl-gl-yayinla-ink:#03100d;
  --cl-gl-bd:rgba(14,26,34,.45);
  --cl-gl-vurgu:#0a7d64;
  --cl-gl-foto-bg:#e7ecef;
  --cl-gl-tutamak:#cbd5dc;
  --cl-gl-x:#eef2f5;
  /* Topluluklar · şehir (cide_775 communities399/cm400/cm401/cm410) — taslak yalnız koyu; açık karşılık sitenin
     açık diliyle. Kırmızı ve mavi düğmeler beyaz yazıyla 4.5 için taslaktan bir ton koyu (iki temada). */
  --cl-tp-bg:#f3f6f4;
  --cl-tp-ust:rgba(255,255,255,.95);
  --cl-tp-ust-ink:#0e1512;
  --cl-tp-cizgi:rgba(14,21,18,.08);
  --cl-tp-ink:#0e1512;
  --cl-tp-sub:#56625c;
  --cl-tp-kart:#ffffff;
  --cl-tp-kart-cizgi:#dfe6e2;
  --cl-tp-geri:#eef2f0;
  --cl-tp-sekme:#ffffff;
  --cl-tp-sekme-ink:#56625c;
  --cl-tp-sekme-cizgi:#d9e1dd;
  --cl-tp-sekme-on:#0e1512;
  --cl-tp-sekme-on-ink:#ffffff;
  --cl-tp-birincil:#d6353b;
  --cl-tp-birincil-ink:#ffffff;
  --cl-tp-mavi:#2b77b4;
  --cl-tp-mavi-ink:#ffffff;
  --cl-tp-msj:#eef4f1;
  --cl-tp-msj-cizgi:#dbe6e0;
  --cl-tp-msj-ink:#0e1512;
  --cl-tp-benim:#dcebf7;
  --cl-tp-benim-cizgi:#c4dcef;
  --cl-tp-gonderen:#8a6300;
  --cl-tp-tehlike:#b3261e;
  --cl-tp-tehlike-bg:#fdecec;
  --cl-tp-tehlike-cizgi:#f3c9c9;
  --cl-tp-selam:linear-gradient(145deg,#eef5f1,#e6efea);
  --cl-tp-selam-cizgi:#d5e3dc;
  --cl-tp-vurgu:#276a50;
  --cl-tp-balon1:#e1efe8;
  --cl-tp-balon1-ink:#28453a;
  --cl-tp-balon2:#dcebf7;
  --cl-tp-balon2-ink:#173b57;
  --cl-tp-alan:#f6f9f7;
  --cl-tp-alan-cizgi:#d3ddd8;
  --cl-tp-ikincil:#eef2f0;
  --cl-tp-ikincil-ink:#33413a;
  --cl-tp-logo:#dce8f2;
  --cl-tp-banner:linear-gradient(145deg,#e7f3ec,#f4f8f6);
  --cl-tp-begen:#c42b31;
  /* Önemli duyuru kartı (cide_775 #cl428HomeNotice): açık temada açık kart, kenar degradesi aynı */
  --cl-not-kenar:linear-gradient(120deg,#cfe0d6,#5fb886,#d3ac63,#cfe0d6);
  --cl-not-bg:linear-gradient(145deg,#ffffff,#f2f7f4);
  --cl-not-ink:#0f1512;
  --cl-not-sub:#56625c;
  --cl-not-tarih:#66716b;
  --cl-not-rozet:#e2f3ea;
  --cl-not-rozet-ink:#1d6a43;
  --cl-not-nokta:#2f9d64;
  --cl-not-x:#eef2f0;
  --cl-not-x-ink:#4f5b55;
  --cl-not-dugme:#101411;
  --cl-not-dugme-ink:#f4f7f5;
  --cl-not-golge:0 16px 45px rgba(16,28,22,.2);
  /* Profil · şehir (cide_775 cl900) — taslak koyu; taslağın açık karşılığı bozuk (biyografi, kart ve kontrol yazıları
     zeminle aynı renkte), açık tema taslağın kendi açık değişkenleriyle (#f6f8fb zemin, beyaz kart, #dce3ea çizgi,
     #17202a yazı) kuruldu. Soluk yazılar ve etiket 4.5 için bir ton koyu; kapak iki temada koyu (taslakta da öyle). */
  --cl-pf-bg:#f6f8fb;
  --cl-pf-zemin:#f6f8fb;
  --cl-pf-ust:#ffffff;
  --cl-pf-ust-ink:#17202a;
  --cl-pf-geri:#eef2f6;
  --cl-pf-geri-golge:0 4px 14px rgba(23,32,42,.08);
  --cl-pf-cizgi:#dce3ea;
  --cl-pf-ink:#17202a;
  --cl-pf-sub:#5d6975;
  --cl-pf-kart:#ffffff;
  --cl-pf-kart-bg:#ffffff;
  --cl-pf-kart-golge:0 1px 2px rgba(23,32,42,.05),0 6px 18px rgba(23,32,42,.05);
  --cl-pf-dugme:#ffffff;
  --cl-pf-birincil:#3ddfe5;
  --cl-pf-birincil-bg:linear-gradient(135deg,#3ddfe5,#2ae0a4);
  --cl-pf-birincil-ink:#04191b;
  --cl-pf-bio:#33404c;
  --cl-pf-hap:#ffffff;
  --cl-pf-hap-ink:#4a5864;
  --cl-pf-sayi-bg:#ffffff;
  --cl-pf-etiket:#5a6c76;
  --cl-pf-panel:#eaf7f7;
  --cl-pf-panel-bg:linear-gradient(135deg,#e6f6f7,#edf9f4);
  --cl-pf-panel-cizgi:#c4e6e6;
  --cl-pf-panel-ink:#4b5a66;
  --cl-pf-ikon:#e4f5f6;
  --cl-pf-ikon-ink:#17202a;
  --cl-pf-vurgu:#3ddfe5;
  --cl-pf-vurgu-ink:#052025;
  --cl-pf-onay:#0f7f86;
  --cl-pf-avatar-cerceve:#f6f8fb;
  --cl-pf-avatar-golge:0 10px 26px rgba(23,32,42,.16);
  --cl-pf-isletme-cizgi:#ffd6ba;
  --cl-pf-isletme-bg:linear-gradient(135deg,#fff3ea,#fffaf0);
  --cl-pf-isletme-ok:#b8500c;
  --cl-pf-isletme-kesik:#f1c3a2;
  --cl-pf-isletme-dugme:linear-gradient(135deg,#ff8a3d,#f4c766);
  --cl-pf-isletme-dugme-ink:#261205;
  --cl-pf-katman:rgba(15,23,32,.46);
  --cl-pf-pencere:#ffffff;
  --cl-pf-pencere-golge:0 -18px 50px rgba(23,32,42,.16);
  --cl-pf-tutamak:#cfd8df;
  --cl-pf-x:#eef2f6;
  --cl-pf-satir:#f8fafc;
  --cl-pf-secili:#e8f8f9;
  --cl-pf-secili-cizgi:#8fd8dc;
  --cl-pf-alan:#ffffff;
  --cl-pf-alan-ink:#17202a;
  --cl-pf-alan-etiket:#5a6c76;
  --cl-pf-medya-avatar:linear-gradient(145deg,#eaf4f4,#dfeceb);
  --cl-pf-medya-kapak:#eef2f6;
  --cl-pf-dosya:#eaf6f5;
  --cl-pf-dosya-cizgi:#bfddda;
  --cl-pf-dosya-ink:#176b68;
  --cl-pf-anahtar:#cfd8df;
  --cl-pf-anahtar-on:#12a37a;
  --cl-pf-cikis:#b42318;
  /* Fotoğraf Yarışması (/foto-yarismasi; cide_775'te yok, Galeri'nin diliyle) — kahraman iki temada koyu örtülü medya
     yüzeyi; oy kırmızı, katıl çağrısı ve oy hakkı altın, sıra rozetleri altın/gümüş/bronz (iki temada aynı). */
  --cl-yr-bg:#f3f6f8;
  --cl-yr-ust:rgba(255,255,255,.95);
  --cl-yr-ust-ink:#0e1a22;
  --cl-yr-cizgi:rgba(14,26,34,.08);
  --cl-yr-ink:#0e1a22;
  --cl-yr-sub:#52616b;
  --cl-yr-kart:#ffffff;
  --cl-yr-kart-cizgi:#e2e8ed;
  --cl-yr-geri:#eef2f5;
  --cl-yr-sekme:#ffffff;
  --cl-yr-sekme-ink:#52616b;
  --cl-yr-sekme-cizgi:#dde4e9;
  --cl-yr-sekme-on:#0e1a22;
  --cl-yr-sekme-on-ink:#ffffff;
  --cl-yr-oy:#fdecf0;
  --cl-yr-oy-ink:#b3143c;
  --cl-yr-oy-on:#b3143c;
  --cl-yr-oy-on-ink:#ffffff;
  --cl-yr-kapali:#eef2f5;
  --cl-yr-kapali-ink:#3f4c56;
  --cl-yr-vurgu:#f2b705;
  --cl-yr-vurgu-ink:#1d1500;
  --cl-yr-hak:#fff6da;
  --cl-yr-hak-ink:#5f4300;
  --cl-yr-hak-cizgi:#f1d98a;
  --cl-yr-katildin:#e7f6ef;
  --cl-yr-katildin-ink:#0b5d42;
  --cl-yr-alan:#ffffff;
  --cl-yr-alan-cizgi:#cfd8df;
  --cl-yr-alan-ink:#0e1a22;
  --cl-yr-foto-bg:#e7ecef;
  /* Sağlık (/saglik; cide_775'te yok) — acil ve nöbetçi kırmızı, "Ara" yeşil, iki temada beyaz yazıyla 4.5 üstü;
     hastane şeridi iki temada kırmızı örtülü medya yüzeyi. */
  --cl-sg-bg:#f4f6f8;
  --cl-sg-ust:rgba(255,255,255,.95);
  --cl-sg-ust-ink:#101820;
  --cl-sg-cizgi:rgba(16,24,32,.08);
  --cl-sg-ink:#101820;
  --cl-sg-sub:#53616b;
  --cl-sg-kart:#ffffff;
  --cl-sg-kart-cizgi:#e1e7ec;
  --cl-sg-geri:#eef2f5;
  --cl-sg-acil:#c21f16;
  --cl-sg-acil-ink:#ffffff;
  --cl-sg-ara:#0f7a55;
  --cl-sg-ara-ink:#ffffff;
  --cl-sg-yol:#eef2f5;
  --cl-sg-yol-ink:#1f2d36;
  --cl-sg-cip:#f0f3f6;
  --cl-sg-cip-ink:#3d4a54;
  --cl-sg-nobet:#fff1ef;
  --cl-sg-nobet-ink:#8c1b12;
  --cl-sg-nobet-cizgi:#f6cdc7;
  --cl-sg-rozet:#c21f16;
  --cl-sg-rozet-ink:#ffffff;
  --cl-sg-yok:#fff6da;
  --cl-sg-yok-ink:#5f4300;
  /* Turlar (/turlar, /tur/…; cide_775'te yok) — doğa yeşili vurgu; kahraman ve kapak iki temada koyu örtülü medya yüzeyi. */
  --cl-tu-bg:#f3f6f5;
  --cl-tu-ust:rgba(255,255,255,.95);
  --cl-tu-ust-ink:#0f1a16;
  --cl-tu-cizgi:rgba(15,26,22,.08);
  --cl-tu-ink:#0f1a16;
  --cl-tu-sub:#51605a;
  --cl-tu-kart:#ffffff;
  --cl-tu-kart-cizgi:#dfe7e3;
  --cl-tu-geri:#eef3f1;
  --cl-tu-fiyat:#0b6b47;
  --cl-tu-cip:#edf3f0;
  --cl-tu-cip-ink:#34453e;
  --cl-tu-wa:#0f7a47;
  --cl-tu-wa-ink:#ffffff;
  --cl-tu-ara:#0f1a16;
  --cl-tu-ara-ink:#ffffff;
  --cl-tu-bar:#ffffff;
  --cl-tu-bar-ink:#0f1a16;
  --cl-tu-foto-bg:#e3ebe7;
  /* Başarı Duvarı (/basari-duvari, /basari/…; cide_775'te yok) — ödül altını rozet, lacivert çağrı; kahraman iki temada koyu. */
  --cl-bd-bg:#f4f5f8;
  --cl-bd-ust:rgba(255,255,255,.95);
  --cl-bd-ust-ink:#111827;
  --cl-bd-cizgi:rgba(17,24,39,.08);
  --cl-bd-ink:#111827;
  --cl-bd-sub:#525c6b;
  --cl-bd-kart:#ffffff;
  --cl-bd-kart-cizgi:#e2e6ee;
  --cl-bd-geri:#eef1f6;
  --cl-bd-sekme:#ffffff;
  --cl-bd-sekme-ink:#525c6b;
  --cl-bd-sekme-cizgi:#dde2ea;
  --cl-bd-sekme-on:#111827;
  --cl-bd-sekme-on-ink:#ffffff;
  --cl-bd-altin:#fff4d6;
  --cl-bd-altin-ink:#6a4a00;
  --cl-bd-rozet:#fff4d6;
  --cl-bd-rozet-ink:#6a4a00;
  --cl-bd-cagri:#1f3a8a;
  --cl-bd-cagri-ink:#ffffff;
  --cl-bd-alan:#ffffff;
  --cl-bd-alan-ink:#111827;
  --cl-bd-alan-cizgi:#d3d9e2;
  --cl-bd-foto-bg:#e6eaf1;
  /* Soru-Cevap (/sorular, /soru/…; taslakta Forum'a bağlı, kullanıcı kararıyla Tümü'de) — mavi çağrı, yeşil "çözüldü" ve kabul. */
  --cl-sc-bg:#f4f6f8;
  --cl-sc-ust:rgba(255,255,255,.95);
  --cl-sc-ust-ink:#0f1720;
  --cl-sc-cizgi:rgba(15,23,32,.08);
  --cl-sc-ink:#0f1720;
  --cl-sc-sub:#526070;
  --cl-sc-kart:#ffffff;
  --cl-sc-kart-cizgi:#e0e6ed;
  --cl-sc-geri:#eef2f6;
  --cl-sc-sekme:#ffffff;
  --cl-sc-sekme-ink:#526070;
  --cl-sc-sekme-cizgi:#dce3ea;
  --cl-sc-sekme-on:#0f1720;
  --cl-sc-sekme-on-ink:#ffffff;
  --cl-sc-cagri:#1d5fb8;
  --cl-sc-cagri-ink:#ffffff;
  --cl-sc-cozuldu:#e2f5ea;
  --cl-sc-cozuldu-ink:#0b6441;
  --cl-sc-kabul:#0f7a55;
  --cl-sc-kabul-ink:#ffffff;
  --cl-sc-kabul-cizgi:#7fd1ad;
  --cl-sc-alan:#ffffff;
  --cl-sc-alan-ink:#0f1720;
  --cl-sc-alan-cizgi:#cfd8e1;
  --cl-sc-ic:#e8f0fb;
  --cl-sc-ic-ink:#1d5fb8;
}
:root[data-theme="dark"]{
  --cl-bg:#090b0f;
  --cl-bg-glow:rgba(74,100,170,.1);
  --cl-ink:#f6f7f8;
  --cl-ink-2:#9eabb9;
  --cl-ink-3:#82909a;
  --cl-line:rgba(255,255,255,.075);
  --cl-surface:#12171e;
  --cl-card:#111821;
  --cl-shadow:0 12px 28px rgba(0,0,0,.2);
  --cl-top-bg:rgba(9,11,15,.88);
  --cl-top-line:rgba(255,255,255,.055);
  --cl-btn-bg:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),linear-gradient(145deg,#1b222c,#111720);
  --cl-btn-line:rgba(255,255,255,.12);
  --cl-btn-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.18);
  --cl-btn-ink:#f6f9fc;
  --cl-brand:#45ddd6;
  --cl-logo-ink:#f3f8f9;
  --cl-logo-life:#59ddd7;
  --cl-dot:#ff596a;
  --cl-dot-ring:#151b23;
  --cl-nav-bg:linear-gradient(180deg,rgba(16,29,36,.96),rgba(6,16,22,.98));
  --cl-nav-line:rgba(99,226,219,.12);
  --cl-nav-ink:#82949d;
  --cl-nav-shadow:0 16px 42px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055);
  --cl-nav-harman:#e8ffff;
  --cl-nav-halka:rgba(83,229,220,.1);
  --cl-nav-olustur:#9ddedb;
  --cl-nav-on:#66e8e1;
  --cl-nav-on-bg:rgba(69,221,214,.09);
  --cl-nav-dot-ring:#0c1a20;
  --cl-bell-glow:rgba(103,132,255,.16);
  --cl-dot-glow:rgba(255,89,106,.52);
  --cl-tile-ink:#ffffff;
  --cl-tile-pat:rgba(255,255,255,.95);
  --cl-tile-stripe:rgba(255,255,255,.027);
  --cl-tile-shine:rgba(255,255,255,.15);
  --cl-sheet-bd:rgba(4,7,11,.36);
  --cl-sheet-bg:linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.027));
  --cl-sheet-line:rgba(255,255,255,.12);
  --cl-sheet-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);
  --cl-sheet-sub:rgba(255,255,255,.48);
  --cl-wx-bg:radial-gradient(circle at 82% 14%,rgba(103,190,255,.28),rgba(103,190,255,.1) 26%,transparent 50%),radial-gradient(circle at 8% 92%,rgba(61,130,197,.16),transparent 42%),linear-gradient(155deg,#122333 0%,#0e1b27 56%,#0a1219 100%);
  --cl-wx-line:rgba(111,188,236,.18);
  --cl-wx-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.024);
  --cl-wx-glow:rgba(167,222,255,.2);
  --cl-wx-label:#9ca3ad;
  --cl-wx-sub:#8793a1;
  --cl-slide-bg:radial-gradient(circle at 88% 8%,rgba(70,139,180,.18),rgba(70,139,180,.07) 26%,transparent 48%),radial-gradient(circle at 8% 94%,rgba(42,91,120,.12),transparent 40%),linear-gradient(155deg,#121a22 0%,#0e151c 56%,#0a1016 100%);
  --cl-slide-line:rgba(100,156,190,.13);
  --cl-slide-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.024);
  --cl-slide-p:#8993a0;
  --cl-slide-meta:#707b88;
  --cl-slide-foot:rgba(117,163,190,.08);
  --cl-tab-all-bg:#ffffff;
  --cl-tab-all-ink:#11151b;
  --cl-card-line:rgba(255,255,255,.055);
  --cl-card-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 9px 20px rgba(0,0,0,.16);
  --cl-chip-bg:rgba(255,255,255,.043);
  --cl-chip-line:rgba(255,255,255,.055);
  --cl-chip-ink:#c3d6df;
  --cl-poll-opt:rgba(15,23,30,.76);
  --cl-poll-opt-line:rgba(112,155,181,.11);
  --cl-poll-lider:linear-gradient(90deg,rgba(52,111,147,.13),rgba(15,23,30,.8) 55%);
  --cl-poll-lider-line:rgba(94,163,205,.28);
  --cl-poll-sec:radial-gradient(circle at 12% 50%,rgba(76,177,218,.15),transparent 40%),linear-gradient(145deg,rgba(48,143,184,.15),rgba(20,25,32,.96) 65%);
  --cl-poll-track:rgba(164,192,208,.1);
  --cl-poll-radio:#596473;
  --cl-poll-label:#eef3f8;
  --cl-poll-pct:#dfeaf1;
  --cl-poll-live:#87dbb0;
  --cl-poll-thanks-bg:linear-gradient(135deg,rgba(86,217,156,.14),rgba(43,157,112,.05));
  --cl-poll-thanks-line:rgba(86,217,156,.2);
  --cl-poll-thanks-ink:#dff9ec;
  --cl-poll-thanks-sub:#8fc9ac;
  --cl-lst-title:#f7fbff;
  --cl-lst-meta:rgba(221,235,255,.78);
  --cl-lst-ok-bg:#171d25;
  --cl-lst-ok-line:rgba(255,255,255,.075);
  --cl-lst-ok-ink:#dce5f0;
  --cl-lst-img-bg:#15191e;
  --cl-col-glow:radial-gradient(circle at 20% 25%,rgba(173,36,53,.18),transparent 34%),radial-gradient(circle at 82% 18%,rgba(201,145,58,.12),transparent 30%);
  --cl-col-one-bg:radial-gradient(circle at 86% 6%,rgba(89,164,208,.24),rgba(89,164,208,.09) 28%,transparent 50%),radial-gradient(circle at 4% 100%,rgba(45,100,132,.14),transparent 42%),linear-gradient(155deg,#14202a 0%,#0f1820 56%,#0b1117 100%);
  --cl-col-one-line:rgba(112,177,215,.2);
  --cl-col-ava-line:rgba(132,190,224,.3);
  --cl-col-rol:#7f8995;
  --cl-col-tag:#82c6ea;
  --cl-col-tag-bg:rgba(61,126,164,.12);
  --cl-lp-bg:radial-gradient(circle at 10% 2%,rgba(24,198,184,.09),transparent 22%),radial-gradient(circle at 92% 18%,rgba(115,92,255,.08),transparent 24%),#071117;
  --cl-lp-head:rgba(7,17,23,.92);
  --cl-lp-card:linear-gradient(145deg,#0d2028,#0b171d);
  --cl-lp-card-line:rgba(255,255,255,.07);
  --cl-lp-ico:#132934;
  --cl-lp-ico-ink:#9fb8c1;
  --cl-lp-sub:#85969f;
  --cl-lp-open:#58c9c7;
  --cl-lp-tab:#0d1c24;
  --cl-lp-tab-ink:#91a1a9;
  --cl-lp-tab-on:#e9f3f1;
  --cl-lp-tab-on-ink:#0a1718;
  --cl-lp-stat-a:linear-gradient(145deg,#10242a,#0b1a1f);
  --cl-lp-stat-b:linear-gradient(145deg,#18152a,#0e1220);
  --cl-lp-stat-c:linear-gradient(145deg,#281d11,#17130e);
  --cl-lp-duz:#0b1920;
  --cl-lp-dugum:#10232b;
  --cl-lp-mini:#0d1b22;
  --cl-lp-not:#151810;
  --cl-lp-not-ink:#aab2a3;
  --cl-lp-yap:#0b1c19;
  --cl-lp-yapmaz:#211417;
  --cl-lp-yap-cizgi:rgba(64,204,143,.12);
  --cl-lp-yapmaz-cizgi:rgba(255,94,94,.12);
  --cl-et-bg:#071015;
  --cl-et-head:rgba(6,14,18,.96);
  --cl-et-line:rgba(255,255,255,.05);
  --cl-et-ink:#eef6f8;
  --cl-et-sub:#91a7b0;
  --cl-et-mute:#66838f;
  --cl-et-accent:#7fd3ec;
  --cl-et-cat:#5faac3;
  --cl-et-meta:#8398a1;
  --cl-et-count:#71868f;
  --cl-et-arrow:#4f6670;
  --cl-et-btn:rgba(255,255,255,.035);
  --cl-et-btn-line:rgba(255,255,255,0);
  --cl-et-btn-ink:#e7f0f2;
  --cl-et-create:#0f2a35;
  --cl-et-create-ink:#78cde8;
  --cl-et-intro:radial-gradient(circle at 85% 15%,rgba(91,82,213,.24),transparent 29%),radial-gradient(circle at 9% 8%,rgba(39,158,165,.11),transparent 28%),linear-gradient(180deg,#0b1920,#071015);
  --cl-et-ring:rgba(255,255,255,.08);
  --cl-et-core:rgba(255,255,255,.04);
  --cl-et-core-ink:#dff7ff;
  --cl-et-day-ink:#6f848d;
  --cl-et-day-ring:rgba(255,255,255,.055);
  --cl-et-day-on:linear-gradient(180deg,rgba(52,153,194,.18),rgba(52,153,194,.06));
  --cl-et-day-on-ink:#edf9fc;
  --cl-et-day-on-ring:rgba(83,184,221,.15);
  --cl-et-dot:#65c9e9;
  --cl-et-link:#6ec0dd;
  --cl-et-chip:rgba(255,255,255,.03);
  --cl-et-chip-ink:#748891;
  --cl-et-chip-on:#12303d;
  --cl-et-chip-on-ink:#8ed9f0;
  --cl-et-tile:rgba(255,255,255,.027);
  --cl-et-month:#6bbbd3;
  --cl-et-submit:linear-gradient(180deg,#071015,#0a171d);
  --cl-et-field-line:rgba(255,255,255,.13);
  --cl-et-label:#a6b7bd;
  --cl-et-ph:#71878f;
  --cl-et-ico-bg:rgba(64,156,191,.08);
  --cl-et-ico:#73c7e2;
  --cl-et-desc:#9eafb6;
  --cl-et-step:#b4c2c7;
  --cl-et-btn2:rgba(255,255,255,.045);
  --cl-et-btn2-ink:#9db0b7;
  --cl-2e-kart:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.016));
  --cl-2e-kart-line:rgba(255,255,255,.06);
  --cl-2e-kart-golge:0 10px 24px rgba(0,0,0,.16);
  --cl-2e-ara:rgba(255,255,255,.04);
  --cl-2e-ara-line:rgba(255,255,255,.07);
  --cl-2e-kat:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.016));
  --cl-2e-sheet:linear-gradient(160deg,#142831,#0b151b);
  --cl-2e-sheet-alt:#0d1a20;
  --cl-2e-sheet-bd:rgba(2,7,10,.66);
  --cl-2e-alan:rgba(255,255,255,.024);
  --cl-2e-alan-line:rgba(255,255,255,.055);
  --cl-2e-cip-on:rgba(72,160,198,.11);
  --cl-2e-cip-on-ink:#dff4fb;
  --cl-2e-cip-on-line:rgba(90,184,224,.18);
  --cl-2e-fav-bg:rgba(3,9,12,.58);
  --cl-2e-bekle:#ffc46b;
  --cl-2e-bekle-bg:rgba(255,170,40,.14);
  --cl-2e-yayin:#6fe0a8;
  --cl-2e-yayin-bg:rgba(40,170,110,.14);
  /* İlan detayı (cide_775 2. El detayı + "Değerlendir ve iletişime geç") */
  --cl-2d-bg:#071015;
  --cl-2d-yuzey:#0b171c;
  --cl-2d-ink:#f3f8fa;
  --cl-2d-sub:#93a8b1;
  --cl-2d-cizgi:rgba(255,255,255,.07);
  --cl-2d-kutu:#0f1b21;
  --cl-2d-fiyat:#5cc8e6;
  --cl-2d-etiket:#1d6a86;
  --cl-2d-etiket-ink:#ffffff;
  --cl-2d-mesaj:#1c7196;
  --cl-2d-mesaj-ink:#ffffff;
  --cl-2d-ara:#1b7a51;
  --cl-2d-ara-ink:#ffffff;
  --cl-2d-yildiz:#f4c766;
  --cl-2d-yildiz-bos:#607981;
  --cl-2d-deger:rgba(61,223,229,.045);
  --cl-2d-deger-line:rgba(61,223,229,.17);
  --cl-2d-dugme:#edfafa;
  --cl-2d-dugme-ink:#061518;
  --cl-2d-ikincil:#142933;
  --cl-2d-ikincil-ink:#dfecee;
  /* İlan Ver / İlanı Düzenle — taslağın koyu formu (#071015); düşük karşıtlıklı küçük yazılar ve yayınla düğmesi düzeltildi */
  --cl-2f-bg:#071015;
  --cl-2f-parilti:rgba(42,144,180,.11);
  --cl-2f-head:rgba(7,16,21,.95);
  --cl-2f-line:rgba(255,255,255,.055);
  --cl-2f-ink:#eaf3f6;
  --cl-2f-sub:#93a8b1;
  --cl-2f-kart:#0e181d;
  --cl-2f-kart-line:rgba(255,255,255,.055);
  --cl-2f-golge:none;
  --cl-2f-etiket:#a6b7bd;
  --cl-2f-alan:#121d22;
  --cl-2f-alan-line:rgba(255,255,255,.07);
  --cl-2f-alan-ink:#eaf2f5;
  --cl-2f-ph:#8196a0;
  --cl-2f-ipucu:#8aa0a9;
  --cl-2f-adim:#12303d;
  --cl-2f-adim-ink:#74c8e8;
  --cl-2f-yukle:#0f2029;
  --cl-2f-yukle-line:rgba(91,183,221,.26);
  --cl-2f-yukle-ink:#6bc2e7;
  --cl-2f-not:#0f1f27;
  --cl-2f-not-line:rgba(79,175,214,.12);
  --cl-2f-not-ink:#73c9e9;
  --cl-2f-not-sub:#8ea5ae;
  --cl-2f-kutu-line:rgba(255,255,255,.32);
  --cl-2f-onay:#1b7a51;
  --cl-2f-onay-ink:#ffffff;
  --cl-2f-odak:#6ec0dd;
  --cl-2f-odak-halo:rgba(110,192,221,.18);
  --cl-2f-birincil:#1c6f93;
  --cl-2f-birincil-ink:#ffffff;
  --cl-2f-birincil-golge:rgba(0,0,0,.3);
  --cl-2f-ikincil:#16252c;
  --cl-2f-ikincil-ink:#b9cbd1;
  --cl-2f-taslak:#0f2a35;
  --cl-2f-taslak-ink:#78cde8;
  --cl-2f-bar:rgba(6,14,18,.985);
  --cl-2f-hata:#ffb4ab;
  --cl-2f-hata-bg:#3a1714;
  --cl-2f-onizleme:#0b161b;
  --cl-2f-foto:#0d1a20;
  --cl-2f-foto-ink:#8aa1aa;
  --cl-2f-fiyat:#5cc8e6;
  --cl-2f-yz:linear-gradient(135deg,#5b3fc4,#46309c);
  /* Giriş sayfaları (.clgr) — koyu */
  --cl-gr-bg:#071015;
  --cl-gr-parilti:rgba(31,211,202,.1);
  --cl-gr-ink:#eef6f7;
  --cl-gr-sub:#93a8b1;
  --cl-gr-kart:#0e181d;
  --cl-gr-kart-line:rgba(255,255,255,.06);
  --cl-gr-golge:none;
  --cl-gr-etiket:#a6b7bd;
  --cl-gr-alan:#121d22;
  --cl-gr-alan-line:rgba(255,255,255,.08);
  --cl-gr-alan-ink:#eaf2f5;
  --cl-gr-ph:#8196a0;
  --cl-gr-ikon:#0e2c2c;
  --cl-gr-ikon-ink:#45ddd6;
  --cl-gr-birincil:#0b7a74;
  --cl-gr-birincil-ink:#ffffff;
  --cl-gr-birincil-golge:rgba(0,0,0,.3);
  --cl-gr-bag:#45ddd6;
  --cl-gr-hata:#ffb4ab;
  --cl-gr-hata-bg:#3a1714;
  --cl-gr-ok:#7fe0b1;
  --cl-gr-ok-bg:#0f2a1f;
  --cl-gr-tur-on:#0d2a2a;
  --cl-gr-tur-on-line:rgba(69,221,214,.4);
  --cl-gr-tur-on-ink:#8cebe6;
  --cl-gr-kutu-line:rgba(255,255,255,.32);
  --cl-gr-onay:#0b7a74;
  --cl-gr-onay-ink:#ffffff;
  --cl-gr-odak:#45ddd6;
  --cl-gr-odak-halo:rgba(69,221,214,.18);
  --cl-gr-google:#121d22;
  --cl-gr-google-ink:#eaf2f5;
  --cl-gr-google-line:rgba(255,255,255,.12);
  --cl-gr-kucuk:#8aa0a9;
  --cl-gv-bas:rgba(7,16,21,.95);
  --cl-gv-zayif:#ff6b5e;
  --cl-gv-orta:#f4c766;
  --cl-gv-guclu:#5fd39a;
  --cl-gv-tehlike-line:rgba(255,120,110,.3);
  --cl-gv-sil:#b3261e;
  --cl-gv-sil-ink:#ffffff;
  --cl-up-bg:#071015;
  --cl-up-bas:rgba(7,16,21,.95);
  --cl-up-ink:#eef6f7;
  --cl-up-sub:#93a8b1;
  --cl-up-kart:#0e181d;
  --cl-up-kart-line:rgba(255,255,255,.06);
  --cl-up-golge:none;
  --cl-up-fiyat:#45ddd6;
  --cl-up-kota:#0f2320;
  --cl-up-kota-ink:#8cebe6;
  --cl-up-adim:#0e2c2c;
  --cl-up-adim-ink:#45ddd6;
  --cl-up-dugme:#0b7a74;
  --cl-up-dugme-ink:#ffffff;
  --cl-up-mevcut:#0f2a1f;
  --cl-up-mevcut-ink:#7fe0b1;
  --cl-up-talep:#2e2410;
  --cl-up-talep-ink:#f4c766;
  --cl-up-pop:#8a5a00;
  --cl-up-pop-ink:#ffffff;
  --cl-up-bekle:#2e2410;
  --cl-up-bekle-ink:#f4c766;
  --cl-up-onay:#0f2a1f;
  --cl-up-onay-ink:#7fe0b1;
  --cl-up-ret:#3a1714;
  --cl-up-ret-ink:#ffb4ab;
  --cl-up-cizgi:rgba(255,255,255,.07);
  --cl-ff-ac:#0b7a74;
  --cl-ff-ac-ink:#ffffff;
  --cl-nt-bg:#0d1015;
  --cl-nt-bd:rgba(0,0,0,.48);
  --cl-nt-edge:rgba(255,255,255,.09);
  --cl-nt-shadow:0 -20px 44px rgba(0,0,0,.34);
  --cl-nt-handle:#333c47;
  --cl-nt-line:rgba(255,255,255,.055);
  --cl-nt-title:#f6f8fb;
  --cl-nt-x-bg:#181e26;
  --cl-nt-x-line:rgba(255,255,255,.075);
  --cl-nt-x-ink:#cbd4df;
  --cl-nt-pill:#171b22;
  --cl-nt-pill-line:rgba(255,255,255,.09);
  --cl-nt-pill-ink:#dce3ec;
  --cl-nt-pill-on:#f2f5f9;
  --cl-nt-pill-on-ink:#11151b;
  --cl-nt-group:#f4f7fb;
  --cl-nt-b:#f5f7fa;
  --cl-nt-p:#c0c9d4;
  --cl-nt-small:#8b95a3;
  --cl-nt-btn:#171c23;
  --cl-nt-btn-line:rgba(255,255,255,.1);
  --cl-nt-btn-ink:#eef3f8;
  --cl-nt-btn-on:#f2f5f9;
  --cl-nt-btn-on-ink:#11151b;
  --cl-nt-dot:#4b7cff;
  --cl-nt-thumb-line:rgba(255,255,255,.08);
  --cl-nt-ico:#1a2029;
  --cl-nt-ico-ink:#c0c9d4;
  --cl-nm-sayfa:#061015;
  --cl-nm-isik-1:rgba(79,188,210,.1);
  --cl-nm-isik-2:rgba(37,112,132,.06);
  --cl-nm-ust:rgba(6,16,21,.93);
  --cl-nm-cizgi:rgba(255,255,255,.05);
  --cl-nm-kart:#0b1f26;
  --cl-nm-kart-2:#08161c;
  --cl-nm-kart-cizgi:rgba(158,226,239,.07);
  --cl-nm-golge:0 18px 42px rgba(0,0,0,.16);
  --cl-nm-golge-2:0 12px 30px rgba(0,0,0,.12);
  --cl-nm-golge-k:0 22px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);
  --cl-nm-desen:.08;
  --cl-nm-tarih:rgba(7,30,35,.88);
  --cl-nm-tarih-2:rgba(5,23,27,.94);
  --cl-nm-hucre:#0c222a;
  --cl-nm-hucre-2:#091920;
  --cl-nm-hucre-cizgi:rgba(255,255,255,.035);
  --cl-nm-ink:#edf7fa;
  --cl-nm-ink-2:#91a8af;
  --cl-nm-ink-3:#7d99a1;
  --cl-nm-saat:#f0fafc;
  --cl-nm-vurgu:#84b3ae;
  --cl-nm-sonraki:#123d46;
  --cl-nm-sonraki-2:#0b2931;
  --cl-nm-sonraki-isik:rgba(92,218,207,.17);
  --cl-nm-sonraki-ink:#f2ffff;
  --cl-nm-sonraki-cizgi:rgba(108,226,215,.42);
  --cl-nm-serit:#78e1d7;
  --cl-nm-dugme:#0b252e;
  --cl-nm-dugme-ink:#8ad8e7;
  --cl-nm-sekme-zemin:rgba(3,13,17,.46);
  --cl-nm-sekme-ink:#7897a0;
  --cl-nm-hap:rgba(126,213,231,.07);
  --cl-nm-hap-ink:#8fb9c3;
  --cl-nm-alinti:#dbeaed;
  --cl-nm-alinti-zemin:rgba(255,255,255,.016);
  --cl-nm-g-ikon:#123a46;
  --cl-nm-g-ikon-ink:#91dfed;
  --cl-nm-kutu:#0e2b32;
  --cl-nm-kutu-2:#07181d;
  --cl-nm-kutu-ink:#f5ffff;
  --cl-nm-kutu-cizgi:rgba(145,224,216,.075);
  --cl-nm-kutu-golge:0 11px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.024);
  --cl-nm-okur-ink:#c2d0d5;
  --cl-nm-okur-alt:rgba(7,17,22,.9);
  --cl-nm-dg-giris-1:#0d2b33;
  --cl-nm-dg-giris-2:#091c22;
  --cl-nm-dg-tarih-1:#164953;
  --cl-nm-dg-tarih-2:#0d2d35;
  --cl-nm-dg-tarih-ink:#f2ffff;
  --cl-nm-dg-tarih-alt:#79d5cd;
  --cl-nm-dg-hicri:rgba(17,53,61,.68);
  --cl-nm-dg-hicri-ink:#9cd8d3;
  --cl-nm-dg-bilgi:rgba(13,36,42,.78);
  --cl-nm-dg-etiket:#67a8aa;
  --cl-nm-dg-metin:#aebfc2;
  --cl-nm-dg-ayet-1:#0c252b;
  --cl-nm-dg-ayet-2:#091b20;
  --cl-nm-dg-cip:#0b1b21;
  --cl-hb-sayfa:#1f2021;
  --cl-hb-kart:#252627;
  --cl-hb-ayrac:#191a1b;
  --cl-hb-ink:#f4f6f6;
  --cl-hb-ink-2:#e3e3e3;
  --cl-hb-soluk:#8b9396;
  --cl-hb-cizgi:rgba(255,255,255,.055);
  --cl-hb-dugme:#2d3032;
  --cl-hb-dugme-cizgi:rgba(255,255,255,.1);
  --cl-hb-kirmizi:#ef5b57;
  --cl-hb-teal:#76e9df;
  --cl-hb-teal-zemin:#138d87;
  --cl-hb-cip:rgba(255,255,255,.035);
  --cl-hb-cip-cizgi:rgba(132,244,236,.58);
  --cl-hb-cip-ink:#d9dede;
  --cl-hb-cip-ikon:#7fe2db;
  --cl-hb-cip-on:rgba(58,193,184,.12);
  --cl-hb-cip-on-isik:rgba(126,247,238,.2);
  --cl-hb-cip-on-cizgi:rgba(151,255,247,.78);
  --cl-hb-cip-on-ink:#f4f7f7;
  --cl-hb-takip-cizgi:rgba(137,240,232,.5);
  --cl-hb-takip-ink:#8ee9e2;
  --cl-hb-medya:#171a1b;
  --cl-hb-eylem:#f4f4f4;
  --cl-hb-yorum-ink:#f1f3f4;
  --cl-hb-yorum-eylem:#a7afb2;
  --cl-hb-girdi-cizgi:#3a3c3d;
  --cl-hb-girdi-ok:#6d7072;
  --cl-hb-girdi-ink:#dddddd;
  --cl-hb-gonder:#8a8e90;
  --cl-hb-yanit-cizgi:rgba(93,225,215,.18);
  --cl-hb-t0:#72eee4;--cl-hb-t0-z:rgba(34,211,198,.14);--cl-hb-t0-c:rgba(76,230,219,.24);
  --cl-hb-t1:#ff858b;--cl-hb-t1-z:rgba(255,77,85,.13);--cl-hb-t1-c:rgba(255,77,85,.22);
  --cl-hb-t2:#ffd078;--cl-hb-t2-z:rgba(245,181,61,.13);--cl-hb-t2-c:rgba(245,181,61,.22);
  --cl-hb-t3:#caa7ff;--cl-hb-t3-z:rgba(169,117,255,.14);--cl-hb-t3-c:rgba(169,117,255,.23);
  --cl-hb-t4:#8fc3ff;--cl-hb-t4-z:rgba(56,150,244,.14);--cl-hb-t4-c:rgba(56,150,244,.23);
  --cl-hb-kicker:#29b7af;
  --cl-hb-blok-kart:#2b2d2e;
  --cl-hb-golge:none;
  --cl-hbd-sayfa:#202223;
  --cl-hbd-ust:#262829;
  --cl-hbd-ust-cizgi:#37393a;
  --cl-hbd-ic:#303334;
  --cl-hbd-meta:#9ba3a5;
  --cl-hbd-medya:#111111;
  --cl-hbd-serit:#242728;
  --cl-hbd-serit-cizgi:#343839;
  --cl-hbd-e1:#2d3132;
  --cl-hbd-e2:#272a2b;
  --cl-hbd-e-cizgi:#363b3d;
  --cl-hbd-e-ink:#eef2f2;
  --cl-hbd-e-etiket:#aab2b4;
  --cl-hbd-ozet-cizgi:rgba(26,176,167,.28);
  --cl-hbd-ozet-1:#272b2c;
  --cl-hbd-ozet-2:#222526;
  --cl-hbd-ozet-isik:rgba(24,178,169,.16);
  --cl-hbd-ozet-ink:#e5eeee;
  --cl-hbd-ozet-dugme:#2e3334;
  --cl-hbd-ozet-dugme-ink:#b7c2c4;
  --cl-hbd-ozet-ayrac:rgba(255,255,255,.06);
  --cl-hbd-govde:#ededed;
  --cl-hbd-cizgi:#34393a;
  --cl-hbd-yaz-av:#2a2d2e;
  --cl-hbd-yaz-ink:#e7ebec;
  --cl-hbd-not:#8a9496;
  --cl-hbd-y-metin:#d5dadb;
  --cl-hbd-y-yanit:#bcc4c6;
  --cl-is-kagit:#0e1012;
  --cl-is-bar:#16181b;
  --cl-is-kart:#191c1f;
  --cl-is-kart-2:#1e2125;
  --cl-is-cizgi:#2b2f34;
  --cl-is-ink:#f0efec;
  --cl-is-sis:#9ba1a6;
  --cl-is-tabela:#4fb3c9;
  --cl-is-tabela-koyu:#12333c;
  --cl-is-tente:#d63a2c;
  --cl-is-tente-ink:#ff9186;
  --cl-is-etiket:#f2c230;
  --cl-is-etiket-ink:#f2c230;
  --cl-is-yesil:#3fa76a;
  --cl-is-acik-bg:rgba(63,167,106,.18);
  --cl-is-acik-ink:#6fd69b;
  --cl-is-kapali-bg:#23262a;
  --cl-is-tepki-bg:#23262a;
  --cl-is-tepki-on:rgba(242,194,48,.14);
  --cl-is-cip-on:#4fb3c9;
  --cl-is-cip-on-ink:#0c1416;
  --cl-is-nav-bg:rgba(26,29,33,.78);
  --cl-is-nav-cizgi:rgba(255,255,255,.08);
  --cl-is-nav-golge:0 12px 34px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);
  --cl-is-nokta-halka:#1a1d21;
  --cl-is-geri-bg:#1b1d20;
  --cl-is-geri-cizgi:rgba(255,255,255,.12);
  --cl-is-medya:#15181b;
  --cl-is-yildiz:#e0a500;
  --cl-is-av-gri:#3a3f45;
  --cl-is-onayli-bg:rgba(79,179,201,.16);
  --cl-is-bekle-bg:rgba(242,194,48,.16);
  /* Cide Keşif (/rehber, cide_775 "Gezi"): taslağın ölçülen koyu değerleri */
  --cl-k-bg:#06100f;
  --cl-k-ust:rgba(5,18,16,.94);
  --cl-k-ust-ink:#f5fbf8;
  --cl-k-ust-cizgi:rgba(255,255,255,.06);
  --cl-k-geri:rgba(36,214,160,.08);
  --cl-k-geri-ink:#ecfff8;
  --cl-k-ink:#f4f5ef;
  --cl-k-sub:#c2cfca;
  --cl-k-vurgu:#35d0ba;
  --cl-k-marka:#2bd7a5;
  --cl-k-isik:rgba(53,208,186,.11);
  --cl-k-hero-ort:rgba(6,16,15,.15);
  --cl-k-kutu:#091513;
  --cl-k-kutu-cizgi:rgba(255,255,255,.075);
  --cl-k-etiket:#7a8b85;
  --cl-k-kat:#0d1b18;
  --cl-k-kat2:#091411;
  --cl-k-kat-cizgi:rgba(255,255,255,.075);
  --cl-k-kat-ink:#edf4f1;
  --cl-k-kat-ic:#55dac6;
  --cl-k-kat-ic-bg:rgba(53,208,186,.1);
  --cl-k-kat-ic-cizgi:rgba(53,208,186,.12);
  --cl-k-kat-on:#12302a;
  --cl-k-kat-on-cizgi:rgba(53,208,186,.42);
  --cl-k-kart:#111716;
  --cl-k-medya:#07100e;
  --cl-k-eylem:#eef2f0;
  --cl-k-begen:#ff5b7f;
  --cl-k-on:#35d0ba;
  --cl-k-arac:#0a1714;
  --cl-k-arac-cizgi:rgba(255,255,255,.075);
  --cl-k-arac-ink:#dce5e1;
  --cl-k-geri-d:#15211f;
  --cl-k-hikaye:#aebbb7;
  --cl-k-hikaye-cizgi:rgba(255,255,255,.075);
  --cl-k-hikaye-vurgu:rgba(53,208,186,.55);
  /* Destek: İletişim · Yardım Merkezi · Sorun Bildir — taslağın ölçülen koyu değerleri */
  --cl-ds-bg:#08111a;
  --cl-ds-ust:rgba(7,16,24,.96);
  --cl-ds-ust-ink:#f6fbfd;
  --cl-ds-ust-cizgi:rgba(255,255,255,.07);
  --cl-ds-geri:#101d27;
  --cl-ds-ink:#f5f9fb;
  --cl-ds-sub:#91a4ae;
  --cl-ds-vurgu:#28cbb6;
  --cl-ds-kart:#0c1b25;
  --cl-ds-kart2:#09151e;
  --cl-ds-kart-cizgi:rgba(255,255,255,.075);
  --cl-ds-sss-cizgi:rgba(38,195,179,.2);
  --cl-ds-etiket:#9eafb8;
  --cl-ds-ic:#10212c;
  --cl-ds-alan:#0f1b24;
  --cl-ds-alan-cizgi:rgba(255,255,255,.1);
  --cl-ds-dugme:#eaf4f5;
  --cl-ds-dugme-ink:#071018;
  --cl-ds-hata:#ff8a96;
  --cl-ds-tur-on:#12303a;
  --cl-ds-tur-on-cizgi:rgba(36,200,184,.45);
  /* Duyurular (cide_775 cl428/cl433/cl429) — taslağın ölçülen koyu değerleri */
  --cl-an-bg:#080b09;
  --cl-an-ust:rgba(8,11,9,.94);
  --cl-an-ust-ink:#f6f8f6;
  --cl-an-cizgi:#202823;
  --cl-an-ink:#f6f8f6;
  --cl-an-sub:#8d9991;
  --cl-an-vurgu:#6ed099;
  --cl-an-kart:#101512;
  --cl-an-kart-cizgi:#222b25;
  --cl-an-sekme-ink:#7d8981;
  --cl-an-sekme-on:#eef3ef;
  --cl-an-sekme-on-ink:#0e120f;
  --cl-an-etiket:#72d39b;
  --cl-an-etiket-ink:#07100a;
  --cl-an-metin:#d8ded9;
  --cl-an-ses:#0f1411;
  --cl-an-oynat:#edf3ef;
  --cl-an-oynat-ink:#101411;
  /* Anketler (cide_775 cl476Polls) — taslağın ölçülen koyu değerleri */
  --cl-ap-bg:#0a111a;
  --cl-ap-ust:rgba(7,16,24,.98);
  --cl-ap-ust-ink:#f6fbfd;
  --cl-ap-cizgi:rgba(255,255,255,.06);
  --cl-ap-ink:#f6fbfd;
  --cl-ap-sub:#8aa1aa;
  --cl-ap-vurgu:#55ddd0;
  --cl-ap-sekme:#8199a2;
  --cl-ap-kart:#0e1c25;
  --cl-ap-ic:#10242c;
  --cl-ap-secenek:#0d1820;
  --cl-ap-secenek-cizgi:rgba(255,255,255,.08);
  --cl-ap-dolgu:rgba(25,207,169,.14);
  --cl-ap-canli:#14d7a7;
  --cl-ap-canli-bg:rgba(20,215,167,.08);
  --cl-tl-bg:#0a111a;
  --cl-tl-bg2:#070908;
  --cl-tl-ust:#080b09;
  --cl-tl-ust-ink:#f7fbfa;
  --cl-tl-geri:#141916;
  --cl-tl-cizgi:#18201c;
  --cl-tl-ink:#f7fbfa;
  --cl-tl-sub:#b7c2be;
  --cl-tl-soluk:#8d9b95;
  --cl-tl-kart:#0e1512;
  --cl-tl-alan:#111613;
  --cl-tl-alan-cizgi:#25302a;
  --cl-tl-yesil:#71b891;
  --cl-tl-yesil-bg:#163326;
  --cl-tl-birincil:#d4363d;
  --cl-tl-birincil-ink:#ffffff;
  --cl-tl-kalp:#ff7b80;
  --cl-tl-ikincil:#111b22;
  --cl-tl-ikincil-ink:#eef5f2;
  --cl-tl-cip:#0f181f;
  --cl-tl-cip-ink:#b8c5c1;
  --cl-tl-cip-on:#eef4f1;
  --cl-tl-cip-on-ink:#0b1512;
  --cl-tl-hero-ink:#ffffff;
  --cl-tl-hero-golge:#0a111a;
  --cl-tl-ilerleme:linear-gradient(90deg,#399565,#74d29e);
  --cl-tl-d-mavi:#8ab8ff;
  --cl-tl-d-mavi-bg:#14243a;
  --cl-tl-d-mor:#c3a4ff;
  --cl-tl-d-mor-bg:#261b3a;
  --cl-tl-d-sari:#e4c85f;
  --cl-tl-d-sari-bg:#332b13;
  --cl-tl-d-turuncu:#ffad6b;
  --cl-tl-d-turuncu-bg:#3a2412;
  --cl-tl-d-yesil:#78d49f;
  --cl-tl-d-yesil-bg:#123022;
  --cl-tl-d-gri:#b3bdb8;
  --cl-tl-d-gri-bg:#1d2522;
  --cl-ky-bg:#0a111a;
  --cl-ky-ust:#0a111a;
  --cl-ky-ust-ink:#f4f8f6;
  --cl-ky-geri:rgba(255,255,255,.06);
  --cl-ky-cizgi:rgba(255,255,255,.07);
  --cl-ky-ink:#f4f8f6;
  --cl-ky-sub:#a9b8b3;
  --cl-ky-soluk:#83978f;
  --cl-ky-metin:#d7dfdc;
  --cl-ky-vurgu:#5fd69a;
  --cl-ky-kart:#0d1720;
  --cl-ky-kart-cizgi:rgba(255,255,255,.08);
  --cl-ky-kucuk:#111b24;
  --cl-ky-cip:#0f181f;
  --cl-ky-cip-ink:#b8c5c1;
  --cl-ky-cip-on:#e8f5ee;
  --cl-ky-cip-on-ink:#0a2018;
  --cl-ky-gonder:#5fd69a;
  --cl-ky-gonder-ink:#062017;
  --cl-ky-hero-ink:#f5f8f7;
  --cl-ky-hero-golge:#060b10;
  --cl-ky-hero-vurgu:#5fd69a;
  --cl-ky-hero-bos:linear-gradient(135deg,#123a2c 0%,#0d2330 55%,#0a111a 100%);
  --cl-fr-bg:#081018;
  --cl-fr-ust:#071018;
  --cl-fr-ust-ink:#f5fbfd;
  --cl-fr-geri:#101c25;
  --cl-fr-cizgi:rgba(255,255,255,.07);
  --cl-fr-ink:#f5fbfd;
  --cl-fr-sub:#91a5ae;
  --cl-fr-soluk:#7f959e;
  --cl-fr-kart:#0e1a23;
  --cl-fr-kart-2:#111f28;
  --cl-fr-turuncu:#ff8b3a;
  --cl-fr-yesil:#5fe0b5;
  --cl-fr-rozet:#2a1a10;
  --cl-fr-rozet-ink:#ff984d;
  --cl-fr-birincil:#ffffff;
  --cl-fr-birincil-ink:#071018;
  --cl-fr-ikincil:#101d26;
  --cl-fr-ikincil-ink:#dce9ec;
  --cl-fr-vurgu:#ff913f;
  --cl-fr-sekme:#ff7b24;
  --cl-fr-hero:radial-gradient(circle at 92% 10%,rgba(255,123,36,.22),transparent 34%),linear-gradient(180deg,#0b1821,#081018);
  --cl-fr-kart-bg:linear-gradient(180deg,rgba(14,26,35,.62),rgba(8,16,24,.4));
  --cl-fr-yildiz:#f4c766;
  /* Arama (cide_775 #searchModal) — taslağın ölçülen koyu değerleri (390 px) */
  --cl-ar-bg:#090b0f;
  --cl-ar-ust:rgba(9,11,15,.94);
  --cl-ar-ust-ink:#f6f7f8;
  --cl-ar-bd:rgba(0,0,0,.48);
  --cl-ar-sheet:#11161d;
  --cl-ar-sheet-cizgi:rgba(255,255,255,.09);
  --cl-ar-golge:0 -20px 44px rgba(0,0,0,.34);
  --cl-ar-tutamak:#333c47;
  --cl-ar-ink:#f6f7f8;
  --cl-ar-sub:#9eabb9;
  --cl-ar-alan:#181e26;
  --cl-ar-alan-ink:#f2f6fa;
  --cl-ar-cizgi:rgba(255,255,255,.075);
  --cl-ar-ikon:#8d99a8;
  --cl-ar-yer:#8d99a8;
  --cl-ar-x-ink:#cbd4df;
  --cl-ar-cip:#171d25;
  --cl-ar-cip-ink:#aab5c2;
  --cl-ar-cip-on:#f6f7f8;
  --cl-ar-cip-on-ink:#11161d;
  --cl-ar-kart:#11161d;
  --cl-ar-vurgu:#7cc0ff;
  /* Cide TV (cide_775 V398) — açık blokla AYNI (koyu medya yüzeyi) */
  --cl-tv-bg:#030404;
  --cl-tv-ust:#050606;
  --cl-tv-ust-ink:#f5f7f6;
  --cl-tv-ust-cizgi:rgba(255,255,255,.06);
  --cl-tv-geri:#151a18;
  --cl-tv-ink:#f5f7f6;
  --cl-tv-sub:#7a837f;
  --cl-tv-meta:#7a837f;
  --cl-tv-kirmizi:#ef4a50;
  --cl-tv-kirmizi-2:#ff565c;
  --cl-tv-marka:#f13f46;
  --cl-tv-oynat:#ef3f46;
  --cl-tv-cizgi:#151918;
  --cl-tv-kart-cizgi:#242a28;
  --cl-tv-cip:#101312;
  --cl-tv-cip-ink:#87908c;
  --cl-tv-cip-on:#d6353b;
  --cl-tv-cip-on-ink:#ffffff;
  --cl-tv-ekran:#111514;
  --cl-tv-ekran-ink:#a9b0ad;
  /* Asistan (cide_775 CideLife AI sohbeti) — taslağın ölçülen koyu değerleri (390 px). Kendi balonu taslağın
     #3098c1→#23759b degradesinde 3.1:1'di; 4.5 için bir ton koyu (#1b73a0→#175f86). Yarı saydam yüzeyler
     (karşılama, AI balonu, öneri) zeminle karıştırılmış opak eşdeğerleriyle. */
  --cl-as-bd:rgba(1,6,12,.72);
  --cl-as-bg:#07111b;
  --cl-as-cizgi:rgba(100,200,255,.18);
  --cl-as-golge:0 -24px 70px rgba(0,0,0,.58);
  --cl-as-tutamak:rgba(255,255,255,.42);
  --cl-as-bas-cizgi:rgba(114,208,255,.16);
  --cl-as-bas-ort:linear-gradient(90deg,rgba(3,12,21,.7),rgba(3,12,21,.16) 55%,rgba(3,12,21,.02)),linear-gradient(0deg,#07111b 0%,rgba(7,17,27,.02) 62%);
  --cl-as-marka:rgba(3,12,21,.56);
  --cl-as-marka-cizgi:rgba(116,214,255,.18);
  --cl-as-marka-ink:#f5fbfe;
  --cl-as-durum-ink:#a7c3d1;
  --cl-as-yesil:#55d39a;
  --cl-as-x:rgba(3,12,21,.58);
  --cl-as-x-ink:#b5c6ce;
  --cl-as-x-cizgi:rgba(255,255,255,.06);
  --cl-as-ink:#eef6f9;
  --cl-as-sub:#7f95a1;
  --cl-as-kart:#101923;
  --cl-as-kart-cizgi:rgba(122,200,235,.1);
  --cl-as-ikon:#75d8fa;
  --cl-as-ikon-bg:rgba(57,155,198,.14);
  --cl-as-ikon-cizgi:rgba(101,200,238,.11);
  --cl-as-ai:#121b25;
  --cl-as-ai-cizgi:rgba(255,255,255,.06);
  --cl-as-ai-ink:#edf4f7;
  --cl-as-ben-1:#1b73a0;
  --cl-as-ben-2:#175f86;
  --cl-as-ben-ink:#eefaff;
  --cl-as-mini:#173a4c;
  --cl-as-mini-ink:#dff7ff;
  --cl-as-nokta:#77cdec;
  --cl-as-oneri:#0c2332;
  --cl-as-oneri-ink:#a9d8eb;
  --cl-as-oneri-cizgi:rgba(107,206,255,.16);
  --cl-as-yaz:rgba(5,14,23,.96);
  --cl-as-yaz-cizgi:rgba(107,198,235,.13);
  --cl-as-alan:#0c1b28;
  --cl-as-alan-ink:#eef6f9;
  --cl-as-alan-cizgi:rgba(113,202,241,.16);
  --cl-as-yer:#7f95a1;
  --cl-as-gonder:#162631;
  --cl-as-gonder-ink:#78909b;
  --cl-as-gonder-on:linear-gradient(145deg,#3baed5,#23799f);
  /* Oluştur (cide_775 create-sheet-v46) — taslağın ölçülen koyu değerleri (390 px); kart alt yazısı taslağın
     rgba(239,244,250,.7)'sinin kart zeminindeki opak karşılığı */
  --cl-cr-bd:rgba(0,0,0,.55);
  --cl-cr-panel:#10151c;
  --cl-cr-parilti:rgba(109,140,255,.1);
  --cl-cr-golge:0 -24px 48px rgba(0,0,0,.38);
  --cl-cr-tutamak:#343941;
  --cl-cr-kicker:#778496;
  --cl-cr-ink:#f4f7fb;
  --cl-cr-x:#171d25;
  --cl-cr-x-ink:#cfd7e2;
  --cl-cr-cizgi:rgba(255,255,255,.08);
  --cl-cr-kart:#151b23;
  --cl-cr-kart-parilti:linear-gradient(145deg,rgba(108,140,255,.1),rgba(108,140,255,.02));
  --cl-cr-sub:#8e9aa8;
  --cl-cr-ok:#1e2631;
  --cl-cr-ok-ink:#d9e1ec;
  --cl-cr-baslik:#ffffff;
  --cl-cr-alt:#b8c1cd;
  --cl-cr-kart-orn:#1b3151;
  --cl-cr-ic:rgba(255,255,255,.08);
  --cl-cr-ic-cizgi:rgba(255,255,255,.08);
  --cl-cr-ic-ink:#ffffff;
  --cl-cr-birincil:linear-gradient(145deg,#eef3f8,#b9c5d4);
  --cl-cr-birincil-duz:#b9c5d4;
  --cl-cr-birincil-ink:#10161e;
  /* Galeri (cide_775 cl636/cl720/cl721) — taslağın ölçülen koyu değerleri (390 px); kart zaman satırı taslağın
     #697884'ü 4.3:1'di, bir ton açık (#75848f) */
  --cl-gl-bg:#05090d;
  --cl-gl-ust:rgba(5,9,13,.94);
  --cl-gl-ust-ink:#f7fbff;
  --cl-gl-cizgi:rgba(255,255,255,.06);
  --cl-gl-ink:#f7fbff;
  --cl-gl-sub:#78909d;
  --cl-gl-soluk:#75848f;
  --cl-gl-kart:#080e13;
  --cl-gl-geri:#111922;
  --cl-gl-dugme:#10171d;
  --cl-gl-dugme-ink:#dce6ea;
  --cl-gl-puan:#ffd45d;
  --cl-gl-sekme:#0c1319;
  --cl-gl-sekme-ink:#778793;
  --cl-gl-sekme-cizgi:rgba(255,255,255,.08);
  --cl-gl-sekme-on:#e9f3f2;
  --cl-gl-sekme-on-ink:#06100f;
  --cl-gl-begen:#ff5f7f;
  --cl-gl-begen-bg:rgba(255,75,112,.11);
  --cl-gl-yildiz:#3c4650;
  --cl-gl-yildiz-on:#ffd04e;
  --cl-gl-dosya-ic-bg:rgba(69,218,255,.12);
  --cl-gl-dosya-ic:#73eaff;
  --cl-gl-sayi-bg:rgba(76,225,192,.1);
  --cl-gl-sayi:#74e9c9;
  --cl-gl-panel:#0a1117;
  --cl-gl-onizle:#101820;
  --cl-gl-onizle-cizgi:#34424c;
  --cl-gl-kural:#101920;
  --cl-gl-kural-ink:#82919d;
  --cl-gl-sec:#16222b;
  --cl-gl-sec-ink:#e6eef2;
  --cl-gl-yayinla:linear-gradient(135deg,#42e1ba,#54b9ff);
  --cl-gl-yayinla-duz:#54b9ff;
  --cl-gl-yayinla-ink:#03100d;
  --cl-gl-bd:rgba(0,0,0,.7);
  --cl-gl-vurgu:#59e4c0;
  --cl-gl-foto-bg:#020406;
  --cl-gl-tutamak:#33404a;
  --cl-gl-x:#151e25;
  /* Topluluklar · şehir (cide_775 communities399/cm400/cm401/cm410) — taslağın ölçülen koyu değerleri (390 px) */
  --cl-tp-bg:#070909;
  --cl-tp-ust:rgba(7,9,9,.94);
  --cl-tp-ust-ink:#f4f7f5;
  --cl-tp-cizgi:#181c1a;
  --cl-tp-ink:#f4f7f5;
  --cl-tp-sub:#7a847f;
  --cl-tp-kart:#0a0f0d;
  --cl-tp-kart-cizgi:#171f1b;
  --cl-tp-geri:#141817;
  --cl-tp-sekme:#0d100f;
  --cl-tp-sekme-ink:#7f8984;
  --cl-tp-sekme-cizgi:#202623;
  --cl-tp-sekme-on:#f0f3f1;
  --cl-tp-sekme-on-ink:#080a09;
  --cl-tp-birincil:#d6353b;
  --cl-tp-birincil-ink:#ffffff;
  --cl-tp-mavi:#2b77b4;
  --cl-tp-mavi-ink:#ffffff;
  --cl-tp-msj:#10201c;
  --cl-tp-msj-cizgi:#1c302a;
  --cl-tp-msj-ink:#f5f7f6;
  --cl-tp-benim:#123149;
  --cl-tp-benim-cizgi:#1c4763;
  --cl-tp-gonderen:#e2b72e;
  --cl-tp-tehlike:#ff6269;
  --cl-tp-tehlike-bg:#12090a;
  --cl-tp-tehlike-cizgi:#3a1719;
  --cl-tp-selam:linear-gradient(145deg,#0c1512,#09100e);
  --cl-tp-selam-cizgi:#1b2722;
  --cl-tp-vurgu:#72a58f;
  --cl-tp-balon1:#12211c;
  --cl-tp-balon1-ink:#bdc9c3;
  --cl-tp-balon2:#123149;
  --cl-tp-balon2-ink:#dbeaf2;
  --cl-tp-alan:#0d1210;
  --cl-tp-alan-cizgi:#1d2320;
  --cl-tp-ikincil:#121816;
  --cl-tp-ikincil-ink:#aeb9b3;
  --cl-tp-logo:#102335;
  --cl-tp-banner:linear-gradient(145deg,#132019,#0b100d);
  --cl-tp-begen:#ff6b72;
  /* Önemli duyuru kartı: taslağın koyu değerleri (tarih #66716a 4.5:1'in altındaydı, açıldı) */
  --cl-not-kenar:linear-gradient(120deg,#28362f,#76cc9b,#d3ac63,#28362f);
  --cl-not-bg:linear-gradient(145deg,#111713,#080b09);
  --cl-not-ink:#ffffff;
  --cl-not-sub:#929e97;
  --cl-not-tarih:#7f8a84;
  --cl-not-rozet:#173226;
  --cl-not-rozet-ink:#83d5a7;
  --cl-not-nokta:#7bd3a1;
  --cl-not-x:#151b17;
  --cl-not-x-ink:#a4afa8;
  --cl-not-dugme:#eef4ef;
  --cl-not-dugme-ink:#101411;
  --cl-not-golge:0 16px 45px rgba(0,0,0,.38);
  /* Profil · şehir (cide_775 cl900) — taslağın koyu değerleri; bölüm etiketi (#63808a → #6b8993) 4.5 için bir ton açık. */
  --cl-pf-bg:#071116;
  --cl-pf-zemin:radial-gradient(circle at 92% -5%,rgba(61,223,229,.13),transparent 29%),linear-gradient(180deg,#09161c 0%,#071116 48%,#050c10 100%);
  --cl-pf-ust:#060f14;
  --cl-pf-ust-ink:#f4fafb;
  --cl-pf-geri:rgba(5,17,24,.78);
  --cl-pf-geri-golge:0 10px 28px rgba(0,0,0,.24);
  --cl-pf-cizgi:rgba(255,255,255,.085);
  --cl-pf-ink:#f4fafb;
  --cl-pf-sub:#89a0a8;
  --cl-pf-kart:#131c21;
  --cl-pf-kart-bg:linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.018));
  --cl-pf-kart-golge:none;
  --cl-pf-dugme:rgba(255,255,255,.055);
  --cl-pf-birincil:#3ddfe5;
  --cl-pf-birincil-bg:linear-gradient(135deg,#3ddfe5,#2ae0a4);
  --cl-pf-birincil-ink:#04191b;
  --cl-pf-bio:#d9e6e9;
  --cl-pf-hap:rgba(255,255,255,.035);
  --cl-pf-hap-ink:#b9cbd0;
  --cl-pf-sayi-bg:rgba(255,255,255,.025);
  --cl-pf-etiket:#6b8993;
  --cl-pf-panel:#0b2026;
  --cl-pf-panel-bg:linear-gradient(135deg,rgba(61,223,229,.075),rgba(42,224,164,.035));
  --cl-pf-panel-cizgi:rgba(61,223,229,.16);
  --cl-pf-panel-ink:#89a0a8;
  --cl-pf-ikon:rgba(61,223,229,.1);
  --cl-pf-ikon-ink:#f4fafb;
  --cl-pf-vurgu:#3ddfe5;
  --cl-pf-vurgu-ink:#052025;
  --cl-pf-onay:#3ddfe5;
  --cl-pf-avatar-cerceve:#09161c;
  --cl-pf-avatar-golge:0 16px 36px rgba(0,0,0,.35);
  --cl-pf-isletme-cizgi:rgba(255,138,61,.24);
  --cl-pf-isletme-bg:linear-gradient(135deg,rgba(255,138,61,.105),rgba(244,199,102,.04));
  --cl-pf-isletme-ok:#ffad76;
  --cl-pf-isletme-kesik:rgba(255,138,61,.25);
  --cl-pf-isletme-dugme:linear-gradient(135deg,#ff8a3d,#f4c766);
  --cl-pf-isletme-dugme-ink:#261205;
  --cl-pf-katman:rgba(0,0,0,.64);
  --cl-pf-pencere:#0a171d;
  --cl-pf-pencere-golge:0 -24px 70px rgba(0,0,0,.46);
  --cl-pf-tutamak:#3d565f;
  --cl-pf-x:rgba(255,255,255,.06);
  --cl-pf-satir:rgba(255,255,255,.035);
  --cl-pf-secili:rgba(61,223,229,.07);
  --cl-pf-secili-cizgi:rgba(61,223,229,.34);
  --cl-pf-alan:#0e2027;
  --cl-pf-alan-ink:#ffffff;
  --cl-pf-alan-etiket:#7f99a2;
  --cl-pf-medya-avatar:linear-gradient(145deg,#102832,#09191f);
  --cl-pf-medya-kapak:rgba(255,255,255,.06);
  --cl-pf-dosya:rgba(61,223,229,.09);
  --cl-pf-dosya-cizgi:rgba(61,223,229,.22);
  --cl-pf-dosya-ink:#bffcf8;
  --cl-pf-anahtar:#28363c;
  --cl-pf-anahtar-on:#2ae0a4;
  --cl-pf-cikis:#ff8a80;
  /* Fotoğraf Yarışması — koyu karşılık (Galeri'nin koyu zemini) */
  --cl-yr-bg:#05090d;
  --cl-yr-ust:rgba(5,9,13,.94);
  --cl-yr-ust-ink:#f7fbff;
  --cl-yr-cizgi:rgba(255,255,255,.07);
  --cl-yr-ink:#eef4f8;
  --cl-yr-sub:#9eabb5;
  --cl-yr-kart:#0d141a;
  --cl-yr-kart-cizgi:rgba(255,255,255,.07);
  --cl-yr-geri:#141d24;
  --cl-yr-sekme:#0f171d;
  --cl-yr-sekme-ink:#b7c3cc;
  --cl-yr-sekme-cizgi:rgba(255,255,255,.1);
  --cl-yr-sekme-on:#eef4f8;
  --cl-yr-sekme-on-ink:#071016;
  --cl-yr-oy:#2b1017;
  --cl-yr-oy-ink:#ff9db3;
  --cl-yr-oy-on:#c4234b;
  --cl-yr-oy-on-ink:#ffffff;
  --cl-yr-kapali:#141d24;
  --cl-yr-kapali-ink:#b7c3cc;
  --cl-yr-vurgu:#f2b705;
  --cl-yr-vurgu-ink:#1d1500;
  --cl-yr-hak:#261f08;
  --cl-yr-hak-ink:#ffd978;
  --cl-yr-hak-cizgi:rgba(255,217,120,.18);
  --cl-yr-katildin:#0c2a1f;
  --cl-yr-katildin-ink:#8ae2bf;
  --cl-yr-alan:#0f171d;
  --cl-yr-alan-cizgi:rgba(255,255,255,.12);
  --cl-yr-alan-ink:#eef4f8;
  --cl-yr-foto-bg:#111a21;
  /* Sağlık — koyu karşılık */
  --cl-sg-bg:#05090d;
  --cl-sg-ust:rgba(5,9,13,.94);
  --cl-sg-ust-ink:#f7fbff;
  --cl-sg-cizgi:rgba(255,255,255,.07);
  --cl-sg-ink:#eef4f8;
  --cl-sg-sub:#9eabb5;
  --cl-sg-kart:#0d141a;
  --cl-sg-kart-cizgi:rgba(255,255,255,.07);
  --cl-sg-geri:#141d24;
  --cl-sg-acil:#c21f16;
  --cl-sg-acil-ink:#ffffff;
  --cl-sg-ara:#0f7a55;
  --cl-sg-ara-ink:#ffffff;
  --cl-sg-yol:#141d24;
  --cl-sg-yol-ink:#dbe4ea;
  --cl-sg-cip:#121b22;
  --cl-sg-cip-ink:#b7c3cc;
  --cl-sg-nobet:#2a100d;
  --cl-sg-nobet-ink:#ffb4ab;
  --cl-sg-nobet-cizgi:rgba(255,180,171,.18);
  --cl-sg-rozet:#c21f16;
  --cl-sg-rozet-ink:#ffffff;
  --cl-sg-yok:#261f08;
  --cl-sg-yok-ink:#ffd978;
  /* Turlar — koyu karşılık */
  --cl-tu-bg:#050a08;
  --cl-tu-ust:rgba(5,10,8,.94);
  --cl-tu-ust-ink:#f4faf7;
  --cl-tu-cizgi:rgba(255,255,255,.07);
  --cl-tu-ink:#edf5f1;
  --cl-tu-sub:#9fb0a8;
  --cl-tu-kart:#0c1411;
  --cl-tu-kart-cizgi:rgba(255,255,255,.07);
  --cl-tu-geri:#131d19;
  --cl-tu-fiyat:#6fe0a8;
  --cl-tu-cip:#121c18;
  --cl-tu-cip-ink:#b9c8c1;
  --cl-tu-wa:#0f7a47;
  --cl-tu-wa-ink:#ffffff;
  --cl-tu-ara:#edf5f1;
  --cl-tu-ara-ink:#07100c;
  --cl-tu-bar:#0c1411;
  --cl-tu-bar-ink:#edf5f1;
  --cl-tu-foto-bg:#111b17;
  /* Başarı Duvarı — koyu karşılık */
  --cl-bd-bg:#06080d;
  --cl-bd-ust:rgba(6,8,13,.94);
  --cl-bd-ust-ink:#f6f8fc;
  --cl-bd-cizgi:rgba(255,255,255,.07);
  --cl-bd-ink:#eef1f7;
  --cl-bd-sub:#a0a8b6;
  --cl-bd-kart:#0e121a;
  --cl-bd-kart-cizgi:rgba(255,255,255,.07);
  --cl-bd-geri:#151a24;
  --cl-bd-sekme:#10151e;
  --cl-bd-sekme-ink:#b8c0cc;
  --cl-bd-sekme-cizgi:rgba(255,255,255,.1);
  --cl-bd-sekme-on:#eef1f7;
  --cl-bd-sekme-on-ink:#0a0d13;
  --cl-bd-altin:#2a2108;
  --cl-bd-altin-ink:#ffd978;
  --cl-bd-rozet:#2a2108;
  --cl-bd-rozet-ink:#ffd978;
  --cl-bd-cagri:#3b5bdb;
  --cl-bd-cagri-ink:#ffffff;
  --cl-bd-alan:#10151e;
  --cl-bd-alan-ink:#eef1f7;
  --cl-bd-alan-cizgi:rgba(255,255,255,.12);
  --cl-bd-foto-bg:#141a24;
  /* Soru-Cevap — koyu karşılık */
  --cl-sc-bg:#05080c;
  --cl-sc-ust:rgba(5,8,12,.94);
  --cl-sc-ust-ink:#f5f8fc;
  --cl-sc-cizgi:rgba(255,255,255,.07);
  --cl-sc-ink:#edf2f7;
  --cl-sc-sub:#9dabb8;
  --cl-sc-kart:#0d1319;
  --cl-sc-kart-cizgi:rgba(255,255,255,.07);
  --cl-sc-geri:#141c24;
  --cl-sc-sekme:#0f161d;
  --cl-sc-sekme-ink:#b6c2cd;
  --cl-sc-sekme-cizgi:rgba(255,255,255,.1);
  --cl-sc-sekme-on:#edf2f7;
  --cl-sc-sekme-on-ink:#081018;
  --cl-sc-cagri:#2f6bc9;
  --cl-sc-cagri-ink:#ffffff;
  --cl-sc-cozuldu:#0c2a1f;
  --cl-sc-cozuldu-ink:#8ae2bf;
  --cl-sc-kabul:#0f7a55;
  --cl-sc-kabul-ink:#ffffff;
  --cl-sc-kabul-cizgi:rgba(138,226,191,.35);
  --cl-sc-alan:#0f161d;
  --cl-sc-alan-ink:#edf2f7;
  --cl-sc-alan-cizgi:rgba(255,255,255,.12);
  --cl-sc-ic:#12233a;
  --cl-sc-ic-ink:#8fb8f2;
}

/* ── Ortak bileşen: bölüm başlığı + "Tümü" düğmesi ──
   Ölçü (430px): h2 18px/950/-.45px; düğme 9px/800, padding 7px 9px, r10. */
.cl-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 12px;margin:0 0 11px}
.cl-sec-h h2{margin:1px 0 0;font-size:18px;font-weight:900;letter-spacing:-.45px;line-height:1.2;color:var(--cl-ink)}
.cl-sec-more{display:inline-flex;align-items:center;gap:3px;padding:7px 9px;border-radius:10px;background:var(--cl-surface);border:1px solid var(--cl-line);color:var(--cl-ink-2);font-size:9px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}
.cl-sec-more:active{transform:scale(.97)}

/* ── Anasayfa zemini ──
   Taslak: #090b0f + tepede hafif mavi hale (radial, 340px). .app sütunun
   kendisi boyanıyor; app.css'in .app{background:var(--bg)} kuralını yalnız
   anasayfada eziyor. */
body.cl-home{background:var(--cl-bg)}
body.cl-home .app{background:radial-gradient(circle at 50% -120px,var(--cl-bg-glow),transparent 340px),var(--cl-bg);color:var(--cl-ink)}

/* ── Üst bar (templates/partials/cl_topbar.php) ──
   Ölçü (430px, koyu): 73px yüksek, yapışkan, blur(22px); logo hapı 40px;
   düğmeler 46×46 r16, aralık 6px; ikon 20px, çizgi 2.05. */
.cltop{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:9px;min-height:73px;padding:4px 12px 2px;background:var(--cl-top-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--cl-top-line)}
.cltop-brand{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0;text-decoration:none;flex:0 1 auto;min-width:0}
/* Kurumsal logo (cidelife_v755_17_kurumsal_logo.html, ölçülerek): 31px r9 turkuaz degrade kare, "C" 900 17px #07171b,
   -1px harf aralığı; yazı "Cide Life" 800 20px -.75px, "Life" turkuaz; aralık 9px, kelimeler arası 4px. Açık temada
   "Life" taslağın #59ddd7'si beyazda 1.65 → marka turkuazının koyu tonu (#08736e, 5.69). */
.cltop-mark{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font:900 17px/1 Inter,system-ui,sans-serif;letter-spacing:-1px;color:#07171b;background:linear-gradient(145deg,#78eee6 0%,#36d2ca 52%,#1ba5ad 100%);box-shadow:0 5px 15px rgba(30,190,190,.22),inset 0 1px 0 rgba(255,255,255,.35)}
.cltop-word{display:inline-flex;align-items:baseline;gap:4px;min-width:0;font:800 20px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.75px;color:var(--cl-logo-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cltop-word span{color:var(--cl-logo-life)}
@media (max-width:360px){.cltop-brand{gap:7px}.cltop-mark{flex-basis:29px;width:29px;height:29px;border-radius:8px;font-size:16px}.cltop-word{font-size:18px}}
.cltop-logo-img{display:block;max-height:24px;width:auto;margin-bottom:-3px}
.cltop-acts{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cltop-btn{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:16px;border:1px solid var(--cl-btn-line);background:var(--cl-btn-bg);box-shadow:var(--cl-btn-shadow);color:var(--cl-btn-ink);cursor:pointer;text-decoration:none;transition:transform .12s}
.cltop-btn:active{transform:scale(.97)}
.cltop-btn svg{width:20px;height:20px;stroke-width:2.05;display:block}
.cltop-bell{background:radial-gradient(circle at 30% 20%,var(--cl-bell-glow),transparent 46%),var(--cl-btn-bg)}
.cltop-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--cl-dot);border:2px solid var(--cl-dot-ring);box-shadow:0 0 12px var(--cl-dot-glow);font-size:0;line-height:0;overflow:hidden;box-sizing:border-box}
.cltop-dot[hidden]{display:none}
.cltop-moon,.cltop-sun{grid-area:1/1;display:grid;place-items:center;transition:opacity .22s,transform .22s}
.cltop-sun{opacity:1;transform:none}
.cltop-moon{opacity:0;transform:rotate(35deg) scale(.65)}
:root[data-theme="dark"] .cltop-moon{opacity:1;transform:none}
:root[data-theme="dark"] .cltop-sun{opacity:0;transform:rotate(-35deg) scale(.65)}
@media (prefers-reduced-motion:reduce){.cltop-moon,.cltop-sun,.cltop-btn{transition:none}}
/* ── Anasayfa ana kabı ──
   Taslak bölümleri kendi yan boşluklarını taşıyor (10–12px). */
.cl-home .clh-main{padding:0}

/* ── Asistan bandı (home.php .clai) — v755 taslağı ──
   Yeni sanat (gece koy + küreyi tutan figür), çerçevesi kırpıldı. Ölçü: tam genişlik,
   köşesiz, yükseklik clamp(220px,48vw,330px), 640px altı 235px; görsel sabit,
   brightness(.88) saturate(1.06); örtü soldan (.58→.02) ve alttan (.54) koyulaşıyor;
   soru kutusu geniş ekranda sol altta min(52%,560px) r18, dar ekranda 12px kenarlıkla
   tam genişlik r16; zemin rgba(4,14,24,.78), çerçeve rgba(102,216,255,.3).
   Eski dönen ışık halkaları kalktı: eski görseldeki yüzün merkezine göre konumluydu.
   BİLEREK HER TEMADA KOYU: fotoğrafın kabı. */
.clai{position:relative;isolation:isolate;margin:10px 0 8px;min-height:clamp(220px,48vw,330px);border-radius:0;background:#04111d;border-top:1px solid rgba(116,174,255,.12);border-bottom:1px solid rgba(116,174,255,.12);overflow:hidden}
.clai-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center center;filter:brightness(.88) saturate(1.06)}
.clai-halo{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,10,18,.58) 0%,rgba(2,10,18,.2) 42%,rgba(2,10,18,.02) 68%),linear-gradient(0deg,rgba(2,9,16,.54) 0%,transparent 46%)}
.clai-spark{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 1px,transparent 2px),radial-gradient(circle at 32% 74%,rgba(120,220,255,.55) 0,rgba(120,220,255,.55) 1px,transparent 2px),radial-gradient(circle at 56% 18%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 1px,transparent 2px),radial-gradient(circle at 67% 65%,rgba(120,220,255,.48) 0,rgba(120,220,255,.48) 1px,transparent 2px),radial-gradient(circle at 84% 30%,rgba(255,255,255,.42) 0,rgba(255,255,255,.42) 1px,transparent 2px),radial-gradient(circle at 91% 72%,rgba(120,220,255,.5) 0,rgba(120,220,255,.5) 1px,transparent 2px);opacity:.35;animation:cl-ai-akis 6.5s ease-in-out infinite alternate}
.clai-form{position:absolute;left:18px;bottom:20px;z-index:6;display:flex;align-items:center;gap:8px;width:min(52%,560px);min-height:56px;margin:0;padding:5px 5px 5px 17px;border-radius:18px;background:rgba(4,14,24,.78);border:1px solid rgba(102,216,255,.3);box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 24px rgba(53,174,255,.12);-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);overflow:hidden}
.clai-glow{position:absolute;left:22px;right:60px;bottom:8px;height:16px;border-radius:999px;background:radial-gradient(circle,rgba(86,210,255,.25),rgba(86,210,255,0) 70%);filter:blur(10px);pointer-events:none;animation:cl-ai-isik 3s ease-in-out infinite}
.clai-input{position:relative;z-index:3;flex:1 1 auto;min-width:0;height:38px;margin:0;padding:0;border:0;outline:0;background:transparent;color:#f3f8ff;font:600 14px/1.2 var(--sans);-webkit-appearance:none;appearance:none}
.clai-input::placeholder{color:rgba(225,238,246,.76);font-weight:700;font-size:14px;opacity:1}
.clai-type{position:absolute;z-index:2;left:17px;right:56px;top:50%;transform:translateY(-50%);color:rgba(225,238,246,.76);font:700 14px/1.2 var(--sans);white-space:nowrap;overflow:hidden;pointer-events:none;transition:opacity .15s}
.clai-send{position:relative;z-index:4;flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#0a111b;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.035)),#14222d;box-shadow:inset 0 1px 3px rgba(255,255,255,.07);opacity:.34;transition:opacity .2s,background .2s,box-shadow .2s,transform .12s}
.clai-send svg{stroke-width:2.6;transition:transform .2s}
.clai-form:valid .clai-send{opacity:1;color:#ffffff;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.05)),linear-gradient(145deg,#3caed5,#227a9f);box-shadow:0 8px 22px rgba(42,153,198,.3),0 0 0 5px rgba(60,174,213,.12)}
.clai-form:valid .clai-send svg{transform:translateX(2px)}
.clai-send:active{transform:scale(.96)}
@keyframes cl-ai-akis{0%{transform:translate3d(-2px,1px,0) scale(1)}50%{transform:translate3d(2px,-3px,0) scale(1.015)}100%{transform:translate3d(4px,1px,0) scale(1)}}
@keyframes cl-ai-isik{0%,100%{opacity:.35;transform:scaleX(1)}50%{opacity:.75;transform:scaleX(1.04)}}
@media (max-width:640px){.clai{min-height:235px}.clai-bg{background-position:58% center}.clai-halo{background:linear-gradient(90deg,rgba(1,8,15,.64) 0%,rgba(1,8,15,.2) 48%,transparent 72%),linear-gradient(0deg,rgba(1,8,15,.6),transparent 50%)}.clai-form{left:12px;right:12px;bottom:12px;width:auto;min-height:52px;border-radius:16px}}
@media (prefers-reduced-motion:reduce){.clai-spark,.clai-glow{animation:none}.clai-send,.clai-send svg,.clai-type{transition:none}}
/* ── Hizmet kartları (home.php nav.clsvc) ──
   Ölçü (430px, koyu): 4 sütun, aralık 7px, kenar 10px; kart 97×80 r16,
   padding 7px, satırlar 34px/30px; ikon kutusu 34×34 r11, ikon 24px çizgi 1.8;
   başlık 10.2px/950. Desen: ::before çapraz çizgi (%24), ::after 96px düğüm
   deseni (%13, -8°, blur 2px). İkon kutusu 2.6s parlıyor, ikon 3px süzülüyor.
   RENK DEĞİŞKENLERİ: --t vurgu (koyu tema), --tl vurgu (açık tema; admindeki
   tile_colors ikinci durağı), --t1/--t2 koyu kart gradyanı (taslaktan ölçüldü).
   Özel #hex'te yalnız --t gelir; diğerleri color-mix ile türetiliyor. */
.clsvc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:7px 10px 4px;margin:0}
.clsvc-card,.clsheet-item{--t:#5b8cff;--tl:var(--t);--t1:color-mix(in srgb,var(--t) 20%,#11151b);--t2:color-mix(in srgb,var(--t) 9%,#0f1318)}
.clsvc-c-blue,.clsvc-c-blue2{--t:#5b8cff;--tl:#2563eb;--t1:#1b3151;--t2:#152235}
.clsvc-c-orange,.clsvc-c-forange{--t:#ff7043;--tl:#e0631a;--t1:#3b2422;--t2:#211719}
.clsvc-c-gold{--t:#f6c85f;--tl:#b07f22;--t1:#3b3119;--t2:#221b10}
.clsvc-c-green,.clsvc-c-tgreen{--t:#2bcf7d;--tl:#1a8f55;--t1:#183526;--t2:#112219}
.clsvc-c-purple,.clsvc-c-purple2{--t:#8f72ff;--tl:#6a3fe0;--t1:#2b1e49;--t2:#1a1428}
.clsvc-c-cyan{--t:#49c2ff;--tl:#1683bd;--t1:#173942;--t2:#10242a}
.clsvc-c-red,.clsvc-c-hred{--t:#ff5a5f;--tl:#c0392b;--t1:#3f1f23;--t2:#231417}
.clsvc-c-navy{--t:#d2dce6;--tl:#4a5566;--t1:#30353e;--t2:#1c2027}
.clsvc-c-pink{--t:#ff5698;--tl:#d6337a;--t1:#431d35;--t2:#241321}
.clsvc-card{position:relative;isolation:isolate;display:grid;grid-template-rows:34px 30px;align-items:start;justify-items:start;height:80px;padding:7px;border-radius:16px;overflow:hidden;text-decoration:none;border:1px solid color-mix(in srgb,var(--tl) 26%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--tl) 13%,#ffffff),color-mix(in srgb,var(--tl) 5%,#ffffff));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .12s}
.clsvc-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 82% 20%,var(--cl-tile-shine),transparent 20%),repeating-linear-gradient(135deg,var(--cl-tile-stripe) 0,var(--cl-tile-stripe) 1px,transparent 1px,transparent 15px);opacity:.24}
.clsvc-card::after{content:"";position:absolute;right:-20px;bottom:-22px;width:96px;height:96px;z-index:0;pointer-events:none;border-radius:24px;background:radial-gradient(circle at 28% 30%,var(--cl-tile-pat) 0,var(--cl-tile-pat) 4px,transparent 5px),radial-gradient(circle at 68% 30%,var(--cl-tile-pat) 0,var(--cl-tile-pat) 4px,transparent 5px),radial-gradient(circle at 48% 68%,var(--cl-tile-pat) 0,var(--cl-tile-pat) 4px,transparent 5px),linear-gradient(45deg,transparent 44%,var(--cl-tile-pat) 45%,var(--cl-tile-pat) 51%,transparent 52%),linear-gradient(-45deg,transparent 44%,var(--cl-tile-pat) 45%,var(--cl-tile-pat) 51%,transparent 52%);opacity:.13;transform:rotate(-8deg);filter:blur(2px)}
.clsvc-card:active{transform:scale(.985)}
.clsvc-ic{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;overflow:hidden;color:#ffffff;border:1px solid color-mix(in srgb,var(--tl) 60%,transparent);background:linear-gradient(145deg,var(--tl),color-mix(in srgb,var(--tl) 78%,#000));box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 5px 12px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:cl-svc-parla 2.6s ease-in-out infinite}
.clsvc-ic.img{background-size:cover;background-position:center}
.clsvc-ic svg{width:24px;height:24px;stroke-width:1.8;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));animation:cl-svc-suzul 2.6s ease-in-out .12s infinite}
.clsvc-t{position:relative;z-index:2;margin-top:5px;max-width:100%;font-size:10.2px;line-height:1.1;font-weight:900;letter-spacing:-.12px;color:var(--cl-tile-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="dark"] .clsvc-card{border-color:color-mix(in srgb,var(--t) 27%,transparent);background:linear-gradient(145deg,var(--t1),var(--t2))}
:root[data-theme="dark"] .clsvc-ic{border-color:color-mix(in srgb,var(--t) 27%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--t) 27%,transparent),color-mix(in srgb,var(--t) 11%,transparent))}
:root[data-theme="dark"] .clsvc-t{text-shadow:0 1px 2px rgba(0,0,0,.28)}
.clsvc-life .clsvc-t{justify-self:center;margin-top:7px;font-size:12px;letter-spacing:-.15px}
.clsvc-arti{color:#b8780c}
:root[data-theme="dark"] .clsvc-arti{color:#f6c85f}
@keyframes cl-svc-parla{0%,100%{box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 5px 12px rgba(0,0,0,.18)}50%{box-shadow:inset 0 1px 1px rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.22)}}
@keyframes cl-svc-suzul{0%,100%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-3px) scale(1.035);opacity:.94}}

/* ── "Tümü" menüsü (home.php #clTumu) ──
   Ölçü (430px, koyu): alttan 84px yukarıda, yanlardan 10px; r26, padding
   14/12/16, cam (blur 22 + doygunluk 1.25); başlık 7px/900 "KEŞFET" + 18px/700;
   4 sütun aralık 8px; öğe 78px r17, ikon 36×36 r12, etiket 8.4px/850.
   390px ve altı (cide_775): yanlardan 8, alttan 78, r23, padding 12/10/14; aralık 7;
   öğe 72 r15, ikon 33 r10, etiket 7.9px; × 36 r11, 10/10.
   AÇILIŞ EFEKTİ (cide_775, tarayıcıda ölçüldü): zemin .22s; sahne 24px aşağıdan
   %98.5'ten .34s yaylı; başlık 7px aşağıdan .28s (+.10s); × -6px yukarıdan %90'dan
   .24s (+.08s); kartlar 10px aşağıdan .28s yaylı + opaklık .22s, satır satır
   +.10/.14/.18/.22s. Gecikme yalnız .on'da: kapanışta kartlar beklemeden gider.
   app.js paneli en uzun geçişten (başlık .10+.28s) sonra gizler.
   Kartın sağ üstündeki %7 daire taslağın ::after'ı; ikon ve etiket onun üstünde.
   Katman: z-index 60 (alt menü 40'ın üstü, açılır menülerle aynı seviye). */
.clsheet{position:fixed;inset:0;z-index:60}
.clsheet[hidden]{display:none}
.clsheet-bd{position:absolute;inset:0;background:var(--cl-sheet-bd);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .22s}
.clsheet-stage{position:absolute;left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:480px;margin:0 auto;padding:14px 12px 16px;border-radius:26px;border:1px solid var(--cl-sheet-line);background:var(--cl-sheet-bg);box-shadow:var(--cl-sheet-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);opacity:0;transform:translateY(24px) scale(.985);transition:transform .34s cubic-bezier(.2,.82,.2,1),opacity .24s}
.clsheet.on .clsheet-bd{opacity:1}
.clsheet.on .clsheet-stage{opacity:1;transform:none}
.clsheet-head{padding:0 48px 0 2px;margin:0 0 14px;opacity:0;transform:translateY(7px);transition:opacity .28s .1s,transform .28s .1s}
.clsheet.on .clsheet-head{opacity:1;transform:none}
.clsheet-head small{display:block;margin-bottom:4px;font-size:7px;line-height:1.2;font-weight:900;letter-spacing:1.3px;color:var(--cl-sheet-sub)}
.clsheet-head strong{display:block;font-size:18px;line-height:18px;font-weight:700;letter-spacing:-.35px;color:var(--cl-ink)}
.clsheet-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px;border:1px solid var(--cl-sheet-line);background:color-mix(in srgb,var(--cl-ink) 7%,transparent);color:var(--cl-ink);cursor:pointer;opacity:0;transform:translateY(-6px) scale(.9);transition:opacity .24s .08s,transform .24s .08s}
.clsheet.on .clsheet-x{opacity:1;transform:none}
/* Menü kart sayısı adminden geliyor (şu an 22). Küçük ekranda (iPhone SE 667px)
   sahne tepeye taşardı: yükseklik ekrana sınırlanıyor, ızgara kendi içinde kayıyor.
   Izgaranın alt boşluğu 12px (-10px kenarla geri alınıyor): kartlar 10px aşağıdan
   gelirken içerik taşıp açılışta kaydırma çubuğu belirmesin. */
.clsheet-stage{display:flex;flex-direction:column;max-height:calc(100vh - 108px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 108px - env(safe-area-inset-bottom,0px))}
.clsheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px -10px;padding:0 4px 12px}
.clsheet-item{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:8px 5px;border-radius:17px;text-decoration:none;text-align:center;border:1px solid color-mix(in srgb,var(--tl) 30%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--tl) 12%,#ffffff),color-mix(in srgb,var(--tl) 5%,#ffffff));box-shadow:0 8px 18px color-mix(in srgb,var(--tl) 14%,transparent);opacity:0;transform:translateY(10px);transition:transform .28s cubic-bezier(.2,.82,.2,1),opacity .22s}
.clsheet.on .clsheet-item{opacity:1;transform:none}
.clsheet.on .clsheet-item:nth-child(-n+4){transition-delay:.1s}
.clsheet.on .clsheet-item:nth-child(n+5):nth-child(-n+8){transition-delay:.14s}
.clsheet.on .clsheet-item:nth-child(n+9):nth-child(-n+12){transition-delay:.18s}
.clsheet.on .clsheet-item:nth-child(n+13){transition-delay:.22s}
.clsheet-item::after{content:"";position:absolute;right:-18px;top:-18px;width:52px;height:52px;border-radius:50%;background:var(--t);opacity:.07;pointer-events:none}
.clsheet-ic{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#ffffff;border:1px solid color-mix(in srgb,var(--tl) 70%,transparent);background:linear-gradient(145deg,var(--tl),color-mix(in srgb,var(--tl) 72%,#000))}
.clsheet-t{position:relative;z-index:1;font-size:8.4px;line-height:1.05;font-weight:850;color:var(--cl-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="dark"] .clsheet-item{border-color:color-mix(in srgb,var(--t) 68%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--t) 36%,transparent),color-mix(in srgb,var(--t) 15%,transparent));box-shadow:0 10px 24px color-mix(in srgb,color-mix(in srgb,var(--t) 40%,#000) 37%,transparent),inset 0 1px 0 rgba(255,255,255,.08)}
:root[data-theme="dark"] .clsheet-ic{color:color-mix(in srgb,var(--t) 55%,#ffffff);border-color:color-mix(in srgb,var(--t) 88%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--t) 78%,#000),color-mix(in srgb,var(--t) 50%,#000));box-shadow:0 7px 16px color-mix(in srgb,var(--t) 42%,transparent)}
:root[data-theme="dark"] .clsheet-t{color:#ffffff;text-shadow:0 1px 6px rgba(0,0,0,.22)}
@media (max-width:390px){.clsheet-stage{left:8px;right:8px;bottom:calc(78px + env(safe-area-inset-bottom,0px));padding:12px 10px 14px;border-radius:23px;max-height:calc(100vh - 102px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 102px - env(safe-area-inset-bottom,0px))}.clsheet-head{padding-right:44px}.clsheet-grid{gap:7px}.clsheet-item{min-height:72px;border-radius:15px}.clsheet-ic{width:33px;height:33px;border-radius:10px}.clsheet-t{font-size:7.9px}.clsheet-x{top:10px;right:10px;width:36px;height:36px;border-radius:11px}}
html.cl-kilit{overflow:hidden}
@media (prefers-reduced-motion:reduce){.clsvc-ic,.clsvc-ic svg{animation:none}.clsvc-card,.clsheet-bd,.clsheet-stage,.clsheet-head,.clsheet-x,.clsheet-item{transition:none}}
/* ── Hava ve deniz (home.php section.clwx) ──
   Ölçü (430px, koyu): bölüm padding 8/10/2; iki sütun aralık 7px; kutu 202×110
   r17 padding 11/12, sağ üstte 170px ışık dairesi; etiket 8.6px/800/.35px;
   değer 23px/700/-1px (üstte 9px); alt satır 8.8px, satır 12.32px (üstte 6px).
   Kutuların altındaki deniz notu 2026-09-29'da kalktı (kutular kalıyor). */
.clwx{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 10px 2px}
.clwx-box{position:relative;isolation:isolate;min-height:82px;padding:11px 12px;border-radius:17px;overflow:hidden;background:var(--cl-wx-bg);border:1px solid var(--cl-wx-line);box-shadow:var(--cl-wx-shadow);color:var(--cl-ink)}
.clwx-box::before{content:"";position:absolute;top:-82px;right:-72px;width:170px;height:170px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--cl-wx-glow) 0%,color-mix(in srgb,var(--cl-wx-glow) 35%,transparent) 40%,transparent 72%)}
.clwx-tek{grid-column:1/-1}
.clwx-l{display:block;font-size:8.6px;line-height:1.3;font-weight:800;letter-spacing:.35px;color:var(--cl-wx-label)}
.clwx-v{display:block;margin-top:9px;font-size:23px;line-height:27px;font-weight:700;letter-spacing:-1px;color:var(--cl-ink)}
.clwx-s{display:block;margin-top:6px;font-size:8.8px;line-height:12.32px;color:var(--cl-wx-sub)}
/* ── Ortak bileşen: renkli hap (taslağın ilan şeridi) ──
   Ölçü: 23px yükseklik, 7.7px/900/.45px, 5px parlayan nokta. Renk --pc'den;
   açık temada metin renginin koyu tonu (AA), koyuda açık tonu kullanılıyor. */
.cl-pill{--pc:#5b8cff;display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:999px;font-size:7.7px;line-height:1;font-weight:900;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--pc) 62%,#000);background:color-mix(in srgb,var(--pc) 13%,transparent);border:1px solid color-mix(in srgb,var(--pc) 28%,transparent)}
.cl-pill i{width:5px;height:5px;border-radius:50%;background:var(--pc);box-shadow:0 0 6px color-mix(in srgb,var(--pc) 70%,transparent);flex:0 0 auto}
:root[data-theme="dark"] .cl-pill{color:color-mix(in srgb,var(--pc) 55%,#ffffff);background:color-mix(in srgb,var(--pc) 16%,transparent)}
.cl-pill-red{--pc:#ff5a5f}.cl-pill-blue{--pc:#49a8ff}.cl-pill-green{--pc:#2bcf7d}.cl-pill-purple{--pc:#8f72ff}.cl-pill-orange{--pc:#ff8a4c}.cl-pill-gold{--pc:#f6c85f}.cl-pill-teal{--pc:#43dad8}

/* ── Ortak bileşen: kaydırmalı kartlar (taslağın köşe yazısı kaydırması) ──
   Ölçü (430px, koyu): kart genişliği %84, aralık 10px, r18, padding 13px,
   yatay snap. TASLAKTAN BİLİNÇLİ FARK: taslakta ilk kart sol kenara yapışıktı
   (iç boşluk 0); burada 12px iç boşluk + aynı scroll-padding, kart kenara
   yaslanmıyor ve kaydırınca aynı hizaya oturuyor. */
.cl-slider{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:12px;padding:0 12px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cl-slider::-webkit-scrollbar{display:none}
.cl-slide{position:relative;isolation:isolate;flex:0 0 84%;scroll-snap-align:start;display:flex;flex-direction:column;padding:13px;border-radius:18px;background:var(--cl-slide-bg);border:1px solid var(--cl-slide-line);box-shadow:var(--cl-slide-shadow);color:var(--cl-ink);text-decoration:none;min-width:0}
.cl-slide:active{transform:scale(.99)}
.cl-slide>.cl-pill{align-self:flex-start}
.cl-slide-t{margin:11px 0 0;font-size:15px;line-height:1.25;font-weight:900;letter-spacing:-.2px;color:var(--cl-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cl-slide-p{margin:7px 0 0;font-size:9px;line-height:1.5;color:var(--cl-slide-p);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cl-slide-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--cl-slide-foot);display:flex;align-items:center;justify-content:space-between;gap:10px}
.cl-slide-t+.cl-slide-foot,.cl-slide-p+.cl-slide-foot{margin-top:12px}
.cl-slide-meta{min-width:0;font-size:8px;line-height:1.3;font-weight:700;color:var(--cl-slide-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-slide-cta{--pc:#cf3a3a;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:72px;height:34px;padding:0 12px;border-radius:11px;font-size:10px;font-weight:900;color:#ffffff;background:linear-gradient(135deg,var(--pc),color-mix(in srgb,var(--pc) 78%,#000));box-shadow:0 7px 16px color-mix(in srgb,var(--pc) 22%,transparent)}
.cl-slide-cta b{font-size:13px;line-height:1}
/* Beyaz 10px/900 yazı gradyanın AÇIK başlangıcında da ≥4.5 olmalı (ölçüldü: taslağın
   #ff4b43 kırmızısı 3.31, ilk mavi 3.43 — küçük metin eşiğinin altında). */
.cl-cta-red{--pc:#c8383d}.cl-cta-blue{--pc:#1e6fc4}.cl-cta-green{--pc:#16814f}.cl-cta-purple{--pc:#6b4be0}.cl-cta-orange{--pc:#c0542a}

/* ── Duyurular (home.php section.clann) ── */
.clann{padding:18px 0 4px}
/* ── Haberler (home.php section.clnews) ──
   Ölçü (430px, koyu):
   · sekmeler: aralık 9px, kenar 10px; sekme 30px, padding 8/11, r11, 10.4px/900;
     "Tümü" ters renkli (beyaz zemin #11151b yazı).
   · manşet: 254px, r22, kenar 10px; slayt 16:9 üst üste (geçiş opacity .55s +
     scale 1.1s); alt yazı bloğu padding 15/15/27; etiket 7.8px/900/.7px r9;
     başlık 18px/900 satır içi vurgulu (sol 4px çizgi, box-decoration clone);
     ilerleme çubukları altta 10px, 3px, aralık 4px, aktif #79a9c8 ×1.35.
   · kartlar: 2 sütun, aralık 9px; büyük kart ~204px r17 (16:9 görsel + 13.3px
     başlık); satır kartı iki sütunu kaplar, 112px görsel + 14.6px başlık, 92px.
   TASLAKTAN BİLİNÇLİ FARKLAR (taslağın hataları): manşet genişliği %100 + kenar
   boşluğuyla sağdan 10px taşıyordu; kart ızgarası kenardan kenaraydı; aktif
   sekmenin yazısı koyu zeminde okunmuyordu. Hiçbiri taşınmadı. */
.clnews{padding:18px 0 0}
.clnews-tabs{display:flex;gap:9px;overflow-x:auto;padding:0 10px 3px;margin:0 0 11px;scrollbar-width:none;scroll-padding-left:10px}
.clnews-tabs::-webkit-scrollbar{display:none}
/* Varsayılan renk değişkenleri :where() içinde (özgüllük 0): sekmeye eklenen
   .clsvc-c-* renk sınıfı onları ezebilsin. Düz .clnews-tab içinde tanımlıyken dosyada
   renk sınıflarından SONRA geldiği için hepsini maviye çeviriyordu (ölçüldü). */
:where(.clnews-tab){--t:#5b8cff;--tl:#2563eb;--t1:color-mix(in srgb,var(--t) 20%,#11151b);--t2:color-mix(in srgb,var(--t) 9%,#0f1318)}
.clnews-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:11px;font-size:10.4px;font-weight:900;white-space:nowrap;text-decoration:none;color:color-mix(in srgb,var(--tl) 70%,#000);background:color-mix(in srgb,var(--tl) 10%,#ffffff);border:1px solid color-mix(in srgb,var(--tl) 22%,transparent);box-shadow:0 6px 14px rgba(17,22,29,.05)}
.clnews-tab i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
:root[data-theme="dark"] .clnews-tab{color:#ffffff;background:linear-gradient(145deg,var(--t1),var(--t2));border-color:color-mix(in srgb,var(--t) 24%,transparent);box-shadow:0 6px 14px rgba(0,0,0,.08)}
:root[data-theme="dark"] .clnews-tab i{background:var(--t)}
/* ÖZGÜLLÜK: koyu temanın genel sekme kuralı :root[data-theme="dark"] .clnews-tab
   (0,3,0) — "Tümü" kuralı onu yenmek için (0,4,0). Ölçümle yakalandı: ilk yazımda
   (0,2,0) kalıp gradyanın altında kalıyordu, sekme ters renkli görünmüyordu. */
:root .clnews-tabs .clnews-tab.clnews-tab-all{color:var(--cl-tab-all-ink);background:var(--cl-tab-all-bg);border-color:var(--cl-tab-all-bg);box-shadow:0 8px 16px color-mix(in srgb,var(--cl-tab-all-bg) 10%,transparent)}
:root .clnews-tabs .clnews-tab.clnews-tab-all i{background:currentColor}
.clnews-manset{position:relative;height:254px;margin:0 10px;border-radius:22px;overflow:hidden;background:#101923;border:1px solid rgba(255,255,255,.07);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.clnews-slide{position:absolute;left:0;right:0;top:0;aspect-ratio:16/9;display:block;color:#ffffff;text-decoration:none;opacity:0;transform:scale(1.025);pointer-events:none;transition:opacity .55s,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.clnews-slide.on{opacity:1;transform:none;pointer-events:auto;z-index:2}
.clnews-img{position:absolute;inset:0;background-size:cover;background-position:center}
.clnews-img::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(14,24,34,.02) 18%,rgba(20,39,54,.2) 48%,rgba(18,39,55,.72) 100%)}
.clnews-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:15px 15px 27px}
.clnews-tag{display:inline-flex;align-items:center;height:23px;padding:0 9px;border-radius:9px;font-size:7.8px;font-weight:900;letter-spacing:.7px;color:#183246;background:rgba(232,241,247,.94);border:1px solid rgba(255,255,255,.35)}
/* Vurgu satır içi: dikey dolgusu (8px) satır kutusunun dışına taşar; kap
   overflow:hidden olduğu için aynı dolguyu kap da taşıyor, yoksa ilk satırın tepesi
   ve son satırın altı kırpılırdı. margin 11-8=3px: görsel aralık taslaktaki gibi 11px. */
.clnews-h{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;padding:8px 0}
.clnews-hl{padding:8px 10px;font-size:18px;line-height:23.04px;font-weight:900;letter-spacing:-.25px;color:#ffffff;background:rgba(31,58,77,.94);border-left:4px solid #5d93b7;border-radius:0 10px 10px 0;box-shadow:0 8px 18px rgba(5,13,20,.18);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.clnews-bars{position:absolute;left:15px;right:15px;bottom:10px;z-index:8;display:flex;align-items:center;gap:4px}
.clnews-bar{flex:1 1 0;height:3px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.22);cursor:pointer;transition:background-color .25s,transform .25s}
.clnews-bar.on{background:#79a9c8;transform:scaleY(1.35)}
.clnews-bar::before{content:"";display:block;height:22px;margin-top:-10px}
.clnews-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 0;padding:0 10px}
.clnews-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:17px;overflow:hidden;text-decoration:none;color:var(--cl-ink);background:var(--cl-card);border:1px solid var(--cl-card-line);box-shadow:var(--cl-card-shadow);transition:transform .12s}
.clnews-card:active{transform:scale(.988)}
.clnews-card-main{min-height:184px}
.clnews-card-row{grid-column:1/-1;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:92px}
.clnews-thumb{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center}
.clnews-card-row .clnews-thumb{aspect-ratio:auto;height:100%}
.clnews-thumb.bos{display:grid;place-items:center;color:var(--cl-ink-3);background:linear-gradient(145deg,color-mix(in srgb,var(--cl-ink) 8%,transparent),color-mix(in srgb,var(--cl-ink) 3%,transparent))}
.clnews-badge{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;height:21px;max-width:calc(100% - 16px);padding:0 7px;border-radius:7px;font-size:6.9px;font-weight:900;letter-spacing:.45px;color:#d9f2ff;background:rgba(9,20,28,.72);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clnews-cc{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:10px 10px 9px}
.clnews-ct{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.3px;line-height:1.25;font-weight:800;letter-spacing:-.23px;color:var(--cl-ink)}
.clnews-card-row .clnews-ct{font-size:14.6px;line-height:1.24}
.clnews-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
.clnews-meta span{font-size:8.4px;font-weight:700;color:var(--cl-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clnews-meta i{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border-radius:9px;font-style:normal;font-size:16px;line-height:1;color:var(--cl-chip-ink);background:var(--cl-chip-bg);border:1px solid var(--cl-chip-line)}
:root[data-theme="dark"] .clnews-ct{color:#f3f6f8}
:root[data-theme="dark"] .clnews-ton-a{background:radial-gradient(circle at 95% 5%,rgba(48,129,169,.17),transparent 42%),linear-gradient(145deg,#16232b,#10191f)}
:root[data-theme="dark"] .clnews-ton-b{background:radial-gradient(circle at 94% 7%,rgba(52,140,120,.14),transparent 42%),linear-gradient(145deg,#15221f,#101916)}
:root[data-theme="dark"] .clnews-ton-c{background:radial-gradient(circle at 95% 5%,rgba(76,112,176,.13),transparent 42%),linear-gradient(145deg,#151d29,#10161f)}
:root[data-theme="dark"] .clnews-ton-d{background:radial-gradient(circle at 95% 5%,rgba(110,89,166,.12),transparent 42%),linear-gradient(145deg,#191725,#111019)}
:root[data-theme="dark"] .clnews-ton-e{background:radial-gradient(circle at 95% 5%,rgba(150,119,67,.11),transparent 42%),linear-gradient(145deg,#211d16,#17140f)}
@media (max-width:390px){.clnews-hl{font-size:17px}.clnews-grid{gap:8px}.clnews-card-row{grid-template-columns:102px minmax(0,1fr);min-height:88px}.clnews-card-row .clnews-ct{font-size:13.8px}}
@media (prefers-reduced-motion:reduce){.clnews-slide,.clnews-bar,.clnews-card{transition:none}}
/* ── Anket (home.php section.clpoll) ──
   Ölçü (430px, koyu): bölüm üstten 19px; kart padding 14/16/16 (zeminsiz);
   "Aktif anket" 7.6px/900 + 6px yeşil nokta; soru 13.3px/900 satır 1.35;
   "N oy" 8.3px, padding 5/7, r8. Seçenek: ızgara 20px|1fr|38px, aralık 9px,
   en az 54px, padding 8/10, r14, aralarında 7px; radyo 16px (2px çerçeve);
   etiket 10.6px/700; çubuk 6px; yüzde 9.5px/900 sağa yaslı.
   Dolum çubukları 1.15s'de büyüyor (her biri 95ms gecikmeli), üzerinde 1.9s'lik
   parıltı. Animasyon SALT CSS: JS yoksa da sonuç görünür (transform ile büyür,
   genişlik zaten doğru). "Oy Kullan" 36px r11 11px/900.
   ERİŞİLEBİLİRLİK FARKI: taslağın mavisi (#54c2e8) beyaz yazıyla 2.05 kontrast;
   #1b77a8→#16658f (4.94–6.38) kullanılıyor. */
.clpoll{padding:19px 0 0}
.clpoll-kart{padding:14px 16px 16px}
.clpoll-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.clpoll-canli{display:inline-flex;align-items:center;gap:6px;font-size:7.6px;font-weight:900;letter-spacing:.35px;color:var(--cl-poll-live)}
.clpoll-canli i{width:6px;height:6px;border-radius:50%;background:#49d98a;box-shadow:0 0 8px rgba(73,217,138,.7)}
.clpoll-sayi{padding:5px 7px;border-radius:8px;font-size:8.3px;font-weight:700;color:var(--cl-ink-3);border:1px solid var(--cl-line)}
.clpoll-sayi[hidden]{display:none}
.clpoll-q{margin:8px 0 5px;font-size:13.3px;line-height:1.35;font-weight:900;color:var(--cl-ink)}
.clpoll-form{margin:0}
.clpoll-form form{margin:0}
.clpoll-opt{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 38px;align-items:center;gap:9px;width:100%;min-height:54px;margin-top:7px;padding:8px 10px;border-radius:14px;background:var(--cl-poll-opt);border:1px solid var(--cl-poll-opt-line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .12s}
.clpoll-opt:active{transform:scale(.99)}
.clpoll-opt.lider{background:var(--cl-poll-lider);border-color:var(--cl-poll-lider-line)}
.clpoll-opt.sec,.clpoll-opt:has(.clpoll-in:checked),.clpoll-opt[aria-pressed="true"]{background:var(--cl-poll-sec);border-color:rgba(98,200,237,.42)}
.clpoll-in{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.clpoll-radio{position:relative;width:16px;height:16px;border-radius:50%;border:2px solid var(--cl-poll-radio);transition:border-color .2s,box-shadow .2s}
.clpoll-radio.kare{border-radius:5px}
.clpoll-radio::after{content:"";position:absolute;inset:3px;border-radius:inherit;background:#62c8ed;transform:scale(0);transition:transform .18s}
.clpoll-in:checked+.clpoll-radio,.clpoll-opt[aria-pressed="true"] .clpoll-radio{border-color:#62c8ed;box-shadow:0 0 0 4px rgba(98,200,237,.16)}
.clpoll-in:checked+.clpoll-radio::after,.clpoll-opt[aria-pressed="true"] .clpoll-radio::after{transform:scale(1)}
.clpoll-in:focus-visible+.clpoll-radio{outline:2px solid #62c8ed;outline-offset:3px}
.clpoll-orta{display:flex;flex-direction:column;gap:7px;min-width:0}
.clpoll-l{font-size:10.6px;line-height:1.3;font-weight:700;color:var(--cl-poll-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clpoll-bar{position:relative;display:block;height:6px;border-radius:999px;overflow:hidden;background:var(--cl-poll-track);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.clpoll-bar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;transform-origin:left center;transition:width .6s cubic-bezier(.18,.78,.22,1);animation:cl-poll-dol 1.15s cubic-bezier(.18,.78,.22,1) calc(90ms + var(--i,0) * 95ms) both;overflow:hidden}
.clpoll-bar .fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:cl-poll-parilti 1.9s ease-in-out infinite}
.clpoll-ra .fill{background:linear-gradient(90deg,#2f7298,#4c9ac5,#73c4ec);box-shadow:0 0 10px rgba(76,154,197,.35)}
.clpoll-rb .fill{background:linear-gradient(90deg,#3370a0,#4f96cb,#75bde9);box-shadow:0 0 10px rgba(79,150,203,.35)}
.clpoll-rc .fill{background:linear-gradient(90deg,#2c716c,#3e9c8e,#68c8b5);box-shadow:0 0 10px rgba(62,156,142,.35)}
.clpoll-rd .fill{background:linear-gradient(90deg,#5c4f8c,#856fc0,#aa95df);box-shadow:0 0 10px rgba(133,111,192,.35)}
.clpoll-opt .pct{font-size:9.5px;font-weight:900;text-align:right;color:var(--cl-poll-pct)}
.clpoll-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.clpoll-ipucu{font-size:8.5px;line-height:1.4;color:var(--cl-ink-3)}
.clpoll-oy{flex:0 0 auto;height:36px;padding:0 14px;border:0;border-radius:11px;font:900 11px/1 var(--sans);color:#ffffff;background:linear-gradient(135deg,#1b77a8,#16658f);box-shadow:0 8px 18px rgba(27,119,168,.22);cursor:pointer;transition:transform .12s,opacity .2s}
.clpoll-oy:active{transform:scale(.96)}
.clpoll-form:not(:has(.clpoll-in:checked)) .clpoll-oy{opacity:.38}
.clpoll-tesekkur{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:var(--cl-poll-thanks-bg);border:1px solid var(--cl-poll-thanks-line)}
.clpoll-tesekkur[hidden]{display:none}
.clpoll-tik{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;font-size:15px;font-weight:900;color:#ffffff;background:linear-gradient(135deg,#56d99c,#2b9d70);box-shadow:0 6px 14px rgba(43,157,112,.3)}
.clpoll-tesekkur b{display:block;font-size:11px;line-height:1.3;font-weight:900;color:var(--cl-poll-thanks-ink)}
.clpoll-tesekkur small{display:block;font-size:8.8px;line-height:1.3;color:var(--cl-poll-thanks-sub)}
@keyframes cl-poll-dol{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cl-poll-parilti{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.clpoll-bar .fill,.clpoll-bar .fill::after{animation:none;transition:none}.clpoll-opt,.clpoll-radio,.clpoll-radio::after,.clpoll-oy{transition:none}}
/* ── Etkinlikler (home.php section.clev) ──
   Kaydırmalı kart + üstte 16:9 kapak (fotoğraf kabı, her temada koyu); tarih
   kutusu kapağın sol üstünde, taslağın haber etiketi dilinde (beyaz, r9). */
.clev{padding:18px 0 4px}
.clev-kapak{position:relative;display:block;aspect-ratio:16/9;margin:-3px -3px 0;border-radius:12px;overflow:hidden;background:#0f1720 center/cover no-repeat}
.clev-kapak.bos{display:grid;place-items:center;color:rgba(255,255,255,.55);background:linear-gradient(145deg,#1b3151,#152235)}
.clev-kapak::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,12,22,.05) 40%,rgba(8,12,22,.45))}
.clev-tarih{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:baseline;gap:4px;height:26px;padding:0 9px;border-radius:9px;background:rgba(232,241,247,.94);border:1px solid rgba(255,255,255,.35);color:#183246;line-height:26px}
.clev-tarih b{font-size:13px;font-weight:900}
.clev-tarih span{font-size:8px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
.clev .cl-slide-t{margin-top:10px}
.clev-meta{margin-top:5px;font-size:9px;line-height:1.4;font-weight:700;color:var(--cl-slide-p);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ── İlanlar (home.php section.cllst) ──
   Ölçü (430px, koyu): yığın aralığı 7px, kenar 10px; kart ızgarası 82px|1fr,
   aralık 10px, padding 9/56/9/9, r17, en az 96px; sol çizgi 4px (üst/alt 10px
   içeride) parlayan gradyan; görsel 82×76 r12; "VİTRİN" 6.5px/900 beyaz zemin r5;
   şerit sağ üstte (10px / 48px) 23px hap 7.7px/900; tür 9.6px/700/.7px; başlık
   11px/900 satır 1.26; meta 8.4px/700; fiyat 10.8px/900 (üstte 8px); ok 32×32 r9.
   RENK DEĞİŞKENLERİ kategori sınıfından: --lk etiket/fiyat (koyu), --lka açık tema
   karşılığı (AA), --lb1/--lb2 çizgi, --lg1/--lg2 koyu kart zemini. */
.cllst{padding:19px 0 0}
.cllst-yigin{display:flex;flex-direction:column;gap:7px;padding:0 10px}
.cllst-kart{--lk:#78c9f1;--lka:#1d6a9e;--lb1:#65c7f3;--lb2:#338dbd;--lg1:#10202b;--lg2:#0a1117;position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;min-height:96px;padding:9px 56px 9px 9px;border-radius:17px;overflow:hidden;text-decoration:none;color:var(--cl-ink);background:linear-gradient(145deg,color-mix(in srgb,var(--lb1) 7%,#ffffff),#ffffff 60%);border:1px solid var(--cl-card-line);box-shadow:var(--cl-card-shadow);transition:transform .12s}
.cllst-kart::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 6px 6px 0;background:linear-gradient(var(--lb1),var(--lb2));box-shadow:0 0 12px color-mix(in srgb,var(--lb1) 45%,transparent)}
.cllst-kart:active{transform:scale(.993)}
.cllst-yesil{--lk:#64dca2;--lka:#12744a;--lb1:#55d99c;--lb2:#229865;--lg1:#10231d;--lg2:#0a1210}
.cllst-turkuaz{--lk:#63e2df;--lka:#0d6e6c;--lb1:#52e0df;--lb2:#1db9c3;--lg1:#102226;--lg2:#0c1419}
.cllst-turuncu{--lk:#ffb07a;--lka:#a94d17;--lb1:#ff9a5c;--lb2:#e0631a;--lg1:#1f1812;--lg2:#11161d}
.cllst-mavi{--lk:#78c9f1;--lka:#1d6a9e;--lb1:#65c7f3;--lb2:#338dbd;--lg1:#10202b;--lg2:#0a1117}
.cllst-mor{--lk:#c497ff;--lka:#6a3cc0;--lb1:#b27cff;--lb2:#7e4ac7;--lg1:#1c1626;--lg2:#0f0c14}
.cllst-altin{--lk:#f6c85f;--lka:#7d5a10;--lb1:#f6c85f;--lb2:#c9952f;--lg1:#221d12;--lg2:#12100a}
:root[data-theme="dark"] .cllst-kart{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--lb1) 12%,transparent),transparent 42%),linear-gradient(145deg,var(--lg1) 0%,color-mix(in srgb,var(--lg1) 60%,var(--lg2)) 58%,var(--lg2) 100%);border-color:transparent;box-shadow:none}
.cllst-img{position:relative;display:block;width:82px;height:76px;border-radius:12px;background:var(--cl-lst-img-bg) center/cover no-repeat;filter:saturate(.96) contrast(1.03)}
.cllst-bos{display:grid;place-items:center;color:var(--cl-ink-3);filter:none}
.cllst-simge{display:grid;place-items:center;background:transparent;filter:none}
.cllst-simge>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(255,145,81,.14);border:1px solid rgba(255,145,81,.22);color:var(--lka)}
:root[data-theme="dark"] .cllst-simge>span{color:#ffb07a}
.cllst-simge svg{stroke-width:2.2}
.cllst-vitrin{position:absolute;top:6px;left:6px;padding:4px 5px;border-radius:5px;background:#ffffff;color:#111111;font-size:6.5px;line-height:1;font-weight:900;letter-spacing:.2px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.cllst-serit{position:absolute;top:10px;right:48px;z-index:6;display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 8px;border-radius:999px;font-size:7.7px;font-weight:900;letter-spacing:.45px;color:#ffffff}
.cllst-serit i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 8px rgba(255,255,255,.75)}
.cllst-serit-acil{background:linear-gradient(135deg,#c8383d,#a82a2f);box-shadow:0 7px 16px rgba(200,56,61,.22)}
.cllst-serit-one{background:linear-gradient(135deg,#6b4be0,#5a3cc4);box-shadow:0 7px 16px rgba(107,75,224,.22)}
.cllst-copy{display:block;min-width:0;padding-top:2px}
.cllst-tur{display:block;margin:4px 0 5px;font-size:9.6px;line-height:1.2;font-weight:700;letter-spacing:.7px;color:var(--lka);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Şerit sağ üstte tür satırıyla aynı hizada: en uzun şerit ("ÖNE ÇIKAN") ile
   çakışmasın diye tür etiketi o kadar kısalıyor. */
.cllst-serit~.cllst-copy .cllst-tur{max-width:calc(100% - 80px)}
.cllst-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.26;font-weight:900;color:var(--cl-lst-title)}
.cllst-meta{display:block;margin-top:4px;font-size:8.4px;line-height:1.2;font-weight:700;color:var(--cl-lst-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cllst-fiyat{display:block;margin-top:8px;font-size:10.8px;line-height:1.2;font-weight:900;color:var(--lka)}
.cllst-fiyat.cta{font-size:9.4px}
:root[data-theme="dark"] .cllst-tur,:root[data-theme="dark"] .cllst-fiyat{color:var(--lk)}
.cllst-ok{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--cl-lst-ok-bg);border:1px solid var(--cl-lst-ok-line);color:var(--cl-lst-ok-ink);font-size:17px;line-height:1}
@media (max-width:390px){.cllst-kart{grid-template-columns:76px minmax(0,1fr)}.cllst-img{width:76px}}
/* ── Köşe Yazıları (home.php section.clcol) ──
   Ölçü (430px, koyu): bölüm padding 9/0/8, arkada kırmızı + altın hale;
   başlık 17px/900/-.35px, altında 44×3px kırmızı→altın çizgi (üstte 8px);
   "Tümünü gör" 31px. Kart: kaydırmalı kart + üst satır: avatar 48×48 r15 (2px
   çerçeve), yazar 11px/900, rol 8px/900, "Öne Çıkan" 8px/850 hap 22px.
   Öne çıkan kart daha parlak zemin + solda 3px kırmızı çizgi (üst/alt 14px). */
.clcol{position:relative;isolation:isolate;padding:22px 0 8px;overflow:hidden}
.clcol::before{content:"";position:absolute;left:-80px;right:-80px;top:40px;bottom:24px;z-index:-1;pointer-events:none;background:var(--cl-col-glow)}
.clcol-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;margin:0 0 9px}
.clcol-head h2{margin:0;font-size:17px;line-height:18.7px;font-weight:900;letter-spacing:-.35px;color:var(--cl-ink)}
.clcol-head h2::after{content:"";display:block;width:44px;height:3px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,#b82335,#d6a24d)}
.clcol-head .cl-sec-more{height:31px;padding:0 10px;font-size:9px}
.clcol-kart-one{background:var(--cl-col-one-bg);border-color:var(--cl-col-one-line)}
.clcol-kart-one::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 6px 6px 0;background:#ff3b30;z-index:1}
.clcol-ust{display:flex;align-items:center;gap:9px;min-width:0}
.clcol-ava{position:relative;flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;overflow:hidden;border:2px solid var(--cl-col-ava-line);box-shadow:0 0 0 3px color-mix(in srgb,var(--cl-col-ava-line) 30%,transparent);background:linear-gradient(145deg,#1b3151,#152235)}
.clcol-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.clcol-ava i{font-style:normal;font-size:17px;font-weight:900;color:#dbe7f2}
.clcol-kim{display:flex;flex-direction:column;gap:3px;min-width:0}
.clcol-yazar{font-size:11px;line-height:1.2;font-weight:900;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clcol-rol{font-size:8px;line-height:1.2;font-weight:900;color:var(--cl-col-rol)}
.clcol-one{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:800;color:var(--cl-col-tag);background:var(--cl-col-tag-bg)}
.clcol .cl-slide-t{margin-top:11px}
/* ── Canlı yayın (home.php section.cllive) ──
   Taslak dilinde: üstte kırmızı "CANLI" hapı (nabız atan nokta) + başlık, altta
   16:9 r18 oynatıcı ve ortada oynat düğmesi. Oynatıcı .vthumb (app.js sözleşmesi);
   app.css'teki .vthumb oranı/yarıçapı burada eziliyor. */
.cllive{padding:10px 10px 0}
.cllive-bas{display:flex;align-items:center;gap:8px;margin:0 2px 8px;min-width:0}
.cllive-canli{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.6px;color:#ffffff;background:linear-gradient(135deg,#c8383d,#a82a2f);box-shadow:0 6px 14px rgba(200,56,61,.25)}
.cllive-canli i{width:6px;height:6px;border-radius:50%;background:#ffffff;animation:cl-canli 1.4s ease-in-out infinite}
.cllive-t{min-width:0;font-size:13px;font-weight:900;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cllive .cllive-oyn{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000 center/cover no-repeat;border:1px solid rgba(255,255,255,.07);box-shadow:0 14px 30px rgba(0,0,0,.2);cursor:pointer}
/* Karartma yalnız kapak görselinde: pointer-events:none + iframe gömülünce gizli —
   yoksa YouTube kontrollerinin üstünde kalıp tıklamayı yutuyordu (görüldü). */
.cllive-oyn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.05) 40%,rgba(0,0,0,.35))}
.cllive-oyn:has(iframe)::after{display:none}
.cllive-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#ffffff;background:rgba(200,56,61,.92);box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 0 6px rgba(255,255,255,.12)}
.cllive-play svg{margin-left:3px;fill:#ffffff}
@keyframes cl-canli{0%,100%{opacity:1}50%{opacity:.35}}

/* ── Reklam (home.php .clad) ──
   ad_slot() çıktısı aynen; kabı taslağın kart diliyle hizalanıyor (kenar 10px,
   r18). Bölge boşsa kap basılmıyor. */
.clad{padding:12px 10px 0}
.clad .ad-slot{margin:0;border-radius:18px;border:1px solid var(--cl-card-line);box-shadow:var(--cl-card-shadow)}
@media (prefers-reduced-motion:reduce){.cllive-canli i{animation:none}}
/* ── Site alt menüsü (templates/partials/bottom_nav.php .clnav) ──
   cidelife_v755_17_kurumsal_logo.html'in son hâli (V755.15–16 yamaları), taslakta hesaplanan stiller ölçülerek:
   yüzen çubuk sol/sağ/alt 10px (+ güvenli alan), 66px, padding 6/7, aralık 1px, r23, bulanık zemin blur(24)
   saturate(1.35); sekme 52px r16, ikon 20px, ETİKET HEP GÖRÜNÜR 8px/850. Harman: ikonun çevresinde 32px halka,
   ad 9.5px/950. Oluştur: 76px yükseklik, -24px yukarı taşar, 58px r20 turkuaz degrade kare, "+" 500 34px; ad 7.5px.
   Rozet 7px kırmızı nokta, ikonun sağ üstünde, 2px halka.
   AÇIK TEMA (taslağın body.light'ı): beyaz çubuk, #dce6e8 çizgi. Taslakta Harman adı (#e8ffff) ve Oluştur adı
   (#9ddedb) beyazda okunmuyordu (1.04 / 1.51); pasif gri #72808a 4.06 → #10262c, #0e7478, #5f6770 (AA).
   KATMAN: z-index 40 (taslağın 999999'u değil); açılır menüler (60) ve popup üstte kalır. */
.clnav{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;max-width:calc(var(--app-w) - 20px);margin:0 auto;display:flex;align-items:center;gap:1px;height:66px;padding:6px 7px;border:1px solid var(--cl-nav-line);border-radius:23px;background:var(--cl-nav-bg);-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35);box-shadow:var(--cl-nav-shadow)}
.clnav-i,.clnav-olustur{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:52px;border-radius:16px;color:var(--cl-nav-ink);text-decoration:none;transition:transform .18s ease,color .18s ease,background-color .18s ease}
.clnav-i svg{flex:0 0 auto;width:20px;height:20px}
.clnav-lbl{display:block;font-size:8px;line-height:1;font-weight:850;letter-spacing:.01em;white-space:nowrap}
.clnav-i:active{transform:scale(.94)}
.clnav-i.on{background:var(--cl-nav-on-bg);color:var(--cl-nav-on)}
.clnav-halka{position:relative;display:grid;place-items:center}
.clnav-halka::before{content:"";position:absolute;inset:-7px;border-radius:25px;border:1px solid var(--cl-nav-halka);pointer-events:none}
.clnav-harman .clnav-lbl{margin-top:1px;font-size:9.5px;font-weight:950;color:var(--cl-nav-harman)}
.clnav-olustur{align-self:flex-start;z-index:5;height:76px;margin-top:-24px;gap:2px;padding:0;border:0;background:none;cursor:pointer;font:inherit}
.clnav-fab{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:20px;font:500 34px/1 Inter,system-ui,sans-serif;color:#ffffff;background:linear-gradient(145deg,#59e8dc 0%,#22b8bb 46%,#176d91 100%);border:1px solid rgba(196,255,250,.34);box-shadow:0 12px 28px rgba(30,190,190,.3),inset 0 1px 0 rgba(255,255,255,.32);transition:transform .12s}
.clnav-olustur .clnav-lbl{margin-top:1px;font-size:7.5px;color:var(--cl-nav-olustur)}
.clnav-olustur:active .clnav-fab{transform:scale(.92)}
.clnav-i:focus-visible,.clnav-olustur:focus-visible{outline:2px solid var(--cl-nav-on);outline-offset:2px}
.clnav-dot{position:absolute;top:7px;right:calc(50% - 14px);width:7px;height:7px;border-radius:50%;background:#ef5145;box-shadow:0 0 0 2px var(--cl-nav-dot-ring);font-size:0;line-height:0;overflow:hidden}
.clnav-dot[hidden]{display:none}
/* Alt boşluk TEK kaynaktan (kullanıcı 2026-09-30: "Köşe Yazıları kartının altında fazlaca boşluk var"): .app-main'in genel
   94px'i (eski sabit alt menü) yukarıda sıfırlandı; burada yüzen menünün kapladığı 76px (10 + 66) + 16px nefes payı. */
body.cl-home .app{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
@media (max-width:360px){.clnav{left:7px;right:7px}.clnav-fab{flex-basis:54px;width:54px;height:54px}.clnav-lbl{font-size:7.5px}}
@media (prefers-reduced-motion:reduce){.clnav-i,.clnav-olustur,.clnav-fab{transition:none}}
/* ── Life+ rehber sayfası (templates/pages/life_plus.php) ──
   Ölçü (taslak, 430px, koyu): üst bar en az 62px, padding 8/14; ana kart r28,
   en az 330px, kenar 12px, fotoğraf + alttan karartma; hap 10px/900/.8px;
   başlık 31px/700/-1.2px; paragraf 13.5px satır 1.55; düğmeler 38px r12
   11px/850. İstatistikler 3 sütun aralık 8px, kart r18 padding 12px, sayı
   18px/700, metin 9.5px. Yapı kartı r22 padding 15px; satır ızgarası 44px|1fr|22px,
   ikon kutusu 40×40 r13, başlık 12.5px/700, açıklama 10.5px. Sekmeler yapışkan,
   38px hap 12px/800. Bölüm başlığı 19px/700; modül ızgarası 2 sütun aralık 10px;
   modül kartı en az 142px r18 padding 14px, ikon 38×38 r12, başlık 14px/700,
   açıklama 11.5px, "SAYFAYI AÇ" 10.5px/800.
   Ana kart BİLEREK her temada koyu (fotoğraf kabı). */
body.cl-life{background:var(--cl-bg)}
body.cl-life .app{background:var(--cl-lp-bg);color:var(--cl-ink)}
.cllp-main{padding:0 0 calc(94px + env(safe-area-inset-bottom,0px))}
.cllp-ust{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 14px;background:var(--cl-lp-head);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--cl-top-line)}
.cllp-geri,.cllp-ara-btn{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:14px;border:1px solid var(--cl-btn-line);background:var(--cl-btn-bg);color:var(--cl-btn-ink);cursor:pointer;text-decoration:none}
.cllp-baslik{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cllp-baslik b{font-size:15px;line-height:1.15;font-weight:800;color:var(--cl-ink)}
.cllp-baslik b span{color:#f5a524}
.cllp-baslik small{font-size:10.5px;color:var(--cl-lp-sub)}
.cllp-hero{position:relative;isolation:isolate;min-height:330px;margin:12px 12px 10px;border-radius:28px;overflow:hidden;background:#0b1a21;border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 48px rgba(0,0,0,.28);color:#f3f8fa}
.cllp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cllp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,16,20,.15) 0%,rgba(6,16,20,.55) 42%,rgba(6,16,20,.92) 100%)}
.cllp-hero-ic{position:absolute;left:0;right:0;bottom:0;padding:19px}
.cllp-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:900;letter-spacing:.8px;color:#9ff3ea}
.cllp-hero h1{margin:12px 0 8px;font-size:31px;line-height:1.02;font-weight:700;letter-spacing:-1.2px;color:#f3f8fa}
.cllp-hero p{margin:0;font-size:13.5px;line-height:1.55;color:#d3dde2}
.cllp-hero-btn{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cllp-hero-btn a{display:inline-flex;align-items:center;height:38px;padding:0 13px;border-radius:12px;font-size:11px;font-weight:800;text-decoration:none;color:#ffffff;background:rgba(8,22,29,.72);border:1px solid rgba(255,255,255,.12)}
.cllp-hero-btn a.birincil{color:#061214;background:#eff8f6;border-color:#eff8f6}
.cllp-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 14px}
.cllp-stat>div{min-height:80px;padding:12px;border-radius:18px;border:1px solid var(--cl-lp-card-line)}
.cllp-stat-a{background:var(--cl-lp-stat-a)}.cllp-stat-b{background:var(--cl-lp-stat-b)}.cllp-stat-c{background:var(--cl-lp-stat-c)}
.cllp-stat b{display:block;font-size:18px;line-height:1.2;font-weight:700;color:var(--cl-ink)}
.cllp-stat span{display:block;margin-top:4px;font-size:9.5px;line-height:1.3;color:var(--cl-lp-sub)}
.cllp-harita{margin:0 12px 16px;padding:15px;border-radius:22px;background:var(--cl-lp-card);border:1px solid color-mix(in srgb,#56d5cb 18%,var(--cl-lp-card-line));box-shadow:inset 0 1px 0 rgba(255,255,255,.024)}
.cllp-harita h2{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--cl-ink)}
.cllp-satir{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--cl-lp-card-line)}
.cllp-satir:first-of-type{border-top:0}
.cllp-satir-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--cl-lp-ico);color:var(--cl-lp-ico-ink);font-size:15px}
.cllp-satir b{display:block;font-size:12.5px;font-weight:700;color:var(--cl-ink)}
.cllp-satir small{display:block;margin-top:3px;font-size:10.5px;line-height:1.4;color:var(--cl-lp-sub)}
.cllp-satir i{font-style:normal;text-align:center;color:var(--cl-lp-sub)}
.cllp-sekmeler{position:sticky;top:62px;z-index:25;display:flex;gap:7px;overflow-x:auto;padding:10px 14px;background:var(--cl-lp-head);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none}
.cllp-sekmeler::-webkit-scrollbar{display:none}
.cllp-sekme{flex:0 0 auto;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--cl-lp-card-line);background:var(--cl-lp-tab);color:var(--cl-lp-tab-ink);font:800 12px/1 var(--sans);cursor:pointer}
.cllp-sekme.on{background:var(--cl-lp-tab-on);border-color:var(--cl-lp-tab-on);color:var(--cl-lp-tab-on-ink)}
.cllp-sekme:focus-visible{outline:2px solid var(--cl-lp-open);outline-offset:2px}
.cllp-panel{padding:18px 14px 4px}
.cllp-panel[hidden]{display:none}
.cllp-panel-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 11px}
.cllp-panel-bas h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.25px;color:var(--cl-ink)}
.cllp-panel-bas span{font-size:11px;color:var(--cl-lp-sub)}
.cllp-giris{margin:-3px 0 13px;font-size:11.5px;line-height:1.55;color:var(--cl-lp-sub)}
.cllp-ara{display:flex;align-items:center;gap:8px;height:42px;margin:0 0 12px;padding:0 12px;border-radius:13px;background:var(--cl-lp-tab);border:1px solid var(--cl-lp-card-line);color:var(--cl-lp-sub)}
.cllp-ara[hidden]{display:none}
.cllp-ara input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--cl-ink);font:600 13px var(--sans)}
.cllp-moduller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cllp-modul{--t:#58c9c7;--tl:#1683bd;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:142px;padding:14px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--t) 9%,#ffffff),#ffffff);border:1px solid var(--cl-lp-card-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.024);color:var(--cl-ink);text-decoration:none;transition:transform .12s}
.cllp-modul::after{content:"";position:absolute;top:-25px;right:-25px;z-index:-1;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--t) 20%,transparent);pointer-events:none}
:root[data-theme="dark"] .cllp-modul{background:linear-gradient(145deg,color-mix(in srgb,var(--t) 10%,#0c1d24),color-mix(in srgb,var(--t) 4%,#0a161b))}
:root[data-theme="dark"] .cllp-modul::after{background:color-mix(in srgb,var(--t) 24%,transparent)}
.cllp-foto{display:grid;grid-template-columns:1.22fr 1fr;gap:9px;margin:0 0 14px}
.cllp-foto-k{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:165px;padding:12px;overflow:hidden;border-radius:20px;border:1px solid var(--cl-lp-card-line);background:linear-gradient(145deg,#12414a,#0b2027) center/cover no-repeat;color:#ffffff;text-decoration:none}
.cllp-foto-k+.cllp-foto-k{background-color:#2b1f14;background-image:linear-gradient(145deg,#4a3218,#1f160d)}
.cllp-foto-k::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,12,16,.05) 18%,rgba(4,12,16,.62) 56%,rgba(4,12,16,.96))}
.cllp-foto-k b{display:block;font-size:13px;line-height:1.2;font-weight:700;color:#ffffff}
.cllp-foto-k small{display:block;margin-top:3px;font-size:9.5px;line-height:1.35;color:#d0dade}
.cllp-foto-k:focus-visible,.cllp-modul:focus-visible{outline:2px solid var(--cl-lp-open);outline-offset:2px}
.cllp-modul[hidden]{display:none}
.cllp-modul:active{transform:scale(.99)}
.cllp-ico{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:12px;color:#ffffff;background:linear-gradient(145deg,var(--tl),color-mix(in srgb,var(--tl) 72%,#000))}
:root[data-theme="dark"] .cllp-ico{color:color-mix(in srgb,var(--t) 60%,#ffffff);background:linear-gradient(145deg,color-mix(in srgb,var(--t) 24%,#132934),#132934)}
.cllp-modul b{font-size:14px;line-height:1.2;font-weight:700;letter-spacing:-.15px}
.cllp-modul p{margin:5px 0 0;font-size:11.5px;line-height:1.45;color:var(--cl-lp-sub)}
.cllp-ac{margin-top:auto;padding-top:11px;font-size:10.5px;font-weight:800;color:var(--cl-lp-open)}
.cllp-bos{margin:14px 0;text-align:center;font-size:12px;color:var(--cl-lp-sub)}
.cllp-bos[hidden]{display:none}
.cllp-renkli{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 6px}
.cllp-renkli-k{--vurgu:#55d5cb;position:relative;isolation:isolate;overflow:hidden;min-height:155px;padding:14px;border-radius:20px;border:1px solid var(--cl-lp-card-line);background:linear-gradient(145deg,color-mix(in srgb,var(--vurgu) 13%,#ffffff),#ffffff)}
.cllp-renkli-k::after{content:"";position:absolute;top:-30px;right:-30px;z-index:-1;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--vurgu) 16%,transparent);pointer-events:none}
:root[data-theme="dark"] .cllp-renkli-k{border-color:rgba(255,255,255,.08);background:linear-gradient(145deg,color-mix(in srgb,var(--vurgu) 13%,#0b1a20),color-mix(in srgb,var(--vurgu) 5%,#0b161b))}
.cllp-renkli-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:12px;background:color-mix(in srgb,var(--vurgu) 16%,transparent);color:color-mix(in srgb,var(--vurgu) 72%,#0b1a20)}
:root[data-theme="dark"] .cllp-renkli-ic{background:rgba(255,255,255,.08);color:#f3f8fa}
.cllp-renkli-k b{display:block;font-size:14px;line-height:1.2;font-weight:700;color:var(--cl-ink)}
.cllp-renkli-k p{margin:5px 0 0;font-size:11px;line-height:1.45;color:var(--cl-lp-sub)}
.cllp-renkli-k small{display:block;margin-top:11px;font-size:9.5px;font-weight:850;letter-spacing:.3px;color:color-mix(in srgb,var(--vurgu) 60%,#0b1a20)}
:root[data-theme="dark"] .cllp-renkli-k small{color:var(--vurgu)}
.cllp-alt-bas{margin:18px 0 11px}
.cllp-alt-bas h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.2px;color:var(--cl-ink)}
.cllp-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 12px}
.cllp-mini>div{display:grid;justify-items:center;align-content:center;gap:6px;min-height:78px;padding:10px 7px;border-radius:17px;background:var(--cl-lp-mini);border:1px solid var(--cl-lp-card-line);color:var(--cl-ink)}
.cllp-mini svg{width:22px;height:22px}
.cllp-mini b{font-size:10px;font-weight:800;color:var(--cl-ink)}
.cllp-mini .life{border-color:rgba(219,164,64,.3);background:linear-gradient(145deg,#f7f0ff,#fbf6ec);color:#b8780c}
:root[data-theme="dark"] .cllp-mini .life{border-color:rgba(219,164,64,.16);background:linear-gradient(145deg,#211829,#14101d);color:#f6c85f}
.cllp-not{margin:0 0 12px;padding:12px 13px;border-left:3px solid #efab36;border-radius:0 14px 14px 0;background:var(--cl-lp-not);font-size:10.8px;line-height:1.5;color:var(--cl-lp-not-ink)}
.cllp-not b{color:var(--cl-ink)}
.cllp-ipucu{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;margin:0 0 9px;padding:13px;border-radius:17px;background:var(--cl-lp-duz);border:1px solid var(--cl-lp-card-line)}
.cllp-ipucu-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--cl-lp-open) 14%,transparent);color:var(--cl-lp-open);font-size:18px;font-weight:700}
.cllp-ipucu b{display:block;font-size:12.5px;font-weight:700;color:var(--cl-ink)}
.cllp-ipucu small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:var(--cl-lp-sub)}
.cllp-liste b{display:block;font-size:13px;font-weight:700;color:var(--cl-ink)}
.cllp-liste small{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:var(--cl-lp-sub)}
.cllp-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cllp-yapma{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}
.cllp-yapma>div{padding:14px;border-radius:18px}
.cllp-yap{background:var(--cl-lp-yap);border:1px solid var(--cl-lp-yap-cizgi)}
.cllp-yapmaz{background:var(--cl-lp-yapmaz);border:1px solid var(--cl-lp-yapmaz-cizgi)}
.cllp-yapma b{display:block;font-size:12.5px;line-height:1.25;font-weight:700;color:var(--cl-ink)}
.cllp-yapma small{display:block;margin-top:5px;font-size:10.5px;line-height:1.45;color:var(--cl-lp-sub)}
.cllp-guven{gap:10px}
.cllp-guven li{padding:15px;border-radius:18px;background:var(--cl-lp-duz);border:1px solid var(--cl-lp-card-line)}
.cllp-guven li b{margin-bottom:6px;font-size:15px}
.cllp-guven li small{font-size:12.5px;line-height:1.6}
.cllp-liste small strong{color:var(--cl-ink);font-weight:800}
.cllp-liste a,.cllp-sss a{color:var(--cl-lp-open);font-weight:800}
.cllp-sema{margin:0 0 12px;padding:14px;border-radius:22px;background:var(--cl-lp-duz);border:1px solid var(--cl-lp-card-line)}
.cllp-sema h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--cl-ink)}
.cllp-akis{display:flex;align-items:stretch;gap:5px}
.cllp-akis span{flex:1;min-width:0;min-height:98px;padding:11px 9px;border-radius:16px;background:var(--cl-lp-dugum);border:1px solid var(--cl-lp-card-line)}
.cllp-akis em{display:block;color:var(--cl-lp-open);font-style:normal}
.cllp-akis em svg{display:block;width:20px;height:20px}
.cllp-akis b{display:block;margin-top:8px;font-size:11.5px;line-height:1.2;font-weight:700;color:var(--cl-ink);overflow-wrap:anywhere}
.cllp-akis small{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:var(--cl-lp-sub)}
.cllp-akis i{align-self:center;font-style:normal;font-size:16px;color:var(--cl-lp-sub)}
.cllp-sss-panel{overflow:hidden;border-radius:18px;background:var(--cl-lp-duz);border:1px solid var(--cl-lp-card-line)}
.cllp-sss{margin:0}
.cllp-sss+.cllp-sss{border-top:1px solid var(--cl-lp-card-line)}
.cllp-sss summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;padding:13px 15px;font-size:13.5px;line-height:1.3;font-weight:800;color:var(--cl-ink);cursor:pointer;list-style:none}
.cllp-sss summary:focus-visible{outline:2px solid var(--cl-lp-open);outline-offset:-2px}
.cllp-sss summary::-webkit-details-marker{display:none}
.cllp-sss summary::after{content:"+";flex:0 0 auto;font-size:18px;font-weight:700;color:var(--cl-lp-sub)}
.cllp-sss[open] summary::after{content:"−"}
.cllp-sss p{margin:0;padding:0 15px 15px;font-size:12.5px;line-height:1.65;color:var(--cl-lp-sub)}
@media (max-width:390px){.cllp-hero h1{font-size:27px}.cllp-stat span{font-size:9px}}
@media (prefers-reduced-motion:reduce){.cllp-modul{transition:none}}
/* ── Etkinlik takvimi (templates/pages/city_events.php) ──
   Taslak: cide-html 03-etkinlikler.php. Ölçü (430px, koyu, tarayıcıda):
   üst 76px grid 42|1fr|auto, geri 42 r12, başlık 22px, "Etkinlik Ekle" 42px r11
   10.5px; giriş min 205px pad 27/18/24, h1 39px/-1.1, p 12px satır 1.6, halka 88
   çekirdek 56; takvim pad 18, gün 56×70 r14 gap 8, küçük 9.3px, sayı 18px,
   nokta 4px alt 6; öne çıkan kart 205px r0, rozet 48×52, başlık 22px;
   çip 42px r10 10px; satır 92px grid 52|1fr|22 gap 12, tarih kutusu 50×58,
   başlık 14.5px; öneri formu alanları 58px alt çizgili 14.5px, düğme 58px r13.
   TASLAĞIN KONTRAST HATALARI DÜZELTİLDİ (hesaplandı): #617d87 4.38, #5f747d 3.91,
   beyaz/#349ec7 3.06 → sırasıyla --cl-et-mute, --cl-et-count ve #1f7aa0 (4.83).
   Kart ve detay hero'su BİLEREK her temada koyu (fotoğraf kabı). */
body.cl-etk{background:var(--cl-et-bg)}
body.cl-etk .app{background:var(--cl-et-bg);color:var(--cl-et-ink)}
.clet-main{padding:0 0 calc(80px + env(safe-area-inset-bottom,0px))}
.clet-ust{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:76px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:var(--cl-et-head);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--cl-et-line)}
.clet-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cl-et-btn);border:1px solid var(--cl-et-btn-line);color:var(--cl-et-btn-ink);text-decoration:none}
.clet-geri svg{width:20px;height:20px}
.clet-baslik{margin-top:2px;font-size:22px;line-height:1.2;font-weight:900;letter-spacing:-.2px;color:var(--cl-et-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clet-ekle-ust{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:11px;background:var(--cl-et-create);color:var(--cl-et-create-ink);font-size:10.5px;font-weight:900;text-decoration:none;white-space:nowrap}
.clet-kas{font-size:9px;font-weight:900;letter-spacing:1.2px;color:var(--cl-et-accent)}
.clet-giris{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;min-height:205px;padding:27px 18px 24px;background:var(--cl-et-intro);border-bottom:1px solid var(--cl-et-line)}
.clet-giris h1{margin:7px 0 8px;font-size:39px;line-height:1;font-weight:900;letter-spacing:-1.1px;color:var(--cl-et-ink)}
.clet-giris p{max-width:290px;margin:0;font-size:12px;line-height:1.6;font-weight:750;color:var(--cl-et-sub)}
.clet-halka{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:1px solid var(--cl-et-ring)}
.clet-halka-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--cl-et-core);color:var(--cl-et-core-ink);font-size:22px;font-weight:900}
.clet-halka i{position:absolute;width:7px;height:7px;border-radius:50%}
.clet-halka i:nth-of-type(1){top:7px;left:calc(50% - 3.5px);background:#5ec4e5}
.clet-halka i:nth-of-type(2){right:7px;bottom:19px;background:#8b82e7}
.clet-halka i:nth-of-type(3){left:5px;bottom:24px;background:#54bda0}
.clet-takvim{padding:18px;border-bottom:1px solid var(--cl-et-line)}
.clet-takvim-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.clet-takvim-bas small{display:block;font-size:8.8px;font-weight:900;letter-spacing:.8px;color:var(--cl-et-mute)}
.clet-takvim-bas b{display:block;margin-top:2px;font-size:20px;line-height:1.2;font-weight:900;color:var(--cl-et-ink)}
.clet-takvim-bas>span{font-size:9.5px;font-weight:900;color:var(--cl-et-meta);white-space:nowrap}
.clet-gunler{display:flex;gap:8px;overflow-x:auto;margin:14px -18px 0;padding:0 18px 4px;scrollbar-width:none}
.clet-gunler::-webkit-scrollbar{display:none}
.clet-gun{position:relative;flex:0 0 56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:70px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--cl-et-day-ring);color:var(--cl-et-day-ink);text-decoration:none}
.clet-gun small{font-size:9.3px;font-weight:900}
.clet-gun b{font-size:18px;line-height:1.2;font-weight:900}
.clet-gun.on{color:var(--cl-et-day-on-ink);background:var(--cl-et-day-on);box-shadow:inset 0 0 0 1px var(--cl-et-day-on-ring)}
.clet-gun-nokta{position:absolute;bottom:6px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--cl-et-dot)}
.clet-gun-panel{padding-top:13px}
.clet-gun-panel strong{display:block;font-size:12px;line-height:1.35;font-weight:900;color:var(--cl-et-ink)}
.clet-gun-panel>span{display:block;margin-top:3px;font-size:9.8px;color:var(--cl-et-meta)}
.clet-gun-liste{margin:8px 0 0;padding:0;list-style:none}
.clet-gun-liste a{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid var(--cl-et-line);font-size:11.5px;line-height:1.35;font-weight:800;color:var(--cl-et-ink);text-decoration:none}
.clet-gun-liste a span{flex:0 0 46px;font-size:9.5px;font-weight:900;color:var(--cl-et-cat)}
.clet-bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.clet-bolum-bas>span{font-size:8.8px;font-weight:900;letter-spacing:1px;color:var(--cl-et-mute)}
.clet-bolum-link{font-size:9.5px;font-weight:900;color:var(--cl-et-link);text-decoration:none}
.clet-akis-sayi{font-size:9.5px;font-weight:900;font-style:normal;color:var(--cl-et-count)}
.clet-one{padding:18px;border-bottom:1px solid var(--cl-et-line)}
.clet-one-kart{--t:#738193;position:relative;display:block;height:205px;margin-top:12px;overflow:hidden;color:#eef6f8;text-decoration:none;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--t) 42%,transparent),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--t) 32%,#0b161b),#071015 78%)}
.clet-one-kart::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,9,12,.04),rgba(4,10,14,.9))}
.clet-one-foto{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.clet-one-tarih{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:52px;background:rgba(5,13,17,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.clet-one-tarih b{font-size:17px;line-height:17px;font-weight:700;color:#eef6f8}
.clet-one-tarih span{margin-top:3px;font-size:6.5px;font-weight:900;color:#6ac7e7}
.clet-one-metin{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:block}
.clet-one-metin small{font-size:8.8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:#74c4d9}
.clet-one-baslik{display:block;margin:5px 0;font-size:22px;line-height:1.25;font-weight:900;color:#eef6f8;overflow-wrap:anywhere}
.clet-one-alt{display:block;font-size:10px;font-weight:850;color:#9aacb3}
.clet-akis{padding:18px;border-bottom:1px solid var(--cl-et-line)}
.clet-cipler{display:flex;gap:7px;overflow-x:auto;margin:12px -18px 0;padding:0 18px 4px;scrollbar-width:none}
.clet-cipler::-webkit-scrollbar{display:none}
.clet-cip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:10px;background:var(--cl-et-chip);color:var(--cl-et-chip-ink);font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.clet-cip.on{background:var(--cl-et-chip-on);color:var(--cl-et-chip-on-ink)}
.clet-liste{margin-top:8px}
.clet-satir{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:92px;padding:12px 0;border-bottom:1px solid var(--cl-et-line);color:var(--cl-et-ink);text-decoration:none}
.clet-satir[hidden]{display:none}
.clet-satir-tarih{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:58px;background:var(--cl-et-tile)}
.clet-satir-tarih b{font-size:18.5px;line-height:1.2;font-weight:900;color:var(--cl-et-ink)}
.clet-satir-tarih span{font-size:8.5px;font-weight:900;color:var(--cl-et-month)}
.clet-satir-metin{min-width:0}
.clet-satir-metin small{display:block;font-size:8.3px;font-weight:900;letter-spacing:.65px;text-transform:uppercase;color:var(--cl-et-cat)}
.clet-satir-metin h3{margin:3px 0 4px;font-size:14.5px;line-height:1.35;font-weight:900;color:var(--cl-et-ink);overflow-wrap:anywhere}
.clet-satir-alt{display:block;font-size:9.5px;font-weight:800;color:var(--cl-et-meta)}
.clet-satir-ok{font-size:26px;line-height:1;text-align:right;color:var(--cl-et-arrow)}
.clet-liste-bos{margin:14px 0 0;font-size:11px;color:var(--cl-et-sub)}
.clet-liste-bos a,.clet-daha{color:var(--cl-et-link);font-weight:900}
.clet-daha{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;border-radius:12px;border:1px solid var(--cl-et-line);font-size:11px;text-decoration:none}
.clet-bos{padding:22px 4px 6px;text-align:center}
.clet-bos b{display:block;font-size:15px;font-weight:900;color:var(--cl-et-ink)}
.clet-bos p{margin:6px auto 14px;max-width:280px;font-size:11.5px;line-height:1.55;color:var(--cl-et-sub)}
.clet-bos a,.clet-ekle-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;background:linear-gradient(145deg,#1f7aa0,#175f7d);color:#ffffff;font-size:11.5px;font-weight:900;text-decoration:none}
.clet-main>.clad{padding:12px 18px 0}
.clet-ekle{padding:26px 18px 34px;background:var(--cl-et-submit)}
.clet-ekle h2{margin:7px 0;font-size:26px;line-height:1.15;font-weight:900;color:var(--cl-et-ink)}
.clet-ekle p{max-width:310px;margin:0;font-size:11px;line-height:1.62;font-weight:750;color:var(--cl-et-sub)}
.clet-ekle-btn{display:flex;width:100%;min-height:56px;margin-top:16px}
.clet-oner{position:fixed;inset:0;z-index:70;max-width:var(--app-w);margin:0 auto;background:var(--cl-et-bg);color:var(--cl-et-ink);visibility:hidden;transform:translateX(102%);transition:transform .27s cubic-bezier(.2,.8,.2,1),visibility 0s linear .27s;color-scheme:light}
:root[data-theme="dark"] .clet-oner{color-scheme:dark}
.clet-oner:target:not([data-js]),.clet-oner.on{visibility:visible;transform:none;transition:transform .27s cubic-bezier(.2,.8,.2,1)}
.clet-oner-form{display:flex;flex-direction:column;height:100%;margin:0}
.clet-oner-ust{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:74px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;border-bottom:1px solid var(--cl-et-line)}
.clet-oner-kapat{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cl-et-btn);border:1px solid var(--cl-et-btn-line);color:var(--cl-et-ink);font-size:21px;line-height:1;text-decoration:none}
.clet-oner-ust b{margin-top:2px;font-size:22px;font-weight:900}
.clet-oner-kaydir{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 24px}
.clet-alan{display:block;margin-bottom:18px}
.clet-alan>span{display:block;margin-bottom:8px;font-size:10.8px;font-weight:900;letter-spacing:.05px;color:var(--cl-et-label)}
.clet-alan input,.clet-alan select,.clet-alan textarea{display:block;width:100%;height:58px;margin:0;padding:0;border:0;border-bottom:1px solid var(--cl-et-field-line);border-radius:0;background:transparent;color:var(--cl-et-ink);font-family:inherit;font-size:14.5px;font-weight:850;outline:0}
.clet-alan textarea{min-height:138px;padding-top:11px;line-height:1.55;resize:none}
.clet-alan select option{background:var(--cl-et-bg);color:var(--cl-et-ink)}
.clet-alan input::placeholder,.clet-alan textarea::placeholder{color:var(--cl-et-ph);opacity:1;font-weight:700}
.clet-alan input:focus,.clet-alan select:focus,.clet-alan textarea:focus{border-bottom-color:var(--cl-et-accent);box-shadow:0 1px 0 var(--cl-et-accent)}
.clet-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.clet-oner-not{margin:2px 0 0;font-size:10.5px;line-height:1.5;color:var(--cl-et-meta)}
.clet-oner-alt{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--cl-et-bg);border-top:1px solid var(--cl-et-line)}
.clet-oner-alt button{display:block;width:100%;min-height:58px;border:0;border-radius:13px;background:linear-gradient(145deg,#1f7aa0,#175f7d);color:#ffffff;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
.clet-main a:focus-visible,.clet-ust a:focus-visible,.clet-oner a:focus-visible,.clet-oner button:focus-visible{outline:2px solid var(--cl-et-accent);outline-offset:2px}
.clet-one-kart[data-kat="kultur"],.cletd-hero[data-kat="kultur"]{--t:#7657ea}.clet-one-kart[data-kat="spor"],.cletd-hero[data-kat="spor"]{--t:#27b871}
.clet-one-kart[data-kat="konser"],.cletd-hero[data-kat="konser"]{--t:#a17bff}.clet-one-kart[data-kat="dini"],.cletd-hero[data-kat="dini"]{--t:#ff7d46}
.clet-one-kart[data-kat="festival"],.cletd-hero[data-kat="festival"]{--t:#ff5b7e}.clet-one-kart[data-kat="egitim"],.cletd-hero[data-kat="egitim"]{--t:#3970e8}.clet-one-kart[data-kat="cocuk"],.cletd-hero[data-kat="cocuk"]{--t:#ff7bc3}
@media (prefers-reduced-motion:reduce){.clet-oner,.clet-oner:target,.clet-oner.on{transition:none}}
.clet-takvim,.clet-akis{scroll-margin-top:80px}

/* ── Etkinlik detayı (templates/pages/city_event_detail.php) ──
   Taslak: #evxDetail. Ölçü (430px): hero 292px, üst şerit grid 42|1fr|42 gap 8
   padding 12/14, düğmeler 42 r13 rgba(4,10,14,.62) blur 10; hap 25px r8 8.8px;
   başlık 29px/-.45 satır 1.18; hızlı bilgi 2 sütun 88px, ikon 36 r12; bölüm
   padding 18/0, başlık 19px, açıklama 12.5px satır 1.7; program satırı 50px,
   saat 10px; konum düğmesi 42px r11 9.8px; not ikonu 28px; alt çubuk .9fr|1.1fr
   gap 8, düğme 54px r13 11.2px. Gövde kenarı 17px.
   Hero BİLEREK her temada koyu (fotoğraf/degrade kabı); alt çubuk ve gövde tema
   tokenlarıyla. Taslağın not rengi #687d85 4.38 → --cl-et-meta. */
body.cl-etkd .app{padding-bottom:0}
.cletd-hero{--t:#738193;position:relative;height:292px;overflow:hidden;color:#ffffff;background:radial-gradient(circle at 80% 22%,color-mix(in srgb,var(--t) 40%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--t) 30%,#0b161b),#071015 80%)}
.cletd-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,8,11,.1) 0%,rgba(3,8,11,.28) 42%,rgba(4,10,14,.96) 100%)}
.cletd-hero-foto{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.cletd-hero-ust{position:absolute;top:0;left:0;right:0;z-index:3;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 0}
.cletd-hero-ust>span{text-align:center;font-size:9.5px;font-weight:900;letter-spacing:.9px;color:#dce9ed}
.cletd-geri,.cletd-paylas{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:13px;background:rgba(4,10,14,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff;text-decoration:none;cursor:pointer}
.cletd-geri svg,.cletd-paylas svg{width:20px;height:20px}
.cletd-hero-metin{position:absolute;left:16px;right:16px;bottom:20px;z-index:3}
.cletd-hap{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:8px;background:rgba(51,155,191,.18);color:#88d7ee;font-size:8.8px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}
.cletd-hero h1{max-width:92%;margin:8px 0 6px;font-size:29px;line-height:1.18;font-weight:900;letter-spacing:-.45px;color:#ffffff;overflow-wrap:anywhere}
.cletd-hero-alt{margin:0;font-size:11px;line-height:1.45;font-weight:850;color:#a9bbc2}
.cletd-main{padding:0 17px calc(96px + env(safe-area-inset-bottom,0px))}
.cletd-hizli{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--cl-et-line)}
.cletd-hizli.tek{grid-template-columns:minmax(0,1fr)}
.cletd-hizli-oge{display:flex;align-items:center;gap:10px;min-width:0;min-height:88px;padding:14px 10px 14px 0}
.cletd-hizli-oge+.cletd-hizli-oge{padding-left:12px;border-left:1px solid var(--cl-et-line)}
.cletd-ikon{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--cl-et-ico-bg);color:var(--cl-et-ico)}
.cletd-ikon svg{width:18px;height:18px}
.cletd-hizli-oge>div{min-width:0}
.cletd-hizli-oge small{display:block;font-size:8.8px;font-weight:900;letter-spacing:.72px;color:var(--cl-et-mute)}
.cletd-hizli-oge b{display:block;margin-top:4px;font-size:13px;line-height:1.35;font-weight:900;color:var(--cl-et-ink);overflow-wrap:anywhere}
.cletd-hizli-oge em{display:block;margin-top:2px;font-size:10.5px;font-style:normal;font-weight:800;color:var(--cl-et-meta)}
.cletd-katilim{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:11px;font-weight:800;color:var(--cl-et-sub)}
.cletd-katilim[hidden]{display:none}
.cletd-katilim svg{flex:0 0 auto;color:var(--cl-et-ico)}
.cletd-katilim b{color:var(--cl-et-ink);font-weight:900}
.cletd-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 14px;border-bottom:1px solid var(--cl-et-line)}
.cletd-eylem-i{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:12px;border:1px solid var(--cl-et-btn-line);background:var(--cl-et-btn);color:var(--cl-et-btn-ink);font-family:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}
.cletd-eylem-i svg{flex:0 0 auto}
.cletd-eylem-i b{font-weight:900}
.cletd-eylem-i.on[data-clike]{color:#d93a40}
.cletd-eylem-i.on[data-clike] svg{fill:currentColor}
.cletd-eylem-i.on[data-csave]{color:var(--cl-et-accent)}
.cletd-eylem-i.on[data-csave] svg{fill:currentColor}
.cletd-sikayet{margin-left:auto}
.cletd-main .clad{padding:12px 0 0}
.cletd-bolum{padding:18px 0;border-bottom:1px solid var(--cl-et-line)}
.cletd-bolum small{display:block;font-size:8.8px;font-weight:900;letter-spacing:.72px;color:var(--cl-et-mute)}
.cletd-bolum h2{margin:5px 0 0;font-size:19px;line-height:1.3;font-weight:900;letter-spacing:-.15px;color:var(--cl-et-ink);overflow-wrap:anywhere}
.cletd-aciklama{margin-top:10px;font-size:12.5px;line-height:1.7;font-weight:760;color:var(--cl-et-desc);overflow-wrap:anywhere}
.cletd-aciklama p{margin:0 0 10px}
.cletd-aciklama>:last-child{margin-bottom:0}
.cletd-aciklama a{color:var(--cl-et-link)}
.cletd-aciklama img{max-width:100%;height:auto;border-radius:10px}
.cletd-program ol{margin:4px 0 0;padding:0;list-style:none}
.cletd-adim{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:8px 0;border-bottom:1px solid var(--cl-et-line)}
.cletd-adim:last-child{border-bottom:0}
.cletd-adim>b{font-size:10px;font-weight:900;color:var(--cl-et-cat)}
.cletd-adim span{display:block;font-size:11.2px;line-height:1.45;font-weight:900;color:var(--cl-et-step)}
.cletd-adim ul{margin:3px 0 0;padding:0 0 0 14px;font-size:10.5px;line-height:1.5;color:var(--cl-et-meta)}
.cletd-konum{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.cletd-konum p{max-width:250px;margin:5px 0 0;font-size:10.5px;line-height:1.5;font-weight:760;color:var(--cl-et-meta)}
.cletd-konum-btn{display:inline-flex;align-items:center;min-height:42px;padding:0 11px;border-radius:11px;background:var(--cl-et-create);color:var(--cl-et-create-ink);font-size:9.8px;font-weight:900;text-decoration:none;white-space:nowrap}
.cletd-duzenleyen b{display:block;margin-top:5px;font-size:13px;line-height:1.35;font-weight:900;color:var(--cl-et-ink)}
.cletd-not{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;margin:16px 0 4px}
.cletd-not span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cl-et-core);color:var(--cl-et-cat);font-size:11px;font-weight:900}
.cletd-not p{margin:0;font-size:10px;line-height:1.52;font-weight:760;color:var(--cl-et-meta)}
.cletd-yorumlar{padding:18px 0 6px}
.cletd-yorumlar h2{margin:0 0 12px;font-size:17px;font-weight:900;color:var(--cl-et-ink)}
.cletd-yorumlar h2 span{font-weight:800;color:var(--cl-et-meta)}
.cletd-yorum-form{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.cletd-yorum-form input{flex:1 1 auto;min-width:0;height:46px;padding:0 14px;border-radius:13px;border:1px solid var(--cl-et-field-line);background:var(--cl-et-btn);color:var(--cl-et-ink);font-family:inherit;font-size:13px;font-weight:700;outline:0}
.cletd-yorum-form input::placeholder{color:var(--cl-et-ph);opacity:1}
.cletd-yorum-form input:focus{border-color:var(--cl-et-accent)}
.cletd-yorum-form button{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:13px;background:linear-gradient(145deg,#1f7aa0,#175f7d);color:#ffffff;cursor:pointer}
.cletd-yorum-giris{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;margin:0 0 14px;border-radius:13px;background:var(--cl-et-create);color:var(--cl-et-create-ink);font-size:11.5px;font-weight:900;text-decoration:none}
.cletd-yorum-liste{margin:0;padding:0;list-style:none}
.cletd-yorum-liste li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--cl-et-line)}
.cletd-yorum-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--cl-et-ico-bg);color:var(--cl-et-ico);font-size:12px;font-weight:900}
.cletd-yorum-av img{width:100%;height:100%;object-fit:cover}
.cletd-yorum-liste b{font-size:11.5px;font-weight:900;color:var(--cl-et-ink)}
.cletd-yorum-liste p{margin:3px 0 0;font-size:12px;line-height:1.5;color:var(--cl-et-desc);overflow-wrap:anywhere}
.cletd-yorum-liste small{display:block;margin-top:3px;font-size:9.5px;color:var(--cl-et-meta)}
.cletd-yorum-bos{margin:0;font-size:11.5px;color:var(--cl-et-sub)}
.cletd-alt{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:var(--app-w);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--cl-et-head);border-top:1px solid var(--cl-et-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.cletd-alt button{min-height:54px;border:0;border-radius:13px;font-family:inherit;font-size:11.2px;font-weight:900;cursor:pointer}
.cletd-alt-ikincil{background:var(--cl-et-btn2);color:var(--cl-et-btn2-ink)}
.cletd-alt-birincil{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(145deg,#1f7aa0,#175f7d);color:#ffffff}
.cletd-katiliyor{display:none;align-items:center;gap:6px}
.cletd-alt-birincil.on{background:var(--cl-et-create);color:var(--cl-et-create-ink)}
.cletd-alt-birincil.on .cletd-katil{display:none}
.cletd-alt-birincil.on .cletd-katiliyor{display:inline-flex}
.cletd-hero a:focus-visible,.cletd-hero button:focus-visible,.cletd-main a:focus-visible,.cletd-main button:focus-visible,.cletd-alt button:focus-visible{outline:2px solid var(--cl-et-accent);outline-offset:2px}


/* ── Bildirim merkezi (templates/partials/notify_center_body.php) ──
   Taslak: #notifyModal. Ölçü (430px, koyu): sayfa genişliği min(100%,460px),
   r 24/24/0/0, padding 8/12/26, en az 76dvh en çok 88dvh; tutamak 38×4;
   başlık 21px/950 -.35px; × 34px r11; hap 34px r999 padding 0 13 9.8px/850,
   aktif ters renk; grup başlığı 13.4px/900; satır ızgarası 46px|1fr|auto gap 10
   en az 72px padding 10/2; avatar 46 daire; başlık 12.3px/900, gövde 10.4px
   satır 1.46, zaman 9.4px/750; küçük resim 44 r12; düğme 34px r10 9.4px/850.
   @390: başlık 19, hap 32/9.2, satır 42|1fr|auto gap 9 en az 68, avatar 42,
   metin 11.7/9.9/9, küçük resim 40, düğme 32/9.
   TASLAK HATALARI TAŞINMADI: okunmamış noktası (right:0) sağdaki düğmenin üstüne
   biniyordu — satırın sağında 14px yer ayrıldı; ana alt menü (z 999999) sayfanın
   altını örtüyordu — sayfa site menüsünün (40) üstünde; açılış animasyonu yoktu. */
.clsheet.clnt-sheet{z-index:65}
.clnt-sheet .clsheet-bd{background:var(--cl-nt-bd);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.clnt-stage{position:absolute;left:0;right:0;bottom:0;width:min(100%,460px);margin:0 auto;min-height:76vh;min-height:76dvh;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px calc(26px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:var(--cl-nt-bg);border-top:1px solid var(--cl-nt-edge);box-shadow:var(--cl-nt-shadow);color:var(--cl-nt-b);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);scrollbar-width:none}
.clnt-stage::-webkit-scrollbar{display:none}
.clnt-sheet.on .clnt-stage{transform:none}
.clnt-tutamak{display:block;width:38px;height:4px;margin:1px auto 10px;border-radius:999px;background:var(--cl-nt-handle)}
.clnt-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.clnt-ust h2{margin:0;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:-.35px;color:var(--cl-nt-title)}
.clnt-kapat{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:11px;border:1px solid var(--cl-nt-x-line);background:var(--cl-nt-x-bg);color:var(--cl-nt-x-ink);font-family:inherit;font-size:18px;line-height:1;cursor:pointer}
.clnt-haplar{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:4px;scrollbar-width:none}
.clnt-haplar::-webkit-scrollbar{display:none}
.clnt-hap{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--cl-nt-pill-line);background:var(--cl-nt-pill);color:var(--cl-nt-pill-ink);font-size:9.8px;font-weight:850;text-decoration:none;white-space:nowrap}
.clnt-hap.on{background:var(--cl-nt-pill-on);border-color:var(--cl-nt-pill-on);color:var(--cl-nt-pill-on-ink)}
.clnt-hap-sayi{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#cc3b31;color:#ffffff;font-size:9px;font-weight:900}
.clnt-panel[hidden],.clnt-grup[hidden],.clnt-satir[hidden],.clnt-bos[hidden]{display:none}
.clnt-grup{margin-top:4px}
.clnt-grup h3{margin:10px 2px 9px;font-size:13.4px;line-height:1.2;font-weight:900;color:var(--cl-nt-group)}
.clnt-satir{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px 16px 10px 2px;border-bottom:1px solid var(--cl-nt-line)}
.clnt-satir.yeni::after{content:"";position:absolute;right:2px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--cl-nt-dot);box-shadow:0 0 10px color-mix(in srgb,var(--cl-nt-dot) 48%,transparent)}
.clnt-link{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.clnt-av{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;color:#ffffff;font-size:13.5px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.clnt-av img{width:100%;height:100%;object-fit:cover}
.clnt-av.ikon{background:var(--cl-nt-ico);color:var(--cl-nt-ico-ink);box-shadow:none}
.clnt-ton-pembe{background:linear-gradient(145deg,#ff7bc3,#ff5b7e)}
.clnt-ton-mavi{background:linear-gradient(145deg,#5f92ff,#3970e8)}
.clnt-ton-turuncu{background:linear-gradient(145deg,#ffb45a,#ff7d46)}
.clnt-ton-yesil{background:linear-gradient(145deg,#52df9a,#27b871)}
.clnt-ton-mor{background:linear-gradient(145deg,#a17bff,#7657ea)}
.clnt-ton-gri{background:linear-gradient(145deg,#99a7b8,#738193)}
.clnt-metin{display:block;min-width:0}
.clnt-metin b{display:block;font-size:12.3px;line-height:1.3;font-weight:900;letter-spacing:-.08px;color:var(--cl-nt-b);overflow-wrap:anywhere}
.clnt-govde{display:-webkit-box;margin-top:4px;font-size:10.4px;line-height:1.46;color:var(--cl-nt-p);overflow:hidden;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.clnt-metin small{display:block;margin-top:4px;font-size:9.4px;font-weight:750;color:var(--cl-nt-small)}
.clnt-sag{display:flex;align-items:center;gap:6px;margin:0}
.clnt-kucuk{display:block;width:44px;height:44px;border-radius:12px;overflow:hidden;border:1px solid var(--cl-nt-thumb-line)}
.clnt-kucuk img{display:block;width:100%;height:100%;object-fit:cover}
.clnt-eylem,.clnt-takip,.clnt-karar button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--cl-nt-btn-line);background:var(--cl-nt-btn);color:var(--cl-nt-btn-ink);font-family:inherit;font-size:9.4px;font-weight:850;text-decoration:none;white-space:nowrap;cursor:pointer}
.clnt-takip.on,.clnt-karar .clnt-onayla{background:var(--cl-nt-btn-on);border-color:var(--cl-nt-btn-on);color:var(--cl-nt-btn-on-ink)}
.clnt-takip .t-istek,.clnt-takip .t-var,.clnt-takip.on .t-yok,.clnt-takip.pending .t-yok,.clnt-takip.on .t-istek{display:none}
.clnt-takip.pending .t-istek,.clnt-takip.on .t-var{display:inline}
.clnt-karar button:disabled{opacity:.55;cursor:default}
.clnt-bos{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 16px;text-align:center;color:var(--cl-nt-p)}
.clnt-bos svg{color:var(--cl-nt-small)}
.clnt-bos b{font-size:14px;font-weight:900;color:var(--cl-nt-b)}
.clnt-bos small{max-width:280px;font-size:11px;line-height:1.5;color:var(--cl-nt-p)}
.clnt-ayar{display:inline-flex;align-items:center;gap:6px;margin:16px 2px 0;font-size:10.5px;font-weight:800;color:var(--cl-nt-small);text-decoration:none}
.clnt-yukleniyor,.clnt-hata{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;text-align:center;font-size:12px;color:var(--cl-nt-p)}
.clnt-hata b{font-size:14px;color:var(--cl-nt-b)}
.clnt-hata button,.clnt-hata a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--cl-nt-btn-line);background:var(--cl-nt-btn);color:var(--cl-nt-btn-ink);font-family:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}
body.cl-nt{background:var(--cl-bg)}
body.cl-nt .app{background:var(--cl-bg)}
.clnt-sayfa{padding:14px 12px calc(94px + env(safe-area-inset-bottom,0px))}
.clnt-sayfa .clnt{padding:14px 12px 16px;border-radius:22px;background:var(--cl-nt-bg);border:1px solid var(--cl-nt-edge)}
.clnt a:focus-visible,.clnt button:focus-visible{outline:2px solid var(--cl-nt-dot);outline-offset:2px}
@media (max-width:390px){
  .clnt-ust h2{font-size:19px}
  .clnt-hap{height:32px;padding:0 12px;font-size:9.2px}
  .clnt-grup h3{font-size:12.8px}
  .clnt-satir{gap:9px;min-height:68px;padding:9px 16px 9px 2px}
  .clnt-link{grid-template-columns:42px minmax(0,1fr);gap:9px}
  .clnt-av{width:42px;height:42px;font-size:12.5px}
  .clnt-metin b{font-size:11.7px}
  .clnt-govde{font-size:9.9px}
  .clnt-metin small{font-size:9px}
  .clnt-kucuk{width:40px;height:40px}
  .clnt-eylem,.clnt-takip,.clnt-karar button{height:32px;padding:0 11px;font-size:9px}
}
@media (prefers-reduced-motion:reduce){.clnt-stage{transition:none}}

/* ═════════ 2. EL — /ilanlar (v755 taslağı, .cl2e-*) ═════════
   Ölçü (430px, koyu, taslağın hesaplanmış stilleri): başlık yapışkan, üst sıra 38px
   (geri 38×38 r12, başlık 20/700, alt yazı 10px, "İlan Ver" 38px r13); arama 46px r15
   ızgara 36|1fr|40. Kategori merkezi yatay kaydırıcı: kart 152px, en az 132px, r20,
   ikon 46×46 r15, başlık 13.5/900, sayı üst kategori + alt kategoriler. Liste kartı
   ızgara 112|1fr, padding 10/44/10/10, r18, görsel 112×104 r14, favori 28px daire
   görselin üstünde, fiyat 13/900 kategori renginde, ok 30×30 r10. Filtre alttan sayfa
   (r28/28/20/20), çip 34px r11, fiyat kutusu 49px r13.
   TASLAKTAN SAPMALAR (ölçülüp düzeltildi): açık tema taslakta bozuk (koyu zeminde koyu
   yazı 1.1:1, beyazda açık renk 1.3–2.3:1) → tokenlar ve cl_okunur_renk() (≥4.5).
   "+ İlan Ver" beyazı #35a6cf üstünde 2.80 → etkinlik sayfasının #1f7aa0 (4.83).
   6.5–7.8px metinler okunur boya çekildi (≥8px). Seçili kategori taslakta görünmüyordu
   → çerçeve. İlk kart kenara yapışıyordu → scroll-padding. */
body.cl-2e{background:var(--cl-et-bg)}
body.cl-2e .app{background:radial-gradient(circle at 90% -5%,rgba(55,159,200,.12),transparent 26%),var(--cl-et-bg);color:var(--cl-et-ink)}
.cl2e-main{padding:0 0 calc(80px + env(safe-area-inset-bottom,0px))}
.cl2e-ust{position:sticky;top:0;z-index:30;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 11px;background:var(--cl-et-head);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--cl-et-line)}
.cl2e-ust-sira{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}
.cl2e-geri{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cl-et-btn);border:1px solid var(--cl-et-btn-line);color:var(--cl-et-btn-ink);text-decoration:none}
.cl2e-baslik{min-width:0}
.cl2e-baslik h1{display:block;margin:0;font-size:20px;line-height:1.15;font-weight:800;letter-spacing:-.4px;color:var(--cl-et-ink)}
.cl2e-baslik span{display:block;margin-top:2px;font-size:10px;line-height:1.3;color:var(--cl-et-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl2e-ver{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 13px;border-radius:13px;background:linear-gradient(135deg,#1f7aa0,#175f7d);color:#ffffff;font-size:10.5px;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px rgba(31,122,160,.24)}
.cl2e-ver svg{width:15px;height:15px}
.cl2e-ara{display:grid;grid-template-columns:36px minmax(0,1fr) 40px;align-items:center;height:46px;margin:11px 0 0;border-radius:15px;background:var(--cl-2e-ara);border:1px solid var(--cl-2e-ara-line)}
.cl2e-ara-ic{display:grid;place-items:center;color:var(--cl-et-mute)}
.cl2e-ara input{width:100%;height:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--cl-et-ink);font:inherit;font-size:12.5px;font-weight:600;outline:0}
.cl2e-ara input::placeholder{color:var(--cl-et-ph);opacity:1}
.cl2e-ara input::-webkit-search-cancel-button{display:none}
.cl2e-filtre-ac{position:relative;display:grid;place-items:center;width:40px;height:44px;color:var(--cl-et-btn-ink);text-decoration:none}
.cl2e-filtre-ac.on::after{content:"";position:absolute;top:10px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--cl-et-accent);box-shadow:0 0 0 2px var(--cl-et-bg)}
.cl2e-kat{padding:12px 0 6px;background:radial-gradient(circle at 100% 0,rgba(49,129,163,.12),transparent 34%)}
.cl2e-kat-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:3px 14px 10px}
.cl2e-kat-bas small{display:block;font-size:8px;font-weight:900;letter-spacing:1.1px;color:var(--cl-et-accent)}
.cl2e-kat-bas h2{margin:3px 0 0;font-size:21px;line-height:1.05;font-weight:900;letter-spacing:-.5px;color:var(--cl-et-ink)}
.cl2e-kat-bas p{margin:5px 0 0;font-size:9.5px;font-weight:700;color:var(--cl-et-sub)}
.cl2e-sayac{flex:0 0 auto;padding:8px 10px;border-radius:15px;background:rgba(84,181,220,.07);border:1px solid rgba(84,181,220,.14);text-align:center}
.cl2e-sayac b{display:block;font-size:15px;line-height:1;font-weight:900;color:var(--cl-et-accent)}
.cl2e-sayac small{display:block;margin-top:3px;font-size:8px;font-weight:800;color:var(--cl-et-mute)}
.cl2e-kat-serit{display:flex;gap:10px;overflow-x:auto;padding:0 14px 5px;scroll-snap-type:x mandatory;scroll-padding:0 14px;scrollbar-width:none}
.cl2e-kat-serit::-webkit-scrollbar{display:none}
.cl2e-kat-kart{flex:0 0 152px;display:grid;grid-template-columns:minmax(0,1fr) 12px;grid-template-rows:auto 1fr auto;gap:8px;min-height:132px;padding:12px;border-radius:20px;scroll-snap-align:start;background:radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--k) 14%,transparent),transparent 42%),var(--cl-2e-kat);border:1px solid var(--cl-2e-kart-line);box-shadow:var(--cl-2e-kart-golge);color:var(--cl-et-ink);text-decoration:none}
.cl2e-kat-kart.on{border-color:color-mix(in srgb,var(--k) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 45%,transparent),var(--cl-2e-kart-golge)}
.cl2e-kat-ikon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 36%),color-mix(in srgb,var(--k) 12%,transparent);border:1px solid color-mix(in srgb,var(--k) 22%,transparent);color:var(--kt)}
.cl2e-kat-ok{justify-self:end;font-size:22px;line-height:1;font-weight:300;color:var(--cl-et-arrow)}
.cl2e-kat-metin{grid-column:1/-1;min-width:0}
.cl2e-kat-metin b{display:block;font-size:13.5px;line-height:1.15;font-weight:900;letter-spacing:-.15px;color:var(--cl-et-ink)}
.cl2e-kat-metin small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:9px;line-height:1.35;font-weight:700;color:var(--cl-et-sub)}
.cl2e-kat-sayi{grid-column:1/-1;display:flex;align-items:baseline;gap:4px}
.cl2e-kat-sayi b{font-size:12px;font-weight:900;color:var(--kt)}
.cl2e-kat-sayi small{font-size:8.5px;font-weight:800;color:var(--cl-et-mute)}
.cl2e-alt{display:flex;gap:7px;overflow-x:auto;padding:8px 14px 4px;scrollbar-width:none}
.cl2e-alt::-webkit-scrollbar{display:none}
.cl2e-alt-cip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:11px;background:var(--cl-2e-alan);border:1px solid var(--cl-2e-alan-line);color:var(--cl-et-chip-ink);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}
.cl2e-alt-cip b{font-size:9px;font-weight:900;color:var(--cl-et-mute)}
.cl2e-alt-cip.on{background:var(--cl-2e-cip-on);border-color:var(--cl-2e-cip-on-line);color:var(--cl-2e-cip-on-ink)}
.cl2e-alt-cip.on b{color:inherit}
.cl2e-liste{padding:0 14px 8px}
.cl2e-ozet{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:28px;margin:10px 0 6px}
.cl2e-ozet h2{margin:0;font-size:14px;line-height:1.2;font-weight:900;color:var(--cl-et-ink)}
.cl2e-ozet span{flex:0 0 auto;font-size:10px;font-weight:800;color:var(--cl-et-mute)}
.cl2e-kartlar{display:grid;gap:10px}
.cl2e-kartlar>.clad{margin:2px 0}
.cl2e-kart{position:relative;border-radius:18px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--k) 11%,transparent),transparent 38%),var(--cl-2e-kart);border:1px solid var(--cl-2e-kart-line);box-shadow:var(--cl-2e-kart-golge);overflow:hidden}
.cl2e-kart-a{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;min-height:124px;padding:10px 44px 10px 10px;color:var(--cl-et-ink);text-decoration:none}
.cl2e-kart-img{position:relative;display:grid;place-items:center;width:112px;height:104px;border-radius:14px;overflow:hidden;background:var(--cl-lst-img-bg) center/cover no-repeat;color:var(--cl-et-mute)}
.cl2e-kart-img.foto::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 52%,rgba(0,0,0,.35))}
.cl2e-rozetler{position:absolute;left:6px;bottom:6px;z-index:1;display:flex;gap:4px}
.cl2e-rozet{padding:4px 5px;border-radius:5px;background:#ffffff;color:#111111;font-size:8px;line-height:1;font-weight:900;letter-spacing:.2px}
.cl2e-rozet.acil{background:#b8262c;color:#ffffff}
.cl2e-kart-bilgi{display:block;min-width:0;padding-top:2px}
.cl2e-kart-bilgi h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:13px;line-height:1.35;font-weight:900;color:var(--cl-et-ink);overflow-wrap:anywhere}
.cl2e-kart-meta{display:block;margin-top:5px;font-size:9.5px;font-weight:600;color:var(--cl-et-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl2e-fiyat{display:block;margin-top:8px;font-size:14px;line-height:1.2;font-weight:900;color:var(--kt)}
.cl2e-kart-tarih{display:block;margin-top:3px;font-size:9px;font-weight:600;color:var(--cl-et-mute)}
.cl2e-durum{display:inline-flex;margin-top:6px;padding:3px 8px;border-radius:999px;background:var(--cl-et-btn2);color:var(--cl-et-btn2-ink);font-size:9px;font-weight:900}
.cl2e-durum-pending{background:var(--cl-2e-bekle-bg);color:var(--cl-2e-bekle)}
.cl2e-durum-active{background:var(--cl-2e-yayin-bg);color:var(--cl-2e-yayin)}
.cl2e-kart-ok{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--cl-2e-alan);border:1px solid var(--cl-2e-kart-line);color:var(--cl-et-arrow);font-size:20px;line-height:1}
.cl2e-fav{position:absolute;top:18px;left:18px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--cl-2e-fav-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ffffff;cursor:pointer}
.cl2e-fav.on{color:#ff8fa2}
.cl2e-fav.on svg{fill:currentColor}
.cl2e-bos{padding:40px 18px;text-align:center}
.cl2e-bos b{display:block;font-size:15px;font-weight:900;color:var(--cl-et-ink)}
.cl2e-bos p{max-width:280px;margin:6px auto 16px;font-size:11px;line-height:1.55;color:var(--cl-et-sub)}
.cl2e-bos a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;background:linear-gradient(145deg,#1f7aa0,#175f7d);color:#ffffff;font-size:11.5px;font-weight:900;text-decoration:none}
.cl2e-sayfa{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 4px}
.cl2e-sayfa span{font-size:10.5px;font-weight:800;color:var(--cl-et-mute)}
.cl2e-sayfa-i{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--cl-et-line);background:var(--cl-2e-alan);color:var(--cl-et-link);font-size:11px;font-weight:900;text-decoration:none}
.cl2e-sheet{position:fixed;inset:0;z-index:80;display:none}
.cl2e-sheet:target:not([data-js]),.cl2e-sheet.on{display:block}
.cl2e-sheet-bd{position:absolute;inset:0;background:var(--cl-2e-sheet-bd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cl2e-sheet-panel{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:min(calc(100% - 16px),calc(var(--app-w,480px) - 16px));max-height:min(84dvh,720px);overflow-y:auto;overscroll-behavior:contain;padding:8px 14px 0;border-radius:28px 28px 20px 20px;background:var(--cl-2e-sheet);border:1px solid var(--cl-2e-alan-line);box-shadow:0 24px 70px rgba(0,0,0,.4);color:var(--cl-et-ink);color-scheme:light}
:root[data-theme="dark"] .cl2e-sheet-panel{color-scheme:dark}
.cl2e-sheet-panel form{margin:0}
.cl2e-sheet-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:10px 0 12px}
.cl2e-sheet-bas small{display:block;font-size:8px;font-weight:900;letter-spacing:.9px;color:var(--cl-et-accent)}
.cl2e-sheet-bas h2{margin:2px 0 0;font-size:20px;line-height:1.1;font-weight:900;letter-spacing:-.4px}
.cl2e-sheet-bas a{font-size:10px;font-weight:900;color:var(--cl-et-link);text-decoration:none}
.cl2e-sheet-bas>a:first-of-type{margin-left:auto}
.cl2e-sheet-kapat{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--cl-2e-alan);border:1px solid var(--cl-2e-alan-line);color:var(--cl-et-ink)!important;font-size:20px!important;line-height:1}
#cl2eFiltreBaslik:focus{outline:0}
.cl2e-blok{margin:0;padding:12px 0 13px;border:0;border-top:1px solid var(--cl-2e-alan-line)}
.cl2e-blok legend{float:left;width:100%;margin-bottom:9px;padding:0;font-size:11px;font-weight:900;color:var(--cl-et-ink)}
.cl2e-blok legend+*{clear:both}
.cl2e-cipler{display:flex;flex-wrap:wrap;gap:7px}
.cl2e-uc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cl2e-cip{position:relative;display:block}
.cl2e-cip input{position:absolute;opacity:0;pointer-events:none}
.cl2e-cip span{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:11px;background:var(--cl-2e-alan);border:1px solid var(--cl-2e-alan-line);color:var(--cl-et-chip-ink);font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}
.cl2e-cip input:checked+span{background:var(--cl-2e-cip-on);border-color:var(--cl-2e-cip-on-line);color:var(--cl-2e-cip-on-ink)}
.cl2e-cip input:focus-visible+span{outline:2px solid var(--cl-et-accent);outline-offset:2px}
.cl2e-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.cl2e-kutu{display:block;min-height:52px;padding:8px 10px;border-radius:13px;background:var(--cl-2e-alan);border:1px solid var(--cl-2e-alan-line)}
.cl2e-kutu span{display:block;margin-bottom:3px;font-size:8.5px;font-weight:850;color:var(--cl-et-mute)}
.cl2e-kutu input{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--cl-et-ink);font:inherit;font-size:12px;font-weight:800;outline:0}
.cl2e-kutu input::placeholder{color:var(--cl-et-ph);opacity:1}
.cl2e-kutu:focus-within{border-color:var(--cl-et-accent)}
.cl2e-sheet-alt{position:sticky;bottom:0;margin:0 -14px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--cl-2e-sheet-alt)}
.cl2e-sheet-alt button{display:block;width:100%;min-height:50px;border:0;border-radius:15px;background:linear-gradient(145deg,#1f7aa0,#175f7d);color:#ffffff;font:inherit;font-size:11.5px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(31,122,160,.22)}
.cl2e-ust a:focus-visible,.cl2e-main a:focus-visible,.cl2e-fav:focus-visible,.cl2e-sheet a:focus-visible,.cl2e-sheet button:focus-visible,.cl2e-ara input:focus-visible{outline:2px solid var(--cl-et-accent);outline-offset:2px}
.cl2e-kart-a:focus-visible{outline-offset:-3px!important;border-radius:17px}
.cl2e-kat-kart:focus-visible{outline:2px solid var(--cl-et-accent);outline-offset:-3px}
:root[data-theme="dark"] .cl2e-kat-ikon,:root[data-theme="dark"] .cl2e-kat-sayi b,:root[data-theme="dark"] .cl2e-fiyat{color:var(--k)}

/* ── Namaz (/namaz ve alt sayfaları; cide_775 taslağı) ──
   Ölçü taslaktan (375 ve 430 px, tarayıcıda hesaplanmış stil). 390px ve altı taslağın dar
   ölçüleri (kahraman 310px, kenar 9px, saat 59px). Kahraman kart iki temada da koyu (Kâbe
   fotoğrafı; medya yüzeyi), diğer yüzeyler --cl-nm-* tokenlarıyla iki temalı.
   Taslak hataları taşınmadı: kahraman içeriği 16px sağa kayıp kesiliyordu (simetrik dolgu),
   iki ayrı vurgu (tek .is-sonraki), 375px'de kırpılan "Tesbihat" (ikon kapsülü daraltıldı),
   açık temada okunmayan beyaz saat (açık temada da koyu kart). */
body.cl-nm{background:var(--cl-nm-sayfa)}
body.cl-nm .app{background:radial-gradient(circle at 88% 4%,var(--cl-nm-isik-1),transparent 24%),radial-gradient(circle at 4% 34%,var(--cl-nm-isik-2),transparent 26%),var(--cl-nm-sayfa);color:var(--cl-nm-ink)}
.clnm-ust{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:64px;padding:calc(10px + env(safe-area-inset-top,0px)) 10px 8px;background:var(--cl-nm-ust);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--cl-nm-cizgi)}
.clnm-geri{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dugme);color:var(--cl-nm-ink);text-decoration:none}
.clnm-ust-orta{min-width:0;text-align:center}
.clnm-ust-orta small{display:block;margin-bottom:3px;font-size:7px;font-weight:900;letter-spacing:1.3px;color:var(--cl-nm-ink-3)}
.clnm-ust h1{margin:0;font-size:17px;line-height:1.1;font-weight:900;letter-spacing:-.25px;color:var(--cl-nm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clnm-main{padding:8px 0 calc(38px + env(safe-area-inset-bottom,0px))}
.clnm-alt{padding-top:12px}
.clnm-kahraman{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;min-height:330px;margin:0 12px 14px;padding:22px 22px 26px;border-radius:28px;border:1px solid rgba(255,255,255,.07);overflow:hidden;color:#ffffff;background:linear-gradient(180deg,rgba(2,12,15,.18),rgba(2,12,15,.82)),linear-gradient(90deg,rgba(1,12,16,.72),rgba(1,12,16,.18) 58%,rgba(1,12,16,.46)),url(../img/namaz-kabe.jpg) 50% 46%/cover no-repeat #07161b;box-shadow:var(--cl-nm-golge-k)}
.clnm-kahraman::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.65;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(47,210,193,.12),transparent 24%),radial-gradient(circle at 82% 16%,rgba(255,220,155,.07),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.024) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.024) 75%) 0 0/34px 34px}
.clnm-k-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.clnm-konum{display:inline-flex;align-items:center;flex:0 0 auto;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(3,20,24,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#d9f5f1;font-size:10px;font-weight:900;letter-spacing:1px}
.clnm-hicri{min-width:0;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:rgba(3,20,24,.46);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#c1d3d1;font-size:9.5px;font-weight:850;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clnm-k-orta{align-self:end;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:18px}
.clnm-k-orta::after{content:"";display:block;width:64px;height:1px;margin-top:16px;background:linear-gradient(90deg,rgba(113,216,202,.55),transparent)}
.clnm-sirada{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#a4c7c4;font-size:9.5px;font-weight:900;letter-spacing:1.8px}
.clnm-sirada i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#4ce0d5;box-shadow:0 0 0 5px rgba(76,224,213,.07),0 0 18px rgba(76,224,213,.28)}
.clnm-ad{display:block;font-size:24px;line-height:1.05;font-weight:900;letter-spacing:-.8px;color:#ffffff;text-shadow:0 3px 18px rgba(0,0,0,.42)}
.clnm-saat{display:block;margin-top:7px;font-size:66px;line-height:.93;font-weight:900;letter-spacing:-3.8px;color:#ffffff;text-shadow:0 8px 24px rgba(0,0,0,.5);font-variant-numeric:tabular-nums}
.clnm-kalan{display:inline-flex;align-items:baseline;gap:10px;margin-top:16px;padding:9px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:rgba(2,16,20,.56);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clnm-kalan span{font-size:8.5px;font-weight:900;letter-spacing:.5px;color:#9eb5b3}
.clnm-kalan b{font-size:15px;font-weight:700;letter-spacing:.4px;color:#d7f3ef;font-variant-numeric:tabular-nums}
.clnm-gun{display:block;align-self:stretch;height:3px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.clnm-gun i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3cd7ca,#d8f3ee);box-shadow:0 0 12px rgba(111,216,202,.18);transition:width .6s linear}
.clnm-foto{position:absolute;right:14px;bottom:9px;z-index:1;font-size:7.5px;font-weight:700;color:rgba(255,255,255,.62);text-decoration:none}
.clnm-k-yok{align-self:end;margin:0;font-size:13px;line-height:1.5;color:#d7f3ef}
.clnm-tarih{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:9px;min-height:76px;margin:0 12px 18px;padding:6px 8px;border-radius:20px;border:1px solid var(--cl-nm-cizgi);background:linear-gradient(180deg,var(--cl-nm-tarih),var(--cl-nm-tarih-2));box-shadow:var(--cl-nm-golge-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.clnm-t-ok{display:grid;place-items:center;width:38px;height:38px;margin:0 auto;border-radius:12px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dugme);color:var(--cl-nm-dugme-ink);text-decoration:none}
.clnm-t-ok.is-kapali{visibility:hidden}
.clnm-t-orta{min-width:0;text-align:center}
.clnm-t-orta small{display:block;font-size:8px;font-weight:900;letter-spacing:1.2px;color:var(--cl-nm-ink-3)}
.clnm-t-orta b{display:block;margin-top:3px;font-size:15.5px;font-weight:900;letter-spacing:-.15px;color:var(--cl-nm-ink)}
.clnm-t-orta span{display:block;margin-top:5px;font-size:9px;font-weight:900;color:var(--cl-nm-vurgu)}
.clnm-vakitler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 12px 0;padding:8px;border-radius:20px;border:1px solid var(--cl-nm-cizgi);background:linear-gradient(145deg,var(--cl-nm-kart),var(--cl-nm-kart-2))}
.clnm-vakit{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:70px;padding:9px 8px;border-radius:14px;border:1px solid var(--cl-nm-hucre-cizgi);background:linear-gradient(145deg,var(--cl-nm-hucre),var(--cl-nm-hucre-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.clnm-vakit small{font-size:7px;font-weight:900;letter-spacing:.65px;color:var(--cl-nm-ink-3)}
.clnm-vakit span{margin-top:1px;font-size:9.1px;font-weight:900;color:var(--cl-nm-ink-2)}
.clnm-vakit b{font-size:17px;font-weight:900;letter-spacing:-.3px;color:var(--cl-nm-saat);font-variant-numeric:tabular-nums}
.clnm-vakit.is-sonraki{border-color:var(--cl-nm-sonraki-cizgi);background:radial-gradient(circle at 82% 20%,var(--cl-nm-sonraki-isik),transparent 38%),linear-gradient(135deg,var(--cl-nm-sonraki),var(--cl-nm-sonraki-2));box-shadow:0 8px 24px rgba(0,0,0,.17),inset 0 0 0 1px rgba(255,255,255,.02)}
.clnm-vakit.is-sonraki::after{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:3px;border-radius:0 4px 4px 0;background:var(--cl-nm-serit);box-shadow:0 0 12px var(--cl-nm-serit)}
.clnm-vakit.is-sonraki small,.clnm-vakit.is-sonraki span,.clnm-vakit.is-sonraki b{color:var(--cl-nm-sonraki-ink)}
.clnm-kaynak{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:4px 1px 0;font-size:6.6px;font-weight:900;letter-spacing:.9px;color:var(--cl-nm-ink-3)}
.clnm-kaynak a{flex:0 0 auto;font-size:8.5px;letter-spacing:.2px;color:var(--cl-nm-vurgu);text-decoration:none}
.clnm-kaynak-not{grid-column:1/-1;margin:0;padding:0 1px 2px;font-size:8px;line-height:1.45;color:var(--cl-nm-ink-3)}
.clnm-kaynak-not a{color:var(--cl-nm-vurgu)}
.clnm-yok{grid-column:1/-1;margin:0;padding:16px 8px;font-size:12px;line-height:1.5;color:var(--cl-nm-ink-2);text-align:center}
.clnm-gunluk{position:relative;margin:14px 12px 0;border-radius:24px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 92% 4%,var(--cl-nm-isik-1),transparent 24%),linear-gradient(155deg,var(--cl-nm-kart) 0%,var(--cl-nm-kart-2) 72%);box-shadow:var(--cl-nm-golge);overflow:hidden}
.clnm-gunluk::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--cl-nm-desen);background:linear-gradient(30deg,rgba(126,217,235,.1) 12%,transparent 12.5%,transparent 87%,rgba(126,217,235,.1) 87.5%) 0 0/46px 80px,linear-gradient(150deg,rgba(126,217,235,.1) 12%,transparent 12.5%,transparent 87%,rgba(126,217,235,.1) 87.5%) 0 0/46px 80px}
.clnm-gunluk>*{position:relative;z-index:1}
.clnm-sekmeler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;margin:10px 10px 0;padding:4px;border-radius:15px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-sekme-zemin)}
.clnm-sekme{min-height:42px;padding:1px 6px;border:0;border-radius:12px;background:transparent;color:var(--cl-nm-sekme-ink);font:inherit;font-size:10px;font-weight:900;letter-spacing:.1px;cursor:pointer}
.clnm-sekme.on{background:radial-gradient(circle at 80% 0%,rgba(171,239,250,.08),transparent 30%),linear-gradient(145deg,#185a6d,#103d4a);color:#eefcff;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.clnm-esma{display:flex;align-items:center;gap:9px;min-height:58px;margin:9px 10px 0;padding:0 15px;border-radius:15px;border:1px solid var(--cl-nm-cizgi);background:radial-gradient(circle at 80% 0%,rgba(103,207,226,.08),transparent 30%),linear-gradient(145deg,var(--cl-nm-hucre),var(--cl-nm-hucre-2));color:var(--cl-nm-ink);font-size:15px;font-weight:900;text-decoration:none}
.clnm-esma-ar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--cl-nm-hap);font-size:21px}
.clnm-esma small{margin-left:auto;font-size:8px;font-weight:900;letter-spacing:.45px;color:var(--cl-nm-vurgu)}
.clnm-panel{padding:17px 13px 13px}
.clnm-g-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.clnm-g-ikon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:19px;font-weight:900}
.clnm-g-baslik{flex:1;min-width:0}
.clnm-g-baslik small{display:block;font-size:6.6px;font-weight:900;letter-spacing:1.15px;color:var(--cl-nm-ink-3)}
.clnm-g-baslik h2{margin:2px 0 0;font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--cl-nm-ink)}
.clnm-g-dugme{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border-radius:12px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dugme);color:var(--cl-nm-dugme-ink);font:inherit;font-size:18px;cursor:pointer}
.clnm-oge{margin:0}
.clnm-alinti{position:relative;min-height:136px;margin:0;padding:23px 16px 17px;border-radius:18px;border:1px solid var(--cl-nm-cizgi);background:radial-gradient(circle at 90% 0%,rgba(119,212,231,.055),transparent 27%),var(--cl-nm-alinti-zemin)}
.clnm-alinti::before{content:"\201C";position:absolute;top:6px;right:13px;font-family:Georgia,serif;font-size:42px;line-height:1;color:rgba(131,218,235,.13)}
.clnm-alinti b{display:block;margin-bottom:6px;font-size:12px;font-weight:900;color:var(--cl-nm-ink)}
.clnm-alinti p{position:relative;margin:0;font-size:13.2px;line-height:1.68;font-weight:650;color:var(--cl-nm-alinti)}
.clnm-g-ayak{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 2px 0;border-top:1px solid var(--cl-nm-cizgi)}
.clnm-g-ayak cite{max-width:75%;padding:5px 8px;border-radius:8px;background:var(--cl-nm-hap);color:var(--cl-nm-hap-ink);font-size:7.7px;font-weight:900;font-style:normal}
.clnm-g-yenile{flex:0 0 32px;width:32px;height:34px;border-radius:10px;font-size:17px;font-weight:900}
.clnm-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 10px 0;padding:18px 9px 20px}
.clnm-kutu{position:relative;display:flex;align-items:center;gap:7px;min-width:0;min-height:112px;padding:12px 5px 10px 6px;border-radius:22px;border:1px solid var(--cl-nm-kutu-cizgi);background:radial-gradient(circle at 25% 12%,rgba(98,214,203,.08),transparent 37%),linear-gradient(150deg,var(--cl-nm-kutu),var(--cl-nm-kutu-2));box-shadow:var(--cl-nm-kutu-golge);color:var(--cl-nm-kutu-ink);text-decoration:none}
.clnm-kutu::after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:2px;border-radius:3px;opacity:.55;background:linear-gradient(90deg,transparent,rgba(105,219,209,.35),transparent)}
.clnm-kutu-ikon{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:58px;border-radius:19px;border:1px solid rgba(143,228,220,.13);background:radial-gradient(circle at 32% 22%,rgba(144,239,229,.18),transparent 34%),linear-gradient(145deg,#164650,#0c2c34);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.18);color:#e7fffc;font-size:22px;line-height:1;overflow:hidden}
.clnm-kutu b{min-width:0;font-size:13.2px;line-height:1.22;font-weight:900;letter-spacing:-.12px}
.clnm-kart{margin:0 12px 14px;padding:16px 14px;border-radius:22px;border:1px solid var(--cl-nm-kart-cizgi);background:linear-gradient(155deg,var(--cl-nm-kart),var(--cl-nm-kart-2));box-shadow:var(--cl-nm-golge)}
.clnm-alt-bas small{display:block;font-size:7px;font-weight:900;letter-spacing:1.3px;color:var(--cl-nm-ink-3)}
.clnm-alt-bas h2{margin:4px 0 12px;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.3px;color:var(--cl-nm-ink)}
.clnm-imsak-kap{overflow-x:auto;margin:0 -6px}
.clnm-imsak-tablo{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:11px;font-variant-numeric:tabular-nums}
.clnm-imsak-tablo th,.clnm-imsak-tablo td{padding:7px 4px;text-align:center;white-space:nowrap}
.clnm-imsak-tablo thead th{font-size:8.5px;font-weight:900;letter-spacing:.3px;color:var(--cl-nm-ink-3)}
.clnm-imsak-tablo tbody tr>*{background:var(--cl-nm-hucre)}
.clnm-imsak-tablo tbody th{font-weight:900;color:var(--cl-nm-ink-2)}
.clnm-imsak-tablo tbody td{font-weight:700;color:var(--cl-nm-ink)}
.clnm-imsak-tablo tbody tr>*:first-child{border-radius:9px 0 0 9px}
.clnm-imsak-tablo tbody tr>*:last-child{border-radius:0 9px 9px 0}
.clnm-imsak-tablo tbody tr.is-bugun>*{background:var(--cl-nm-sonraki);color:var(--cl-nm-sonraki-ink)}
.clnm-hutbe-govde p{margin:0 0 12px;font-size:14px;line-height:1.7;color:var(--cl-nm-alinti)}
.clnm-okur{padding:13px 18px calc(96px + env(safe-area-inset-bottom,0px))}
.clnm-okur-meta{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:1.2px}
.clnm-okur-meta b{color:var(--cl-nm-vurgu)}
.clnm-okur-meta span{color:var(--cl-nm-ink-3);letter-spacing:.3px}
.clnm-okur h2{margin:10px 0 6px;font-size:28px;line-height:1.12;font-weight:900;letter-spacing:-.6px;color:var(--cl-nm-ink);overflow-wrap:anywhere}
.clnm-okur-tarih{margin:0;font-size:10px;font-weight:700;color:var(--cl-nm-ink-3)}
.clnm-okur-cizgi{display:block;width:42px;height:3px;margin:16px 0 18px;border-radius:3px;background:var(--cl-nm-serit)}
.clnm-okur-govde p{margin:0 0 14px;font-size:14px;line-height:1.82;font-weight:600;color:var(--cl-nm-okur-ink)}
.clnm-okur-govde.is-buyuk p{font-size:16px}
.clnm-okur-alt{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:8px;max-width:var(--app-w);margin:0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--cl-nm-okur-alt);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--cl-nm-cizgi)}
.clnm-okur-b{display:grid;place-items:center;min-height:52px;padding:0 8px;border-radius:13px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dugme);color:var(--cl-nm-dugme-ink);font:inherit;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}
.clnm-okur-b.is-ana{background:#12343f;color:#eafcff}
.clnm-okur-b.is-bos{visibility:hidden}
.clnm-okur-b[aria-pressed="true"]{border-color:var(--cl-nm-sonraki-cizgi)}
.clnm-hutbe-kaynak{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--cl-nm-cizgi);font-size:11px;font-weight:700;color:var(--cl-nm-ink-2)}
.clnm-hutbe-kaynak a{color:var(--cl-nm-vurgu)}
.clnm-esma-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 14px;padding:18px;border-radius:20px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 80% 20%,rgba(84,195,219,.15),transparent 30%),linear-gradient(145deg,var(--cl-nm-kart),var(--cl-nm-kart-2));box-shadow:var(--cl-nm-golge-2)}
.clnm-esma-ust small{display:block;font-size:8px;font-weight:900;letter-spacing:.8px;color:var(--cl-nm-ink-3)}
.clnm-esma-ust h2{margin:6px 0 0;font-size:25px;line-height:1.15;font-weight:700;letter-spacing:-.4px;color:var(--cl-nm-ink)}
.clnm-esma-ust b{flex:0 0 auto;padding:8px 10px;border-radius:12px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:10px;font-weight:700}
.clnm-ara{margin:0 14px}
.clnm-ara input{display:block;width:100%;height:48px;margin:0;padding:0 14px;border-radius:14px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-hucre);color:var(--cl-nm-ink);font:inherit;font-size:13px;-webkit-appearance:none;appearance:none}
.clnm-ara input::placeholder{color:var(--cl-nm-ink-3)}
.clnm-bolum{margin:18px 16px 9px;font-size:8.5px;font-weight:900;letter-spacing:.8px;color:var(--cl-nm-ink-3)}
.clnm-esma-yok{margin:0 14px 10px}
.clnm-esma-liste{display:grid;gap:10px;margin:0 14px}
.clnm-esma-kart{position:relative;overflow:hidden;padding:18px 16px;border-radius:20px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.035),transparent 28%),linear-gradient(145deg,var(--cl-nm-hucre),var(--cl-nm-hucre-2));text-align:center}
.clnm-esma-kart::before{content:"";position:absolute;inset:1px;pointer-events:none;opacity:var(--cl-nm-desen);background:linear-gradient(30deg,rgba(106,204,225,.9) 12%,transparent 12.5%,transparent 87%,rgba(106,204,225,.9) 87.5%) 0 0/46px 80px,linear-gradient(150deg,rgba(106,204,225,.9) 12%,transparent 12.5%,transparent 87%,rgba(106,204,225,.9) 87.5%) 0 0/46px 80px}
.clnm-esma-kart>*{position:relative}
.clnm-esma-arapca{font-family:"Noto Naskh Arabic","Amiri","Geeza Pro","Traditional Arabic",serif;font-size:33px;line-height:1.5;color:var(--cl-nm-ink)}
.clnm-esma-kart h3{margin:5px 0 0;font-size:17px;font-weight:900;color:var(--cl-nm-ink)}
.clnm-esma-kart p{margin:7px 12px 0;font-size:11.5px;line-height:1.55;color:var(--cl-nm-ink-2)}
.clnm-esma-eylem{display:flex;justify-content:flex-end;margin-top:13px}
.clnm-alt-kaynak{margin:14px 16px 0;text-align:center}
.clnm-ts-giris{margin:0 16px;padding:2px 0 15px;border-bottom:1px solid var(--cl-nm-cizgi)}
.clnm-ts-giris small{display:block;font-size:9px;font-weight:900;letter-spacing:.75px;color:var(--cl-nm-vurgu)}
.clnm-ts-giris p{margin:6px 0 0;font-size:11.5px;line-height:1.55;font-weight:700;color:var(--cl-nm-ink-2)}
.clnm-ts-bolum{margin:18px 16px 0}
.clnm-ts-bas small{display:block;font-size:8.6px;font-weight:900;letter-spacing:.8px;color:var(--cl-nm-vurgu)}
.clnm-ts-bas h2{margin:5px 0 0;font-size:22px;line-height:1.2;font-weight:900;letter-spacing:-.25px;color:var(--cl-nm-ink)}
.clnm-ts-cipler{display:flex;flex-wrap:wrap;gap:7px;padding:13px 0 4px}
.clnm-ts-cip{min-width:40px;height:36px;padding:0 12px;border-radius:11px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-hucre);color:var(--cl-nm-sekme-ink);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.clnm-ts-cip[aria-pressed="true"]{border-color:var(--cl-nm-sonraki-cizgi);background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink)}
.clnm-ts-liste{margin:4px 0 0;padding:0;list-style:none}
.clnm-ts-oge{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 4px;border:0;border-bottom:1px solid var(--cl-nm-cizgi);border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.clnm-ts-yazi{min-width:0}
.clnm-ts-yazi b{display:block;font-size:14px;line-height:1.25;font-weight:900;color:var(--cl-nm-ink)}
.clnm-ts-ar{display:block;margin-top:6px;font-family:"Noto Naskh Arabic","Amiri","Geeza Pro","Traditional Arabic",serif;font-size:18px;line-height:1.7;color:var(--cl-nm-ink);text-align:right}
.clnm-ts-yazi small{display:block;margin-top:4px;font-size:9.8px;line-height:1.4;font-weight:700;color:var(--cl-nm-ink-3)}
.clnm-ts-sayi{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:12px;font-weight:900}
.clnm-ts-kaynak{margin:10px 0 0}
.clnm-sayac{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(20px + env(safe-area-inset-bottom,0px));background:linear-gradient(30deg,rgba(70,174,198,.035) 12%,transparent 12.5%,transparent 87%,rgba(70,174,198,.035) 87.5%) 0 0/46px 80px,linear-gradient(150deg,rgba(70,174,198,.035) 12%,transparent 12.5%,transparent 87%,rgba(70,174,198,.035) 87.5%) 0 0/46px 80px,var(--cl-nm-sayfa);text-align:center}
.clnm-sayac[hidden]{display:none}
.clnm-sayac-kapat{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:16px}
.clnm-sayac-bas{margin-top:14px;padding:0 44px}
.clnm-sayac-bas small{display:block;font-size:8px;font-weight:900;letter-spacing:.8px;color:var(--cl-nm-ink-3)}
.clnm-sayac-bas b{display:block;margin-top:3px;font-size:18px;line-height:1.25;font-weight:900;color:var(--cl-nm-ink)}
.clnm-sayac-dokun{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;width:224px;height:224px;margin-top:22px;padding:0;border-radius:15px;border:1px solid rgba(126,220,239,.25);background:radial-gradient(circle at 50% 38%,#174756,#0a222a 66%,#08171d);box-shadow:0 0 0 9px rgba(100,200,224,.024),0 22px 55px rgba(0,0,0,.38),inset 0 0 40px rgba(88,196,221,.06);color:#eefbfe;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.clnm-sayac-dokun:active{transform:scale(.985)}
.clnm-sayac-dokun strong{font-size:78px;line-height:.95;font-weight:900;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.clnm-sayac-dokun span{margin-top:7px;font-size:14px;font-weight:900;color:#9fb8c1}
.clnm-sayac-dokun em{margin-top:12px;font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:1.1px;color:#74c4d7}
.clnm-sayac-ray{display:block;width:280px;max-width:100%;height:4px;margin-top:18px;border-radius:999px;background:var(--cl-nm-cizgi);overflow:hidden}
.clnm-sayac-ray i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#46aac5,#78d4e7);transition:width .2s}
.clnm-sayac-eylem{display:grid;grid-template-columns:1.67fr 1fr;gap:8px;width:100%;max-width:340px;margin-top:18px}
.clnm-sayac-b{min-height:54px;border-radius:14px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dugme);color:var(--cl-nm-dugme-ink);font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.clnm-sayac-b.is-ana{border-color:transparent;background:#1f7a99;color:#ffffff}
.clnm-sayac-istat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:340px;margin-top:18px;border:1px solid var(--cl-nm-cizgi);border-radius:16px;overflow:hidden}
.clnm-sayac-istat div{padding:13px 7px}
.clnm-sayac-istat div+div{border-left:1px solid var(--cl-nm-cizgi)}
.clnm-sayac-istat small{display:block;font-size:7.5px;font-weight:900;letter-spacing:.7px;color:var(--cl-nm-ink-3)}
.clnm-sayac-istat b{display:block;margin-top:4px;font-size:13px;font-weight:900;color:var(--cl-nm-ink)}
@media (prefers-reduced-motion:reduce){.clnm-sayac-ray i{transition:none}.clnm-sayac-dokun:active{transform:none}}
/* Dini Günler (/namaz/dini-gunler): taslak V211–V213 ölçüleri; kartlar <details>, aynı anda tek kart açık (name). */
.clnm-dg-giris{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:12px;align-items:center;margin:0 12px;padding:19px 17px;border-radius:24px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 14% 12%,rgba(67,193,186,.17),transparent 35%),linear-gradient(145deg,var(--cl-nm-dg-giris-1),var(--cl-nm-dg-giris-2));box-shadow:var(--cl-nm-golge)}
.clnm-dg-giris small{display:block;font-size:8.1px;font-weight:900;letter-spacing:1px;color:var(--cl-nm-g-ikon-ink)}
.clnm-dg-giris h2{margin:4px 0 6px;font-size:22.5px;line-height:1.22;font-weight:900;letter-spacing:-.28px;color:var(--cl-nm-ink)}
.clnm-dg-giris p{margin:0;font-size:12.4px;line-height:1.74;font-weight:600;color:var(--cl-nm-ink-2)}
.clnm-dg-giris>span{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:28px}
.clnm-dg-yillar,.clnm-dg-filtre{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 12px;padding:14px 0 0}
.clnm-dg-filtre{padding-bottom:10px}
.clnm-dg-yillar::-webkit-scrollbar,.clnm-dg-filtre::-webkit-scrollbar{display:none}
.clnm-dg-cip{display:inline-flex;align-items:center;flex:0 0 auto;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dg-cip);color:var(--cl-nm-sekme-ink);font-size:10px;font-weight:900;text-decoration:none}
.clnm-dg-cip[aria-current="page"]{border-color:rgba(109,218,208,.12);background:#174b55;color:#e9ffff}
.clnm-dg-liste{display:grid;gap:13px;margin:0 12px}
.clnm-dg-kart{position:relative;border-radius:23px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 90% 5%,rgba(75,194,186,.09),transparent 27%),linear-gradient(150deg,var(--cl-nm-kart),var(--cl-nm-kart-2) 68%);box-shadow:var(--cl-nm-golge);overflow:hidden}
.clnm-dg-kart::before{content:"";position:absolute;left:0;top:21px;bottom:21px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,var(--cl-nm-serit),rgba(62,137,139,.2))}
.clnm-dg-ust{display:grid;grid-template-columns:58px minmax(0,1fr) auto 28px;gap:12px;align-items:center;padding:15px 14px 14px 16px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.clnm-dg-ust::-webkit-details-marker{display:none}
.clnm-dg-ust::marker{content:""}
.clnm-dg-kutu{display:grid;place-content:center;width:58px;height:64px;border-radius:17px;border:1px solid rgba(126,224,214,.09);background:radial-gradient(circle at 35% 20%,rgba(120,231,219,.17),transparent 36%),linear-gradient(150deg,var(--cl-nm-dg-tarih-1),var(--cl-nm-dg-tarih-2));text-align:center}
.clnm-dg-kutu b{display:block;font-size:22.5px;line-height:1;font-weight:900;color:var(--cl-nm-dg-tarih-ink);font-variant-numeric:tabular-nums}
.clnm-dg-kutu small{display:block;margin-top:5px;font-size:7.8px;font-weight:900;letter-spacing:.9px;color:var(--cl-nm-dg-tarih-alt)}
.clnm-dg-yazi{min-width:0}
.clnm-dg-yazi small{display:block;font-size:7.9px;font-weight:900;letter-spacing:.9px;color:var(--cl-nm-ink-3)}
.clnm-dg-yazi h3{margin:5px 0 0;font-size:17px;line-height:1.3;font-weight:900;letter-spacing:-.18px;color:var(--cl-nm-ink)}
.clnm-dg-hicri{padding:7px 8px;border-radius:11px;background:var(--cl-nm-dg-hicri);color:var(--cl-nm-dg-hicri-ink);font-size:9px;line-height:1.55;font-weight:900;text-align:right;white-space:nowrap}
.clnm-dg-ok{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--cl-nm-dugme);color:var(--cl-nm-dugme-ink);transition:transform .25s ease,background-color .25s ease}
.clnm-dg-kart[open] .clnm-dg-ok{transform:rotate(180deg);background:var(--cl-nm-sonraki)}
.clnm-dg-bilgi,.clnm-dg-ayet{animation:clnmDgAc .28s ease both}
.clnm-dg-bilgi{margin:0 14px 12px 16px;padding:13px 14px;border-radius:16px;border:1px solid var(--cl-nm-hucre-cizgi);background:var(--cl-nm-dg-bilgi)}
.clnm-dg-bilgi::before{content:"GÜNÜN ANLAMI";display:block;margin-bottom:6px;font-size:7.2px;font-weight:900;letter-spacing:1px;color:var(--cl-nm-dg-etiket)}
.clnm-dg-bilgi p{margin:0;font-size:12.4px;line-height:1.78;font-weight:500;color:var(--cl-nm-dg-metin)}
.clnm-dg-ayet{margin:0 14px 15px 16px;padding:16px 15px 14px;border-radius:18px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 92% 12%,rgba(73,189,180,.1),transparent 31%),linear-gradient(145deg,var(--cl-nm-dg-ayet-1),var(--cl-nm-dg-ayet-2))}
.clnm-dg-ayet::before{content:"AYET";display:inline-flex;align-items:center;min-height:20px;margin-bottom:9px;padding:0 7px;border-radius:7px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:7.2px;font-weight:900;letter-spacing:.9px}
.clnm-dg-ar{font-family:"Noto Naskh Arabic","Amiri","Geeza Pro","Traditional Arabic",serif;font-size:23.5px;line-height:2.08;font-weight:600;color:var(--cl-nm-kutu-ink);text-align:right}
.clnm-dg-tr{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--cl-nm-cizgi);font-size:12.5px;line-height:1.82;font-weight:500;color:var(--cl-nm-dg-metin)}
.clnm-dg-ref{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:8px;background:var(--cl-nm-hap);color:var(--cl-nm-hap-ink);font-size:8.5px;font-weight:900}
@keyframes clnmDgAc{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.clnm-dg-bilgi,.clnm-dg-ayet{animation:none}.clnm-dg-ok{transition:none}}
@media (max-width:390px){.clnm-dg-giris h2{font-size:21px}.clnm-dg-giris p{font-size:11.9px}.clnm-dg-ust{grid-template-columns:53px minmax(0,1fr) auto 26px;padding-left:14px}.clnm-dg-kutu{width:53px;height:60px}.clnm-dg-yazi h3{font-size:16px}.clnm-dg-hicri{padding:6px;font-size:8.5px}.clnm-dg-bilgi,.clnm-dg-ayet{margin-left:14px}.clnm-dg-bilgi p{font-size:11.8px}.clnm-dg-ar{font-size:22px}.clnm-dg-tr{font-size:12px}}
/* İslami Rehber (/namaz/rehber): taslak V201–V207 ölçüleri. Detaylar alttan açılan sayfa; cinsiyete göre anlatım CSS ile seçilir. */
.clnm-rh-sekmeler{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cl-nm-cizgi)}
.clnm-rh-sekme{display:grid;place-items:center;height:50px;border-bottom:3px solid transparent;color:var(--cl-nm-sekme-ink);font-size:12.8px;font-weight:900;text-decoration:none}
.clnm-rh-sekme[aria-current="page"]{border-bottom-color:var(--cl-nm-serit);color:var(--cl-nm-ink)}
.clnm-rh-govde{padding:16px 14px calc(34px + env(safe-area-inset-bottom,0px))}
.clnm-rh-ilerleme{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center;min-height:118px;padding:18px 16px;border-radius:21px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 12% 25%,rgba(51,172,180,.16),transparent 32%),linear-gradient(145deg,var(--cl-nm-dg-giris-1),var(--cl-nm-dg-giris-2));box-shadow:var(--cl-nm-golge-2)}
.clnm-rh-ilerleme small{display:block;font-size:7.2px;font-weight:900;letter-spacing:1px;color:var(--cl-nm-ink-3)}
.clnm-rh-ilerleme strong{display:block;margin-top:4px;font-size:24px;font-weight:900;letter-spacing:-.3px;color:var(--cl-nm-ink)}
.clnm-rh-ilerleme span{display:block;margin-top:5px;font-size:10px;font-weight:700;color:var(--cl-nm-ink-2)}
.clnm-rh-halka{position:relative;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--cl-nm-serit) calc(var(--p,0) * 1%),var(--cl-nm-hucre-2) 0)}
.clnm-rh-halka::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--cl-nm-kart)}
.clnm-rh-halka b{position:relative;z-index:1;font-size:14px;font-weight:900;color:var(--cl-nm-g-ikon-ink);font-variant-numeric:tabular-nums}
.clnm-rh-kategoriler{display:grid;gap:10px;margin-top:14px}
.clnm-rh-kat{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:11px;align-items:center;min-height:88px;padding:13px;border-radius:18px;border:1px solid var(--cl-nm-kart-cizgi);background:linear-gradient(145deg,var(--cl-nm-kart),var(--cl-nm-kart-2));color:inherit;text-decoration:none}
.clnm-rh-kat-ikon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:20px}
.clnm-rh-kat-yazi b{display:block;font-size:16px;line-height:1.25;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-kat-yazi small{display:block;margin-top:4px;font-size:10.5px;line-height:1.5;font-weight:700;color:var(--cl-nm-ink-3)}
.clnm-rh-kat em,.clnm-rh-adim em{font-style:normal;font-size:19px;text-align:center;color:var(--cl-nm-ink-3)}
.clnm-rh-not{margin:14px 0 0;padding:12px;border-radius:14px;background:var(--cl-nm-hucre);color:var(--cl-nm-ink-2);font-size:10px;line-height:1.68}
.clnm-rh-not a{color:var(--cl-nm-vurgu);font-weight:800}
.clnm-rh-kahraman{padding:18px 15px;border-radius:22px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 12% 18%,rgba(73,199,194,.15),transparent 32%),linear-gradient(145deg,var(--cl-nm-dg-giris-1),var(--cl-nm-dg-giris-2))}
.clnm-rh-kahraman>small{display:block;font-size:7.5px;font-weight:900;letter-spacing:1.1px;color:var(--cl-nm-g-ikon-ink)}
.clnm-rh-kahraman h2{margin:4px 0 6px;font-size:21px;line-height:1.2;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-kahraman p{margin:0;font-size:11px;line-height:1.58;color:var(--cl-nm-ink-2)}
.clnm-rh-cins{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.clnm-rh-cins-b{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:66px;padding:9px 10px;border-radius:15px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-hucre);color:inherit;text-decoration:none}
.clnm-rh-cins-b>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:16px}
.clnm-rh-cins-b>b{align-self:end;font-size:12px;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-cins-b>small{align-self:start;font-size:8.5px;font-weight:700;color:var(--cl-nm-ink-3)}
.clnm-rh-cins-b[aria-pressed="true"]{border-color:rgba(113,224,214,.14);background:linear-gradient(145deg,#15505c,#0f3943)}
.clnm-rh-cins-b[aria-pressed="true"]>b{color:#ffffff}
.clnm-rh-cins-b[aria-pressed="true"]>small{color:#bfe3e5}
.clnm-rh-cins-b[aria-pressed="true"]>span{background:rgba(255,255,255,.1);color:#bff3ec}
.clnm-rh-serit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:11px 0 0;padding:10px 9px;border-radius:16px;border:1px solid var(--cl-nm-hucre-cizgi);background:var(--cl-nm-hucre);list-style:none}
.clnm-rh-serit li{position:relative;display:grid;justify-items:center;gap:4px}
.clnm-rh-serit li:not(:last-child)::after{content:"";position:absolute;top:12px;left:calc(50% + 17px);right:calc(-50% + 17px);height:1px;background:var(--cl-nm-cizgi)}
.clnm-rh-serit b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:9px;font-weight:900}
.clnm-rh-serit span{font-size:8.5px;font-weight:900;color:var(--cl-nm-ink-3)}
.clnm-rh-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:18px 2px 10px}
.clnm-rh-bas small{font-size:7.5px;font-weight:900;letter-spacing:1px;color:var(--cl-nm-ink-3)}
.clnm-rh-bas h3{margin:3px 0 0;font-size:17px;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-bas>span{flex:0 0 auto;font-size:9px;font-weight:900;color:var(--cl-nm-ink-3)}
.clnm-rh-adimlar{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.clnm-rh-adim{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px 11px;border-radius:18px;border:1px solid var(--cl-nm-kart-cizgi);background:linear-gradient(145deg,var(--cl-nm-kart),var(--cl-nm-kart-2));color:inherit;text-decoration:none}
.clnm-rh-no{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:13px;font-weight:900}
.clnm-rh-adim-yazi small{display:block;font-size:7.5px;font-weight:900;letter-spacing:.7px;color:var(--cl-nm-ink-3)}
.clnm-rh-adim-yazi b{display:block;margin-top:3px;font-size:13.8px;line-height:1.28;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-adim-yazi span{display:block;margin-top:4px;font-size:10.7px;line-height:1.62;color:var(--cl-nm-ink-2)}
.clnm-rh-perde{position:fixed;inset:0;z-index:79;background:rgba(1,5,7,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.clnm-rh-perde[hidden],.clnm-rh-sayfa[hidden]{display:none}
.clnm-rh-sayfa{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;flex-direction:column;max-width:calc(var(--app-w) - 16px);max-height:88dvh;margin:0 auto;border-radius:24px;border:1px solid var(--cl-nm-kart-cizgi);background:var(--cl-nm-sayfa);box-shadow:0 -24px 70px rgba(0,0,0,.38);overflow:hidden;animation:clnmRhAc .36s cubic-bezier(.22,.82,.25,1) both}
.clnm-rh-sayfa::before{content:"";flex:0 0 auto;width:42px;height:4px;margin:9px auto 0;border-radius:999px;background:var(--cl-nm-cizgi)}
.clnm-rh-sayfa-ust{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;flex:0 0 auto;min-height:68px;padding:8px 13px 10px;border-bottom:1px solid var(--cl-nm-cizgi);background:linear-gradient(180deg,var(--cl-nm-kart),var(--cl-nm-kart-2))}
.clnm-rh-kapat{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-dugme);color:var(--cl-nm-dugme-ink);text-decoration:none}
.clnm-rh-sayfa-ust small{display:block;font-size:7.4px;font-weight:900;letter-spacing:1px;color:var(--cl-nm-g-ikon-ink)}
.clnm-rh-sayfa-ust h2{margin:2px 0 0;font-size:20px;line-height:1.2;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-sayfa-ic{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 14px 24px}
.clnm-rh-ara{margin:16px 2px 8px;font-size:8px;font-weight:900;letter-spacing:1px;color:var(--cl-nm-ink-3)}
.clnm-rh-ara:first-child{margin-top:2px}
.clnm-rh-madde{margin-bottom:9px;padding:13px;border-radius:16px;border:1px solid var(--cl-nm-hucre-cizgi);background:var(--cl-nm-hucre)}
.clnm-rh-madde-bas{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}
.clnm-rh-sira{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:9.4px;font-weight:900}
.clnm-rh-madde h4{margin:0;font-size:15px;line-height:1.4;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-madde p{margin:8px 0 0;font-size:12px;line-height:1.76;color:var(--cl-nm-ink-2)}
.clnm-rh-isaret{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:9px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-hucre-2);color:var(--cl-nm-ink-3);font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.clnm-rh-isaret::before{content:"○"}
.clnm-rh-isaret[aria-pressed="true"]{border-color:transparent;background:#176b67;color:#ffffff}
.clnm-rh-isaret[aria-pressed="true"]::before{content:"✓"}
.clnm-rh-kaynak{margin:12px 2px 0;font-size:10px;line-height:1.6;color:var(--cl-nm-ink-3)}
.clnm-rh-detay{padding:13px;border-radius:16px;border:1px solid var(--cl-nm-hucre-cizgi);background:var(--cl-nm-hucre)}
.clnm-rh-detay>small{display:block;font-size:7.5px;font-weight:900;letter-spacing:.8px;color:var(--cl-nm-ink-3)}
.clnm-rh-detay h3{margin:4px 0 0;font-size:15px;line-height:1.35;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-detay>p{margin:8px 0 0;font-size:12px;line-height:1.78;color:var(--cl-nm-ink-2)}
.clnm-rh-oku{margin-top:10px;padding:11px 12px;border-radius:13px;border-left:3px solid var(--cl-nm-serit);background:var(--cl-nm-hucre-2)}
.clnm-rh-oku b{display:block;font-size:10.8px;font-weight:900;color:var(--cl-nm-ink)}
.clnm-rh-oku p{margin:5px 0 0;font-size:11.5px;line-height:1.72;color:var(--cl-nm-ink-2)}
.clnm[data-nm-cinsiyet="erkek"] [data-nm-cins="kadin"],.clnm[data-nm-cinsiyet="kadin"] [data-nm-cins="erkek"]{display:none}
@keyframes clnmRhAc{from{transform:translateY(106%) scale(.985)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.clnm-rh-sayfa{animation:none}}
@media (max-width:390px){.clnm-rh-kat-yazi b{font-size:15.5px}.clnm-rh-kahraman h2{font-size:19px}.clnm-rh-adim-yazi b{font-size:13.2px}.clnm-rh-madde h4{font-size:14.5px}.clnm-rh-madde p{font-size:11.6px}}
/* Dualar (/namaz/dualar): taslağın "100 Uzun Dua" kartları (V1xx), Arapça satır eklendi; yapışkan arama. */
.clnm-dua-arac{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:5;padding:4px 0 10px;background:linear-gradient(180deg,var(--cl-nm-sayfa) 78%,transparent)}
.clnm-dua-sayim{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 16px 12px}
.clnm-dua-sayim span{font-size:10px;font-weight:900;color:var(--cl-nm-ink-2)}
.clnm-dua-sayim small{font-size:7.5px;font-weight:900;letter-spacing:.45px;color:var(--cl-nm-ink-3)}
.clnm-dua-liste{display:grid;gap:10px;margin:0 14px}
.clnm-dua-kart{position:relative;overflow:hidden;padding:14px 14px 13px;border-radius:20px;border:1px solid var(--cl-nm-kart-cizgi);background:radial-gradient(circle at 90% 6%,rgba(121,217,234,.08),transparent 26%),linear-gradient(150deg,var(--cl-nm-hucre),var(--cl-nm-kart-2))}
.clnm-dua-kart::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:linear-gradient(30deg,rgba(126,217,235,.12) 12%,transparent 12.5%,transparent 87%,rgba(126,217,235,.12) 87.5%) 0 0/46px 80px,linear-gradient(150deg,rgba(126,217,235,.12) 12%,transparent 12.5%,transparent 87%,rgba(126,217,235,.12) 87.5%) 0 0/46px 80px}
.clnm-dua-kart>*{position:relative}
.clnm-dua-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.clnm-dua-no{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:9px;font-weight:900}
.clnm-dua-kart h2{margin:0 0 10px;font-size:16px;line-height:1.3;font-weight:900;letter-spacing:-.25px;color:var(--cl-nm-ink)}
.clnm-dua-ar{margin:0 0 10px;font-family:"Noto Naskh Arabic","Amiri","Geeza Pro","Traditional Arabic",serif;font-size:21px;line-height:1.95;color:var(--cl-nm-ink);text-align:right}
.clnm-dua-kart p{margin:0;font-size:12.5px;line-height:1.72;font-weight:600;color:var(--cl-nm-alinti)}
.clnm-dua-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:10px;border-top:1px solid var(--cl-nm-cizgi)}
.clnm-dua-alt cite{padding:5px 8px;border-radius:8px;background:var(--cl-nm-hap);color:var(--cl-nm-hap-ink);font-size:8.5px;font-weight:900;font-style:normal}
.clnm-dua-alt cite a{color:inherit}
.clnm-dua-alt b{font-size:10px;font-weight:900;color:var(--cl-nm-vurgu)}
/* Kur'an (/namaz/kuran): Amiri Quran (OFL, yerel) Tanzil Uthmani işaretlerini doğru çizer. */
@font-face{font-family:"Amiri Quran";src:url(../fonts/amiri-quran.woff2) format("woff2");font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
.clnm-gizli{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.clnm-kr-kart{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;gap:10px;align-items:center;margin:0 14px 14px;padding:14px 13px;border-radius:20px;border:1px solid rgba(124,224,232,.09);background:radial-gradient(circle at 12% 24%,rgba(57,175,190,.16),transparent 30%),linear-gradient(145deg,#123b47,#0b2932 58%,#071d24);color:#edf8fa;text-decoration:none;box-shadow:var(--cl-nm-golge)}
.clnm-kr-gorsel{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(191,246,239,.18)}
.clnm-kr-gorsel span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#1b6573,#124651);color:#bff6ef;font-family:"Amiri Quran","Geeza Pro",serif;font-size:22px}
.clnm-kr-yazi{min-width:0}
.clnm-kr-yazi small{display:block;font-size:7.5px;font-weight:900;letter-spacing:1px;color:#7fdcd9}
.clnm-kr-yazi b{display:block;margin:3px 0 4px;font-size:15.5px;line-height:1.2;font-weight:800;color:#f0fbfc}
.clnm-kr-yazi>span{display:block;font-size:10px;line-height:1.45;color:#a9c4c9}
.clnm-kr-yazi em{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:8.5px;font-weight:800;font-style:normal;color:#9ab8bd}
.clnm-kr-yazi em i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.3)}
.clnm-kr-oynat{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eefeff;color:#092028}
.clnm-kr-devam{display:flex;gap:4px;margin:-4px 14px 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--cl-nm-cizgi);background:var(--cl-nm-hucre);color:var(--cl-nm-ink-2);font-size:11px;font-weight:700;text-decoration:none}
.clnm-kr-devam[hidden]{display:none}
.clnm-kr-devam b{color:var(--cl-nm-ink)}
.clnm-kr-liste{display:grid;gap:8px;margin:0 14px;padding:0;list-style:none}
.clnm-kr-liste li[hidden]{display:none}
.clnm-kr-sure{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;padding:0 12px;border-radius:15px;border:1px solid var(--cl-nm-kart-cizgi);background:linear-gradient(145deg,var(--cl-nm-kart),var(--cl-nm-kart-2));color:inherit;text-decoration:none}
.clnm-kr-no{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cl-nm-g-ikon);color:var(--cl-nm-g-ikon-ink);font-size:10.5px;font-weight:900}
.clnm-kr-ad{min-width:0}
.clnm-kr-ad b{display:block;font-size:13.5px;font-weight:800;color:var(--cl-nm-ink)}
.clnm-kr-ad small{display:block;margin-top:3px;font-size:9.5px;font-weight:700;color:var(--cl-nm-ink-3)}
.clnm-kr-sure em{font-family:"Amiri Quran","Geeza Pro",serif;font-size:17px;font-style:normal;color:var(--cl-nm-g-ikon-ink)}
/* Kur'an oynatıcı: iki temada da koyu medya yüzeyi (taslak V185–V200; resimsiz ışık atmosferi). */
body.cl-nm-kp{overflow:hidden;background:#03090c}
.clnm-kp{position:fixed;top:0;bottom:0;left:0;right:0;z-index:40;max-width:var(--app-w);margin:0 auto;overflow:hidden;color:#ffffff;background:#03090c}
.clnm-kp-zemin{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(42,181,171,.1),transparent 28%),radial-gradient(circle at 20% 75%,rgba(38,112,127,.12),transparent 34%),linear-gradient(180deg,#031014 0%,#061a20 42%,#02090c 100%)}
.clnm-kp-zemin::before,.clnm-kp-zemin::after{content:"";position:absolute;pointer-events:none}
.clnm-kp-zemin::before{inset:-18%;border-radius:50%;opacity:.65;transform:scale(1.15);background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(99,231,215,.08) 24deg,transparent 54deg,transparent 126deg,rgba(82,185,199,.06) 158deg,transparent 200deg,transparent 298deg,rgba(112,224,211,.07) 328deg,transparent 360deg)}
.clnm-kp-zemin::after{inset:0;opacity:.42;background:repeating-conic-gradient(from 22.5deg at 50% 50%,rgba(120,231,220,.035) 0deg 3deg,transparent 3deg 42deg),radial-gradient(circle at 50% 44%,rgba(103,233,216,.09),transparent 22%);-webkit-mask-image:radial-gradient(circle at center,#000 0 52%,transparent 78%);mask-image:radial-gradient(circle at center,#000 0 52%,transparent 78%)}
.clnm-kp.is-caliyor .clnm-kp-zemin::before{animation:clnmKpHale 18s linear infinite}
.clnm-kp.is-caliyor .clnm-kp-zemin::after{animation:clnmKpDesen 12s ease-in-out infinite alternate}
@keyframes clnmKpHale{from{transform:scale(1.15) rotate(0deg)}to{transform:scale(1.15) rotate(360deg)}}
@keyframes clnmKpDesen{from{transform:scale(1) translateY(0);opacity:.28}to{transform:scale(1.04) translateY(-1.2%);opacity:.55}}
.clnm-kp-ust{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:14px;right:14px;z-index:4;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;align-items:center;transition:opacity .3s,transform .3s}
.clnm-kp-yuzen{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(4,10,12,.42);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffff;text-decoration:none;cursor:pointer}
.clnm-kp-sure-ad{display:inline-flex;align-items:center;gap:6px;justify-self:center;max-width:100%;padding:6px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(4,10,12,.42);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffff;text-decoration:none}
.clnm-kp-sure-ad span{font-family:"Amiri Quran","Geeza Pro",serif;font-size:19px;line-height:1.5;white-space:nowrap}
.clnm-kp-orta{position:absolute;top:calc(62px + env(safe-area-inset-top,0px));left:18px;right:18px;bottom:calc(222px + env(safe-area-inset-bottom,0px));z-index:2;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}
.clnm-kp-orta::-webkit-scrollbar{display:none}
.clnm-kp-ayetler{margin:auto 0;padding:10px 0;text-align:center}
.clnm-kp-ayet[hidden]{display:none}
.clnm-kp-ayet{animation:clnmKpAyet .35s ease both}
@keyframes clnmKpAyet{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.clnm-kp-besmele{margin:0 0 12px;font-family:"Amiri Quran","Geeza Pro",serif;font-size:21px;line-height:1.9;color:#bfeee7}
.clnm-kp-ar{margin:0;padding:0 4px;font-family:"Amiri Quran","Geeza Pro","Noto Naskh Arabic",serif;font-size:28px;line-height:2.05;color:#ffffff;text-shadow:0 2px 18px rgba(0,0,0,.5);overflow-wrap:break-word}
.clnm-kp-meal{max-width:720px;margin:16px auto 0;padding:13px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.035);background:rgba(7,20,27,.44);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.clnm-kp-meal p{margin:0;font-size:13.5px;line-height:1.6;font-weight:600;color:#d9e4e7}
.clnm-kp-meal small{display:block;margin-top:7px;font-size:10px;line-height:1.45;font-weight:700;color:#9fc4c2}
.clnm-kp[data-nm-meal-acik="0"] .clnm-kp-meal{display:none}
.clnm-kp-no{display:block;margin-top:10px;font-size:11px;font-weight:900;letter-spacing:2px;color:#57d4c9}
.clnm-kp-panel{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:4;padding:11px;border-radius:24px;border:1px solid rgba(255,255,255,.067);background:radial-gradient(circle at 12% 0,rgba(42,200,189,.08),transparent 32%),rgba(6,17,23,.92);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);transition:opacity .3s,transform .3s}
.clnm-kp.is-sade .clnm-kp-panel{opacity:0;transform:translateY(14px);pointer-events:none}
.clnm-kp.is-sade .clnm-kp-ust{opacity:0;transform:translateY(-10px);pointer-events:none}
.clnm-kp-satir{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;margin-bottom:10px}
.clnm-kp-bolum{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:46px;padding:7px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.055);background:#0a1a22;color:#8aa3aa;text-decoration:none}
.clnm-kp-bolum b{display:block;font-size:12.5px;font-weight:900;color:#f2f8f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clnm-kp-bolum small{display:block;margin-top:2px;font-size:9px;font-weight:700;color:#8aa3aa}
.clnm-kp-sure-b{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 8px;border-radius:15px;border:1px solid rgba(255,255,255,.055);background:#0a1a22;color:#dfecee;font:inherit;cursor:pointer}
.clnm-kp-sure-b b{font-size:11px;font-weight:900;white-space:nowrap}
.clnm-kp-aralik{display:block;width:100%;height:20px;margin:0;accent-color:#2fc5ba;cursor:pointer}
.clnm-kp-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:9px;font-weight:700;color:#8aa3aa;font-variant-numeric:tabular-nums}
.clnm-kp-meta [data-nm-kp-kalan]{color:#57d4c9}
.clnm-kp-eylem{display:grid;grid-template-columns:42px 56px 42px minmax(0,1fr) 42px;gap:7px;align-items:center;margin-top:8px}
.clnm-kp-b{display:grid;place-items:center;width:42px;height:44px;padding:0;border-radius:14px;border:1px solid rgba(255,255,255,.043);background:#0a1b23;color:#dbe7ea;text-decoration:none;cursor:pointer}
.clnm-kp-b.is-bos{opacity:.35;cursor:default}
.clnm-kp-oynat{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:17px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,#0f7f78 0%,#179a91 45%,#c42c44 100%);color:#ffffff;cursor:pointer;box-shadow:0 10px 26px rgba(15,127,120,.28)}
.clnm-kp-durdur-i,.clnm-kp-oynat[aria-pressed="true"] .clnm-kp-oynat-i{display:none}
.clnm-kp-oynat[aria-pressed="true"] .clnm-kp-durdur-i{display:grid}
.clnm-kp-oynat-i,.clnm-kp-durdur-i{place-items:center}
.clnm-kp-oynat-i{display:grid}
.clnm-kp-meal-b{height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.043);background:#0a1b23;color:#8aa3aa;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.clnm-kp-meal-b[aria-pressed="true"]{border-color:rgba(47,197,186,.35);color:#bff3ec}
.clnm-kp-paylas{border-color:rgba(239,64,85,.16);background:rgba(239,64,85,.08);color:#ff7486}
.clnm-kp-ipucu{margin:9px 0 0;text-align:center;font-size:9px;line-height:1.4;font-weight:700;color:#8aa3aa}
.clnm-kp-ipucu a{color:inherit}
.clnm-kp-menu{position:absolute;top:calc(58px + env(safe-area-inset-top,0px));right:14px;z-index:6;width:236px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(6,17,23,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 44px rgba(0,0,0,.4)}
.clnm-kp-menu[hidden]{display:none}
.clnm-kp-menu-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.clnm-kp-menu-bas b{font-size:13px;font-weight:900}
.clnm-kp-menu-bas button,.clnm-kp-sayfa-bas button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#0a1b23;color:#dbe7ea;cursor:pointer}
.clnm-kp-menu-sec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.clnm-kp-menu-sec button{height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.05);background:#0a1b23;color:#dbe7ea;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.clnm-kp-menu-sec button[aria-pressed="true"]{border-color:rgba(109,218,208,.2);background:#174b55;color:#e9ffff}
.clnm-kp-menu small{display:block;margin-top:9px;font-size:9.5px;line-height:1.4;color:#8aa3aa}
.clnm-kp-perde{position:absolute;inset:0;z-index:7;background:rgba(1,5,7,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.clnm-kp-perde[hidden],.clnm-kp-sayfa[hidden]{display:none}
.clnm-kp-sayfa{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:8;display:flex;flex-direction:column;max-height:82%;padding:12px 12px 0;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:#071014;box-shadow:0 -24px 70px rgba(0,0,0,.45);animation:clnmRhAc .34s cubic-bezier(.22,.82,.25,1) both}
.clnm-kp-sayfa-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 10px}
.clnm-kp-sayfa-bas small{display:block;font-size:7.5px;font-weight:900;letter-spacing:1px;color:#7fdcd9}
.clnm-kp-sayfa-bas b{display:block;margin-top:2px;font-size:18px;font-weight:900}
.clnm-kp-sekmeler{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.clnm-kp-sekmeler button{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#0a1b23;color:#8aa3aa;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.clnm-kp-sekmeler button[aria-selected="true"]{background:#174b55;color:#e9ffff}
[data-nm-kp-bolme]{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
[data-nm-kp-bolme][hidden]{display:none}
.clnm-kp-sayfa-ara{flex:0 0 auto;height:44px;margin:0 0 8px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0b2028;color:#eaf8fa;font:inherit;font-size:13px;-webkit-appearance:none;appearance:none}
.clnm-kp-sayfa-ara::placeholder{color:#8aa3aa}
.clnm-kp-sayfa-liste{flex:1 1 auto;min-height:0;margin:0;padding:0 0 12px;overflow-y:auto;list-style:none}
.clnm-kp-sayfa-liste li[hidden]{display:none}
.clnm-kp-sayfa-liste a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 8px;border-radius:12px;color:#eaf6f8;text-decoration:none}
.clnm-kp-sayfa-liste a[aria-current="true"]{background:rgba(47,197,186,.12)}
.clnm-kp-sayfa-liste span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#10313c;color:#9fe0ec;font-size:10px;font-weight:900}
.clnm-kp-sayfa-liste b{font-size:13px;font-weight:800}
.clnm-kp-sayfa-liste small{font-size:9.5px;font-weight:700;color:#8aa3aa}
.clnm-kp-sayfa-not{margin:0 2px 10px;font-size:11px;color:#8aa3aa}
.clnm-kp-sayfa-not b{color:#eaf6f8}
.clnm-kp-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;min-height:0;overflow-y:auto;padding-bottom:12px}
.clnm-kp-izgara button{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#0a1b23;color:#dbe7ea;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.clnm-kp-izgara button[aria-current="true"]{background:#174b55;color:#e9ffff}
.clnm-kp a:focus-visible,.clnm-kp button:focus-visible,.clnm-kp input:focus-visible{outline:2px solid #57d4c9;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.clnm-kp.is-caliyor .clnm-kp-zemin::before,.clnm-kp.is-caliyor .clnm-kp-zemin::after,.clnm-kp-ayet,.clnm-kp-sayfa{animation:none}.clnm-kp-panel,.clnm-kp-ust{transition:none}}
@media (max-width:390px){.clnm-kp-ar{font-size:26px}.clnm-kr-yazi b{font-size:15px}}
.clnm a:focus-visible,.clnm button:focus-visible,.clnm input:focus-visible{outline:2px solid var(--cl-nm-serit);outline-offset:2px}
.clnm summary:focus-visible{outline:2px solid var(--cl-nm-serit);outline-offset:-2px}
@media (max-width:390px){.clnm-kahraman{min-height:310px;margin:0 9px 14px;padding:18px 18px 22px;border-radius:25px}.clnm-saat{font-size:59px}.clnm-sirada{font-size:9px}.clnm-sirada i{flex-basis:6px;width:6px;height:6px;background:#7fe0d2}.clnm-konum{font-size:9px}.clnm-hicri{font-size:9px}.clnm-tarih{margin:0 9px 18px}.clnm-vakitler{margin:10px 10px 0}.clnm-gunluk{margin:14px 12px 0}.clnm-menu{gap:8px}.clnm-kutu{min-height:106px;gap:6px;padding:12px 4px 10px 5px}.clnm-kutu-ikon{flex-basis:34px;width:34px;height:56px;border-radius:17px;font-size:20px}.clnm-kutu b{font-size:12.4px}}
@media (prefers-reduced-motion:reduce){.clnm-gun i{transition:none}}

/* ═════════ Haberler — cide_775 "Cide Haber" akışı (.clhb) ═════════
   Taslak ölçüleri (375 px, koyu): sayfa #1f2021, kart #252627 tam genişlik, kartlar arası
   9 px koyu şerit; üst 58 px (geri 38 daire, "Cide"+"Haber" 22/900), çipler 39 px r12.
   Açık tema bizden (taslak yalnız koyu). Eski .hb kuralları app.css'te (Harman kilidi) duruyor;
   burada yalnız .clhb kapsamı. Yazı tipi taslaktaki gibi Arial/Helvetica. */
body.cl-hb{background:var(--cl-hb-sayfa)}
body.cl-hb .app{background:var(--cl-hb-sayfa);color:var(--cl-hb-ink)}
.clhb{font-family:Arial,Helvetica,sans-serif;color:var(--cl-hb-ink);-webkit-text-size-adjust:100%}
.clhb a{color:inherit;text-decoration:none}
.clhb button{font-family:inherit}
.clhb-gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.clhb-ust{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:11px;min-height:58px;padding:calc(8px + env(safe-area-inset-top,0px)) 13px 5px;background:var(--cl-hb-sayfa)}
.clhb-geri,.clhb-ic{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;background:var(--cl-hb-dugme);border:1px solid var(--cl-hb-dugme-cizgi);color:var(--cl-hb-ink);cursor:pointer}
.clhb-geri svg{stroke-width:2.4}
.clhb-logo{display:flex;align-items:baseline;gap:4px;font-size:22px;font-weight:900;letter-spacing:-.6px;line-height:1;color:var(--cl-hb-ink)}
.clhb-logo b{font-weight:900;color:var(--cl-hb-kirmizi)}
.clhb-ust-sag{display:flex;gap:8px;margin-left:auto}
.clhb-ic.hb-flag{overflow:hidden}
.clhb-geri:focus-visible,.clhb-ic:focus-visible,.clhb-logo:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px}
.clhb-ara{display:flex;align-items:center;gap:8px;height:45px;margin:2px 12px 9px;padding:0 6px 0 12px;border-radius:12px;background:var(--cl-hb-kart);border:1px solid var(--cl-hb-dugme-cizgi);color:var(--cl-hb-soluk)}
.clhb-ara[hidden]{display:none}
.clhb-ara input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--cl-hb-ink);font:600 15px/1 Arial,Helvetica,sans-serif}
.clhb-ara input::-webkit-search-cancel-button{opacity:.6}
.clhb-ara button{flex:0 0 auto;height:33px;padding:0 13px;border:0;border-radius:9px;background:var(--cl-hb-teal-zemin);color:#ffffff;font-size:12px;font-weight:800;cursor:pointer}
.clhb-cipler{position:sticky;top:calc(58px + env(safe-area-inset-top,0px));z-index:29;display:flex;gap:8px;overflow-x:auto;padding:0 12px 9px;background:var(--cl-hb-sayfa);scrollbar-width:none}
.clhb-cipler::-webkit-scrollbar{display:none}
.clhb-cip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:39px;padding:0 12px;border-radius:12px;border:1.5px solid var(--cl-hb-cip-cizgi);background:var(--cl-hb-cip);color:var(--cl-hb-cip-ink);font-size:10px;font-weight:850;white-space:nowrap}
.clhb-cip svg{width:15px;height:15px;stroke-width:1.7;color:var(--cl-hb-cip-ikon)}
.clhb-cip.on{border-color:var(--cl-hb-cip-on-cizgi);background:radial-gradient(circle at 32% 18%,var(--cl-hb-cip-on-isik),transparent 48%),var(--cl-hb-cip-on);color:var(--cl-hb-cip-on-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(99,226,218,.035)}
.clhb-cip:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px}
.clhb-ana{padding:0 0 calc(94px + env(safe-area-inset-bottom,0px))}
.clhb-baslik{padding:6px 16px 12px}
.clhb-baslik h1{margin:0;font-size:21px;line-height:1.15;font-weight:900;letter-spacing:-.5px;color:var(--cl-hb-ink);overflow-wrap:anywhere}
.clhb-baslik p{margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--cl-hb-soluk)}


.clhb-post{background:var(--cl-hb-kart);border-bottom:9px solid var(--cl-hb-ayrac)}
.clhb-yazar{display:grid;grid-template-columns:42px minmax(0,1fr) 35px;align-items:center;gap:10px;min-height:66px;padding:10px 13px 10px 16px}
.clhb-av{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.07);color:#ffffff;background:linear-gradient(145deg,var(--hb-a1,#0cb7ad),var(--hb-a2,#07847e))}
.clhb-av svg{width:19px;height:19px;stroke-width:1.65}
.clhb [data-renk="turkuaz"]{--hb-a1:#0cb7ad;--hb-a2:#07847e}
.clhb [data-renk="kirmizi"]{--hb-a1:#f03a43;--hb-a2:#c81d2c}
.clhb [data-renk="yesil"]{--hb-a1:#2fbf78;--hb-a2:#138d54}
.clhb [data-renk="zumrut"]{--hb-a1:#20a477;--hb-a2:#11694f}
.clhb [data-renk="mavi"]{--hb-a1:#3896f4;--hb-a2:#1e62b7}
.clhb [data-renk="lacivert"]{--hb-a1:#4f7fe8;--hb-a2:#2a52b3}
.clhb [data-renk="altin"]{--hb-a1:#ddb342;--hb-a2:#a27a11}
.clhb [data-renk="gri"]{--hb-a1:#85909f;--hb-a2:#505b68}
.clhb [data-renk="mercan"]{--hb-a1:#ef765a;--hb-a2:#bd4d37}
.clhb [data-renk="mor"]{--hb-a1:#9d6bf0;--hb-a2:#7045b8}
.clhb [data-renk="camgobegi"]{--hb-a1:#16b5d1;--hb-a2:#087f99}
.clhb [data-renk="turuncu"]{--hb-a1:#f1a848;--hb-a2:#c97a1c}
.clhb-yazar-b{min-width:0}
.clhb-yazar-ust{display:flex;align-items:center;gap:9px;min-width:0}
.clhb-kat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;letter-spacing:.05px;line-height:1.08;color:var(--cl-hb-ink)}
.clhb-takip{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;padding:0;border-radius:8px;border:1px solid var(--cl-hb-takip-cizgi);background:radial-gradient(circle at 35% 25%,rgba(115,237,228,.16),transparent 62%);color:var(--cl-hb-takip-ink);cursor:pointer}
.clhb-takip svg{width:15px;height:15px;stroke-width:2.4}
.clhb-takip .clhb-takip-tik,.clhb-takip[aria-pressed="true"] .clhb-takip-arti{display:none}
.clhb-takip[aria-pressed="true"] .clhb-takip-tik{display:block}
.clhb-takip[aria-pressed="true"]{background:var(--cl-hb-teal-zemin);border-color:var(--cl-hb-teal-zemin);color:#ffffff}
.clhb-zaman{display:block;margin-top:4px;font-size:9px;color:var(--cl-hb-soluk)}
.clhb-menu{position:relative;justify-self:end}
.clhb-menu-ac{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cl-hb-soluk);cursor:pointer}
.clhb-menu-ac[aria-expanded="true"]{background:var(--cl-hb-dugme)}
.clhb-menu-p{position:absolute;right:0;top:38px;z-index:20;display:grid;min-width:214px;padding:6px;border-radius:14px;background:var(--cl-hb-kart);border:1px solid var(--cl-hb-dugme-cizgi);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.clhb-menu-p[hidden]{display:none}
.clhb-menu-p>*{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:var(--cl-hb-ink);font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.clhb-menu-p>*:hover,.clhb-menu-p>*:focus-visible{background:var(--cl-hb-dugme);outline:0}
.clhb-menu-p svg{flex:0 0 auto;color:var(--cl-hb-soluk)}
.clhb-menu-p .clhb-takip-var,.clhb-menu-p [aria-pressed="true"] .clhb-takip-yok{display:none}
.clhb-menu-p [aria-pressed="true"] .clhb-takip-var{display:inline}
.clhb-medya{position:relative;display:block;aspect-ratio:16/9;background:var(--cl-hb-medya)}
.clhb-medya img{display:block;width:100%;height:100%;object-fit:cover}
.clhb-medya-bos{display:grid;place-items:center;width:100%;height:100%;color:var(--cl-hb-soluk)}
.clhb-oynat{position:absolute;left:50%;top:100%;z-index:2;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#e8434a,#c3222c);color:#ffffff;transform:translate(-50%,-50%);box-shadow:0 0 0 13px var(--cl-hb-kart),0 8px 22px rgba(0,0,0,.34)}
.clhb-oynat svg{width:25px;height:25px;margin-left:3px;fill:currentColor;stroke-width:1.5}
.clhb-eylem{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 13px}
.clhb-post.videolu .clhb-eylem{padding:25px 13px 12px}
.clhb-eylem-sol{display:flex;align-items:center;gap:13px}
.clhb-e{display:inline-flex;align-items:center;gap:4px;min-width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--cl-hb-eylem);cursor:pointer}
.clhb-e svg{flex:0 0 auto;width:27px;height:27px}
.clhb-e-n{font-size:12px;font-weight:800}
.clhb-e-n[hidden]{display:none}
.clhb-begen[aria-pressed="true"]{color:#ff4d5c}
.clhb-begen[aria-pressed="true"] svg{fill:currentColor}
.clhb-kaydet[aria-pressed="true"] svg{fill:currentColor}
.clhb-e:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px;border-radius:8px}
.clhb-metin{padding:0 14px 16px}
.clhb-metin h2{margin:0;padding-top:8px;font-size:21px;line-height:1.08;font-weight:900;letter-spacing:-.6px;color:var(--cl-hb-ink);overflow-wrap:anywhere}
.clhb-ozet{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--cl-hb-ink-2)}
.clhb-devam{display:inline-block;margin-top:8px;font-size:11px;font-weight:900;color:var(--cl-hb-ink)}
.clhb-metin a:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px;border-radius:4px}

.clhb-yorumlar{padding:4px 18px 16px;border-top:1px solid var(--cl-hb-cizgi)}
.clhb-y-bas{display:flex;justify-content:flex-end;padding:7px 0 0}
.clhb-y-bas[hidden]{display:none}
.clhb-y-sayi{padding:2px 0;border:0;background:transparent;color:var(--cl-hb-teal);font-size:10px;font-weight:850;cursor:pointer}
.clhb-y-sayi .clhb-y-acik,.clhb-y-sayi[aria-expanded="true"] .clhb-y-kapali{display:none}
.clhb-y-sayi[aria-expanded="true"] .clhb-y-acik{display:inline}
.clhb-y{padding:7px 0 8px;border-bottom:1px solid var(--cl-hb-cizgi)}
.clhb-y-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.clhb-y-ad{display:inline-flex;align-items:center;height:20px;max-width:70%;padding:0 7px;overflow:hidden;border-radius:999px;border:1px solid var(--hb-tc);background:var(--hb-tz);color:var(--hb-t);font-size:8.5px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}
.clhb-y-ad[data-t="0"]{--hb-t:var(--cl-hb-t0);--hb-tz:var(--cl-hb-t0-z);--hb-tc:var(--cl-hb-t0-c)}
.clhb-y-ad[data-t="1"]{--hb-t:var(--cl-hb-t1);--hb-tz:var(--cl-hb-t1-z);--hb-tc:var(--cl-hb-t1-c)}
.clhb-y-ad[data-t="2"]{--hb-t:var(--cl-hb-t2);--hb-tz:var(--cl-hb-t2-z);--hb-tc:var(--cl-hb-t2-c)}
.clhb-y-ad[data-t="3"]{--hb-t:var(--cl-hb-t3);--hb-tz:var(--cl-hb-t3-z);--hb-tc:var(--cl-hb-t3-c)}
.clhb-y-ad[data-t="4"]{--hb-t:var(--cl-hb-t4);--hb-tz:var(--cl-hb-t4-z);--hb-tc:var(--cl-hb-t4-c)}
.clhb-y-ust time{flex:0 0 auto;font-size:9px;color:var(--cl-hb-soluk)}
.clhb-y-metin{margin:6px 0;font-size:12px;font-weight:560;line-height:1.42;color:var(--cl-hb-yorum-ink);white-space:pre-line;overflow-wrap:anywhere}
.clhb-y-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.clhb-y-e{min-height:24px;padding:0;border:0;background:transparent;color:var(--cl-hb-yorum-eylem);font-size:9px;font-weight:800;cursor:pointer}
.clhb-y-begen[aria-pressed="true"]{color:#ff6b75}
.clhb-y-e:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px;border-radius:4px}
.clhb-y-yanitlar{margin:11px 0 0 18px;padding:10px 0 0 12px;border-left:2px solid var(--cl-hb-yanit-cizgi)}
.clhb-y-yanitlar[hidden]{display:none}
.clhb-y-yanitlar .clhb-y{padding-top:0;border-bottom:0}
.clhb-y-yanitlar .clhb-y+.clhb-y{padding-top:8px}
.clhb-y-ilkyanit{margin-top:0;margin-bottom:4px}
.clhb-y-ek[hidden]{display:none}
.clhb-y-tum{display:inline-block;margin-top:10px;color:var(--cl-hb-teal);font-size:10px;font-weight:850}
.clhb-y-yaz{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:62px;margin:12px -4px 0;padding:0 0 0 0;border-top:1px solid var(--cl-hb-girdi-cizgi)}
.clhb-y-ok{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--cl-hb-girdi-ok);color:var(--cl-hb-kart)}
.clhb-y-ok svg{width:17px;height:17px;stroke-width:2.6}
.clhb-y-alan{display:grid;gap:3px;min-width:0;color:var(--cl-hb-soluk);font-size:11px}
.clhb-y-alan input{width:100%;min-width:0;height:32px;padding:0;border:0;outline:0;background:transparent;color:var(--cl-hb-girdi-ink);font:400 13px/1 Arial,Helvetica,sans-serif}
.clhb-y-alan input::placeholder{color:var(--cl-hb-soluk)}
.clhb-y-hedef{display:flex;align-items:center;gap:6px;color:var(--cl-hb-teal);font-size:10px;font-weight:800}
.clhb-y-hedef[hidden]{display:none}
.clhb-y-hedef button{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--cl-hb-dugme);color:var(--cl-hb-ink);font-size:13px;line-height:1;cursor:pointer}
.clhb-y-gonder{padding:8px 4px;border:0;background:transparent;color:var(--cl-hb-gonder);font-size:11px;font-weight:800;cursor:pointer}
.clhb-y-yaz.dolu .clhb-y-gonder,.clhb-y-giris .clhb-y-gonder{color:var(--cl-hb-teal)}
.clhb-y-giris{color:var(--cl-hb-soluk)}
.clhb-yorumlar:not(:has(.clhb-y)) .clhb-y-yaz{margin-top:0;border-top:0}

.clhb-reklam{padding:12px 0;background:var(--cl-hb-kart);border-bottom:9px solid var(--cl-hb-ayrac)}
.clhb-reklam .ad-slot{margin:0 14px;border-radius:14px}
.clhb-blok{padding:16px 0 18px;background:var(--cl-hb-kart);border-bottom:9px solid var(--cl-hb-ayrac)}
.clhb-blok-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 16px 12px}
.clhb-blok-bas small{display:block;font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--cl-hb-kicker)}
.clhb-blok-bas h2{margin:3px 0 0;font-size:18px;line-height:1.15;font-weight:700;letter-spacing:-.3px;color:var(--cl-hb-ink)}
.clhb-blok-bas a{flex:0 0 auto;padding:4px 0;font-size:11px;font-weight:800;color:var(--cl-hb-teal)}
.clhb .clhb-car{margin:0 14px;border-radius:16px;border:1px solid var(--cl-hb-cizgi);box-shadow:none}
.clhb-slayt{position:relative;flex:0 0 100%;display:block;aspect-ratio:16/10;scroll-snap-align:start;background:var(--cl-hb-medya);color:#ffffff}
.clhb-slayt img{display:block;width:100%;height:100%;object-fit:cover}
.clhb-slayt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78))}
.clhb-slayt-c{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;gap:7px;padding:0 15px 30px}
.clhb-slayt-kat{justify-self:start;padding:5px 9px;border-radius:999px;background:linear-gradient(145deg,var(--hb-a1,#0cb7ad),var(--hb-a2,#07847e));color:#ffffff;font-size:9px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.clhb-slayt b{display:-webkit-box;font-size:18px;line-height:1.15;font-weight:900;letter-spacing:-.4px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.clhb .clhb-car .nx-dots{bottom:11px}
.clhb-ray{display:flex;gap:12px;overflow-x:auto;padding:0 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}
.clhb-ray::-webkit-scrollbar{display:none}
.clhb-vid{flex:0 0 min(78%,290px);display:grid;gap:7px;scroll-snap-align:start}
.clhb-vid-g{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--cl-hb-medya)}
.clhb-vid-g img{display:block;width:100%;height:100%;object-fit:cover}
.clhb-vid .clhb-oynat{top:50%;width:48px;height:48px;box-shadow:0 8px 22px rgba(0,0,0,.34)}
.clhb-vid .clhb-oynat svg{width:20px;height:20px}
.clhb-vid b{display:-webkit-box;font-size:14px;line-height:1.25;font-weight:800;color:var(--cl-hb-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clhb-vid small{font-size:10.5px;color:var(--cl-hb-soluk)}
.clhb-ray-nokta{display:flex;justify-content:center;gap:6px;margin-top:10px}
.clhb-ray-nokta span{width:6px;height:6px;border-radius:50%;background:var(--cl-hb-cizgi);box-shadow:inset 0 0 0 1px var(--cl-hb-dugme-cizgi);transition:width .2s ease}
.clhb-ray-nokta span.on{width:18px;border-radius:3px;background:var(--cl-hb-teal);box-shadow:none}
.clhb-cok-liste{display:grid;margin:0;padding:0 16px;list-style:none}
.clhb-cok-liste li+li{border-top:1px solid var(--cl-hb-cizgi)}
.clhb-cok-liste a{display:grid;grid-template-columns:24px 64px minmax(0,1fr);align-items:center;gap:11px;padding:10px 0}
.clhb-cok-n{font-size:15px;font-weight:900;color:var(--cl-hb-kirmizi)}
.clhb-cok-g{display:grid;place-items:center;width:64px;height:48px;border-radius:10px;overflow:hidden;background:var(--cl-hb-medya);color:var(--cl-hb-soluk)}
.clhb-cok-g img{display:block;width:100%;height:100%;object-fit:cover}
.clhb-cok-liste b{display:-webkit-box;font-size:13px;line-height:1.28;font-weight:700;color:var(--cl-hb-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clhb-piyasa-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 16px}
.clhb-piyasa-k{display:grid;gap:4px;padding:12px;border-radius:14px;background:var(--cl-hb-blok-kart);border:1px solid var(--cl-hb-cizgi)}
.clhb-piyasa-k small{font-size:10.5px;font-weight:700;color:var(--cl-hb-soluk)}
.clhb-piyasa-k strong{font-size:16px;font-weight:900;color:var(--cl-hb-ink)}
.clhb-piyasa-d{font-size:10.5px;font-weight:800}
.clhb-piyasa-d.up{color:#1f9d63}
.clhb-piyasa-d.down{color:#e0444e}
:root[data-theme="dark"] .clhb-piyasa-d.up{color:#4fd394}
:root[data-theme="dark"] .clhb-piyasa-d.down{color:#ff7a82}
.clhb-foto-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px}
.clhb-foto-izgara a{position:relative;display:block;overflow:hidden;border-radius:14px;background:var(--cl-hb-medya) center/cover no-repeat;color:#ffffff}
.clhb-foto-ana{grid-column:1/-1;aspect-ratio:16/10}
.clhb-foto-kucuk{aspect-ratio:1/1}
.clhb-foto-izgara a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.75))}
.clhb-foto-izgara a>span{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;gap:4px;padding:12px}
.clhb-foto-izgara b{font-size:13px;line-height:1.2;font-weight:800}
.clhb-foto-ana b{font-size:17px}
.clhb-foto-izgara small{font-size:11px;line-height:1.35;color:#e6eaeb}
.clhb-cta{padding:22px 18px 24px;text-align:left}
.clhb-cta h2{margin:0;font-size:19px;line-height:1.2;font-weight:900;letter-spacing:-.4px;color:var(--cl-hb-ink)}
.clhb-cta p{margin:8px 0 14px;font-size:12.5px;line-height:1.5;color:var(--cl-hb-ink-2)}
.clhb-cta a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:12px;background:var(--cl-hb-teal-zemin);color:#ffffff;font-size:12px;font-weight:900}
.clhb-bos{display:grid;justify-items:center;gap:10px;padding:48px 24px;text-align:center;color:var(--cl-hb-soluk)}
.clhb-bos p{margin:0;max-width:300px;font-size:13px;line-height:1.5;color:var(--cl-hb-ink-2)}
.clhb-bos a{display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:11px;background:var(--cl-hb-teal-zemin);color:#ffffff;font-size:12px;font-weight:800}
.clhb-more{display:grid;place-items:center;padding:14px 16px}
.clhb-more-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--cl-hb-dugme-cizgi);background:var(--cl-hb-kart);color:var(--cl-hb-ink);font-size:12px;font-weight:800;cursor:pointer}
.clhb-more.loading .clhb-more-btn{display:none}
.clhb-sayfalar{display:flex;justify-content:space-between;gap:10px;padding:14px 16px}
.clhb-sayfalar a{font-size:12px;font-weight:800;color:var(--cl-hb-teal)}

/* ═════════ Haber detayı — cide_775 "Cide Haber" (.clhbd) ═════════
   Taslak (#clnfArticlePage, 375 px koyu): sayfa #202223, üst 58 px #262829 (geri, ortada
   "Cide Haber" 22/1000, sağda paylaş), başlık 24/700, meta 10.5/600, medya 16:9, eylem şeridi
   76 px (70×56 r14 düğmeler), özet kartı r18, gövde 16/26.88, yorumlar, "Okumaya Devam Et".
   .article ailesi (video oynatıcı, gövde) korunuyor; burada yalnız .clhbd kapsamında üstüne yazılıyor. */
body.cl-hbd,body.cl-hbd .app{background:var(--cl-hbd-sayfa)}
.clhbd{font-family:Arial,Helvetica,sans-serif;color:var(--cl-hb-ink);background:var(--cl-hbd-sayfa);padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.clhbd a{color:inherit;text-decoration:none}
.clhbd button{font-family:inherit}
.clhbd-ust{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:58px;padding:env(safe-area-inset-top,0px) 8px 0;background:var(--cl-hbd-ust);border-bottom:1px solid var(--cl-hbd-ust-cizgi)}
.clhbd-ust>.clhbd-ic{justify-self:start}
.clhbd-ust-sag{display:flex;gap:7px;justify-self:end}
.clhbd-ic{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--cl-hbd-ic);color:var(--cl-hb-ink);cursor:pointer}
.clhbd-ic[aria-pressed="true"]{background:var(--cl-hb-teal-zemin);color:#ffffff}
.clhbd-aa{font-size:14px;font-weight:900;letter-spacing:-.3px}
.clhbd-ic:focus-visible,.clhbd-logo:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px}
.clhbd-logo{justify-content:center;font-weight:1000;letter-spacing:-.7px}
.clhbd .article{background:transparent;padding-bottom:0}
.clhbd .article h1.clhbd-baslik{margin:13px 15px 0;font-size:24px;line-height:1.08;font-weight:700;letter-spacing:-.55px;color:var(--cl-hb-ink);overflow-wrap:anywhere}
.clhbd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin:12px 15px 0;font-size:10.5px;font-weight:600;line-height:1.35;color:var(--cl-hbd-meta)}
.clhbd-meta i{font-style:normal}
.clhbd-kat{color:var(--cl-hb-teal);font-weight:800}
.clhbd .article .acover.clhbd-medya{margin-top:14px;aspect-ratio:16/9;border-radius:0;background:var(--cl-hbd-medya)}
.clhbd .article .acover.clhbd-medya img{width:100%;height:100%;object-fit:cover}
.clhbd .acover.has-video img{filter:brightness(.9)}
.clhbd .acover-play{width:72px;height:72px;background:linear-gradient(145deg,#e8434a,#c3222c);box-shadow:0 0 0 7px rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.4)}
.clhbd .acover-play svg{width:30px;height:30px}
.clhbd-eylemler{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 5px 10px;background:var(--cl-hbd-serit);border-top:1px solid var(--cl-hbd-serit-cizgi);border-bottom:1px solid var(--cl-hbd-serit-cizgi)}
.clhbd-eylemler.az{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.clhbd-e{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:56px;padding:0;border-radius:14px;border:1px solid var(--cl-hbd-e-cizgi);background:linear-gradient(180deg,var(--cl-hbd-e1),var(--cl-hbd-e2));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);color:var(--cl-hbd-e-ink);cursor:pointer}
.clhbd-e svg{width:21px;height:21px;flex:0 0 auto}
.clhbd-e>span{display:flex;align-items:center;gap:3px;font-size:7.5px;line-height:1;color:var(--cl-hbd-e-etiket)}
.clhbd-e b{font-size:7.5px;font-weight:800;color:var(--cl-hbd-e-ink)}
.clhbd-e b[hidden]{display:none}
.clhbd-e.clhb-begen[aria-pressed="true"]{color:#ff4d5c}
.clhbd-e.clhb-begen[aria-pressed="true"] svg,.clhbd-kaydet[aria-pressed="true"] svg{fill:currentColor}
.clhbd-e[aria-expanded="true"]{border-color:var(--cl-hb-teal-zemin)}
.clhbd-e:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px}
.clhbd-tts{margin:12px 14px 0}
.clhbd-tts[hidden]{display:none}
.clhbd .ad-slot{margin:14px 14px 0;border-radius:14px}
.clhbd-ozet{margin:14px 14px 18px;overflow:hidden;border-radius:18px;border:1px solid var(--cl-hbd-ozet-cizgi);background:radial-gradient(circle at 12% 0%,var(--cl-hbd-ozet-isik),transparent 38%),linear-gradient(160deg,var(--cl-hbd-ozet-1),var(--cl-hbd-ozet-2));box-shadow:0 14px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.024)}
.clhbd-ozet-bas{display:flex;align-items:center;gap:9px;width:100%;min-height:54px;padding:0 13px 0 14px;border:0;background:transparent;color:var(--cl-hb-ink);text-align:left;cursor:pointer}
.clhbd-ozet-bas b{flex:1;font-size:12px;font-weight:700;letter-spacing:.1px}
.clhbd-ozet-nokta{position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:9px;background:radial-gradient(circle at 40% 35%,#74f5ec 0,#74f5ec 8%,#18afa6 24%,#0b6c68 64%,#084f4c 100%);box-shadow:0 0 18px rgba(37,210,199,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.clhbd-ozet-nokta::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:400 12px/1 Arial,Helvetica,sans-serif}
.clhbd-ozet-ok{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--cl-hbd-ozet-dugme);color:var(--cl-hbd-ozet-dugme-ink);transition:transform .2s ease}
.clhbd-ozet-bas[aria-expanded="false"] .clhbd-ozet-ok{transform:rotate(-90deg)}
.clhbd-ozet-bas:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:-2px;border-radius:18px}
.clhbd-ozet-govde{padding:13px 14px 15px;border-top:1px solid var(--cl-hbd-ozet-ayrac)}
.clhbd-ozet-govde[hidden]{display:none}
.clhbd-ozet-govde p{margin:0;font-size:12.5px;line-height:1.58;color:var(--cl-hbd-ozet-ink)}
.clhbd .article .acontent.clhbd-govde{padding:20px 16px 4px;font-size:16px;line-height:1.68;color:var(--cl-hbd-govde)}
.clhbd .article .acontent.clhbd-govde p{margin:0 0 17px;font-size:16px;line-height:1.68;color:var(--cl-hbd-govde)}
.clhbd .article .acontent.clhbd-govde.hb-fs-1,.clhbd .article .acontent.clhbd-govde.hb-fs-1 p{font-size:18px}
.clhbd .article .acontent.clhbd-govde.hb-fs-2,.clhbd .article .acontent.clhbd-govde.hb-fs-2 p{font-size:20px}
.clhbd .article .acontent.clhbd-govde h2,.clhbd .article .acontent.clhbd-govde h3{color:var(--cl-hb-ink)}
.clhbd .article .acontent.clhbd-govde a{color:var(--cl-hb-teal);text-decoration:underline}
.clhbd-tepki{display:flex;align-items:center;gap:10px;padding:4px 16px 12px}
.clhbd-tepki>span{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--cl-hbd-meta)}
.clhbd .news-react{flex-wrap:nowrap;overflow-x:auto;margin:0;scrollbar-width:none}
.clhbd .news-react::-webkit-scrollbar{display:none}
.clhbd .news-emo{flex:0 0 auto;min-width:44px;justify-content:center;padding:7px 8px;border-radius:12px;border:1px solid var(--cl-hbd-e-cizgi);background:var(--cl-hbd-e2)}
.clhbd .news-emo .emo-n{font-size:9px;color:var(--cl-hbd-e-etiket)}
.clhbd .news-emo.on{border-color:var(--cl-hb-teal-zemin);background:var(--cl-hbd-ozet-1)}
.clhbd-reklam{padding:4px 0 0}
.clhbd-yorumlar{margin:14px 0 28px;padding:16px 0 0;border-top:1px solid var(--cl-hbd-cizgi)}
.clhbd-y-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px 12px}
.clhbd-y-bas h2{margin:0;font-size:16px;font-weight:800;line-height:1.2;color:var(--cl-hb-ink)}
.clhbd-y-bas>span{font-size:9.5px;color:var(--cl-hbd-meta)}
.clhbd-yaz{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:0 15px}
.clhbd-yaz-av{display:grid;place-items:center;width:32px;height:32px;margin-top:3px;overflow:hidden;border-radius:50%;background:var(--cl-hbd-yaz-av);border:1px solid var(--cl-hbd-e-cizgi);color:var(--cl-hbd-meta)}
.clhbd-yaz-av img{width:100%;height:100%;object-fit:cover}
.clhbd-yaz-ana{display:grid;min-width:0;border-bottom:1px solid var(--cl-hbd-cizgi)}
.clhbd-yaz-ana .clhb-y-hedef{padding-top:6px}
.clhbd-yaz-ana textarea{width:100%;min-height:76px;padding:6px 0 8px;border:0;outline:0;resize:vertical;background:transparent;color:var(--cl-hbd-yaz-ink);font:400 14px/1.48 Arial,Helvetica,sans-serif}
.clhbd-yaz-ana textarea::placeholder{color:var(--cl-hbd-meta)}
.clhbd-yaz-ayak{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 10px}
.clhbd-yaz-ayak span{font-size:9px;line-height:1.3;color:var(--cl-hbd-not)}
.clhbd-yaz-ayak button{flex:0 0 auto;padding:8px 13px;border:0;border-radius:999px;background:var(--cl-hb-teal-zemin);color:#ffffff;font-size:10px;font-weight:900;cursor:pointer}
.clhbd-giris{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 15px;min-height:46px;border-radius:12px;border:1px solid var(--cl-hbd-e-cizgi);background:var(--cl-hbd-e2);color:var(--cl-hb-ink);font-size:12px;font-weight:800}
.clhbd-ayrac{display:flex;align-items:center;gap:10px;margin:14px 15px 2px;color:var(--cl-hbd-not)}
.clhbd-ayrac[hidden]{display:none}
.clhbd-ayrac::before,.clhbd-ayrac::after{content:"";flex:1;height:1px;background:var(--cl-hbd-cizgi)}
.clhbd-ayrac span{font-size:8px;letter-spacing:.7px;text-transform:uppercase}
.clhbd-y-liste{margin-top:6px}
.clhbd .clhb-y{padding:14px 15px;border-bottom:1px solid var(--cl-hbd-cizgi)}
.clhbd .clhb-y-ust{margin-bottom:7px}
.clhbd .clhb-y-ad{height:25px;padding:0 8px;font-size:12px;font-weight:800}
.clhbd .clhb-y-ust time{font-size:8.5px}
.clhbd .clhb-y-metin{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--cl-hbd-y-metin)}
.clhbd .clhb-y-eylem{margin-top:8px}
.clhbd .clhb-y-e{font-size:9.5px;font-weight:700}
.clhbd .clhb-y-yanitlar{margin:11px 0 0 12px;padding:0 0 0 10px}
.clhbd .clhb-y-yanitlar .clhb-y{padding:0;border-bottom:0}
.clhbd .clhb-y-yanitlar .clhb-y+.clhb-y{padding-top:10px}
.clhbd .clhb-y-yanitlar .clhb-y-ad{height:20px;padding:0 7px;font-size:9.5px;font-weight:900}
.clhbd .clhb-y-yanitlar .clhb-y-metin{margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--cl-hbd-y-yanit)}
.clhbd-y-bos{display:grid;justify-items:center;gap:5px;padding:26px 16px 10px;text-align:center;color:var(--cl-hbd-meta)}
.clhbd-y-bos[hidden]{display:none}
.clhbd-y-bos b{font-size:13px;color:var(--cl-hb-ink)}
.clhbd-y-bos span{font-size:11px}
.clhbd-oneri{padding:6px 14px 30px;border-top:1px solid var(--cl-hbd-cizgi)}
.clhbd-oneri-bas{display:grid;gap:3px;padding:17px 0 11px}
.clhbd-oneri-bas small{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--cl-hb-kicker)}
.clhbd-oneri-bas h2{margin:0;font-size:18px;font-weight:700;color:var(--cl-hb-ink)}
.clhbd-oneri-o{display:grid;grid-template-columns:92px minmax(0,1fr);gap:11px;padding:11px 0;border-bottom:1px solid var(--cl-hbd-cizgi)}
.clhbd-oneri-g{display:grid;place-items:center;width:92px;height:70px;overflow:hidden;border-radius:10px;background:var(--cl-hbd-medya);color:var(--cl-hbd-meta)}
.clhbd-oneri-g img{width:100%;height:100%;object-fit:cover}
.clhbd-oneri-m{display:grid;align-content:start;gap:7px;min-width:0;padding-top:2px}
.clhbd-oneri-m b{display:-webkit-box;font-size:13px;line-height:1.28;font-weight:700;color:var(--cl-hb-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.clhbd-oneri-m small{font-size:9px;color:var(--cl-hbd-not)}
.clhbd-oneri-o:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px;border-radius:10px}
.clhbd-shg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.clhbd-sh{padding:0;border:0;background:transparent;color:var(--cl-hbd-e-etiket);font:inherit;font-size:10px;text-align:center;text-decoration:none;cursor:pointer}
.clhbd-sh-b{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 7px;border-radius:16px;color:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,.16)}
.clhbd-sh.x .clhbd-sh-b{background:#15191c;border:1px solid rgba(255,255,255,.12)}
.clhbd-sh.fb .clhbd-sh-b{background:#1877f2}
.clhbd-sh.wa .clhbd-sh-b{background:#1faf57}
.clhbd-sh.ot .clhbd-sh-b{background:linear-gradient(135deg,#7c4dff,#4f8cff)}
.clhbd-shc{display:flex;justify-content:center;margin-top:12px}
.clhbd-kopya{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--cl-hbd-e-cizgi);background:var(--cl-hbd-e2);color:var(--cl-hb-ink);font-size:12px;font-weight:800;cursor:pointer}

/* ═══════════════════════════════════════════════════════════════════════════
   İŞLETMELER — ŞEHİR YÜZEYİ (cide_775 cl616 "İşletmeler · Mahallendeki esnaf", /isletmeler)
   Kullanıcı 2026-09-28: iki yüzey; Harman'daki /firmalar (harman-business.css) dokunulmadı.
   Ölçüler taslaktan (koyu); açık tema bizden. Yazı tipi: taslağın Archivo/Inter'i
   paketlenmedi, sistem yazı tipi aynı ağırlık ve harf aralığıyla.
   ═══════════════════════════════════════════════════════════════════════════ */
body.cl-is,body.cl-is .app{background:var(--cl-is-kagit);color:var(--cl-is-ink)}
.clis{--clis-disp:"Archivo",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;min-height:100vh;min-height:100dvh;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--cl-is-ink);background:var(--cl-is-kagit);-webkit-text-size-adjust:100%}
.clis :where(a){color:inherit;text-decoration:none}
.clis :where(button){font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.clis :focus-visible{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-ust{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:calc(65px + env(safe-area-inset-top,0px));padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:var(--cl-is-bar);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-geri{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cl-is-geri-bg);border:1px solid var(--cl-is-geri-cizgi);color:var(--cl-is-ink)}
.clis-marka{display:flex;flex-direction:column;min-width:0}
.clis-marka-ad{font-family:var(--clis-disp);font-weight:800;font-size:19.5px;letter-spacing:-.045em;line-height:1}
.clis-marka-ad em{font-style:normal;color:var(--cl-is-tente)}
.clis-marka-alt{margin-top:4px;font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-is-sis)}
.clis-ust-baslik{margin:0;min-width:0;font-family:var(--clis-disp);font-size:17px;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clis-ust-sag{margin-left:auto;display:flex;align-items:center;gap:6px}
.clis-ust-not{font-size:12.5px;color:var(--cl-is-sis);white-space:nowrap}
.clis-ust-i{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--cl-is-ink)}
.clis-rozetli::after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--cl-is-tente);box-shadow:0 0 0 2px var(--cl-is-bar)}
.clis-govde{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
.clis-cipler{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}
.clis-cipler::-webkit-scrollbar{display:none}
.clis-cip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);color:var(--cl-is-ink);font-size:13px;font-weight:500;white-space:nowrap}
.clis-cip.on{background:var(--cl-is-cip-on);border-color:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink);font-weight:600}
.clis-reklam{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;background:var(--cl-is-medya);margin-bottom:14px;touch-action:pan-y}
.clis-reklam-ray{position:absolute;inset:0;display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.clis-reklam-kare{flex:0 0 100%;height:100%;display:block}
.clis-reklam-kare img{display:block;width:100%;height:100%;object-fit:cover}
.clis-sponsor{position:absolute;top:10px;left:12px;padding:4px 8px;border-radius:5px;background:rgba(0,0,0,.55);color:#ffffff;font-size:9.5px;font-weight:600;letter-spacing:.1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.clis-reklam-nokta{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.clis-reklam-nokta i{width:5px;height:5px;border-radius:3px;background:rgba(255,255,255,.45);transition:width .3s,background .3s}
.clis-reklam-nokta i.on{width:17px;background:#ffffff}
.clis-akis:empty{display:none}
.clis-gonderi{margin-bottom:12px;padding:14px 16px;background:var(--cl-is-kart);border-top:1px solid var(--cl-is-cizgi);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-g-bas{display:flex;align-items:center;gap:12px}
.clis-av{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;overflow:hidden;background:var(--av,#0e4c5c);color:#ffffff;font-size:20px;line-height:1}
.clis-av img{width:100%;height:100%;object-fit:cover}
.clis-g-kim{flex:1 1 auto;min-width:0}
.clis-g-ad{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600;line-height:1.25}
.clis-g-ad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clis-onayli{flex:0 0 auto;color:var(--cl-is-tabela)}
.clis-g-meta{margin-top:2px;font-size:11.5px;color:var(--cl-is-sis)}
.clis-g-ikon{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--cl-is-sis)}
.clis-kaydet.on{color:var(--cl-is-tente)}
.clis-g-metin{margin:11px 0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.clis-g-fiyat{display:inline-flex;margin:-3px 0 11px;padding:4px 10px;border-radius:999px;background:var(--cl-is-tepki-on);color:var(--cl-is-etiket-ink);font-size:12.5px;font-weight:700}
.clis-g-medya{margin-bottom:11px}
.clis-g-medya img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:var(--cl-is-medya)}
.clis-g-coklu{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-16px;padding-right:16px}
.clis-g-coklu::-webkit-scrollbar{display:none}
.clis-g-coklu img{flex:0 0 84%;width:84%;height:220px;aspect-ratio:auto;scroll-snap-align:start}
.clis-tepkiler{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;padding-top:10px;border-top:1px solid var(--cl-is-cizgi)}
.clis .clis-tepki{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:999px;background:var(--cl-is-tepki-bg);font-size:13px;font-weight:600;line-height:1}
.clis .clis-tepki.on{background:var(--cl-is-tepki-on);box-shadow:inset 0 0 0 1.5px var(--cl-is-etiket)}
.clis-tepki small{font-size:11.5px;font-weight:600;color:var(--cl-is-sis)}
.clis-tepki small:empty{display:none}
.clis-tepki-gizli{display:none!important}
.clis-tepkiler.acik .clis-tepki-gizli{display:inline-flex!important}
.clis-tepkiler.acik .clis-tepki-ek{display:none}
.clis .clis-tepki-ek{min-width:32px;justify-content:center;color:var(--cl-is-sis);font-size:16px}
.clis-yorumsay{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--cl-is-sis)}
.clis-bos{padding:52px 30px;text-align:center;color:var(--cl-is-sis);font-size:14px;line-height:1.6}
.clis-bos b{display:block;margin-bottom:6px;font-family:var(--clis-disp);font-size:17px;color:var(--cl-is-ink);letter-spacing:-.01em}
.clis-bos-eylem{margin-top:18px}
.clis-konum-hata{margin:14px 0 0;color:var(--cl-is-tente-ink);font-size:13px}
.clis-dugme{display:block;width:100%;padding:13px;border-radius:12px;background:var(--cl-is-tente);color:#ffffff;font-size:15px;font-weight:600;text-align:center}
.clis .clis-dugme-ikincil{display:inline-block;width:auto;padding:11px 20px;background:var(--cl-is-kart);color:var(--cl-is-tabela);border:1.5px solid var(--cl-is-tabela)}
.clis-daha{display:block;margin:4px 16px 0;padding:12px;border-radius:12px;border:1px solid var(--cl-is-cizgi);background:var(--cl-is-kart);color:var(--cl-is-tabela);font-size:14px;font-weight:600;text-align:center}
.clis-daha[hidden]{display:none}
.clis-alt{position:fixed;left:0;right:0;bottom:calc(11px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:4px;width:calc(100% - 28px);max-width:calc(var(--app-w,500px) - 28px);margin:0 auto;padding:6px;border-radius:26px;background:var(--cl-is-nav-bg);border:1px solid var(--cl-is-nav-cizgi);box-shadow:var(--cl-is-nav-golge);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}
.clis-alt-i{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;height:44px;border-radius:999px;color:var(--cl-is-sis);overflow:hidden;transition:flex-grow .32s cubic-bezier(.4,0,.2,1),background-color .28s,color .2s}
.clis-alt-i svg{flex:0 0 auto}
.clis-alt-ad{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:max-width .32s cubic-bezier(.4,0,.2,1),opacity .2s,margin-left .32s}
.clis-alt-i.on{flex-grow:2.4;background:var(--cl-is-tente);color:#ffffff;box-shadow:0 4px 14px rgba(232,72,58,.4)}
.clis-alt-i.on svg{transform:scale(.94)}
.clis-alt-i.on .clis-alt-ad{max-width:92px;opacity:1;margin-left:8px}
.clis-alt-nokta{position:absolute;top:9px;right:calc(50% - 14px);width:8px;height:8px;border-radius:50%;background:var(--cl-is-tente);box-shadow:0 0 0 2.5px var(--cl-is-nokta-halka)}
@media (prefers-reduced-motion:reduce){.clis-reklam-ray,.clis-reklam-nokta i,.clis-alt-i,.clis-alt-ad{transition:none}}
.clis-gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.clis-pad{padding:16px}
.clis-kapak{position:relative;height:132px;display:grid;place-items:center;font-size:52px;line-height:1;background-color:var(--av,#0e4c5c);background-size:cover;background-position:center}
.clis-kapak[role="img"]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22))}
.clis-p-ust{position:relative;margin-top:-30px;padding:0 16px}
.clis-p-sira{display:flex;align-items:flex-end;gap:12px}
.clis-p-av{flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--av,#0e4c5c);color:#ffffff;font-size:26px;line-height:1;box-shadow:0 0 0 4px var(--cl-is-kagit)}
.clis-p-av img{width:100%;height:100%;object-fit:cover}
.clis-durum,.clis-hesabin,.clis-etiketcik{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.clis-durum{margin-bottom:4px}
.clis-durum-acik{background:var(--cl-is-acik-bg);color:var(--cl-is-acik-ink)}
.clis-durum-kapaniyor{background:var(--cl-is-bekle-bg);color:var(--cl-is-etiket-ink)}
.clis-durum-kapali{background:var(--cl-is-kapali-bg);color:var(--cl-is-sis)}
.clis-hesabin{margin:0 0 4px auto;background:var(--cl-is-onayli-bg);color:var(--cl-is-tabela)}
.clis-p-ad{display:flex;align-items:center;gap:6px;margin:11px 0 5px;font-family:var(--clis-disp);font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.clis-p-ad span{min-width:0}
.clis-p-meta{font-size:12.5px;line-height:1.5;color:var(--cl-is-sis)}
.clis-p-meta b{font-weight:400}
.clis-ayrac{font-style:normal}
.clis-yildiz{color:var(--cl-is-yildiz);font-weight:600}
.clis-uyari{margin:12px 0 0;padding:10px 12px;border-radius:11px;background:var(--cl-is-bekle-bg);color:var(--cl-is-ink);font-size:13px;line-height:1.45}
.clis-p-eylem{display:flex;gap:9px;margin:15px 0 16px}
.clis-p-eylem>*{flex:1 1 0;min-width:0}
.clis .clis-dugme-cerceve{background:var(--cl-is-kart);color:var(--cl-is-tabela);border:1.5px solid var(--cl-is-tabela)}
.clis-sekmeler{position:sticky;top:calc(65px + env(safe-area-inset-top,0px));z-index:20;display:flex;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-sekmeler a{flex:1 1 0;padding:13px 0;border-bottom:2.5px solid transparent;color:var(--cl-is-sis);font-size:13.5px;font-weight:600;text-align:center}
.clis-sekmeler a.on{color:var(--cl-is-tabela);border-bottom-color:var(--cl-is-tente)}
.clis-panel[hidden]{display:none}
.clis-kart{display:block;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);border-radius:14px}
.clis-firsat{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:15px}
.clis-firsat-oran{flex:0 0 auto;max-width:44%;font-family:var(--clis-disp);font-size:24px;font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--cl-is-tabela);overflow-wrap:anywhere}
.clis-firsat-yazi{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-firsat-yazi b{font-size:14.5px;font-weight:600;line-height:1.35}
.clis-firsat-yazi small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-ok{flex:0 0 auto;color:var(--cl-is-sis)}
.clis-yorum-ust{background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-puan{display:flex;align-items:center;gap:18px;margin-bottom:14px}
.clis-puan-sol{flex:0 0 auto;text-align:center}
.clis-puan-ort{font-family:var(--clis-disp);font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1}
.clis-yildizlar{margin-top:3px;color:var(--cl-is-cizgi);font-size:12.5px;letter-spacing:1px}
.clis-yildizlar .on{color:var(--cl-is-yildiz)}
.clis-puan-say{margin-top:2px;font-size:11.5px;color:var(--cl-is-sis)}
.clis-dagilim{flex:1 1 auto;min-width:0}
.clis-dagilim-s{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:11.5px;color:var(--cl-is-sis)}
.clis-dagilim-s>span:first-child{width:8px;text-align:right}
.clis-dagilim-yuzde{width:32px;text-align:right}
.clis-cubuk{flex:1 1 auto;height:6px;border-radius:3px;overflow:hidden;background:var(--cl-is-cizgi)}
.clis-cubuk i{display:block;height:100%;background:var(--cl-is-etiket)}
.clis-not{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--cl-is-sis)}
.clis-yaz summary{list-style:none;cursor:pointer}
.clis-yaz summary::-webkit-details-marker{display:none}
.clis-yaz[open] summary{margin-bottom:14px}
.clis-yaz-form textarea,.clis-yanit input{width:100%;box-sizing:border-box;padding:13px;border:1.5px solid var(--cl-is-cizgi);border-radius:12px;background:var(--cl-is-kart-2);color:var(--cl-is-ink);font:inherit;font-size:14.5px;line-height:1.5;outline:none;resize:vertical}
.clis-yaz-form textarea:focus,.clis-yanit input:focus{border-color:var(--cl-is-tabela)}
.clis-yildiz-sec{display:flex;gap:2px;margin:0 0 12px;padding:0;border:0}
.clis-yildiz-sec legend{margin-bottom:6px;font-size:13px;font-weight:600;color:var(--cl-is-ink)}
.clis-yildiz-sec label{position:relative;padding:0 3px;font-size:31px;line-height:1;color:var(--cl-is-cizgi);cursor:pointer}
.clis-yildiz-sec label.on{color:var(--cl-is-yildiz)}
.clis-yildiz-sec input{position:absolute;opacity:0;width:1px;height:1px}
.clis-yildiz-sec label:focus-within{outline:2.5px solid var(--cl-is-tente);outline-offset:1px;border-radius:6px}
.clis-yaz-form .clis-not{margin-top:10px}
.clis-hata{margin:0 0 10px;color:var(--cl-is-tente-ink);font-size:13px}
.clis-hata[hidden]{display:none}
.clis-yorum{padding:14px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-yorum-bas{display:flex;align-items:center;gap:12px}
.clis-yorum-av{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cl-is-av-gri);color:#ffffff;font-family:var(--clis-disp);font-size:13px;font-weight:800}
.clis-yorum-kim{flex:1 1 auto;min-width:0}
.clis-yorum-ad{font-size:12.5px;font-weight:600}
.clis-yorum-alt{margin-top:2px;font-size:11.5px;color:var(--cl-is-sis)}
.clis .clis-yorum-bildir{flex:0 0 auto;padding:6px 4px;font-size:11.5px;color:var(--cl-is-sis)}
.clis-bekliyor{background:var(--cl-is-bekle-bg);color:var(--cl-is-etiket-ink)}
.clis-dogru{background:var(--cl-is-onayli-bg);color:var(--cl-is-tabela)}
.clis-yorum-metin{margin:9px 0 0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.clis-cevap{margin:10px 0 0 12px;padding:10px 12px;border-left:2.5px solid var(--cl-is-tabela);border-radius:0 10px 10px 0;background:var(--cl-is-tepki-bg);font-size:13px;line-height:1.5}
.clis-cevap b{display:block;font-weight:600}
.clis-yanit{display:flex;gap:8px;margin-top:10px}
.clis-yanit input{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:13.5px}
.clis-bilgi{background:var(--cl-is-kart)}
.clis-hakkinda{margin:0 0 8px;font-size:14.5px;line-height:1.6;overflow-wrap:anywhere}
.clis-hakkinda p{margin:0 0 8px}
.clis-bilgi-s{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--cl-is-cizgi);font-size:13.5px;line-height:1.45}
.clis-bilgi-s>span:first-child{flex:0 0 auto;font-size:15px;line-height:1.3}
.clis-hafta{flex:1 1 auto;min-width:0}
.clis-hafta summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}
.clis-hafta summary::-webkit-details-marker{display:none}
.clis-hafta summary::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid var(--cl-is-sis);border-bottom:1.5px solid var(--cl-is-sis);transform:rotate(45deg);transition:transform .2s}
.clis-hafta[open] summary::after{margin-top:3px;transform:rotate(-135deg)}
.clis-hafta ul{margin:8px 0 0;padding:0;list-style:none}
.clis-hafta li{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:var(--cl-is-sis);font-size:12.5px}
.clis-cip-sira{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.clis-cip-sira .clis-cip{min-height:36px;padding:0 14px;font-weight:600}
.clis .clis-cip.on{background:var(--cl-is-cip-on);border-color:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink)}
.clis-ara{display:flex;align-items:center;gap:9px;margin:16px 16px 0;padding:0 13px;min-height:46px;border-radius:14px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);color:var(--cl-is-sis)}
.clis-ara:focus-within{border-color:var(--cl-is-tabela)}
.clis-ara input{flex:1 1 auto;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--cl-is-ink);font:inherit;font-size:14.5px}
.clis-ara input::-webkit-search-cancel-button{display:none}
.clis .clis-ara-temizle{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cl-is-cizgi);color:var(--cl-is-sis);font-size:12px}
.clis-ara-temizle[hidden]{display:none!important}
[data-isl-kesfet-ust][hidden]{display:none}
.clis-pad-yatay{padding:0 16px}
.clis-pad-ust0{padding-top:0}
.clis-harita-kap{position:relative;margin:4px 16px 16px;height:148px;border-radius:14px;overflow:hidden;border:1px solid var(--cl-is-cizgi);background:var(--cl-is-medya)}
.clis-harita{position:absolute;inset:0;z-index:1}
.clis .clis-harita-ac{position:absolute;right:9px;bottom:9px;z-index:500;padding:6px 11px;border-radius:9px;background:var(--cl-is-kart);color:var(--cl-is-ink);font-size:12px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.clis-harita-kap.buyuk{position:fixed;inset:0;z-index:60;margin:0;height:auto;border-radius:0;border:0}
.clis-harita-kap.buyuk .clis-harita-ac{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}
html.clis-harita-tam .clis-alt{display:none}
.clis-pin{background:none;border:0}
.clis-pin span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#ffffff;font-size:16px;line-height:1;border:2px solid var(--cl-is-kagit);box-shadow:0 3px 8px rgba(0,0,0,.5)}
.clis-harita .leaflet-popup-content a{color:#12333c;font-weight:600}
.clis-sonuc-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 16px 10px}
.clis-sonuc-bas h2{margin:0;font-family:var(--clis-disp);font-size:16px;font-weight:700;letter-spacing:-.02em}
.clis-sonuc-bas span{font-size:12.5px;color:var(--cl-is-sis)}
.clis-firsat-kucuk{padding:12px}
.clis-firsat-kucuk .clis-firsat-oran{font-size:19px;color:var(--cl-is-etiket-ink)}
.clis-izgara{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}
.clis-dukkan{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:16px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi)}
.clis-dukkan-kapak{position:relative;display:grid;place-items:center;height:88px;background:var(--av,#0e4c5c);color:#ffffff;font-size:34px;line-height:1}
.clis-dukkan-kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clis-nokta{position:absolute;top:10px;left:10px;width:8px;height:8px;border-radius:50%;background:#6fd69b;box-shadow:0 0 0 2px rgba(0,0,0,.35)}
.clis-nokta.kapali{background:#6c757d}
.clis-rozetsag{position:absolute;top:8px;right:8px;max-width:calc(100% - 34px);padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.55);color:#ffffff;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.clis-dukkan-govde{display:flex;flex-direction:column;gap:0;padding:11px 12px 13px}
.clis-dukkan-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px;font-size:13.5px;font-weight:600;line-height:1.3}
.clis-dukkan-ad .clis-onayli{vertical-align:-2px}
.clis-dukkan-alt{display:flex;align-items:center;gap:6px;min-height:15px;margin-top:7px;font-size:11.5px;color:var(--cl-is-sis)}
.clis-dukkan-alt .clis-yildiz+.clis-dukkan-mesafe:not([hidden])::before{content:"· ";color:var(--cl-is-sis)}
.clis-dukkan-mesafe[hidden]{display:none}
.clis-dukkan-kat{margin-top:3px;font-size:11.5px;color:var(--cl-is-sis);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clis-ara input:focus-visible{outline:none}
.clis-sohbet-s{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-sohbet-av{width:44px;height:44px;font-size:16px}
.clis-sohbet-g{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.clis-sohbet-ust{display:flex;align-items:baseline;gap:6px;min-width:0}
.clis-sohbet-ust b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clis-sohbet-ust small{font-size:11.5px;color:var(--cl-is-sis);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clis-sohbet-ust time{margin-left:auto;flex:0 0 auto;font-size:11.5px;color:var(--cl-is-sis)}
.clis-sohbet-alt{display:flex;align-items:center;gap:8px;min-width:0}
.clis-onizleme{flex:1 1 auto;min-width:0;font-size:13px;color:var(--cl-is-sis);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clis-sayac{flex:0 0 auto;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--cl-is-tente);color:#ffffff;font-size:11px;font-weight:700}
body.cl-is-sohbet .app{padding-bottom:0}
.clis-sohbet{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.clis-sohbet-kim{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.clis-sohbet-kim h1{margin:0;font-family:var(--clis-disp);font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clis-sohbet-kim span{margin-top:2px;font-size:11px;color:var(--cl-is-sis);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clis-menu{position:relative;flex:0 0 auto}
.clis-menu summary{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--cl-is-ink);list-style:none;cursor:pointer}
.clis-menu summary::-webkit-details-marker{display:none}
.clis-menu-liste{position:absolute;right:0;top:44px;z-index:40;display:flex;flex-direction:column;min-width:150px;padding:6px;border-radius:12px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.clis .clis-menu-liste button{padding:10px 12px;border-radius:8px;text-align:left;font-size:14px}
.clis .clis-menu-liste button:hover{background:var(--cl-is-tepki-bg)}
.clis-sohbet-govde{flex:1 1 auto}
.clis-sohbet-isl{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-sohbet-isl>span:nth-child(2){flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.clis-sohbet-isl b{font-size:12.5px;font-weight:600}
.clis-sohbet-isl small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-av-kucuk{width:34px;height:34px;border-radius:9px;font-size:15px}
.clis-balonlar{display:flex;flex-direction:column;gap:9px;padding:16px 14px 12px}
.clis-sohbet-ilk{margin:18px 0;color:var(--cl-is-sis);font-size:13px;line-height:1.55;text-align:center}
.clis-gun{align-self:center;margin:6px 0 2px;padding:3px 10px;border-radius:999px;background:var(--cl-is-tepki-bg);color:var(--cl-is-sis);font-size:11px;font-weight:600}
.clis-balon{max-width:78%;padding:10px 13px;border-radius:16px;font-size:14.2px;line-height:1.45;overflow-wrap:anywhere}
.clis-balon.ben{align-self:flex-end;background:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink);border-bottom-right-radius:5px}
.clis-balon.o{align-self:flex-start;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);border-bottom-left-radius:5px}
.clis-balon-saat{display:block;margin-top:4px;font-size:10px;opacity:.65}
.clis-yazma-kap{position:sticky;bottom:0;z-index:20;background:var(--cl-is-kagit);border-top:1px solid var(--cl-is-cizgi);padding-bottom:env(safe-area-inset-bottom,0px)}
.clis-hazir{display:flex;gap:7px;overflow-x:auto;padding:8px 12px 0;scrollbar-width:none}
.clis-hazir::-webkit-scrollbar{display:none}
.clis-yazma{display:flex;align-items:flex-end;gap:9px;padding:10px 12px}
.clis-yazma textarea{flex:1 1 auto;min-width:0;min-height:44px;max-height:140px;padding:11px 15px;border:1px solid var(--cl-is-cizgi);border-radius:22px;background:var(--cl-is-kart-2);color:var(--cl-is-ink);font:inherit;font-size:14.5px;line-height:1.4;outline:none;resize:none}
.clis-yazma textarea:focus{border-color:var(--cl-is-tabela)}
.clis .clis-yolla{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cl-is-tente);color:#ffffff}
.clis-simdi{margin:0 16px 16px;padding:14px 15px;border-radius:16px;background:var(--cl-is-tente);color:#ffffff}
.clis-panel>.clis-simdi{margin-top:16px}
.clis-simdi-ust{display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:600;opacity:.95}
.clis-nabiz{width:8px;height:8px;border-radius:50%;background:#ffffff;animation:clisNabiz 1.6s ease-in-out infinite}
@keyframes clisNabiz{50%{opacity:.25}}
.clis-fs{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.22)}
.clis-simdi-ust+.clis-fs{border-top:0}
.clis-fs-yazi{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-fs-yazi b{font-size:14.5px;font-weight:700;line-height:1.3}
.clis-fs-yazi small{font-size:12px;opacity:.92}
.clis-fs-sayac{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end}
.clis-fs-sayac b{font-family:var(--clis-disp);font-size:15px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.clis-fs-sayac small{font-size:10.5px;opacity:.88}
.clis .clis-kap{flex:0 0 auto;padding:9px 14px;border-radius:10px;background:#ffffff;color:#b3261e;font-size:13px;font-weight:700}
.clis .clis-kap.bitti,.clis .clis-kap:disabled{background:rgba(255,255,255,.25);color:#ffffff}
.clis-kampanya{margin-bottom:12px;padding:15px}
.clis-kampanya.bitti{opacity:.6}
.clis-kmp-ust{display:flex;align-items:flex-start;gap:12px}
.clis-kmp-oran{flex:0 0 auto;max-width:48%;font-family:var(--clis-disp);font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--cl-is-tabela);overflow-wrap:anywhere}
.clis-kmp-yazi{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-kmp-yazi b{font-size:14.5px;font-weight:600;line-height:1.35}
.clis-kmp-yazi small{font-size:11.5px;color:var(--cl-is-sis);line-height:1.4}
.clis-kmp-kalan{margin:11px 0 9px;font-size:11.5px;color:var(--cl-is-sis)}
.clis .clis-kmp-urun{display:inline-flex;align-items:center;margin-top:10px;font-size:13px;font-weight:700;color:var(--cl-is-tabela);text-decoration:underline;text-underline-offset:3px}
.clis-kampanya .clis-cubuk{margin-bottom:12px}
.clis .clis-dugme.sonuk,.clis .clis-dugme:disabled{background:var(--cl-is-kapali-bg);color:var(--cl-is-sis);border:0;cursor:default}
.clis-kmp-sayilar{display:flex;gap:18px;margin:-2px 0 12px;font-size:11.5px;color:var(--cl-is-sis)}
.clis-kmp-sayilar b{display:block;font-family:var(--clis-disp);font-size:19px;font-weight:800;color:var(--cl-is-ink)}
.clis-yesil{color:var(--cl-is-acik-ink)!important}
.clis .clis-sil{padding:6px 10px;border-radius:8px;background:rgba(232,72,58,.14);color:var(--cl-is-tente-ink);font-size:12.5px;font-weight:600}
.clis-panel-fs{display:flex;align-items:center;gap:10px;margin-top:11px;padding:12px 14px}
.clis-panel-fs>span{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-panel-fs b{font-size:12.5px;font-weight:600}
.clis-panel-fs small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-bolum-bas{margin:10px 16px 0;font-family:var(--clis-disp);font-size:16px;font-weight:700;letter-spacing:-.02em}
.clis-bosluk-ust{margin-top:10px}
.clis-satirbtn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-satirbtn>span{display:flex;flex-direction:column;gap:2px}
.clis-satirbtn b{font-size:14.5px;font-weight:600}
.clis-satirbtn small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-bilet{position:relative;margin-bottom:14px;border-radius:16px;overflow:hidden;background:var(--cl-is-kart);box-shadow:0 0 0 1px var(--cl-is-cizgi)}
.clis-bilet.bitti{filter:grayscale(1);opacity:.5}
.clis-bilet-ust{display:flex;align-items:flex-start;gap:14px;padding:16px 16px 15px}
.clis-bilet-oran{flex:0 0 auto;max-width:52%;font-family:var(--clis-disp);font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:.95;color:var(--cl-is-etiket-ink);overflow-wrap:anywhere}
.clis-bilet-yazi{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-bilet-yazi b{font-size:14.5px;font-weight:600;line-height:1.35}
.clis-bilet-yazi a{font-size:11.5px;color:var(--cl-is-sis)}
.clis-bilet-yirtik{position:relative;margin:0 14px;border-top:2px dashed var(--cl-is-cizgi)}
.clis-bilet-yirtik::before,.clis-bilet-yirtik::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--cl-is-kagit);box-shadow:inset 0 0 0 1px var(--cl-is-cizgi)}
.clis-bilet-yirtik::before{left:-24px}
.clis-bilet-yirtik::after{right:-24px}
.clis-bilet-alt{display:flex;align-items:center;gap:10px;padding:12px 16px 15px}
.clis-bilet-alt>span:first-child{display:flex;flex-direction:column;gap:2px}
.clis-bilet-alt small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-bilet-kod{font-family:var(--clis-disp);font-size:15px;font-weight:700;letter-spacing:.08em}
.clis-bilet-sure{margin-left:auto;font-size:11.5px;line-height:1.35;color:var(--cl-is-sis);text-align:right}
.clis .clis-bilet-dugme{border-radius:0}
.clis-damga{position:absolute;right:14px;top:52px;z-index:1;padding:4px 9px;border:2.5px solid var(--cl-is-tente-ink);border-radius:7px;color:var(--cl-is-tente-ink);font-family:var(--clis-disp);font-size:13px;font-weight:800;letter-spacing:.06em;transform:rotate(-13deg);opacity:.9}
.clis-damga.gri{border-color:var(--cl-is-sis);color:var(--cl-is-sis)}
html.clis-kilit,html.clis-kilit body{overflow:hidden}
.clis-perde{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;justify-content:center;background:rgba(15,25,28,.55)}
.clis-perde.acik{display:flex}
.clis-sayfa{width:100%;max-width:var(--app-w,500px);max-height:88vh;overflow-y:auto;padding:20px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;background:var(--cl-is-kagit);color:var(--cl-is-ink);animation:clisYuksel .22s ease-out}
@keyframes clisYuksel{from{transform:translateY(16px);opacity:.4}}
.clis-tutamac{width:38px;height:4px;margin:0 auto 15px;border-radius:2px;background:var(--cl-is-cizgi)}
.clis-sayfa-bas{margin:0 0 4px;font-family:var(--clis-disp);font-size:18px;font-weight:700;letter-spacing:-.02em}
.clis-sayfa .clis-not{margin:0 0 16px}
.clis-alan{display:block;margin:0 0 16px;padding:0;border:0}
.clis-alan>span,.clis-alan legend{display:block;margin-bottom:7px;font-size:13px;font-weight:600}
.clis-alan input{width:100%;box-sizing:border-box;padding:13px 14px;border:1.5px solid var(--cl-is-cizgi);border-radius:12px;background:var(--cl-is-kart-2);color:var(--cl-is-ink);font:inherit;font-size:15px;outline:none}
.clis-alan input:focus{border-color:var(--cl-is-tabela)}
.clis-alan textarea{width:100%;box-sizing:border-box;min-height:64px;padding:12px 14px;border:1.5px solid var(--cl-is-cizgi);border-radius:12px;background:var(--cl-is-kart-2);color:var(--cl-is-ink);font:inherit;font-size:15px;line-height:1.45;resize:vertical;outline:none}
.clis-alan textarea:focus{border-color:var(--cl-is-tabela)}
.clis-alan input[type=file]{padding:10px 12px;font-size:13px}
.clis-urun{padding:12px 12px 0;border:1.5px dashed var(--cl-is-cizgi);border-radius:14px}
.clis-urun>legend{float:left;width:100%;margin:0 0 12px;padding:0}
.clis-urun>legend+*{clear:both}
.clis-urun legend small{display:block;margin-top:2px;font-size:11.5px;font-weight:500;color:var(--cl-is-sis)}
.clis-alan-not{display:block;margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--cl-is-sis)}
.clis-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.clis-secenek{display:flex;flex-wrap:wrap;gap:9px}
.clis-secenek legend{width:100%}
.clis-secenek label{position:relative;cursor:pointer}
.clis-secenek input{position:absolute;opacity:0;width:1px;height:1px}
.clis-secenek span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);font-size:13px;font-weight:500}
.clis-secenek input:checked+span{background:var(--cl-is-cip-on);border-color:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink);font-weight:600}
.clis-secenek input:focus-visible+span{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-onay-bas{padding:4px 0 18px;text-align:center}
.clis-onay-ikon{font-size:42px;line-height:1}
.clis-onay-bas h2{margin:10px 0 6px;font-family:var(--clis-disp);font-size:19px;font-weight:700}
.clis-onay-bas p{margin:0;color:var(--cl-is-sis);font-size:13px;line-height:1.55}
.clis-kasada{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0 16px;text-align:center}
.clis-kasada-isl{font-family:var(--clis-disp);font-size:17px;font-weight:700}
.clis-kasada small{color:var(--cl-is-sis);font-size:12.5px}
.clis-kasada-kod-bas{margin-top:16px;color:var(--cl-is-sis);font-size:11.5px}
.clis-kasada-kod{font-family:var(--clis-disp);font-size:30px;font-weight:800;letter-spacing:.14em}
.clis-kasada p{margin:12px 0 0;color:var(--cl-is-sis);font-size:12.5px;line-height:1.55}
@media (prefers-reduced-motion:reduce){.clis-nabiz,.clis-sayfa{animation:none}}
.clis-pad-alt0{padding-bottom:0}
.clis .clis-okut{display:flex;align-items:center;gap:11px;width:100%;padding:14px 16px;border-radius:14px;background:var(--cl-is-tabela-koyu);color:#ffffff;text-align:left}
.clis-okut>span{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}
.clis-okut b{font-size:15px;font-weight:600}
.clis-okut small{font-size:12px;opacity:.8}
.clis-okut .clis-ok{color:#ffffff;opacity:.8}
.clis-kaydir{display:flex;gap:10px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none}
.clis-kaydir::-webkit-scrollbar{display:none}
.clis-damgakart{display:block;margin-top:18px;padding:15px;border-radius:16px;background:var(--cl-is-tabela-koyu);color:#ffffff}
.clis-damgakart-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.clis-damgakart-bas b{font-size:14.5px;font-weight:600}
.clis-damgakart-bas span{font-size:12.5px;opacity:.85}
.clis-damgakart p{margin:3px 0 0;font-size:12.5px;line-height:1.45;opacity:.85}
.clis-damgalar{display:grid;grid-template-columns:repeat(var(--sutun,5),minmax(0,44px));gap:8px;margin-top:11px}
.clis-damgalar i{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(255,255,255,.4);font-style:normal;font-size:15px}
.clis-damgalar i.dolu{background:var(--cl-is-etiket);border:0;color:var(--cl-is-tabela-koyu)}
.clis-damgakart .clis-damgakart-yakin{margin-top:10px;opacity:.9}
.clis-damgakart-kucuk{flex:0 0 196px;margin-top:0;display:flex;flex-direction:column;gap:6px;background:var(--av,var(--cl-is-tabela-koyu))}
.clis-damgakart-simge{font-size:22px;line-height:1}
.clis-damgakart-kucuk b{font-size:13.5px;font-weight:600;line-height:1.35}
.clis-damga-cizgi{display:flex;gap:4px;margin-top:6px}
.clis-damga-cizgi i{flex:1 1 0;height:6px;border-radius:3px;background:rgba(255,255,255,.3)}
.clis-damga-cizgi i.dolu{background:var(--cl-is-etiket)}
.clis-damgakart-kucuk small{margin-top:auto;padding-top:6px;font-size:12px;opacity:.8}
.clis-kamera{position:relative;display:grid;place-items:center;height:240px;margin-bottom:12px;border-radius:16px;overflow:hidden;background:#0b1416;color:#ffffff}
.clis-kamera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clis-cerceve{position:relative;z-index:1;width:150px;height:150px;border-radius:16px;box-shadow:0 0 0 3px var(--cl-is-etiket),0 0 0 999px rgba(11,20,22,.55)}
.clis-tarayici{position:absolute;left:50%;top:50%;z-index:2;width:150px;height:2px;background:var(--cl-is-tente);transform:translate(-50%,-50%);animation:clisTara 2.4s ease-in-out infinite}
@keyframes clisTara{0%,100%{transform:translate(-50%,-75px)}50%{transform:translate(-50%,75px)}}
.clis-kamera-not{position:absolute;bottom:12px;left:0;right:0;z-index:2;font-size:12px;text-align:center;opacity:.8}
.clis .clis-kamera-ac{position:absolute;z-index:3;padding:10px 16px;border-radius:12px;background:#ffffff;color:#0b1416;font-size:14px;font-weight:600}
.clis-kamera-ac[hidden]{display:none}
.clis-kod-girdi{text-align:center;text-transform:uppercase;letter-spacing:.1em;font-family:var(--clis-disp)!important;font-size:17px!important;font-weight:700}
.clis-sonuc{margin-top:14px}
.clis-uyari-iyi,.clis-uyari-kotu{padding:11px 13px;border-radius:11px;font-size:13.5px;line-height:1.45;font-weight:500}
.clis-uyari-iyi{background:var(--cl-is-acik-bg);color:var(--cl-is-acik-ink)}
.clis-uyari-kotu{background:rgba(232,72,58,.16);color:var(--cl-is-tente-ink)}
.clis-sayfa .clis-uyari-iyi{margin-top:12px}
.clis-onayekran{padding:26px 20px;border-radius:18px;background:#2e8b57;color:#ffffff;text-align:center}
.clis-onay-tik{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 14px;border-radius:50%;background:rgba(255,255,255,.2);font-size:32px}
.clis-onay-oran{font-family:var(--clis-disp);font-size:26px;font-weight:800;letter-spacing:-.03em}
.clis-onay-baslik{margin-top:5px;font-size:14px;opacity:.92}
.clis-onay-dk{display:flex;flex-direction:column;gap:2px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.3)}
.clis-onay-dk small{font-size:11.5px;opacity:.88}
.clis-onay-dk b{margin:6px 0;font-family:var(--clis-disp);font-size:52px;font-weight:800;letter-spacing:.06em;line-height:1;font-variant-numeric:tabular-nums}
.clis-kasada-qr{width:200px;margin:14px auto 4px}
.clis-kasada-qr svg,.clis-sticker svg{display:block;width:100%;height:auto;border-radius:8px}
.clis-sticker{padding:20px 18px;border-radius:16px;background:#ffffff;color:#16262b;text-align:center;border:1px solid var(--cl-is-cizgi)}
.clis-sticker svg{width:210px;margin:0 auto}
.clis-sticker-ad{font-family:var(--clis-disp);font-size:19px;font-weight:800;letter-spacing:-.02em}
.clis-sticker-alt{margin:4px 0 14px;font-size:12.5px;color:#4d5d62}
.clis-sticker-kod{margin-top:12px;font-family:var(--clis-disp);font-size:13px;font-weight:700;letter-spacing:.08em}
.clis-sticker-alan{margin-top:10px;font-size:11.5px;color:#4d5d62}
.clis-dakika-kart{margin-top:16px;padding:14px;background:var(--cl-is-bekle-bg);border-color:transparent}
.clis-dakika-kart b{display:block;font-size:14px}
.clis-dakika-kart b span{font-family:var(--clis-disp);font-size:20px;font-variant-numeric:tabular-nums}
.clis-dakika-kart small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--cl-is-sis)}
.clis-nasil{margin-top:12px;padding:14px}
.clis-nasil b{font-size:13.5px}
.clis-nasil ol{margin:8px 0 0;padding-left:18px;color:var(--cl-is-sis);font-size:12.5px;line-height:1.7}
.clis-panel-kisa{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 0;scrollbar-width:none}
.clis-panel-kisa::-webkit-scrollbar{display:none}
.clis-panel-kisa a{flex:0 0 auto;padding:8px 13px;border-radius:999px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);font-size:13px;font-weight:600;color:var(--cl-is-tabela)}
.clis-islem{align-items:center}
.clis-islem>span:nth-child(2){flex:1 1 auto;min-width:0}
.clis-islem-tik{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--cl-is-acik-bg);color:var(--cl-is-acik-ink);font-size:17px}
.clis-kasa-kupon{display:flex;flex-direction:column;gap:6px;margin:16px 0;padding:18px;border-radius:16px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi)}
.clis-kasa-kupon b{font-size:15px}
.clis-kasa-kupon small{font-size:12px;color:var(--cl-is-sis)}
.clis .clis-secim{margin-bottom:8px;border:1px solid var(--cl-is-cizgi);border-radius:12px}
.clis-anahtar{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:14px 0;border-bottom:1px solid var(--cl-is-cizgi);cursor:pointer}
.clis-anahtar>span{flex:1 1 auto;display:flex;flex-direction:column;gap:3px}
.clis-anahtar b{font-size:14.5px;font-weight:600}
.clis-anahtar small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-anahtar input{position:absolute;opacity:0;width:1px;height:1px}
.clis-anahtar i{position:relative;flex:0 0 auto;width:46px;height:27px;border-radius:14px;background:#6b7075;transition:background .15s}
.clis-anahtar i::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.clis-anahtar input:checked+i{background:var(--cl-is-yesil)}
.clis-anahtar input:checked+i::after{left:22px}
.clis-anahtar input:focus-visible+i{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.clis-tarayici{animation:none}.clis-anahtar i,.clis-anahtar i::after{transition:none}}
@media print{body.cl-is *{visibility:hidden}body.cl-is .clis-sticker,body.cl-is .clis-sticker *{visibility:visible}body.cl-is .clis-sticker{position:absolute;left:0;top:0;width:100%;border:0}.clis-alt,.clis-ust{display:none}}
.clis-uye{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.clis-uye-av{flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink);font-family:var(--clis-disp);font-size:24px;font-weight:800}
.clis-uye-av img{width:100%;height:100%;object-fit:cover}
.clis-uye>span:last-child{display:flex;flex-direction:column;min-width:0}
.clis-uye-ad{font-family:var(--clis-disp);font-size:19px;font-weight:700;letter-spacing:-.02em}
.clis-uye-alt{margin-top:2px;font-size:12.5px;color:var(--cl-is-sis)}
.clis-tanitim{display:flex;align-items:center;gap:13px;margin-bottom:12px;padding:16px;border-radius:16px;background:var(--cl-is-tabela-koyu);color:#ffffff}
.clis-tanitim>span:nth-child(2){flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.clis-tanitim b{font-size:15px;font-weight:600}
.clis-tanitim small{font-size:12.5px;opacity:.8}
.clis-tanitim .clis-ok{color:inherit;opacity:.8}
.clis-tanitim-acik{background:var(--cl-is-kart);color:var(--cl-is-ink);border:1px solid var(--cl-is-cizgi)}
.clis-tanitim-acik small{color:var(--cl-is-sis);opacity:1}
.clis-tanitim-simge{font-size:24px;line-height:1}
.clis-sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.clis-sayi{padding:13px 11px;border-radius:12px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi)}
.clis-sayi b{display:block;font-family:var(--clis-disp);font-size:23px;font-weight:800;letter-spacing:-.03em}
.clis-sayi span{font-size:11.5px;color:var(--cl-is-sis)}
.clis-rozet-bas{margin:22px 0 12px;font-family:var(--clis-disp);font-size:16px;font-weight:700}
.clis-rozetler{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.clis-rozetler::-webkit-scrollbar{display:none}
.clis-rozet{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.clis-rozet i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--cl-is-bekle-bg);font-size:24px;font-style:normal}
.clis-rozet.kilit i{background:var(--cl-is-kapali-bg);filter:grayscale(1);opacity:.45}
.clis-rozet span{font-size:10.5px;line-height:1.25;color:var(--cl-is-sis)}
.clis-menu-liste-ana{margin-top:8px;border-top:1px solid var(--cl-is-cizgi)}
.clis-menu-s{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi);font-size:14.5px}
.clis-menu-s>span{flex:1 1 auto}
.clis-menu-s small{font-size:12.5px;color:var(--cl-is-sis)}
.clis-bild{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-bild.yeni{background:color-mix(in srgb,var(--cl-is-tabela) 6%,var(--cl-is-kart))}
.clis-bild.yeni::before{content:"";position:absolute;left:6px;top:22px;width:6px;height:6px;border-radius:50%;background:var(--cl-is-tabela)}
.clis-bild>span:last-child{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-bild-sim{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:17px;background:var(--cl-is-kapali-bg)}
.clis-bild-etiket{background:var(--cl-is-bekle-bg)}
.clis-bild-tabela{background:var(--cl-is-onayli-bg)}
.clis-bild-yesil{background:var(--cl-is-acik-bg)}
.clis-bild-metin{font-size:14px;line-height:1.5}
.clis-bild-alt{font-size:12.5px;color:var(--cl-is-sis)}
.clis-bild time{font-size:11px;color:var(--cl-is-sis)}
.clis-liste-s{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-liste-ust{align-items:flex-start}
.clis-liste-g{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-liste-g b{font-size:14.5px;font-weight:600}
.clis-liste-g small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-liste-metin{font-size:13px;line-height:1.5}
.clis-grupbas{padding:20px 16px 8px;font-size:12.5px;font-weight:600;color:var(--cl-is-sis)}
.clis-anahtar-satir{margin:0;padding:14px 16px;background:var(--cl-is-kart)}
.clis-sss{background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-sss summary{display:flex;align-items:center;gap:10px;padding:15px 16px;font-size:14.5px;font-weight:600;list-style:none;cursor:pointer}
.clis-sss summary::-webkit-details-marker{display:none}
.clis-sss summary::after{content:"+";margin-left:auto;font-size:19px;font-weight:400;color:var(--cl-is-sis)}
.clis-sss[open] summary::after{content:"–"}
.clis-sss p{margin:0;padding:0 16px 16px;font-size:14px;line-height:1.6;color:var(--cl-is-sis)}
.clis-rol{display:flex;margin:14px 16px;padding:3px;border-radius:11px;background:var(--cl-is-kapali-bg)}
.clis-rol>a,.clis-rol>span{flex:1 1 0;display:grid;place-items:center;min-height:36px;padding:0 8px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--cl-is-sis);text-align:center}
.clis-rol>.on{background:var(--cl-is-kart);color:var(--cl-is-tabela);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.clis-istat{margin:0 0 12px;padding:16px;border-radius:16px;background:var(--cl-is-tabela-koyu);color:#ffffff}
.clis-istat-ust{display:flex;align-items:flex-start;gap:12px}
.clis-istat-ust>div:first-child{display:flex;flex-direction:column}
.clis-istat-bas{font-size:13px;opacity:.8}
.clis-istat-sayi{margin-top:2px;font-family:var(--clis-disp);font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.clis-istat small{font-size:11.5px;opacity:.8}
.clis-istat-fark{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.clis-istat-fark b{font-size:13px;font-weight:700}
.clis-istat .artis{color:#6fd69b}
.clis-istat .dusus{color:#ff9186}
.clis-sutunlar{display:flex;align-items:flex-end;gap:6px;height:74px;margin-top:14px}
.clis-sutunlar div{flex:1 1 0;border-radius:4px 4px 2px 2px;background:rgba(79,179,201,.32)}
.clis-sutunlar div.bugun{background:#4fb3c9}
.clis-sutun-gunler{display:flex;gap:6px;margin-top:6px}
.clis-sutun-gunler span{flex:1 1 0;font-size:9.5px;text-align:center;color:rgba(255,255,255,.75)}
.clis-tablo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.clis-tas{padding:13px;border-radius:14px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi)}
.clis-tas b{display:block;font-family:var(--clis-disp);font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.clis-tas span{display:block;font-size:11.5px;color:var(--cl-is-sis)}
.clis-fark{display:inline-block;margin-top:5px;font-size:11px;font-weight:600;color:var(--cl-is-sis)}
.clis-fark.artis{color:var(--cl-is-acik-ink)}
.clis-perf{margin-bottom:11px;padding:14px}
.clis-perf-ust{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.clis-perf-ust b{min-width:0;font-size:13.5px;font-weight:600}
.clis-perf-ust small{margin-left:auto;font-size:11px;color:var(--cl-is-sis);white-space:nowrap}
.clis-perf .clis-kmp-sayilar{margin:0 0 8px}
.clis-menu-liste-ana.clis-yonet-menu,.clis-bekleyen:first-child{border-top:1px solid var(--cl-is-cizgi)}
.clis-bekleyen>span:nth-child(2){flex:1 1 auto;min-width:0}
.clis-bekleyen-sim{font-size:19px;line-height:1}
.clis-bekleyen b em{font-style:normal;color:var(--cl-is-tente-ink)}
.clis-yonet-kart{overflow:hidden}
.clis-yonet-kapak{display:grid;place-items:center;height:76px;font-size:32px;line-height:1;background-color:var(--av,#0e4c5c);background-size:cover;background-position:center}
.clis-yonet-govde{padding:13px 14px}
.clis-yonet-sira{display:flex;align-items:center;gap:10px}
.clis-yonet-sira>span:nth-last-child(1):not(.clis-etiketcik),.clis-yonet-sira>span:first-child:not(.clis-av){flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.clis-yonet-sira b{font-size:15px;font-weight:600}
.clis-yonet-sira small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-yonet-govde .clis-dugme{margin-top:13px}
.clis-etiket-onayli{background:var(--cl-is-onayli-bg);color:var(--cl-is-tabela)}
.clis-etiket-acik{background:var(--cl-is-acik-bg);color:var(--cl-is-acik-ink)}
.clis-etiket-bekle{background:var(--cl-is-bekle-bg);color:var(--cl-is-etiket-ink)}
.clis-yonet-acik{margin-top:14px;border-top:1px solid var(--cl-is-cizgi)}
.clis-menu-s>span>b{display:block;font-weight:600}
.clis-menu-s>span>small{display:block;margin-top:2px;font-size:11.5px;line-height:1.4}
.clis-alan textarea,.clis-alan select{width:100%;box-sizing:border-box;padding:13px 14px;border:1.5px solid var(--cl-is-cizgi);border-radius:12px;background:var(--cl-is-kart-2);color:var(--cl-is-ink);font:inherit;font-size:15px;line-height:1.5;outline:none}
.clis-alan textarea{resize:vertical}
.clis-alan textarea:focus,.clis-alan select:focus{border-color:var(--cl-is-tabela)}
.clis-saat-ikili{display:flex;align-items:center;gap:10px}
.clis-saat-ikili label{flex:1 1 0;min-width:0}
.clis-secimler{display:flex;flex-wrap:wrap;gap:9px}
.clis-emojisec{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--cl-is-kart);border:1.5px solid var(--cl-is-cizgi);font-size:24px;line-height:1}
.clis-emojisec.on{border:2.5px solid var(--cl-is-tabela);background:var(--cl-is-onayli-bg)}
.clis-renksec{width:38px;height:38px;border-radius:50%;background:var(--renk);border:3px solid transparent;box-shadow:inset 0 0 0 2px var(--cl-is-kagit)}
.clis-renksec.on{border-color:var(--cl-is-ink)}
.clis-emojisec:focus-visible,.clis-renksec:focus-visible{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-gorsel-sec{display:flex;align-items:center;gap:12px}
.clis-gorsel-sec label{cursor:pointer}
.clis-gorsel-sec label:focus-within{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-gonderi-s .clis-yorum-kim{flex:1 1 auto;min-width:0}
.clis-gonderi-kupon{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:999px;background:var(--cl-is-tepki-on);color:var(--cl-is-etiket-ink);font-size:12px}
[data-isl-gorunum-alan] .clis-yonet-kart{margin-bottom:20px}
.clis-g-kampanya{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:11px 12px;border-radius:12px;background:var(--cl-is-tepki-on);border:1px solid rgba(242,194,48,.35)}
.clis-g-kmp-oran{flex:0 0 auto;max-width:34%;font-family:var(--clis-disp);font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--cl-is-etiket-ink);overflow-wrap:anywhere}
.clis-g-kampanya.uzun{flex-wrap:wrap;row-gap:4px}
.clis-g-kampanya.uzun .clis-g-kmp-oran{flex-basis:100%;max-width:none;font-size:16px}
.clis-g-kmp-yazi{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.clis-g-kmp-yazi b{font-size:13.5px;font-weight:600;line-height:1.35}
.clis-g-kmp-yazi small{font-size:11.5px;color:var(--cl-is-sis)}
.clis .clis-g-kampanya .clis-dugme{flex:0 0 auto;width:auto;padding:9px 14px;border-radius:10px;font-size:13px}
.clis-adimlar{display:flex;gap:6px;padding:12px 16px 0}
.clis-adimlar i{flex:1 1 0;height:4px;border-radius:2px;background:var(--cl-is-cizgi)}
.clis-adimlar i.gecti{background:var(--cl-is-tabela)}
.clis-basvuru{padding-bottom:8px}
.clis-adim{min-width:0;margin:0;padding:18px 16px 0;border:0}
.clis-adim>h2{margin:0 0 5px;font-family:var(--clis-disp);font-size:20px;font-weight:700;letter-spacing:-.02em}
.clis-adim>.clis-not{margin:0 0 18px}
.clis-basvuru.js .clis-adim:not(.on){display:none}
.clis-not.clis-ipucu{margin:-9px 0 16px;font-size:11.5px}
.clis-basvuru>.clis-uyari-kotu{margin:14px 16px 0}
.clis-altsabit{position:sticky;bottom:0;z-index:5;margin-top:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--cl-is-kagit);border-top:1px solid var(--cl-is-cizgi)}
.clis-altsabit [hidden]{display:none}
.clis-dosya{position:relative;display:flex;align-items:center;gap:10px;padding:14px;border:1.5px dashed var(--cl-is-cizgi);border-radius:12px;background:var(--cl-is-kart-2);color:var(--cl-is-sis);font-size:14px;cursor:pointer;overflow-wrap:anywhere}
.clis-alan .clis-dosya input,.clis-dosya input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0}
.clis-dosya.secili{border-style:solid;border-color:var(--cl-is-tabela);color:var(--cl-is-ink)}
.clis-dosya:focus-within{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
/* İşletme paylaşımı (business_post_new.php, kullanıcı 2026-09-29): kim adına paylaşıldığı şeridi, karakter sayacı,
   fotoğraf önizlemesi (3 sütun, kare, çıkar düğmesi); profilin Paylaşımlar sekmesindeki "Yeni paylaşım". */
.clis-paylas-kim{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px;border:1px solid var(--cl-is-cizgi);border-radius:14px;background:var(--cl-is-kart)}
.clis-paylas-av{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:var(--av,#0e4c5c);color:#ffffff;font-size:20px;line-height:1}
.clis-paylas-av img{width:100%;height:100%;object-fit:cover}
.clis-paylas-kim b{display:block;font-size:15px;line-height:1.3;color:var(--cl-is-ink)}
.clis-paylas-kim small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--cl-is-sis)}
.clis-paylas-not{display:flex;justify-content:space-between;gap:12px;margin:-8px 0 16px;font-size:12.5px;line-height:1.5;color:var(--cl-is-sis)}
.clis-paylas-sayac{flex:0 0 auto;font-variant-numeric:tabular-nums}
.clis-foto-onizle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.clis-foto-onizle[hidden]{display:none}
.clis-foto-hucre{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--cl-is-medya)}
.clis-foto-hucre img{display:block;width:100%;height:100%;object-fit:cover}
.clis-foto-sil{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#ffffff;font-size:18px;line-height:1;cursor:pointer}
.clis-foto-sil:focus-visible{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-paylas-alt{margin-top:12px}
.clis-paylas-ust{padding-bottom:0}
.clis-onaykutu{position:relative;display:flex;align-items:flex-start;gap:12px;margin:4px 0 12px;padding:14px;border-radius:12px;background:var(--cl-is-kart);border:1px solid var(--cl-is-cizgi);font-size:13px;line-height:1.5;cursor:pointer}
.clis-onaykutu input{position:absolute;opacity:0;width:1px;height:1px}
.clis-onaykutu i{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:2px solid var(--cl-is-sis);font-style:normal}
.clis-onaykutu input:checked+i{background:var(--cl-is-tabela);border-color:var(--cl-is-tabela)}
.clis-onaykutu input:checked+i::after{content:"✓";color:#ffffff;font-size:14px;font-weight:700;line-height:1}
.clis-onaykutu input:focus-visible+i{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-onaykutu a,.clis-ipucu a{color:var(--cl-is-tabela);text-decoration:underline}
.clis-emojisec-l,.clis-renksec-l{position:relative;cursor:pointer}
.clis-alan .clis-emojisec-l input,.clis-alan .clis-renksec-l input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0}
.clis-renksec{display:block}
.clis-emojisec-l input:checked+.clis-emojisec{border:2.5px solid var(--cl-is-tabela);background:var(--cl-is-onayli-bg)}
.clis-renksec-l input:checked+.clis-renksec{border-color:var(--cl-is-ink)}
.clis-emojisec-l input:focus-visible+span,.clis-renksec-l input:focus-visible+span{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-basvuru-onizleme{margin-bottom:20px}
.clis-basvuru-tamam{padding-top:34px;text-align:center}
.clis-tamam-ikon{font-size:46px;line-height:1}
.clis-basvuru-tamam h1{margin:14px 0 8px;font-family:var(--clis-disp);font-size:22px;font-weight:700;letter-spacing:-.02em}
.clis-basvuru-tamam>p:not(.clis-not){max-width:310px;margin:0 auto;font-size:14.5px;line-height:1.6;color:var(--cl-is-sis)}
.clis-basvuru-tamam>.clis-not{margin:0 0 18px}
.clis-tamam-kart{display:flex;align-items:center;gap:13px;margin:24px 0 18px;padding:15px;text-align:left}
.clis-tamam-kart>span:last-child{display:flex;flex-direction:column;gap:3px}
.clis-tamam-kart b{font-size:14.5px;font-weight:600}
.clis-tamam-kart small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-belge{display:flex;align-items:center;gap:12px;margin-bottom:11px;padding:14px}
.clis-belge-ikon{font-size:20px;line-height:1}
.clis-belge>span:last-child{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.clis-belge b{font-size:14px;font-weight:600}
.clis-belge small{font-size:11.5px;color:var(--cl-is-sis)}
.clis .clis-belge-not{color:var(--cl-is-tente-ink)}
.clis .clis-randevu-dugme{margin:15px 0 9px}
.clis-randevu-dugme+.clis-p-eylem{margin-top:0}
.clis-gunler{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.clis-gunler::-webkit-scrollbar{display:none}
.clis-gunkart-l,.clis-saat-l{position:relative;cursor:pointer}
.clis-alan .clis-gunkart-l input,.clis-alan .clis-saat-l input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0}
.clis-gunkart{display:block;flex:0 0 auto;width:62px;padding:10px 0;border-radius:12px;background:var(--cl-is-kart-2);border:1.5px solid var(--cl-is-cizgi);text-align:center}
.clis-gunkart b{display:block;font-family:var(--clis-disp);font-size:19px;font-weight:800;line-height:1.1}
.clis-gunkart span{font-size:10.5px;color:var(--cl-is-sis)}
.clis-gunkart-l input:checked+.clis-gunkart{background:var(--cl-is-cip-on);border-color:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink)}
.clis-gunkart-l input:checked+.clis-gunkart span{color:inherit;opacity:.85}
.clis-saatler{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.clis-saatler[hidden]{display:none}
.clis-saatler>.clis-not{grid-column:1/-1;margin:0}
.clis-saat{display:block;padding:11px 0;border-radius:11px;background:var(--cl-is-kart-2);border:1.5px solid var(--cl-is-cizgi);font-size:13.5px;font-weight:600;text-align:center}
.clis-saat-l input:checked+.clis-saat{background:var(--cl-is-cip-on);border-color:var(--cl-is-cip-on);color:var(--cl-is-cip-on-ink)}
.clis-saat-l input:disabled+.clis-saat{opacity:.45;cursor:default}
.clis-saat.dolu{text-decoration:line-through}
.clis-gunkart-l input:focus-visible+.clis-gunkart,.clis-saat-l input:focus-visible+.clis-saat{outline:2.5px solid var(--cl-is-tente);outline-offset:2px}
.clis-rnd{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--cl-is-kart);border-bottom:1px solid var(--cl-is-cizgi)}
.clis-rnd-saat{flex:0 0 54px;font-family:var(--clis-disp);font-size:17px;font-weight:800;letter-spacing:-.02em;text-align:center}
.clis-rnd-saat span{display:block;font-family:inherit;font-size:10px;font-weight:500;letter-spacing:0;color:var(--cl-is-sis)}
.clis-rnd-g{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.clis-rnd-g b{font-size:14px;font-weight:600}
.clis-rnd-g small{font-size:11.5px;color:var(--cl-is-sis)}
.clis-rnd-eylem{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.clis-hizmet{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:12px 14px;font-size:14px;font-weight:500}
.clis-hizmet span{flex:1 1 auto;min-width:0}
.clis-hizmet-form{display:flex;align-items:flex-start;gap:9px}
.clis-hizmet-form .clis-alan{flex:1 1 auto;margin:0}
.clis .clis-hizmet-form .clis-dugme{flex:0 0 auto;width:auto;padding:13px 18px}
.clis .clis-kmp-bildir{display:block;margin:8px auto 0;padding:6px 8px;font-size:11.5px;color:var(--cl-is-sis)}
body.cl-2d{background:var(--cl-2d-bg)}
body.cl-2d .app{background:var(--cl-2d-bg);color:var(--cl-2d-ink)}
.cl2d{min-height:100vh;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));background:var(--cl-2d-bg);color:var(--cl-2d-ink)}
.cl2d :where(a){color:inherit;text-decoration:none}
.cl2d :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.cl2d-gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cl2d-galeri{position:relative;background:#0c1519;overflow:hidden}
.cl2d .dg-track{display:flex;aspect-ratio:1.18/1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:zoom-in}
.cl2d .dg-track::-webkit-scrollbar{display:none}
.cl2d .dg-slide{flex:0 0 100%;height:100%;scroll-snap-align:center}
.cl2d .dg-slide img{display:block;width:100%;height:100%;object-fit:cover}
.cl2d .dg-count{position:absolute;left:14px;right:auto;top:auto;bottom:14px;z-index:3;padding:6px 11px;border-radius:12px;background:rgba(7,16,21,.72);color:#ffffff;font-size:12.5px;font-weight:800;letter-spacing:.02em}
.cl2d-bos-foto{display:grid;place-items:center;aspect-ratio:1.6/1;color:#6f848c}
.cl2d-galeri-ust{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 0;pointer-events:none}
.cl2d-gbtn-sag{display:flex;gap:8px}
.cl2d .cl2d-gbtn{pointer-events:auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(7,16,21,.62);color:#ffffff;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cl2d .cl2d-gbtn.on{color:#ff6b73}
.cl2d .cl2d-gbtn.on svg{fill:currentColor}
.cl2d-govde{position:relative;z-index:2;margin-top:-18px;padding:20px 18px 0;border-radius:22px 22px 0 0;background:var(--cl-2d-yuzey);border-top:1px solid var(--cl-2d-cizgi)}
.cl2d-etiketler{display:flex;flex-wrap:wrap;gap:6px}
.cl2d .cl2d-etiket{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:9px;background:var(--cl-2d-etiket);color:var(--cl-2d-etiket-ink);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.cl2d .cl2d-etiket-vitrin{background:#7a4d00;color:#ffffff}
.cl2d .cl2d-etiket-acil{background:#b3261e;color:#ffffff}
.cl2d-baslik{margin:12px 0 6px;font-size:24px;line-height:1.18;font-weight:800;letter-spacing:-.5px;color:var(--cl-2d-ink)}
.cl2d-fiyat{font-size:27px;line-height:1.1;font-weight:900;letter-spacing:-.5px;color:var(--cl-2d-fiyat)}
.cl2d-fiyat-not{margin-top:4px;font-size:12.5px;color:var(--cl-2d-sub)}
.cl2d .cl2d-puan{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13px;font-weight:700;color:var(--cl-2d-sub)}
.cl2d-yildiz{color:var(--cl-2d-yildiz);letter-spacing:1px}
.cl2d-aciklama{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--cl-2d-sub);overflow-wrap:anywhere}
.cl2d-aciklama :where(p){margin:0 0 10px}
.cl2d-aciklama :where(p:last-child){margin-bottom:0}
.cl2d-kutular{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.cl2d-kutu{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 13px;border-radius:14px;background:var(--cl-2d-kutu);border:1px solid var(--cl-2d-cizgi)}
.cl2d-kutu small{font-size:11px;color:var(--cl-2d-sub)}
.cl2d-kutu b{font-size:14px;font-weight:800;color:var(--cl-2d-ink);overflow-wrap:anywhere}
.cl2d-ozellikler{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.cl2d-ozellik{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border-radius:11px;background:var(--cl-2d-kutu);border:1px solid var(--cl-2d-cizgi);font-size:12.5px;color:var(--cl-2d-ink)}
.cl2d-ozellik small{color:var(--cl-2d-sub)}
.cl2d-eylem{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding:10px;border-radius:18px;background:var(--cl-2d-kutu)}
.cl2d-eylem.tek{grid-template-columns:1fr}
.cl2d .cl2d-dugme{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:0 14px;border-radius:14px;font-size:14.5px;font-weight:800;text-align:center}
.cl2d .cl2d-mesaj{background:var(--cl-2d-mesaj);color:var(--cl-2d-mesaj-ink)}
.cl2d .cl2d-ara{background:var(--cl-2d-ara);color:var(--cl-2d-ara-ink)}
.cl2d .cl2d-duzenle{grid-column:1/-1;background:var(--cl-2d-dugme);color:var(--cl-2d-dugme-ink)}
.cl2d .cl2d-dugme-acik{margin-top:10px;background:var(--cl-2d-dugme);color:var(--cl-2d-dugme-ink)}
.cl2d .cl2d-dugme-ikincil{min-height:44px;margin-top:8px;background:var(--cl-2d-ikincil);color:var(--cl-2d-ikincil-ink);border:1px solid var(--cl-2d-cizgi);font-size:13.5px}
.cl2d-satici{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 0;border-bottom:1px solid var(--cl-2d-cizgi)}
.cl2d-satici-av{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;overflow:hidden;background:var(--cl-2d-etiket);color:var(--cl-2d-etiket-ink);font-weight:800}
.cl2d-satici-av img{width:100%;height:100%;object-fit:cover}
.cl2d-satici-g{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.cl2d-satici-g b{font-size:14.5px;font-weight:700;color:var(--cl-2d-ink)}
.cl2d-satici-g small{font-size:11.5px;color:var(--cl-2d-sub)}
.cl2d .cl2d-kod{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border-radius:10px;background:var(--cl-2d-kutu);border:1px solid var(--cl-2d-cizgi);font-size:11.5px;color:var(--cl-2d-sub)}
.cl2d .cl2d-kod b{color:var(--cl-2d-ink)}
.cl2d-deger{margin-top:18px;padding:14px;border-radius:18px;background:var(--cl-2d-deger);border:1px solid var(--cl-2d-deger-line)}
.cl2d-deger h2{margin:0;font-size:16px;font-weight:800;color:var(--cl-2d-ink)}
.cl2d-deger>p{margin:5px 0 12px;font-size:12.5px;line-height:1.45;color:var(--cl-2d-sub)}
.cl2d-yildizlar{display:flex;gap:6px;margin:0 0 12px;padding:0;border:0}
.cl2d-yildiz-sec{position:relative;display:grid;place-items:center;width:44px;height:42px;border-radius:12px;background:var(--cl-2d-kutu);border:1px solid var(--cl-2d-cizgi);color:var(--cl-2d-yildiz-bos);font-size:21px;cursor:pointer}
.cl2d-yildiz-sec input{position:absolute;opacity:0;width:1px;height:1px}
.cl2d-yildiz-sec.on{color:var(--cl-2d-yildiz);background:rgba(244,199,102,.12)}
.cl2d-yildiz-sec:focus-within{outline:2.5px solid var(--cl-2d-fiyat);outline-offset:2px}
.cl2d-kapali .cl2d-yildiz-sec{cursor:default;opacity:.55}
.cl2d-yorum-sira{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.cl2d-yorum-sira input{min-width:0;height:46px;padding:0 13px;border-radius:13px;border:1px solid var(--cl-2d-cizgi);background:var(--cl-2d-kutu);color:var(--cl-2d-ink);font:inherit;font-size:14px;outline:none}
.cl2d-yorum-sira input:focus{border-color:var(--cl-2d-fiyat)}
.cl2d .cl2d-yorum-sira button{height:46px;padding:0 16px;border-radius:13px;background:var(--cl-2d-dugme);color:var(--cl-2d-dugme-ink);font-size:13.5px;font-weight:800}
.cl2d-deger-not{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#ff9186}
.cl2d-deger-not.iyi{color:var(--cl-2d-fiyat)}
.cl2d-deger-not[hidden]{display:none}
.cl2d-yorumlar{display:grid;gap:9px;margin-top:14px}
.cl2d-yorum{padding:12px 13px;border-radius:15px;background:var(--cl-2d-kutu);border:1px solid var(--cl-2d-cizgi)}
.cl2d-yorum-bas{display:flex;align-items:center;gap:10px}
.cl2d-yorum-av{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cl-2d-etiket);color:var(--cl-2d-etiket-ink);font-size:13px;font-weight:800}
.cl2d-yorum-kim{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.cl2d-yorum-kim b{font-size:13.5px;font-weight:700;color:var(--cl-2d-ink)}
.cl2d-yorum-kim small{font-size:11.5px;color:var(--cl-2d-sub)}
.cl2d-bekliyor{align-self:flex-start;display:inline-flex;margin:1px 0;padding:2px 7px;border-radius:999px;background:var(--cl-2e-bekle-bg);color:var(--cl-2e-bekle);font-size:10.5px;font-weight:700}
.cl2d .cl2d-kucuk{flex:0 0 auto;padding:6px 8px;font-size:11.5px;color:var(--cl-2d-sub)}
.cl2d-yorum p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--cl-2d-ink);overflow-wrap:anywhere}
.cl2d-harita{margin-top:16px}
.cl2d-harita iframe{display:block;width:100%;aspect-ratio:16/10;border:0;border-radius:15px;background:var(--cl-2d-kutu)}
.cl2d .cl2d-sikayet{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;padding:6px 0;font-size:12px;color:var(--cl-2d-sub)}
.cl2d .d-share-row{margin-top:14px}
.cl2d-benzer{margin-top:18px}
.cl2d-benzer-bas{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.cl2d-benzer-bas h2{margin:0;font-size:16px;font-weight:800;color:var(--cl-2d-ink)}
.cl2d-benzer-bas a{font-size:12.5px;font-weight:700;color:var(--cl-2d-fiyat)}
.cl2d-benzer-ray{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.cl2d-benzer-ray::-webkit-scrollbar{display:none}
.cl2d .cl2d-benzer-kart{flex:0 0 150px;display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:15px;background:var(--cl-2d-kutu);border:1px solid var(--cl-2d-cizgi)}
.cl2d-benzer-foto{display:grid;place-items:center;aspect-ratio:1.3/1;border-radius:11px;overflow:hidden;background:var(--cl-2d-bg);color:var(--cl-2d-sub)}
.cl2d-benzer-foto img{width:100%;height:100%;object-fit:cover}
.cl2d-benzer-kart b{font-size:12.5px;font-weight:700;line-height:1.3;color:var(--cl-2d-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cl2d-benzer-fiyat{font-size:13px;font-weight:900;color:var(--cl-2d-fiyat)}
@media (min-width:760px){.cl2d-govde{margin-top:0;border-radius:0}}

/* ═══ CİDE KEŞİF — /rehber (cide_775 "Cide Keşif", 2026-09-28): liste + detay. Koyu tema taslağın ölçülen
   değerleri; taslağın açık modu bozuk (koyu zemin üstüne koyu metin) olduğu için açık tema aynı teal vurguyla
   kendi token'larıyla. Taslağın 6.5–8.4 px etiketleri okunur boya (10 px) çıkarıldı (bilinçli fark).
   Harman'a dokunulmaz; app.css'teki eski SEYYAH (.sy-*) kuralları kilitli dosyada kullanılmadan kalır. ═══ */
body.cl-k{background:var(--cl-k-bg)}
body.cl-k .app{background:var(--cl-k-bg);color:var(--cl-k-ink)}
.clk{min-height:100vh;background:var(--cl-k-bg);color:var(--cl-k-ink);padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.clk a{-webkit-tap-highlight-color:transparent}
.clk-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;min-height:62px;padding:0 14px;background:var(--cl-k-ust);color:var(--cl-k-ust-ink);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--cl-k-ust-cizgi)}
.clk-geri{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cl-k-geri);color:var(--cl-k-geri-ink);text-decoration:none}
.clk-marka{font-size:20px;line-height:1;letter-spacing:-.6px;color:var(--cl-k-ust-ink);text-decoration:none;white-space:nowrap}
.clk-marka span{font-weight:800}
.clk-marka b{font-weight:900;color:var(--cl-k-marka)}
.clk-hero{position:relative;height:550px;max-height:76vh;min-height:430px;overflow:hidden;border-radius:0 0 27px 27px;background:var(--cl-k-kutu)}
.clk-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clk-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;top:24%;background:linear-gradient(180deg,rgba(0,0,0,0),var(--cl-k-hero-ort) 28%,var(--cl-k-bg) 100%);pointer-events:none}
.clk-hero-yazi{position:absolute;left:18px;right:18px;bottom:30px;z-index:2}
.clk-hero-bos{height:auto;min-height:0;max-height:none;border-radius:0;background:radial-gradient(100% 70% at 85% 0,var(--cl-k-isik),rgba(0,0,0,0) 62%),var(--cl-k-bg)}
.clk-hero-bos::after{display:none}
.clk-hero-bos .clk-hero-yazi{position:relative;left:auto;right:auto;bottom:auto;padding:56px 18px 18px}
.clk-ust-yazi{display:block;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;color:var(--cl-k-vurgu)}
.clk-hero h1{max-width:6.4em;margin:10px 0 13px;font-size:41px;line-height:.92;font-weight:800;letter-spacing:-2.4px;color:var(--cl-k-ink)}
.clk-hero p{max-width:34em;margin:0;font-size:13px;line-height:1.65;color:var(--cl-k-sub)}
.clk-atlas{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:1px;margin:14px 15px 0;border:1px solid var(--cl-k-kutu-cizgi);border-radius:15px;overflow:hidden;background:var(--cl-k-kutu-cizgi)}
.clk-atlas>div{padding:13px 6px;text-align:center;background:var(--cl-k-kutu)}
.clk-atlas b{display:block;font-size:16px;line-height:1.2;font-weight:800;color:var(--cl-k-ink)}
.clk-atlas small{display:block;margin-top:4px;font-size:10px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;color:var(--cl-k-etiket)}
.clk-kaynak{margin:7px 16px 0;font-size:11px;line-height:1.4;text-align:right;color:var(--cl-k-etiket)}
.clk-kaynak a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.clk-akis{padding:18px 15px 0}
.clk-katlar{display:flex;gap:7px;margin:0 -15px 13px;padding:0 15px 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.clk-katlar::-webkit-scrollbar{display:none}
.clk-kat{flex:0 0 86px;display:flex;flex-direction:column;align-items:center;min-height:86px;padding:10px 7px 9px;border:1px solid var(--cl-k-kat-cizgi);border-radius:14px;background:linear-gradient(145deg,var(--cl-k-kat),var(--cl-k-kat2));color:var(--cl-k-kat-ink);text-align:center;text-decoration:none;scroll-snap-align:start}
.clk-kat i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border:1px solid var(--cl-k-kat-ic-cizgi);border-radius:12px;background:var(--cl-k-kat-ic-bg);color:var(--cl-k-kat-ic);font-style:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.clk-kat b{font-size:10px;line-height:1.15;font-weight:800}
.clk-kat.on{border-color:var(--cl-k-kat-on-cizgi);background:linear-gradient(145deg,var(--cl-k-kat-on),var(--cl-k-kat))}
.clk-arama{margin:0 0 12px;font-size:13px;color:var(--cl-k-sub)}
.clk-arama a{color:var(--cl-k-vurgu);font-weight:800;text-decoration:none}
.clk-bos{margin:6px 0 18px;padding:22px 16px;border:1px dashed var(--cl-k-kutu-cizgi);border-radius:14px;text-align:center;font-size:13px;line-height:1.5;color:var(--cl-k-sub)}
.clk-bos[hidden],.clk-kart[hidden]{display:none}
.clk-kart{margin:0 -15px 14px;padding:0 0 16px;background:var(--cl-k-kart)}
.clk-kart-bas{padding:12px 14px}
.clk-kart-bas b{font-size:16px;line-height:1.1;font-weight:900;letter-spacing:-.3px;color:var(--cl-k-ink)}
.clk-kart-gorsel{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--cl-k-medya)}
.clk-kart-gorsel img{width:100%;height:100%;object-fit:cover}
.clk-kart-bosgorsel{position:absolute;inset:0;display:grid;place-items:center;color:var(--cl-k-etiket)}
.clk-kart-ad{position:absolute;top:12px;right:12px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;max-width:72%;padding:12px 14px 13px 24px;background:radial-gradient(at 100% 45%,rgba(4,12,10,.72) 0,rgba(4,12,10,.48) 34%,rgba(4,12,10,.18) 62%,rgba(0,0,0,0) 82%);color:rgba(250,251,248,.96);font-size:15.5px;line-height:1.05;font-weight:800;letter-spacing:.15px;text-align:right;text-shadow:0 1px 0 rgba(255,255,255,.1),0 2px 3px rgba(0,0,0,.82),0 6px 14px rgba(0,0,0,.46)}
.clk-kart-ad::after{content:"";width:30px;height:2px;margin-top:6px;border-radius:99px;background:linear-gradient(90deg,rgba(0,0,0,0),#35d0ba)}
.clk-kart-eylem{display:flex;align-items:center;gap:16px;padding:10px 14px 5px}
.clk-kart-eylem>*{display:inline-flex;align-items:center;gap:5px;min-width:28px;height:28px;padding:0;border:0;background:none;color:var(--cl-k-eylem);font:inherit;cursor:pointer;text-decoration:none}
.clk-kart-eylem b{font-size:13px;font-weight:800}
.clk-kart-eylem .clk-kaydet{margin-left:auto}
.clk [data-clike].on{color:var(--cl-k-begen)}
.clk [data-clike].on svg,.clk [data-csave].on svg{fill:currentColor}
.clk [data-csave].on{color:var(--cl-k-on)}
.clk-kart-yazi{padding:7px 14px 0}
.clk-kart-yazi h2{margin:0 0 7px;font-size:18.5px;line-height:1.16;font-weight:900;letter-spacing:-.45px}
.clk-kart-yazi h2 a{color:var(--cl-k-ink);text-decoration:none}
.clk-kart-yazi p{margin:0;font-size:12.5px;line-height:1.56;color:var(--cl-k-sub)}
.clk-devam{display:inline-block;margin-top:8px;font-size:11px;font-weight:900;color:var(--cl-k-ink);text-decoration:none}
.clk-akis .ad-slot{margin:0 0 14px}
.clk-d .clk-ust{min-height:58px;gap:12px}
.clk-d .clk-geri{width:36px;height:36px;border-radius:50%;background:var(--cl-k-geri-d);color:var(--cl-k-ust-ink)}
.clk-d-ad{min-width:0;overflow:hidden;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-k-ust-ink)}
.clk-gal{position:relative;background:var(--cl-k-medya)}
.clk-gal .dg-track{display:flex;aspect-ratio:4/3;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:zoom-in}
.clk-gal .dg-track::-webkit-scrollbar{display:none}
.clk-gal .dg-slide{flex:0 0 100%;scroll-snap-align:start}
.clk-gal .dg-slide img{width:100%;height:100%;object-fit:cover}
.clk-gal .dg-thumbs{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;padding:18px 11px 8px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(4,12,10,.55))}
.clk-gal .dg-thumbs::-webkit-scrollbar{display:none}
.clk-gal .th{flex:0 0 62px;height:46px;overflow:hidden;border:2px solid rgba(255,255,255,.25);border-radius:7px;opacity:.85;cursor:pointer}
.clk-gal .th.active{border-color:#35d0ba;opacity:1}
.clk-gal .th img{width:100%;height:100%;object-fit:cover}
.clk-gal-tek{aspect-ratio:4/3;overflow:hidden}
.clk-gal-tek img{width:100%;height:100%;object-fit:cover}
.clk-araclar{display:flex;gap:7px;padding:10px 14px 12px;background:var(--cl-k-bg)}
.clk-arac{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:5px;min-height:43px;padding:1px 8px;white-space:nowrap;border:1px solid var(--cl-k-arac-cizgi);border-radius:10px;background:var(--cl-k-arac);color:var(--cl-k-arac-ink);font:inherit;font-size:11px;line-height:1.1;font-weight:800;cursor:pointer;text-decoration:none}
.clk-arac svg{flex:none}
.clk-arac b{font-weight:800}
.clk-arac[aria-pressed="true"]{color:var(--cl-k-vurgu)}
.clk-d-yazi{padding:17px 17px 8px}
.clk-d-kat{display:block;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--cl-k-vurgu)}
.clk-d-yazi h1{margin:9px 0 13px;font-size:34px;line-height:.98;font-weight:800;letter-spacing:-1.6px;color:var(--cl-k-ink)}
.clk-d-lead{margin:14px 0 22px;font-size:14px;line-height:1.8;color:var(--cl-k-sub)}
.clk-d-puan{display:flex;align-items:center;gap:6px;margin:-10px 0 20px;font-size:12.5px;font-weight:700;color:var(--cl-k-sub)}
.clk-d-puan svg{color:#f2b233;fill:currentColor}
.clk-bilgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 28px}
.clk-bilgi-2,.clk-bilgi-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.clk-bilgi-1{grid-template-columns:1fr}
.clk-bilgi>div{padding:12px;border:1px solid var(--cl-k-kutu-cizgi);border-radius:11px;background:var(--cl-k-arac)}
.clk-bilgi small{display:block;font-size:10px;line-height:1.2;letter-spacing:.6px;text-transform:uppercase;color:var(--cl-k-etiket)}
.clk-bilgi b{display:block;margin-top:5px;font-size:12.5px;line-height:1.3;font-weight:700;color:var(--cl-k-ink);overflow-wrap:anywhere}
.clk-hikaye{padding:29px 0;border-top:1px solid var(--cl-k-hikaye-cizgi)}
.clk-hikaye:first-child{padding-top:0;border-top:0}
.clk-hikaye.vurgu{padding-left:16px;border-left:2px solid var(--cl-k-hikaye-vurgu)}
.clk-hikaye h2{margin:0 0 11px;font-size:21px;line-height:1.16;font-weight:800;letter-spacing:-.5px;color:var(--cl-k-ink)}
.clk-hikaye-govde{font-size:14px;line-height:1.92;color:var(--cl-k-hikaye);overflow-wrap:anywhere}
.clk-hikaye-govde>*:first-child{margin-top:0}
.clk-hikaye-govde>*:last-child{margin-bottom:0}
.clk-hikaye-govde p{margin:0 0 12px}
.clk-hikaye-govde h4,.clk-hikaye-govde strong,.clk-hikaye-govde b{color:var(--cl-k-ink)}
.clk-hikaye-govde a{color:var(--cl-k-vurgu)}
.clk-hikaye-govde img,.clk-hikaye-govde iframe,.clk-hikaye-govde video{max-width:100%;height:auto;border-radius:12px}
.clk-hikaye-govde ul,.clk-hikaye-govde ol{margin:0 0 12px;padding-left:20px}
.clk-d-metin.clk-yazi-1 .clk-hikaye-govde,.clk-d-metin.clk-yazi-1 .clk-d-lead{font-size:16px}
.clk-d-metin.clk-yazi-2 .clk-hikaye-govde,.clk-d-metin.clk-yazi-2 .clk-d-lead{font-size:18px}
.clk-bolum{margin:0 17px;padding:26px 0;border-top:1px solid var(--cl-k-hikaye-cizgi)}
.clk-bolum>h2{margin:0 0 14px;font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.3px;color:var(--cl-k-ink)}
.clk-video{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--cl-k-medya) center/cover no-repeat;color:#fff;cursor:pointer}
.clk-video-oynat{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(4,12,10,.62);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.clk-harita iframe{display:block;width:100%;height:210px;border:0;border-radius:14px}
.clk-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.clk-dugmeler>*{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid var(--cl-k-arac-cizgi);border-radius:12px;background:var(--cl-k-arac);color:var(--cl-k-arac-ink);font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.clk-dugmeler .birincil{border-color:transparent;background:var(--cl-k-on);color:var(--cl-k-bg)}
.clk-ozellik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clk-ozellik>div{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--cl-k-kutu-cizgi);border-radius:12px;background:var(--cl-k-arac);font-size:12.5px;font-weight:700;line-height:1.3;color:var(--cl-k-ink)}
.clk-ozellik>div svg{flex:none;color:var(--cl-k-vurgu)}
.clk-notlar{margin:0;padding:14px 14px 14px 32px;border:1px solid var(--cl-k-kutu-cizgi);border-radius:12px;background:var(--cl-k-arac);font-size:13px;line-height:1.65;color:var(--cl-k-sub)}
.clk-notlar li+li{margin-top:6px}
.clk-yorum-form{display:flex;gap:8px;margin:0 0 16px}
.clk-yorum-form input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--cl-k-arac-cizgi);border-radius:12px;background:var(--cl-k-arac);color:var(--cl-k-ink);font:inherit;font-size:14px}
.clk-yorum-form input::placeholder{color:var(--cl-k-etiket)}
.clk-yorum-form button{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:var(--cl-k-on);color:var(--cl-k-bg);cursor:pointer}
.clk-giris{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:0 0 16px;border:1px dashed var(--cl-k-kutu-cizgi);border-radius:12px;color:var(--cl-k-vurgu);font-size:13px;font-weight:800;text-decoration:none}
.clk-yorum{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--cl-k-hikaye-cizgi)}
.clk-yorum:first-of-type{border-top:0}
.clk-yorum-av{flex:none;display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--cl-k-kat-ic-bg);color:var(--cl-k-vurgu);font-size:14px;font-weight:800}
.clk-yorum-av img{width:100%;height:100%;object-fit:cover}
.clk-yorum-b{flex:1;min-width:0;font-size:13.5px;line-height:1.55;color:var(--cl-k-sub);overflow-wrap:anywhere}
.clk-yorum-b b{color:var(--cl-k-ink)}
.clk-yorum-alt{display:flex;align-items:center;gap:10px;margin-top:3px;font-size:11.5px;color:var(--cl-k-etiket)}
.clk-yorum-alt button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.clk-yorum-yok{padding:6px 0 0;font-size:13px;color:var(--cl-k-sub)}
.clk-sikayet{margin:0 17px;padding:4px 0 10px}
.clk-sikayet button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--cl-k-etiket);font:inherit;font-size:12px;cursor:pointer}
.clk-d .ad-slot{margin:0 17px 18px}

/* ═══ DESTEK — İletişim (/iletisim), Yardım Merkezi (/yardim), Sorun Bildir (/sorun-bildir); cide_775 cl462Contact,
   c553Help, c554Report (2026-09-28). Koyu tema taslağın ölçülen değerleri; açık tema kendi token'larımızla (taslağın
   açık modu açık zemine beyaz yazı basıyordu). Kahraman ve "gönder" degradeleri iki temada da koyu (medya yüzeyi).
   Taslağın 10 px etiketleri 11 px; kırmızı-teal degradeli düğmeler beyaz yazıya 4.5:1 için koyulaştırıldı. ═══ */
body.cl-ds{background:var(--cl-ds-bg)}
body.cl-ds .app{background:var(--cl-ds-bg);color:var(--cl-ds-ink)}
.clds{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-ds-bg);color:var(--cl-ds-ink)}
.clds-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.clds-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:62px;padding:0 16px;background:var(--cl-ds-ust);color:var(--cl-ds-ust-ink);border-bottom:1px solid var(--cl-ds-ust-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clds-ust b{display:block;font-size:19px;line-height:1.15;font-weight:800}
.clds-ust small{display:block;margin-top:2px;font-size:11px;color:var(--cl-ds-sub)}
.clds-geri{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cl-ds-geri);color:var(--cl-ds-ust-ink);text-decoration:none}
.clds-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:219px;padding:26px 20px 22px;overflow:hidden;background:radial-gradient(90% 90% at 88% 8%,rgba(40,203,182,.28),rgba(0,0,0,0) 60%),linear-gradient(135deg,#0b2a33,#0a1620 70%);color:#fff}
.clds-hero-gorsel::before{content:"";position:absolute;inset:0;background:var(--clds-kapak) center/cover no-repeat}
.clds-hero-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,18,.78) 0%,rgba(3,12,18,.4) 70%,rgba(3,12,18,.18) 100%),linear-gradient(180deg,rgba(3,12,18,.1) 0%,rgba(3,12,18,.55) 100%)}
.clds-hero>*{position:relative;z-index:1}
.clds-hero h1{max-width:12em;margin:0 0 8px;font-size:30px;line-height:1.06;font-weight:800;letter-spacing:-.5px;color:#fff}
.clds-hero p{max-width:30em;margin:0;font-size:14px;line-height:1.45;color:rgba(235,242,244,.88)}
.clds-baslik{padding:22px 18px 10px;font-size:13px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:var(--cl-ds-etiket)}
.clds-secenekler{padding:0 16px 14px}
.clds-secenek{display:flex;align-items:center;gap:14px;padding:9px 2px;border-bottom:1px solid var(--cl-ds-kart-cizgi);color:var(--cl-ds-ink);text-decoration:none}
.clds-secenek>span:nth-child(2){flex:1;min-width:0}
.clds-secenek b{display:block;font-size:15px;line-height:1.25;font-weight:700}
.clds-secenek small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--cl-ds-sub);overflow-wrap:anywhere}
.clds-secenek>svg{flex:none;color:var(--cl-ds-sub)}
.clds-ic{flex:none;display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:var(--cl-ds-ic);color:var(--cl-ds-ink)}
.clds-sosyal{display:flex;flex-wrap:wrap;gap:10px;padding:4px 16px 8px}
.clds-sosyal a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cl-ds-ic);color:var(--cl-ds-ink)}
.clds-form{padding:12px 16px 30px}
.clds-form h2{margin:8px 0 14px;font-size:19px;font-weight:800;color:var(--cl-ds-ink)}
.clds-alan{display:block;width:100%;margin:0 0 10px;padding:14px;border:1px solid var(--cl-ds-alan-cizgi);border-radius:14px;background:var(--cl-ds-alan);color:var(--cl-ds-ink);font:inherit;font-size:16px;line-height:1.45}
textarea.clds-alan{resize:vertical;min-height:110px}
.clds-alan::placeholder{color:var(--cl-ds-sub);opacity:.85}
.clds-alan:focus{outline:2px solid var(--cl-ds-vurgu);outline-offset:1px}
.clds-alan.hata{border-color:var(--cl-ds-hata)}
.clds-hata{margin:-4px 0 10px;font-size:12.5px;font-weight:700;color:var(--cl-ds-hata)}
.clds-gonder{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border:0;border-radius:14px;background:var(--cl-ds-dugme);color:var(--cl-ds-dugme-ink);font:inherit;font-size:16px;font-weight:900;cursor:pointer}
.clds-gonder-renk{background:linear-gradient(100deg,#0e7f7a,#c42a3e);color:#fff}
.clds-giris{padding:25px 20px 20px;background:radial-gradient(circle at 90% 0,rgba(21,195,180,.13),rgba(0,0,0,0) 38%)}
.clds-giris h1{margin:0 0 8px;font-size:28px;line-height:1.08;font-weight:800;letter-spacing:-.7px}
.clds-giris p{margin:0;font-size:14px;line-height:1.55;color:var(--cl-ds-sub)}
.clds-sss{padding:6px 14px}
.clds-sss details{margin:9px 0;border:1px solid var(--cl-ds-sss-cizgi);border-radius:18px;background:linear-gradient(145deg,var(--cl-ds-kart),var(--cl-ds-kart2))}
.clds-sss summary{display:flex;align-items:center;gap:11px;padding:12px 15px;font-size:15px;line-height:1.35;font-weight:800;list-style:none;cursor:pointer}
.clds-sss summary::-webkit-details-marker{display:none}
.clds-sss summary span{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(25,199,177,.1);color:var(--cl-ds-vurgu);font-size:11.5px;font-weight:900}
.clds-sss summary::after{content:"+";margin-left:auto;padding-left:8px;font-size:22px;line-height:1;font-weight:800;color:var(--cl-ds-sub)}
.clds-sss details[open] summary::after{content:"−";color:#e0374f}
.clds-sss details p{margin:0;padding:0 16px 17px 58px;font-size:14px;line-height:1.65;color:var(--cl-ds-sub)}
.clds-bos{margin:10px 0;padding:18px;border:1px dashed var(--cl-ds-kart-cizgi);border-radius:14px;text-align:center;font-size:13.5px;color:var(--cl-ds-sub)}
.clds-daha{margin:7px 14px 0;padding:18px;border:1px solid rgba(239,68,88,.18);border-radius:20px;background:linear-gradient(135deg,rgba(13,102,102,.16),rgba(155,25,44,.12))}
.clds-daha b{display:block;font-size:16px;font-weight:800}
.clds-daha p{margin:5px 0 14px;font-size:13px;line-height:1.5;color:var(--cl-ds-sub)}
.clds-dugme{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:14px;background:linear-gradient(100deg,#0e7f7a,#c42a3e);color:#fff;font-size:15px;font-weight:900;text-decoration:none}
.clds-dugme.ikincil{background:var(--cl-ds-ic);color:var(--cl-ds-ink)}
.clds-sb-hero{display:flex;align-items:center;gap:14px;padding:22px 18px;background:radial-gradient(circle at 90% 0,rgba(239,60,82,.14),rgba(0,0,0,0) 38%)}
.clds-sb-ic{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,rgba(20,147,143,.22),rgba(217,40,61,.22));color:var(--cl-ds-ink)}
.clds-sb-hero h1{margin:0 0 6px;font-size:26px;line-height:1.08;font-weight:800}
.clds-sb-hero p{margin:0;font-size:13px;line-height:1.5;color:var(--cl-ds-sub)}
.clds-uyari{display:flex;align-items:center;gap:9px;margin:12px 14px 0;padding:12px 14px;border:1px solid var(--cl-ds-hata);border-radius:14px;color:var(--cl-ds-hata);font-size:13.5px;font-weight:700}
.clds-blok{min-width:0;margin:12px 14px 0;padding:15px;border:1px solid var(--cl-ds-kart-cizgi);border-radius:18px;background:linear-gradient(145deg,var(--cl-ds-kart),var(--cl-ds-kart2))}
fieldset.clds-blok{border-style:solid}
.clds-etiket{display:block;margin:0 0 10px;padding:0;font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:var(--cl-ds-etiket)}
.clds-blok .clds-alan{margin-bottom:0}
.clds-turler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.clds-tur{position:relative;display:block;padding:12px;border:1px solid var(--cl-ds-kart-cizgi);border-radius:16px;background:var(--cl-ds-alan);cursor:pointer}
.clds-tur input{position:absolute;opacity:0;pointer-events:none}
.clds-tur-ic{display:block;margin-bottom:7px;color:var(--cl-ds-ink)}
.clds-tur b{display:block;font-size:13.5px;font-weight:800;color:var(--cl-ds-ink)}
.clds-tur small{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:var(--cl-ds-sub)}
.clds-tur:has(input:checked){border-color:var(--cl-ds-tur-on-cizgi);background:linear-gradient(145deg,var(--cl-ds-tur-on),var(--cl-ds-alan))}
.clds-tur:has(input:focus-visible){outline:2px solid var(--cl-ds-vurgu);outline-offset:2px}
.clds-sayac{margin-top:6px;text-align:right;font-size:11px;color:var(--cl-ds-sub)}
.clds-ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 14px 0}
.clds-ikili .clds-blok{margin:0}
.clds-kanit{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.clds-kanit>div:first-child{flex:1;min-width:170px}
.clds-kanit b{display:block;font-size:14.5px;font-weight:800}
.clds-kanit small{display:block;margin-top:3px;font-size:11.5px;line-height:1.4;color:var(--cl-ds-sub)}
.clds-dosya{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;background:var(--cl-ds-ic);color:var(--cl-ds-vurgu);font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}
.clds-dosya input{position:absolute;inset:0;opacity:0;cursor:pointer}
.clds-dosyalar{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.clds-dosyalar:empty{display:none}
.clds-dosyalar span{max-width:100%;padding:5px 9px;border-radius:9px;background:var(--cl-ds-ic);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clds-dosyalar .fazla{background:none;color:var(--cl-ds-hata);font-weight:700}
.clds-kanit .clds-hata{width:100%;margin:0}
.clds-bilgi{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;color:var(--cl-ds-sub)}
.clds-bilgi b{color:var(--cl-ds-ink);font-weight:800;overflow-wrap:anywhere;text-align:right}
.clds-blok .clds-etiket+.clds-alan+.clds-bilgi,.clds-blok .clds-hata+.clds-bilgi{margin-top:10px}
.clds-onay{display:flex;align-items:flex-start;gap:9px;margin-top:10px;font-size:12.5px;line-height:1.45;font-weight:600;color:var(--cl-ds-sub);cursor:pointer}
.clds-onay input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#c42a3e}
.clds-sb .clds-gonder{width:calc(100% - 28px);margin:14px 14px 0;min-height:52px;border-radius:16px}
.clds-not{margin:9px 18px 0;text-align:center;font-size:11px;line-height:1.4;color:var(--cl-ds-sub)}
.clds-tamam{margin:26px 14px 0;padding:26px 18px;border:1px solid var(--cl-ds-sss-cizgi);border-radius:20px;background:linear-gradient(145deg,var(--cl-ds-kart),var(--cl-ds-kart2));text-align:center}
.clds-tamam-ic{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,rgba(20,147,143,.25),rgba(20,147,143,.1));color:var(--cl-ds-vurgu)}
.clds-tamam h1{margin:14px 0 6px;font-size:22px;font-weight:800}
.clds-tamam p{margin:0 0 6px;font-size:13.5px;line-height:1.5;color:var(--cl-ds-sub)}
.clds-tamam .clds-no{font-size:15px;font-weight:900;color:var(--cl-ds-ink)}
.clds-tamam-dugmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
@media (max-width:359px){.clds-turler,.clds-ikili{grid-template-columns:1fr}}

/* ═══ DUYURULAR — /duyurular, /duyuru/{id} (cide_775 cl428Announcements, cl433 liste, cl429 detay; 2026-09-28).
   Koyu tema taslağın ölçülen yeşil tonlu paleti; açık tema kendi token'larımız. Taslağın 7–10 px yazıları 11–12 px;
   soluk sekme rengi 4.5:1 için hafif açıldı. Tür renkleri (.clan-r-*) görselsiz kartın ikon kutusunda ve etiketlerde. ═══ */
body.cl-an{background:var(--cl-an-bg)}
body.cl-an .app{background:var(--cl-an-bg);color:var(--cl-an-ink)}
.clan{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-an-bg);color:var(--cl-an-ink)}
.clan-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;min-height:66px;padding:0 14px;background:var(--cl-an-ust);color:var(--cl-an-ust-ink);border-bottom:1px solid var(--cl-an-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clan-ust b{text-align:center;font-size:17px;font-weight:800}
.clan-geri,.clan-zil{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--cl-an-ust-ink);text-decoration:none}
.clan-zil-say{position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e8252d;color:#fff;font-size:10px;font-weight:900;line-height:17px;text-align:center}
.clan-zil-say[hidden]{display:none}
.clan-sekmeler{display:flex;gap:6px;padding:13px 14px;overflow-x:auto;scrollbar-width:none}
.clan-sekmeler::-webkit-scrollbar{display:none}
.clan-sekmeler a{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:11px;color:var(--cl-an-sekme-ink);font-size:12.5px;font-weight:900;text-decoration:none;white-space:nowrap}
.clan-sekmeler a em{margin-left:6px;font-style:normal}
.clan-sekmeler a em:empty{display:none}
.clan-sekmeler a.on{background:var(--cl-an-sekme-on);color:var(--cl-an-sekme-on-ink)}
.clan-ara{position:relative;display:block;margin:0 14px}
.clan-ara svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--cl-an-sub);pointer-events:none}
.clan-ara input{display:block;width:100%;height:48px;padding:0 16px 0 42px;border:1px solid var(--cl-an-kart-cizgi);border-radius:14px;background:var(--cl-an-kart);color:var(--cl-an-ink);font:inherit;font-size:14px}
.clan-ara input::placeholder{color:var(--cl-an-sub)}
.clan-one{margin:16px 14px 0}
.clan-one-kart{position:relative;display:block;min-height:285px;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#12301f,#0b140e);color:#f6f8f6;text-decoration:none}
.clan-one-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clan-one-kart::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,5,0) 30%,rgba(4,8,5,.55) 58%,rgba(4,8,5,.92) 100%)}
.clan-one-yazi{position:absolute;left:17px;right:17px;bottom:17px;z-index:1}
.clan-one-etiket{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 9px;border-radius:8px;background:#72d39b;color:#07100a;font-size:11px;font-weight:900;letter-spacing:.3px}
.clan-one-etiket::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.clan-one-yazi b{display:block;font-size:20px;line-height:1.18;font-weight:900;letter-spacing:-.4px}
.clan-one-meta{display:block;margin-top:8px;font-size:11.5px;font-weight:700;color:#c3ccc6}
.clan-bolum{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:24px 16px 4px}
.clan-bolum b{font-size:15px;font-weight:800}
.clan-bolum span{font-size:11.5px;font-weight:800;color:var(--cl-an-sub)}
.clan-liste{padding:0 14px}
.clan-liste .ad-slot{margin:10px 0}
.clan-kart{padding:15px 0;border-bottom:1px solid var(--cl-an-cizgi)}
.clan-kart:last-child{border-bottom:0}
.clan-kart-link{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;color:var(--cl-an-ink);text-decoration:none}
.clan-kart-gorsel{position:relative;display:grid;place-items:center;width:118px;height:118px;overflow:hidden;border-radius:16px;background:var(--cl-an-kart);color:#fff}
.clan-kart-gorsel img{width:100%;height:100%;object-fit:cover}
.clan-yeni{position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:6px;background:#71d098;color:#07100a;font-size:10px;font-weight:900;letter-spacing:.3px}
.clan-kart-yazi{min-width:0}
.clan-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--cl-an-sub)}
.clan-meta strong{color:var(--cl-an-vurgu);font-weight:900;letter-spacing:.35px}
.clan-meta i,.clan-yayin i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.clan-kart-baslik{display:block;margin-top:7px;font-size:15px;line-height:1.28;font-weight:900;letter-spacing:-.2px}
.clan-kart-ozet{display:-webkit-box;margin-top:5px;overflow:hidden;font-size:12.5px;line-height:1.5;color:var(--cl-an-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical}
.clan-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 0 132px}
.clan-okundu{font-size:11px;font-weight:800;color:var(--cl-an-sub)}
.clan-oku{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--cl-an-kart-cizgi);border-radius:10px;background:var(--cl-an-kart);color:var(--cl-an-sub);cursor:pointer}
.clan-oku.on{border-color:transparent;color:var(--cl-an-vurgu)}
.clan-r-red{background:linear-gradient(145deg,#8f2130,#4a121a)}
.clan-r-teal{background:linear-gradient(145deg,#136a64,#0a3633)}
.clan-r-green{background:linear-gradient(145deg,#1d7446,#0e3a23)}
.clan-r-purple{background:linear-gradient(145deg,#5a3291,#2d1a4a)}
.clan-r-blue{background:linear-gradient(145deg,#1f5a93,#10304f)}
.clan-daha{padding:14px}
.clan-daha-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;border:1px solid var(--cl-an-kart-cizgi);border-radius:14px;background:var(--cl-an-kart);color:var(--cl-an-ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.clan-daha.yukleniyor .clan-daha-btn{opacity:.55;pointer-events:none}
.clan-bos{margin:16px 14px;padding:22px 16px;border:1px dashed var(--cl-an-kart-cizgi);border-radius:14px;text-align:center;font-size:13.5px;color:var(--cl-an-sub)}
.clan-d{background:radial-gradient(circle at 82% 6%,rgba(85,180,126,.08),rgba(0,0,0,0) 25%),var(--cl-an-bg)}
.clan-yazi{padding:0 17px}
.clan-baslik{margin:24px 0 0;font-size:31px;line-height:1.09;font-weight:900;letter-spacing:-.85px;overflow-wrap:anywhere}
.clan-yayin{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 0;font-size:12px;font-weight:700;color:var(--cl-an-sub)}
.clan-tur{padding:3px 8px;border-radius:999px;color:#fff;font-weight:900}
.clan-yer{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 0;font-size:12.5px;color:var(--cl-an-sub)}
.clan-yer span{display:inline-flex;align-items:center;gap:5px}
.clan-kapak{height:200px;margin:24px 0 0;overflow:hidden;border-radius:24px;background:var(--cl-an-kart)}
.clan-kapak img{width:100%;height:100%;object-fit:cover}
.clan-ses{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0 0;padding:14px;border:1px solid var(--cl-an-kart-cizgi);border-radius:19px;background:var(--cl-an-ses);color:var(--cl-an-ink)}
.clan-ses .tts-play{display:grid;place-items:center;width:50px;height:50px;padding:0;border:0;border-radius:50%;background:var(--cl-an-oynat);color:var(--cl-an-oynat-ink);cursor:pointer}
.clan-ses .tts-play svg,.clan-ses .ttsp-play svg{color:var(--cl-an-oynat-ink);fill:var(--cl-an-oynat-ink)}
.clan-ses .tts-label b{display:block;font-size:13.5px;font-weight:800}
.clan-ses .tts-label small{display:block;margin-top:3px;font-size:11.5px;color:var(--cl-an-sub)}
.clan-ses.loading{opacity:.7}
.clan-ses.ready{display:block}
.clan-ses .ttsp{display:flex;align-items:center;gap:10px}
.clan-ses .ttsp-play{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--cl-an-oynat);color:var(--cl-an-oynat-ink)}
.clan-ses .ttsp-play svg{width:18px;height:18px}
.clan-ses .ttsp-range{flex:1;min-width:0}
.clan-ses .ttsp-time,.clan-ses .ttsp-rate{font-size:11.5px;font-weight:800;color:var(--cl-an-sub)}
.clan-ses .ttsp-rate{padding:6px 8px;border:1px solid var(--cl-an-kart-cizgi);border-radius:9px;background:none}
.clan-araclar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:3px 0 0;padding:17px 0;border-bottom:1px solid var(--cl-an-cizgi)}
.clan-arac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:4px;border:1px solid var(--cl-an-kart-cizgi);border-radius:16px;background:var(--cl-an-kart);color:var(--cl-an-sub);font:inherit;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}
.clan-arac span{display:inline}
.clan-arac b{font-size:12px;font-weight:900}
.clan-arac b::before{content:"·";margin:0 4px}
.clan-arac.on{color:var(--cl-an-vurgu);border-color:var(--cl-an-vurgu)}
.clan-arac.on svg{fill:currentColor}
.clan-arac-paylas{border-color:transparent;background:var(--cl-an-sekme-on);color:var(--cl-an-sekme-on-ink)}
.clan-paylas{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0}
.clan-paylas[hidden]{display:none}
.clan-paylas a,.clan-paylas button{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--cl-an-kart-cizgi);border-radius:12px;background:var(--cl-an-kart);color:var(--cl-an-ink);font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.clan-metin{margin:29px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.92;color:var(--cl-an-metin);overflow-wrap:anywhere}
.clan-metin p{margin:0 0 24px}
.clan-metin>p:first-child::first-letter{float:left;margin:4px 8px 0 0;font-family:-apple-system,system-ui,sans-serif;font-size:54px;line-height:.8;font-weight:900;color:var(--cl-an-vurgu)}
.clan-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:38px 0 0;padding:18px 0 0;border-top:1px solid var(--cl-an-cizgi);font-size:12px;font-weight:800;color:var(--cl-an-sub)}
.clan-alt button{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 15px;border:1px solid var(--cl-an-kart-cizgi);border-radius:13px;background:var(--cl-an-kart);color:var(--cl-an-ink);font:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
.clan-yorumlar{margin:26px 17px 0;padding:22px 0 0;border-top:1px solid var(--cl-an-cizgi)}
.clan-yorumlar h2{margin:0 0 14px;font-size:18px;font-weight:800}
.clan-yorum-form{display:flex;gap:8px;margin:0 0 16px}
.clan-yorum-form input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--cl-an-kart-cizgi);border-radius:12px;background:var(--cl-an-kart);color:var(--cl-an-ink);font:inherit;font-size:14px}
.clan-yorum-form input::placeholder{color:var(--cl-an-sub)}
.clan-yorum-form button{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:var(--cl-an-etiket);color:var(--cl-an-etiket-ink);cursor:pointer}
.clan-giris{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:0 0 16px;border:1px dashed var(--cl-an-kart-cizgi);border-radius:12px;color:var(--cl-an-vurgu);font-size:13px;font-weight:800;text-decoration:none}
.clan-yorum{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--cl-an-cizgi)}
.clan-yorum:first-of-type{border-top:0}
.clan-yorum-av{flex:none;display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--cl-an-kart);color:var(--cl-an-vurgu);font-size:14px;font-weight:800}
.clan-yorum-av img{width:100%;height:100%;object-fit:cover}
.clan-yorum-b{flex:1;min-width:0;font-size:13.5px;line-height:1.55;color:var(--cl-an-sub);overflow-wrap:anywhere}
.clan-yorum-b b{color:var(--cl-an-ink)}
.clan-yorum-alt{display:flex;align-items:center;gap:10px;margin-top:3px;font-size:11.5px;color:var(--cl-an-sub)}
.clan-yorum-alt button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.clan-yorum-yok{padding:6px 0 0;font-size:13px;color:var(--cl-an-sub)}
.clan-d .ad-slot{margin:16px 0}

/* ═══ ANKETLER — /anketler (cide_775 cl476Polls, 2026-09-28). Koyu tema taslağın ölçülen değerleri, açık tema
   kendi token'larımız. Kahraman taslağın SVG çizimi (iki temada da koyu medya yüzeyi, üstünde beyaz yazı).
   Oy kancaları app.js pollPaint'in sözleşmesi: [data-poll-id] > form[data-pollvote] > [data-opt] .fill/.pct. ═══ */
body.cl-ap{background:var(--cl-ap-bg)}
body.cl-ap .app{background:var(--cl-ap-bg);color:var(--cl-ap-ink)}
.clap{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-ap-bg);color:var(--cl-ap-ink)}
.clap-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 14px;background:var(--cl-ap-ust);color:var(--cl-ap-ust-ink);border-bottom:1px solid var(--cl-ap-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clap-ust b{display:block;font-size:19px;line-height:1.15;font-weight:900;letter-spacing:-.35px}
.clap-ust small{display:block;margin-top:2px;font-size:11px;color:var(--cl-ap-sub)}
.clap-geri{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cl-ap-ic);color:var(--cl-ap-ust-ink);text-decoration:none}
.clap-hero{position:relative;height:210px;overflow:hidden;background:#07101a;color:#fff}
.clap-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.clap-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,16,.94) 0%,rgba(4,10,16,.78) 36%,rgba(4,10,16,.25) 68%,rgba(4,10,16,.08) 100%)}
.clap-hero-yazi{position:absolute;left:18px;bottom:26px;z-index:1;max-width:250px}
.clap-hero h1{margin:0 0 7px;font-size:29px;line-height:1.02;font-weight:900;letter-spacing:-.8px;color:#fff}
.clap-hero p{margin:0;font-size:13px;line-height:1.45;font-weight:700;color:#e2edf0}
.clap-sekmeler{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cl-ap-cizgi);background:var(--cl-ap-bg)}
.clap-sekmeler a{position:relative;display:grid;place-items:center;min-height:54px;color:var(--cl-ap-sekme);font-size:13.5px;font-weight:900;text-decoration:none}
.clap-sekmeler a.on{color:var(--cl-ap-ink);background:rgba(127,127,127,.04)}
.clap-sekmeler a.on::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#19d5af}
.clap-bolum{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:20px 16px 12px}
.clap-bolum h2{margin:0;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.3px}
.clap-bolum span{font-size:11.5px;font-weight:700;color:var(--cl-ap-sub)}
.clap-bos{margin:6px 14px 18px;padding:22px 16px;border:1px dashed var(--cl-ap-secenek-cizgi);border-radius:14px;text-align:center;font-size:13.5px;color:var(--cl-ap-sub)}
.clap-anket{padding:18px 16px 20px;border-top:1px solid var(--cl-ap-cizgi);background:linear-gradient(180deg,var(--cl-ap-kart),rgba(0,0,0,0))}
.clap-anket:target{outline:2px solid var(--cl-ap-vurgu);outline-offset:-2px}
.clap-bas{display:flex;gap:12px;margin-bottom:14px}
.clap-ic{flex:none;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(76,224,205,.16);border-radius:13px;background:var(--cl-ap-ic);color:var(--cl-ap-vurgu)}
.clap-ana{min-width:0}
.clap-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--cl-ap-sub)}
.clap-durum{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;background:var(--cl-ap-canli-bg);color:var(--cl-ap-canli)}
.clap-durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.clap-durum.bitti{background:var(--cl-ap-secenek);color:var(--cl-ap-sub)}
.clap-ana h3{margin:7px 0 0;font-size:15.5px;line-height:1.36;font-weight:800;letter-spacing:-.22px;overflow-wrap:anywhere}
.clap-secenekler form{margin:0}
.clap-secenek{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:50px;margin:0 0 -1px;padding:0 16px;overflow:hidden;border:1px solid var(--cl-ap-secenek-cizgi);background:var(--cl-ap-secenek);color:var(--cl-ap-ink);font:inherit;text-align:left;cursor:pointer}
.clap-secenekler>:first-child .clap-secenek,.clap-secenekler>.clap-secenek:first-child{border-radius:12px 12px 0 0}
.clap-secenekler>:last-child .clap-secenek,.clap-secenekler>.clap-secenek:last-child{border-radius:0 0 12px 12px;margin-bottom:0}
.clap-secenek .fill{position:absolute;left:1px;top:1px;bottom:1px;border-radius:999px;background:var(--cl-ap-dolgu);transition:width .5s ease}
.clap-etiket{position:relative;flex:1;min-width:0;font-size:13.5px;font-weight:800;overflow-wrap:anywhere}
.clap-secenek .pct{position:relative;flex:none;font-size:12.5px;font-weight:900;color:var(--cl-ap-sub)}
.clap-secenek.mine .clap-etiket::after{content:" ✓";color:var(--cl-ap-vurgu)}
.clap-secenek.mine{border-color:var(--cl-ap-vurgu)}
button.clap-secenek:hover{background:var(--cl-ap-ic)}
.clap-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:11.5px;color:var(--cl-ap-sub)}
.clap-alt button{padding:4px 0;border:0;background:none;color:var(--cl-ap-vurgu);font:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
@media (prefers-reduced-motion:reduce){.clap-secenek .fill{transition:none}}

/* =====================================================================
   TALEP MERKEZİ — /talepler ve /talep/{id} (cide_775 cl416Demand, d416FormSheet, d416Detail; kullanıcı 2026-09-28).
   Ölçüler taslaktan (390 px): üst çubuk 62 (geri 42/r14, başlık 19), kahraman 250 (h1 29/950/-.8), dört sayı
   ayraçlı, eylemler 1.25fr/1fr 54 r14, çipler r999, kartsız liste (çizgili), durum hapı r10; detay: bilet h1 24,
   süreç yüzde rozeti 64×40 r13, 10 px çizgi, adım düğümü 46 r15, tepki ızgarası 3 sütun, alt eylem 58 r17.
   Açık temada kahraman kart gibi (yuvarlak köşe, kenar boşluğu); koyu temada taslaktaki gibi tam genişlik.
   Eski .tm-/.td- kuralları app.css'te (kilitli) duruyor; bu sayfalar yalnız .cltl-* kullanır.
   ===================================================================== */
body.cl-tl{background:var(--cl-tl-bg)}
body.cl-tl .app{background:var(--cl-tl-bg);color:var(--cl-tl-ink)}
html.cltl-kilit{overflow:hidden}
.cltl{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-tl-bg);color:var(--cl-tl-ink)}
.cltl-d{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));background:var(--cl-tl-bg2)}
.cltl-f{display:contents}
.cltl-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:62px;padding:0 14px;background:var(--cl-tl-ust);color:var(--cl-tl-ust-ink);border-bottom:1px solid var(--cl-tl-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.cltl-ust b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:800;letter-spacing:-.2px}
.cltl-geri{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--cl-tl-geri);color:var(--cl-tl-ust-ink);text-decoration:none}

.cltl-hero{position:relative;height:236px;margin:14px 14px 0;border-radius:22px;overflow:hidden;background:var(--cl-tl-hero-golge)}
.cltl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cltl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,15,.05) 8%,rgba(5,10,15,.22) 46%,var(--cl-tl-hero-golge) 100%)}
.cltl-hero-yazi{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 16px 18px;color:var(--cl-tl-hero-ink)}
.cltl-hero h1{margin:0 0 8px;font-size:29px;line-height:1.05;font-weight:950;letter-spacing:-.8px;color:var(--cl-tl-hero-ink)}
.cltl-hero p{margin:0;font-size:12px;line-height:1.42;font-weight:650;color:rgba(255,255,255,.9)}
:root[data-theme="dark"] .cltl-hero{height:250px;margin:0;border-radius:0}

.cltl-sayilar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 14px;border-bottom:1px solid var(--cl-tl-cizgi)}
.cltl-sayi{position:relative;padding:15px 6px;text-align:center}
.cltl-sayi:not(:last-child)::after{content:"";position:absolute;right:0;top:13px;bottom:13px;width:1px;background:var(--cl-tl-cizgi)}
.cltl-sayi b{display:block;font-size:19px;font-weight:950;color:var(--cl-tl-ink);font-variant-numeric:tabular-nums}
.cltl-sayi span{display:block;margin-top:3px;font-size:9px;font-weight:650;color:var(--cl-tl-sub)}

.cltl-eylemler{display:grid;grid-template-columns:1.25fr 1fr;gap:9px;padding:15px 14px;border-bottom:1px solid var(--cl-tl-cizgi)}
.cltl-yeni,.cltl-benim{display:flex;align-items:center;justify-content:center;gap:6px;min-height:54px;border-radius:14px;border:1px solid transparent;font-size:14px;font-weight:900;letter-spacing:-.15px;text-decoration:none}
.cltl-yeni{background:var(--cl-tl-birincil);color:var(--cl-tl-birincil-ink)}
.cltl-benim{background:var(--cl-tl-ikincil);color:var(--cl-tl-ikincil-ink);border-color:var(--cl-tl-cizgi)}
.cltl-benim.on{background:var(--cl-tl-cip-on);color:var(--cl-tl-cip-on-ink);border-color:var(--cl-tl-cip-on)}

.cltl-suzgec{display:flex;gap:7px;overflow-x:auto;padding:14px 14px 12px;border-bottom:1px solid var(--cl-tl-cizgi);scrollbar-width:none}
.cltl-suzgec::-webkit-scrollbar{display:none}
.cltl-suzgec a{flex:none;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--cl-tl-cizgi);background:var(--cl-tl-cip);color:var(--cl-tl-cip-ink);font-size:11.5px;font-weight:800;white-space:nowrap;text-decoration:none}
.cltl-suzgec a.on{background:var(--cl-tl-cip-on);border-color:var(--cl-tl-cip-on);color:var(--cl-tl-cip-on-ink);font-weight:900}

.cltl-bolum{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 10px}
.cltl-bolum h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--cl-tl-ink)}
.cltl-bolum span{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.3px;color:var(--cl-tl-soluk)}

.cltl-liste{padding:0 16px 8px}
.cltl-kart{position:relative;padding:17px 0;border-bottom:1px solid var(--cl-tl-cizgi);scroll-margin-top:72px}
.cltl-kart:last-child{border-bottom:0}
.cltl-kart-bas{display:flex;align-items:center;gap:8px}
.cltl-kat{margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.2px;color:var(--cl-tl-yesil)}
.cltl-durum{flex:none;display:inline-flex;align-items:center;padding:6px 9px;border-radius:10px;background:var(--cl-tl-d-mavi-bg);color:var(--cl-tl-d-mavi);font-size:9.5px;font-weight:900;letter-spacing:.05px}
.cltl-durum.d-mor{background:var(--cl-tl-d-mor-bg);color:var(--cl-tl-d-mor)}
.cltl-durum.d-sari{background:var(--cl-tl-d-sari-bg);color:var(--cl-tl-d-sari)}
.cltl-durum.d-turuncu{background:var(--cl-tl-d-turuncu-bg);color:var(--cl-tl-d-turuncu)}
.cltl-durum.d-yesil{background:var(--cl-tl-d-yesil-bg);color:var(--cl-tl-d-yesil)}
.cltl-durum.d-gri{background:var(--cl-tl-d-gri-bg);color:var(--cl-tl-d-gri)}
.cltl-kart h3{margin:10px 0 7px;font-size:17px;line-height:1.3;font-weight:900;overflow-wrap:anywhere}
.cltl-kart h3 a{color:var(--cl-tl-ink);text-decoration:none}
.cltl-kart h3 a::before{content:"";position:absolute;inset:0}
.cltl-kart p{margin:0;font-size:12.5px;line-height:1.55;font-weight:500;color:var(--cl-tl-sub);overflow-wrap:anywhere}
.cltl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:13px;font-size:11px;font-weight:650;color:var(--cl-tl-soluk)}
.cltl-meta span{display:inline-flex;align-items:center;gap:4px}
.cltl-meta b{font-weight:800}
.cltl-kart-eylem{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.cltl-destek,.cltl-paylas-k{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--cl-tl-alan-cizgi);background:var(--cl-tl-kart);color:var(--cl-tl-ink);font:inherit;font-size:13px;font-weight:850;text-decoration:none;cursor:pointer}
.cltl-destek.on{border-color:var(--cl-tl-kalp);color:var(--cl-tl-kalp)}
.cltl-destek.on svg,.cltl-destek-buyuk.on svg,.cltl-tepki-btn.on svg{fill:currentColor}
.cltl-bos{margin:0;padding:28px 4px;text-align:center;font-size:13px;color:var(--cl-tl-sub)}
.cltl-daha{display:flex;align-items:center;justify-content:center;min-height:46px;margin:6px 16px 0;border-radius:14px;border:1px solid var(--cl-tl-alan-cizgi);background:var(--cl-tl-kart);color:var(--cl-tl-ink);font-size:13px;font-weight:800;text-decoration:none}

.cltl-pencere{position:fixed;top:0;bottom:0;left:0;right:0;z-index:120;display:none;width:100%;max-width:var(--app-w,100%);margin:0 auto;overflow-y:auto;overscroll-behavior:contain;background:var(--cl-tl-bg2);color:var(--cl-tl-ink)}
.cltl-pencere.on,.cltl-pencere:target{display:block}
.cltl-form{padding:18px 14px calc(40px + env(safe-area-inset-bottom,0px))}
.cltl-kutu{margin-bottom:12px;padding:16px;border:1px solid var(--cl-tl-cizgi);border-radius:20px;background:var(--cl-tl-kart)}
.cltl-kutu h2{margin:0 0 5px;font-size:17px;font-weight:800}
.cltl-kutu>p{margin:0 0 14px;font-size:11px;color:var(--cl-tl-soluk)}
.cltl-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.cltl-alan{min-width:0;margin-bottom:12px}
.cltl-alan label{display:block;margin-bottom:6px;font-size:10.5px;font-weight:850;color:var(--cl-tl-sub)}
.cltl-alan input,.cltl-alan select,.cltl-alan textarea{box-sizing:border-box;display:block;width:100%;min-height:45px;padding:12px 13px;border:1px solid var(--cl-tl-alan-cizgi);border-radius:13px;background:var(--cl-tl-alan);color:var(--cl-tl-ink);font:inherit;font-size:15px;outline:none}
.cltl-alan textarea{min-height:115px;resize:vertical;line-height:1.5}
.cltl-alan input::placeholder,.cltl-alan textarea::placeholder{color:var(--cl-tl-soluk);opacity:.9}
.cltl-alan input:focus,.cltl-alan select:focus,.cltl-alan textarea:focus{border-color:var(--cl-tl-yesil);box-shadow:0 0 0 3px color-mix(in srgb,var(--cl-tl-yesil) 22%,transparent)}
.cltl-alan.hatali input,.cltl-alan.hatali textarea{border-color:var(--cl-tl-kalp)}
.cltl-hata{display:block;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--cl-tl-kalp)}
:root[data-theme="dark"] .cltl-alan select{color-scheme:dark}
.cltl-foto{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 13px;border:1px dashed var(--cl-tl-alan-cizgi);border-radius:14px;color:var(--cl-tl-soluk);font-size:11.5px;cursor:pointer}
.cltl-foto strong{flex:none;display:grid;place-items:center;color:var(--cl-tl-yesil)}
.cltl-foto span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cltl-foto img{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover}
.cltl-foto.secili{border-style:solid;border-color:var(--cl-tl-yesil);color:var(--cl-tl-ink)}
.cltl-foto.secili strong{display:none}
.cltl-gonder{width:100%;min-height:52px;border:0;border-radius:15px;background:var(--cl-tl-birincil);color:var(--cl-tl-birincil-ink);font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.cltl-gonder:disabled{opacity:.72;cursor:default}

.cltl-gizli{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:11px 13px;border-radius:13px;background:var(--cl-tl-d-sari-bg);color:var(--cl-tl-d-sari);font-size:12.5px;font-weight:700}
.cltl-galeri{aspect-ratio:16/10;overflow:hidden;background:var(--cl-tl-alan)}
.cltl-galeri img{display:block;width:100%;height:100%;object-fit:cover}
.cltl-bilet{margin:0 16px 18px;padding:19px 0 18px;border-bottom:1px solid var(--cl-tl-cizgi)}
.cltl-bilet-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cltl-no{font-size:10.5px;font-weight:900;letter-spacing:.8px;color:var(--cl-tl-soluk)}
.cltl-bilet h1{margin:14px 0 9px;font-size:24px;line-height:1.16;font-weight:800;letter-spacing:-.45px;color:var(--cl-tl-ink);overflow-wrap:anywhere}
.cltl-govde p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--cl-tl-sub);overflow-wrap:anywhere}
.cltl-govde p:last-child{margin-bottom:0}
.cltl-bilet-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.cltl-bilet-meta span{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:11px;border:1px solid var(--cl-tl-cizgi);background:var(--cl-tl-alan);color:var(--cl-tl-soluk);font-size:11px;font-weight:700}
.cltl-bilet-meta b{font-weight:800}
.cltl-sahip{display:flex;align-items:center;gap:12px;margin:0 16px 18px;padding:0 0 18px;border-bottom:1px solid var(--cl-tl-cizgi)}
.cltl-sahip-av{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--cl-tl-yesil-bg);color:var(--cl-tl-yesil);font-size:15px;font-weight:950}
.cltl-sahip-av img{width:100%;height:100%;object-fit:cover}
.cltl-sahip-yazi{flex:1;min-width:0}
.cltl-sahip-yazi small{display:block;margin-bottom:3px;font-size:9.5px;font-weight:900;letter-spacing:.4px;color:var(--cl-tl-soluk)}
.cltl-sahip-yazi b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}
.cltl-sahip-yazi b a{color:var(--cl-tl-ink);text-decoration:none}
.cltl-sahip-yazi span{display:block;margin-top:3px;font-size:11px;color:var(--cl-tl-soluk)}
.cltl-bildir{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 13px;border-radius:12px;border:1px solid var(--cl-tl-alan-cizgi);background:transparent;color:var(--cl-tl-sub);font:inherit;font-size:12px;font-weight:800;cursor:pointer}

.cltl-surec{margin:0 16px 18px;padding:0 0 18px;border-bottom:1px solid var(--cl-tl-cizgi)}
.cltl-surec-bas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cltl-surec-bas small{display:block;margin-bottom:4px;font-size:10px;font-weight:900;letter-spacing:.7px;color:var(--cl-tl-soluk)}
.cltl-surec-bas h2{margin:0;font-size:20px;line-height:1.15;font-weight:800;color:var(--cl-tl-ink)}
.cltl-yuzde{flex:none;display:grid;place-items:center;min-width:64px;height:40px;padding:0 10px;border-radius:13px;background:var(--cl-tl-yesil-bg);color:var(--cl-tl-yesil);font-size:16px;font-weight:950}
.cltl-cizgi{height:10px;margin-top:19px;border-radius:999px;background:var(--cl-tl-cizgi);overflow:hidden}
.cltl-cizgi-dolu{height:100%;border-radius:999px;background:var(--cl-tl-ilerleme);box-shadow:0 0 16px rgba(90,194,137,.24)}
.cltl-cizgi-uc{display:flex;justify-content:space-between;margin:7px 0 18px;font-size:10px;color:var(--cl-tl-soluk)}
.cltl-simdi{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 14px;border-radius:16px;border:1px solid var(--cl-tl-cizgi);background:var(--cl-tl-kart)}
.cltl-simdi i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--cl-tl-yesil-bg);color:var(--cl-tl-yesil);font-style:normal}
.cltl-simdi b{display:block;margin-bottom:3px;font-size:14px;font-weight:800}
.cltl-simdi span{display:block;font-size:11.5px;line-height:1.35;color:var(--cl-tl-soluk)}
.cltl-adimlar{margin:2px 0 0;padding:0;list-style:none}
.cltl-adim{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;padding-bottom:18px}
.cltl-adim:last-child{padding-bottom:0}
.cltl-adim:not(:last-child)::before{content:"";position:absolute;left:22px;top:50px;bottom:4px;width:2px;border-radius:2px;background:var(--cl-tl-alan-cizgi)}
.cltl-adim.done:not(:last-child)::before{background:var(--cl-tl-yesil)}
.cltl-dugum{display:grid;place-items:center;width:46px;height:46px;box-sizing:border-box;border-radius:15px;border:2px solid var(--cl-tl-alan-cizgi);background:var(--cl-tl-kart);color:var(--cl-tl-soluk);font-size:13px;font-weight:950}
.cltl-adim.done .cltl-dugum,.cltl-adim.active .cltl-dugum{border-color:var(--cl-tl-yesil);background:var(--cl-tl-yesil-bg);color:var(--cl-tl-yesil)}
.cltl-adim.active .cltl-dugum{box-shadow:0 0 0 4px color-mix(in srgb,var(--cl-tl-yesil) 16%,transparent)}
.cltl-adim b{display:block;margin-top:3px;font-size:14px;line-height:1.2;font-weight:800;color:var(--cl-tl-ink)}
.cltl-adim p{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:var(--cl-tl-soluk)}
.cltl-adim:not(.done):not(.active) b{color:var(--cl-tl-sub)}
.cltl-zaman{align-self:start;margin-top:5px;padding:6px 8px;border-radius:9px;border:1px solid var(--cl-tl-cizgi);background:var(--cl-tl-alan);color:var(--cl-tl-soluk);font-size:10px;font-weight:700;white-space:nowrap}

.cltl-kurum{margin:0 16px 18px;padding:0 0 18px;border-bottom:1px solid var(--cl-tl-cizgi)}
.cltl-kurum h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:800;color:var(--cl-tl-ink)}
.cltl-kurum h2 svg{color:var(--cl-tl-yesil)}
.cltl-kurum-yanit{margin-bottom:10px;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--cl-tl-yesil) 35%,transparent);background:var(--cl-tl-kart)}
.cltl-kurum-yanit:last-child{margin-bottom:0}
.cltl-kurum-bas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.cltl-kurum-bas b{font-size:13.5px}
.cltl-resmi{padding:3px 8px;border-radius:8px;background:var(--cl-tl-yesil-bg);color:var(--cl-tl-yesil);font-size:10px;font-weight:900}
.cltl-kurum-bas time{margin-left:auto;font-size:11px;color:var(--cl-tl-soluk)}
.cltl-kurum-yanit p{margin:0;font-size:13.5px;line-height:1.55;color:var(--cl-tl-sub);overflow-wrap:anywhere}

.cltl-tepki{margin:0 16px 18px;padding:0 0 18px;border-bottom:1px solid var(--cl-tl-cizgi);scroll-margin-top:72px}
.cltl-tepki-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cltl-tepki-bas b{font-size:16px;font-weight:800}
.cltl-tepki-bas span{flex:none;font-size:11px;font-weight:700;color:var(--cl-tl-soluk)}
.cltl-tepki-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cltl-tepki-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:66px;padding:8px 6px;border-radius:14px;border:1px solid var(--cl-tl-alan-cizgi);background:var(--cl-tl-kart);color:var(--cl-tl-sub);font:inherit;font-size:12px;font-weight:850;text-align:center;text-decoration:none;cursor:pointer}
.cltl-tepki-btn strong{display:grid;place-items:center;color:inherit}
.cltl-tepki-btn b{font-weight:900;color:var(--cl-tl-ink)}
.cltl-tepki-btn.on{border-color:var(--cl-tl-yesil);background:var(--cl-tl-yesil-bg);color:var(--cl-tl-yesil)}
.cltl-tepki-btn.on[data-talep-destek]{border-color:var(--cl-tl-kalp);background:color-mix(in srgb,var(--cl-tl-kalp) 9%,var(--cl-tl-kart));color:var(--cl-tl-kalp)}
.cltl-tepki-btn.on b{color:inherit}
.cltl-tepki-btn.sabit{cursor:default}

.cltl-yorumlar{margin:0 16px;padding:0 0 18px;border-bottom:1px solid var(--cl-tl-cizgi);scroll-margin-top:72px}
.cltl-yorumlar h2{margin:0 0 4px;font-size:17px;font-weight:800}
.cltl-yorum{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--cl-tl-cizgi);scroll-margin-top:72px}
.cltl-yorum-av{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;overflow:hidden;background:var(--cl-tl-alan);color:var(--cl-tl-sub);font-size:11px;font-weight:900}
.cltl-yorum-av img{width:100%;height:100%;object-fit:cover}
.cltl-yorum-g b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:800}
.cltl-yorum-g b a{color:var(--cl-tl-ink);text-decoration:none}
.cltl-yorum-g time{font-size:10.5px;font-weight:700;color:var(--cl-tl-soluk)}
.cltl-yorum-g p{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--cl-tl-sub);overflow-wrap:anywhere}
.cltl-yorum-bildir{margin-top:6px;padding:2px 0;border:0;background:none;color:var(--cl-tl-soluk);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.cltl-yorum-yok{margin:0;padding:10px 0 4px;font-size:13px;color:var(--cl-tl-soluk)}
.cltl-yorum-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:15px}
.cltl-yorum-form input{min-width:0;min-height:46px;padding:0 13px;border:1px solid var(--cl-tl-alan-cizgi);border-radius:14px;background:var(--cl-tl-alan);color:var(--cl-tl-ink);font:inherit;font-size:15px}
.cltl-yorum-form input::placeholder{color:var(--cl-tl-soluk);opacity:.9}
.cltl-yorum-form button{min-height:46px;padding:0 18px;border:0;border-radius:14px;background:var(--cl-tl-birincil);color:var(--cl-tl-birincil-ink);font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.cltl-giris{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;margin-top:14px;border-radius:14px;border:1px solid var(--cl-tl-alan-cizgi);color:var(--cl-tl-ink);font-size:13px;font-weight:800;text-decoration:none}

.cltl-alt-eylem{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;margin:18px 16px 0;padding-bottom:8px}
.cltl-destek-buyuk,.cltl-paylas{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border-radius:17px;font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}
.cltl-destek-buyuk{width:100%;border:0;background:var(--cl-tl-birincil);color:var(--cl-tl-birincil-ink)}
.cltl-paylas{border:1px solid var(--cl-tl-alan-cizgi);background:var(--cl-tl-kart);color:var(--cl-tl-sub)}

@media (max-width:380px){
  .cltl-sayilar{grid-template-columns:1fr 1fr}
  .cltl-sayi:nth-child(2)::after{display:none}
  .cltl-sayi:nth-child(-n+2){border-bottom:1px solid var(--cl-tl-cizgi)}
  .cltl-izgara{grid-template-columns:1fr}
}

/* =====================================================================
   KÖŞE YAZILARI — /koseyazilari, /koseyazilari/{kategori}, /yazi/{slug}-{id} (cide_775 cl439Columns + cl439Article;
   kullanıcı 2026-09-28). Ölçüler taslaktan (390 px): üst çubuk 64 (başlık 18/700), kahraman 16:8.3 (kicker 9.5/950,
   h1 19/900), yazar kartı 210×108 (fotoğraf 86, köşeler 5/18), liste satırı 112 px küçük resim r9, başlık 15.5/700;
   detay: h1 30/700 (taslakta kenar boşluğu yoktu — 16 px eklendi), kapak tam genişlik, künye 44 px fotoğraf,
   araçlar 3 sütun 46 r13, gövde 17.5/1.72, yorum kutusu r22. app.css'teki .km-*/.article kurallarına dokunulmadı.
   ===================================================================== */
body.cl-ky{background:var(--cl-ky-bg)}
body.cl-ky .app{background:var(--cl-ky-bg);color:var(--cl-ky-ink)}
.clky{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-ky-bg);color:var(--cl-ky-ink)}
.clky-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:64px;padding:0 16px;background:var(--cl-ky-ust);color:var(--cl-ky-ust-ink);border-bottom:1px solid var(--cl-ky-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clky-ust b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;letter-spacing:-.3px}
.clky-geri{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cl-ky-geri);color:var(--cl-ky-ust-ink);text-decoration:none}

.clky-hero{position:relative;aspect-ratio:16/8.3;min-height:190px;overflow:hidden;background:var(--cl-ky-hero-bos)}
.clky-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clky-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,14,.08) 15%,rgba(5,10,14,.3) 48%,color-mix(in srgb,var(--cl-ky-hero-golge) 92%,transparent) 100%)}
.clky-hero.gorselsiz::after{background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--cl-ky-hero-golge) 70%,transparent) 100%)}
.clky-hero-yazi{position:absolute;left:16px;right:16px;bottom:18px;z-index:1;color:var(--cl-ky-hero-ink)}
.clky-hero-yazi span{display:block;margin-bottom:7px;font-size:9.5px;line-height:1;font-weight:950;letter-spacing:.8px;color:var(--cl-ky-hero-vurgu)}
.clky-hero-yazi h1{margin:0;font-size:19px;line-height:1.18;font-weight:900;letter-spacing:-.45px;color:var(--cl-ky-hero-ink);text-wrap:pretty}

.clky-yazarlar{display:flex;gap:11px;overflow-x:auto;padding:11px 16px 21px;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none}
.clky-yazarlar::-webkit-scrollbar{display:none}
.clky-yazarlar a{flex:none;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;width:210px;padding:10px;box-sizing:border-box;border:1px solid var(--cl-ky-kart-cizgi);border-radius:5px 18px;background:var(--cl-ky-kart);color:var(--cl-ky-ink);text-decoration:none;scroll-snap-align:start}
.clky-yazarlar a.on{border-color:var(--cl-ky-vurgu);box-shadow:0 0 0 1px var(--cl-ky-vurgu) inset}
.clky-yazar-foto{display:grid;place-items:center;width:86px;height:86px;border-radius:4px 15px;overflow:hidden;background:var(--cl-ky-kucuk);color:var(--cl-ky-vurgu);font-size:24px;font-weight:950}
.clky-yazar-foto img{width:100%;height:100%;object-fit:cover}
.clky-yazar-yazi{min-width:0}
.clky-yazar-yazi b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.2;font-weight:700;color:var(--cl-ky-ink)}
.clky-yazar-yazi span{display:block;margin-top:7px;font-size:10px;font-weight:800;letter-spacing:.15px;color:var(--cl-ky-vurgu)}

.clky-suzgec{display:flex;gap:7px;overflow-x:auto;padding:0 16px 14px;border-bottom:1px solid var(--cl-ky-cizgi);scrollbar-width:none}
.clky-suzgec::-webkit-scrollbar{display:none}
.clky-suzgec a{flex:none;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--cl-ky-kart-cizgi);background:var(--cl-ky-cip);color:var(--cl-ky-cip-ink);font-size:11.5px;font-weight:800;white-space:nowrap;text-decoration:none}
.clky-suzgec a.on{background:var(--cl-ky-cip-on);border-color:var(--cl-ky-cip-on);color:var(--cl-ky-cip-on-ink);font-weight:900}

.clky-bolum{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px 7px}
.clky-bolum h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;letter-spacing:-.2px;color:var(--cl-ky-ink)}
.clky-bolum span{flex:none;font-size:10px;font-weight:700;color:var(--cl-ky-soluk)}

.clky-liste{padding:0 16px}
.clky-kart{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid var(--cl-ky-cizgi);color:var(--cl-ky-ink);text-decoration:none}
.clky-kart:last-child{border-bottom:0}
.clky-kucuk{display:grid;place-items:center;width:112px;height:84px;border-radius:9px;overflow:hidden;background:var(--cl-ky-kucuk);color:var(--cl-ky-soluk)}
.clky-kucuk img{width:100%;height:100%;object-fit:cover}
.clky-kart-yazi{min-width:0;align-self:center}
.clky-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:5px;font-size:10.5px;font-weight:700;color:var(--cl-ky-soluk)}
.clky-meta i{width:3px;height:3px;border-radius:50%;background:var(--cl-ky-vurgu)}
.clky-blog{color:var(--cl-ky-vurgu)}
.clky-kart-yazi b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15.5px;line-height:1.25;font-weight:700;letter-spacing:-.45px;color:var(--cl-ky-ink)}
.clky-kart-yazi small{display:block;margin-top:8px;font-size:10.5px;color:var(--cl-ky-soluk)}
.clky-bos{margin:0;padding:28px 4px;text-align:center;font-size:13px;color:var(--cl-ky-sub)}
.clky-daha{display:flex;align-items:center;justify-content:center;min-height:46px;margin:10px 16px 0;border-radius:14px;border:1px solid var(--cl-ky-kart-cizgi);background:var(--cl-ky-kart);color:var(--cl-ky-ink);font-size:13px;font-weight:800;text-decoration:none}
.clky .ad-slot{margin:16px}

.clky-d{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.clky-yazi{padding:0 0 8px}
.clky-taslak{display:flex;align-items:center;gap:7px;margin:12px 16px 0;padding:10px 12px;border-radius:12px;background:var(--cl-ky-kucuk);color:var(--cl-ky-sub);font-size:12.5px;font-weight:700}
.clky-yazi h1{margin:14px 16px 16px;font-size:30px;line-height:1.08;font-weight:700;letter-spacing:-1px;color:var(--cl-ky-ink);overflow-wrap:anywhere}
.clky-kapak{aspect-ratio:16/8.4;overflow:hidden;background:var(--cl-ky-kucuk)}
.clky-kapak img{display:block;width:100%;height:100%;object-fit:cover}
.clky-kunye{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--cl-ky-cizgi)}
.clky-kunye-foto{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:3px 12px;overflow:hidden;background:var(--cl-ky-kucuk);color:var(--cl-ky-vurgu);font-size:14px;font-weight:950}
.clky-kunye-foto img{width:100%;height:100%;object-fit:cover}
.clky-kunye>div{min-width:0}
.clky-kunye b{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13.5px;font-weight:700;color:var(--cl-ky-ink)}
.clky-kunye small{display:block;margin-top:3px;font-size:11px;color:var(--cl-ky-soluk)}
.clky-kunye small a{color:var(--cl-ky-vurgu);font-weight:800;text-decoration:none}
.clky-araclar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px 16px 15px;border-bottom:1px solid var(--cl-ky-cizgi)}
.clky-araclar.uclu{grid-template-columns:repeat(3,minmax(0,1fr))}
.clky-araclar>button,.clky-ses .tts-play{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px;padding:0 5px;border:1px solid var(--cl-ky-kart-cizgi);border-radius:13px;background:transparent;color:var(--cl-ky-sub);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.clky-araclar>button.on{border-color:var(--cl-ky-vurgu);color:var(--cl-ky-vurgu)}
.clky-ses.tts-bar{position:relative;display:block;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none}
.clky-ses .tts-play{box-shadow:none;transform:none}
.clky-ses .tts-play svg{color:inherit;fill:none}
.clky-ses .tts-spin{display:none}
.clky-ses.loading .tts-play{opacity:.6}
.clky-ses.tts-bar.ready{grid-column:1/-1;padding:8px 11px;border:1px solid var(--cl-ky-kart-cizgi);border-radius:13px;background:var(--cl-ky-kart)}
.clky-metin{padding:24px 16px 0;font-size:17.5px;line-height:1.72;color:var(--cl-ky-metin);overflow-wrap:anywhere}
.clky-metin.buyuk{font-size:20px}
.clky-metin p{margin:0 0 20px}
.clky-metin h2,.clky-metin h3{margin:26px 0 12px;font-size:1.2em;line-height:1.25;font-weight:800;color:var(--cl-ky-ink)}
.clky-metin a{color:var(--cl-ky-vurgu);text-decoration:underline;text-underline-offset:2px}
.clky-metin img,.clky-metin video,.clky-metin iframe{display:block;max-width:100%;height:auto;margin:6px auto 20px;border-radius:12px}
.clky-metin blockquote{margin:0 0 20px;padding:4px 0 4px 16px;border-left:3px solid var(--cl-ky-vurgu);color:var(--cl-ky-ink);font-style:italic}
.clky-metin ul,.clky-metin ol{margin:0 0 20px;padding-left:22px}
.clky-metin figure{margin:0 0 20px}
.clky-metin figcaption{margin-top:6px;font-size:12.5px;color:var(--cl-ky-soluk);text-align:center}

.clky-tepki{margin:26px 16px 0;padding:20px 0 22px;border-top:1px solid var(--cl-ky-cizgi);border-bottom:1px solid var(--cl-ky-cizgi)}
.clky-tepki p{margin:0 0 11px;font-size:12.5px;font-weight:850;color:var(--cl-ky-sub)}
.clky-tepki-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.clky-tepki-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 6px;border:1px solid var(--cl-ky-kart-cizgi);border-radius:12px;background:var(--cl-ky-kart);color:var(--cl-ky-sub);font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.clky-tepki-btn b{font-weight:900;color:var(--cl-ky-ink)}
.clky-tepki-btn.on{border-color:var(--cl-ky-vurgu);color:var(--cl-ky-vurgu)}
.clky-tepki-btn.on b{color:inherit}
.clky-tepki-btn.on svg{fill:currentColor}

.clky-yorumlar{margin:0 16px;padding:20px 0 0;scroll-margin-top:72px}
.clky-yorum-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.clky-yorum-bas b{font-size:15px;font-weight:700}
.clky-yorum-bas span{font-size:11px;color:var(--cl-ky-soluk)}
.clky-yorum{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--cl-ky-cizgi);scroll-margin-top:72px}
.clky-yorum-av{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;overflow:hidden;background:var(--cl-ky-kucuk);color:var(--cl-ky-sub);font-size:11px;font-weight:900}
.clky-yorum-av img{width:100%;height:100%;object-fit:cover}
.clky-yorum-g b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--cl-ky-ink)}
.clky-yorum-g time{font-size:10.5px;font-weight:700;color:var(--cl-ky-soluk)}
.clky-yorum-g p{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:var(--cl-ky-metin);overflow-wrap:anywhere}
.clky-bildir{margin-top:6px;padding:2px 0;border:0;background:none;color:var(--cl-ky-soluk);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.clky-yorum-yok{margin:0;padding:7px 0 15px;font-size:12.5px;color:var(--cl-ky-soluk)}
.clky-yorum-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:15px}
.clky-yorum-form input{min-width:0;min-height:44px;padding:0 15px;border:1px solid var(--cl-ky-kart-cizgi);border-radius:22px;background:var(--cl-ky-kart);color:var(--cl-ky-ink);font:inherit;font-size:15px}
.clky-yorum-form input::placeholder{color:var(--cl-ky-soluk);opacity:.9}
.clky-yorum-form button{min-height:44px;padding:0 18px;border:0;border-radius:22px;background:var(--cl-ky-gonder);color:var(--cl-ky-gonder-ink);font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.clky-giris{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;margin-top:14px;border-radius:14px;border:1px solid var(--cl-ky-kart-cizgi);color:var(--cl-ky-ink);font-size:13px;font-weight:800;text-decoration:none}

/* =====================================================================
   FIRSATLAR — /firsatlar, /firsatlar/{id}, /firsat/{slug}-{id} (cide_775 cl494; kullanıcı 2026-09-28: fırsatlar
   işletme kuponlarıyla birleşik). Ölçüler taslaktan (390 px): üst çubuk 62 (geri 40/r12, marka 19/950 + 10 px alt
   yazı), kahraman 21/16 (üst yazı 10/950 turuncu, h1 26/700), sekme 50 (seçili: 3 px turuncu alt çizgi), kart 112 px
   görsel r16, işletme 10/900 + rozet r999, başlık 14/700, fiyat: eski 11 çizili, yeni 18/950 turuncu, kazanç 9/900
   yeşil; detay: kapak 4:3, üst yazı 9/900, başlık 23/700, büyük fiyat 29/950, işletme kutusu çizgili, değerlendirme
   kutusu r16. İşletmeler (.clis-*) ve Harman stillerine dokunulmadı.
   ===================================================================== */
body.cl-fr{background:var(--cl-fr-bg)}
body.cl-fr .app{background:var(--cl-fr-bg);color:var(--cl-fr-ink)}
.clfr{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-fr-bg);color:var(--cl-fr-ink)}
.clfr-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;min-height:62px;padding:0 14px;background:var(--cl-fr-ust);color:var(--cl-fr-ust-ink);border-bottom:1px solid var(--cl-fr-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clfr-ust>b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700}
.clfr-geri{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cl-fr-geri);color:var(--cl-fr-ust-ink);text-decoration:none}
.clfr-marka{flex:1;min-width:0}
.clfr-marka b{display:block;font-size:19px;line-height:1;font-weight:950;letter-spacing:-.45px}
.clfr-marka span{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--cl-fr-soluk)}
.clfr-ekle{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;border-radius:12px;background:var(--cl-fr-birincil);color:var(--cl-fr-birincil-ink);font-size:12px;font-weight:900;text-decoration:none}
.clfr-paylas-k{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--cl-fr-geri);color:var(--cl-fr-ust-ink);cursor:pointer}

.clfr-hero{padding:21px 16px 16px;background:var(--cl-fr-hero)}
.clfr-hero small{font-size:10px;font-weight:950;letter-spacing:.9px;color:var(--cl-fr-vurgu)}
.clfr-hero h1{margin:7px 0;font-size:26px;line-height:1.08;font-weight:700;letter-spacing:-.8px;color:var(--cl-fr-ink)}
.clfr-hero p{margin:0;font-size:12.5px;line-height:1.48;color:var(--cl-fr-sub)}

.clfr-sekmeler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,195px);border-bottom:1px solid var(--cl-fr-cizgi)}
.clfr-sekmeler a{position:relative;display:grid;place-items:center;min-height:50px;padding:0 10px;color:var(--cl-fr-sub);font-size:12.5px;font-weight:800;text-decoration:none}
.clfr-sekmeler a.on{color:var(--cl-fr-ink);font-weight:900}
.clfr-sekmeler a.on::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--cl-fr-sekme)}

.clfr-bolum{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 9px}
.clfr-bolum h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--cl-fr-ink)}
.clfr-bolum span{flex:none;font-size:10.5px;color:var(--cl-fr-soluk)}

.clfr-kart{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:14px 16px;background:var(--cl-fr-kart-bg);border-bottom:1px solid var(--cl-fr-cizgi)}
.clfr-kart.sonuk{opacity:.72}
.clfr-kart-gorsel{display:grid;place-items:center;width:112px;height:112px;border-radius:16px;overflow:hidden;background:var(--cl-fr-kart-2);color:var(--cl-fr-soluk)}
.clfr-kart-gorsel img{width:100%;height:100%;object-fit:cover}
.clfr-kart-bilgi{min-width:0}
.clfr-magaza{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px}
.clfr-magaza strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;color:var(--cl-fr-ink)}
.clfr-rozet{flex:none;padding:3px 7px;border-radius:999px;background:var(--cl-fr-rozet);color:var(--cl-fr-rozet-ink);font-size:10px;font-weight:850}
.clfr-etiket{flex:none;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;background:var(--cl-fr-kart-2);color:var(--cl-fr-sub);font-size:10px;font-weight:800}
.clfr-kart h3{margin:7px 0 5px;font-size:14.5px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
.clfr-kart h3 a{color:var(--cl-fr-ink);text-decoration:none}
.clfr-kart .clfr-aciklama{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:11.5px;line-height:1.42;color:var(--cl-fr-soluk)}
.clfr-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:9px}
.clfr-eski{font-size:11.5px;color:var(--cl-fr-soluk);text-decoration:line-through}
.clfr-yeni{font-size:18px;font-weight:950;color:var(--cl-fr-turuncu)}
.clfr-kazanc{font-size:10.5px;font-weight:900;color:var(--cl-fr-yesil)}
.clfr-meta{margin:7px 0 0;font-size:10.5px;color:var(--cl-fr-soluk)}
.clfr-durum-sat{margin:7px 0 0;font-size:11px;color:var(--cl-fr-soluk)}
.clfr-durum-rozet{display:inline-block;margin-right:6px;padding:3px 8px;border-radius:999px;background:var(--cl-fr-kart-2);color:var(--cl-fr-sub);font-size:10px;font-weight:900}
.clfr-durum-rozet.d-aktif{color:var(--cl-fr-yesil)}
.clfr-durum-rozet.d-tukendi{color:var(--cl-fr-turuncu)}
.clfr-eylem{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.clfr-eylem a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--cl-fr-cizgi);background:var(--cl-fr-ikincil);color:var(--cl-fr-ikincil-ink);font-size:11.5px;font-weight:900;text-decoration:none}
.clfr-eylem a.birincil{border-color:var(--cl-fr-birincil);background:var(--cl-fr-birincil);color:var(--cl-fr-birincil-ink)}
.clfr-bos{padding:30px 20px;text-align:center;font-size:13px;line-height:1.5;color:var(--cl-fr-sub)}
.clfr-bos b{display:block;margin-bottom:4px;font-size:15px;color:var(--cl-fr-ink)}
.clfr-bos-eylem{display:inline-flex;align-items:center;min-height:40px;margin-top:12px;padding:0 16px;border-radius:12px;background:var(--cl-fr-birincil);color:var(--cl-fr-birincil-ink);font-weight:900;text-decoration:none}
.clfr .ad-slot{margin:14px 16px}

.clfr-kapak{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--cl-fr-kart-2)}
.clfr-govde{padding:17px 16px 8px}
.clfr-ust-kicker{font-size:10px;font-weight:900;letter-spacing:.7px;color:var(--cl-fr-vurgu)}
.clfr-baslik{margin:6px 0 8px;font-size:23px;line-height:1.12;font-weight:700;letter-spacing:-.7px;color:var(--cl-fr-ink);overflow-wrap:anywhere}
.clfr-buyuk-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:12px 0}
.clfr-buyuk-fiyat .yeni{font-size:29px;font-weight:950;color:var(--cl-fr-turuncu)}
.clfr-buyuk-fiyat .eski{font-size:14px;color:var(--cl-fr-soluk);text-decoration:line-through}
.clfr-govde>.clfr-aciklama{margin:0;font-size:13.5px;line-height:1.55;color:var(--cl-fr-sub);overflow-wrap:anywhere}
.clfr-bilgi{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.clfr-bilgi span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:11px;border:1px solid var(--cl-fr-cizgi);background:var(--cl-fr-kart);color:var(--cl-fr-sub);font-size:11.5px;font-weight:700}
.clfr-kupon-alan{margin:16px 0 4px}
.clfr-kupon{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:15px;background:var(--cl-fr-birincil);color:var(--cl-fr-birincil-ink);font:inherit;font-size:14.5px;font-weight:900;text-decoration:none;cursor:pointer}
.clfr-kupon-var{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:13px 14px;border:1.5px dashed var(--cl-fr-yesil);border-radius:15px;background:var(--cl-fr-kart)}
.clfr-kupon-var span{grid-column:1;font-size:11.5px;font-weight:800;color:var(--cl-fr-sub)}
.clfr-kupon-var b{grid-column:1;font-size:20px;font-weight:950;letter-spacing:1px;color:var(--cl-fr-ink)}
.clfr-kupon-var a{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:11px;background:var(--cl-fr-ikincil);color:var(--cl-fr-ikincil-ink);font-size:12px;font-weight:900;text-decoration:none}
.clfr-not{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--cl-fr-soluk)}
.clfr-durum{margin:0;padding:12px 14px;border-radius:13px;background:var(--cl-fr-kart-2);color:var(--cl-fr-sub);font-size:13px;font-weight:800}
.clfr-yonet{display:inline-flex;align-items:center;min-height:42px;margin-top:10px;padding:0 15px;border-radius:12px;background:var(--cl-fr-ikincil);color:var(--cl-fr-ikincil-ink);border:1px solid var(--cl-fr-cizgi);font-size:13px;font-weight:900;text-decoration:none}
.clfr-isletme{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:15px 0;border-top:1px solid var(--cl-fr-cizgi);border-bottom:1px solid var(--cl-fr-cizgi)}
.clfr-isletme>div{min-width:0}
.clfr-isletme b{font-size:14.5px;font-weight:700;color:var(--cl-fr-ink)}
.clfr-isletme p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--cl-fr-soluk)}
.clfr-isletme a{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:10px;background:var(--cl-fr-ikincil);color:var(--cl-fr-ikincil-ink);border:1px solid var(--cl-fr-cizgi);font-size:12px;font-weight:900;text-decoration:none}

.clfr-degerlendir{margin:14px 16px 20px;padding:14px;border:1px solid color-mix(in srgb,var(--cl-fr-yesil) 28%,transparent);border-radius:16px;background:var(--cl-fr-kart)}
.clfr-degerlendir h3{margin:0;font-size:14px;font-weight:700;color:var(--cl-fr-ink)}
.clfr-degerlendir>p{margin:4px 0 10px;font-size:11.5px;line-height:1.45;color:var(--cl-fr-soluk)}
.clfr-yildizlar{display:flex;gap:4px;margin:0 0 10px;padding:0;border:0}
.clfr-yildizlar label{position:relative;display:grid;place-items:center;width:36px;height:34px;border-radius:10px;background:var(--cl-fr-kart-2);color:var(--cl-fr-soluk);font-size:18px;cursor:pointer}
.clfr-yildizlar label.on{color:var(--cl-fr-yildiz)}
.clfr-yildizlar input{position:absolute;opacity:0;width:1px;height:1px}
.clfr-yildizlar label:focus-within{outline:2px solid var(--cl-fr-vurgu);outline-offset:1px}
.clfr-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.clfr-yorum-sat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.clfr-yorum-sat textarea{min-width:0;min-height:42px;padding:10px 12px;border:1px solid var(--cl-fr-cizgi);border-radius:11px;background:var(--cl-fr-kart-2);color:var(--cl-fr-ink);font:inherit;font-size:14px;line-height:1.4;resize:vertical}
.clfr-yorum-sat button{align-self:start;min-height:42px;padding:0 14px;border:0;border-radius:11px;background:var(--cl-fr-birincil);color:var(--cl-fr-birincil-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.clfr-hata{margin:6px 0 0;font-size:12px;font-weight:700;color:var(--cl-fr-turuncu)}
.clfr-mesaj{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:9px;border-radius:11px;background:var(--cl-fr-ikincil);color:var(--cl-fr-ikincil-ink);border:1px solid var(--cl-fr-cizgi);font-size:12.5px;font-weight:900;text-decoration:none;box-sizing:border-box}

.clfr-araclar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.clfr-arac{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 6px;border:1px solid var(--cl-fr-cizgi);border-radius:12px;background:var(--cl-fr-kart);color:var(--cl-fr-sub);font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.clfr-arac b{font-weight:900;color:var(--cl-fr-ink)}
.clfr-arac.on{border-color:var(--cl-fr-vurgu);color:var(--cl-fr-vurgu)}
.clfr-arac.on b{color:inherit}
.clfr-arac.on svg{fill:currentColor}
.clfr-metin{font-size:15.5px;line-height:1.65;color:var(--cl-fr-sub);overflow-wrap:anywhere}
.clfr-metin p{margin:0 0 14px}
.clfr-metin h2,.clfr-metin h3{margin:20px 0 10px;font-size:1.15em;color:var(--cl-fr-ink)}
.clfr-metin img{display:block;max-width:100%;height:auto;margin:6px auto 14px;border-radius:12px}
.clfr-metin a{color:var(--cl-fr-vurgu)}
.clfr-yorumlar{margin:0 16px;padding:18px 0 0;border-top:1px solid var(--cl-fr-cizgi);scroll-margin-top:72px}
.clfr-yorum-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.clfr-yorum-bas b{font-size:15px;font-weight:700}
.clfr-yorum-bas span{font-size:11px;color:var(--cl-fr-soluk)}
.clfr-yorum{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--cl-fr-cizgi)}
.clfr-yorum-av{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;overflow:hidden;background:var(--cl-fr-kart-2);color:var(--cl-fr-sub);font-size:12px;font-weight:900}
.clfr-yorum-av img{width:100%;height:100%;object-fit:cover}
.clfr-yorum-g b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--cl-fr-ink)}
.clfr-yorum-g time{font-size:10.5px;font-weight:700;color:var(--cl-fr-soluk)}
.clfr-yorum-g p{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:var(--cl-fr-sub);overflow-wrap:anywhere}
.clfr-bildir{margin-top:6px;padding:2px 0;border:0;background:none;color:var(--cl-fr-soluk);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.clfr-yorum-yok{margin:0;padding:8px 0 12px;font-size:12.5px;color:var(--cl-fr-soluk)}
.clfr-yorum-yaz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}
.clfr-yorum-yaz input{min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--cl-fr-cizgi);border-radius:22px;background:var(--cl-fr-kart);color:var(--cl-fr-ink);font:inherit;font-size:15px}
.clfr-yorum-yaz button{min-height:44px;padding:0 18px;border:0;border-radius:22px;background:var(--cl-fr-birincil);color:var(--cl-fr-birincil-ink);font:inherit;font-size:13px;font-weight:900;cursor:pointer}

/* ── Arama (cide_775 #searchModal; templates/partials/cl_ara.php + pages/search.php) ──
   Pencere taslağın ölçüsüyle (390 px, koyu): alttan tam genişlik, üst köşeler 24px, dolgu 8/12/20, tutamak 38×4,
   "Ara" 18px/700, kapat 34px (köşe 11), alan 48px (köşe 15, boşluk 9, ikon 19px), çipler 9px (dolgu 8/10, köşe 10,
   aralık 7). Taslakta pencere alt menünün altında kalıyor; burada üstünde (z-index), klavye açıkken visualViewport
   kadar yukarı alınıyor (ara.js). Sonuç sayfası taslakta yok: şehir sayfalarının liste diliyle. */
.clar{position:fixed;inset:0;z-index:70}
.clar[hidden]{display:none}
.clar-bd{position:absolute;inset:0;background:var(--cl-ar-bd);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s}
.clar-sheet{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;padding:8px 12px calc(20px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;border-top:1px solid var(--cl-ar-sheet-cizgi);background:var(--cl-ar-sheet);box-shadow:var(--cl-ar-golge);color:var(--cl-ar-ink);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.clar.on .clar-bd{opacity:1}
.clar.on .clar-sheet{transform:none}
.clar-tutamak{display:block;width:38px;height:4px;margin:1px auto 10px;border-radius:999px;background:var(--cl-ar-tutamak)}
.clar-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.clar-baslik h3{margin:0;font-size:18px;font-weight:700;color:var(--cl-ar-ink)}
.clar-x{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:11px;border:1px solid var(--cl-ar-cizgi);background:var(--cl-ar-alan);color:var(--cl-ar-x-ink);cursor:pointer}
.clar-alan{display:flex;align-items:center;gap:9px;height:48px;margin:0;padding:0 12px;border-radius:15px;border:1px solid var(--cl-ar-cizgi);background:var(--cl-ar-alan)}
.clar-alan:focus-within{border-color:var(--cl-ar-vurgu)}
.clar-alan svg{flex:none;width:19px;height:19px;fill:none;stroke:var(--cl-ar-ikon);stroke-width:1.8;stroke-linecap:round}
.clar-alan input[type="search"]{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--cl-ar-alan-ink);font:inherit;font-size:12px;-webkit-appearance:none;appearance:none}
.clar-alan input[type="search"]::placeholder{color:var(--cl-ar-yer);opacity:1}
.clar-cipler{display:flex;gap:7px;overflow-x:auto;padding:10px 0 3px;scrollbar-width:none}
.clar-cipler::-webkit-scrollbar{display:none}
.clar-cipler a{flex:0 0 auto;display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--cl-ar-cizgi);background:var(--cl-ar-cip);color:var(--cl-ar-cip-ink);font-size:9px;line-height:normal;white-space:nowrap;text-decoration:none}
.clar-cipler a.on{border-color:var(--cl-ar-cip-on);background:var(--cl-ar-cip-on);color:var(--cl-ar-cip-on-ink);font-weight:700}
.clsheet-ara{flex:none;display:flex;align-items:center;gap:9px;height:44px;margin:0 0 12px;padding:0 12px;border-radius:15px;border:1px solid var(--cl-sheet-line);background:color-mix(in srgb,var(--cl-ink) 5%,transparent);color:var(--cl-ink-2);font-size:12px;text-decoration:none;opacity:0;transform:translateY(7px);transition:opacity .28s .1s,transform .28s .1s}
.clsheet.on .clsheet-ara{opacity:1;transform:none}
.clsheet-ara svg{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.clsheet-ara span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.cl-ar{background:var(--cl-ar-bg)}
body.cl-ar .app{background:var(--cl-ar-bg);color:var(--cl-ar-ink)}
.clar-sayfa{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-ar-bg);color:var(--cl-ar-ink)}
.clar-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 14px;background:var(--cl-ar-ust);color:var(--cl-ar-ust-ink);border-bottom:1px solid var(--cl-ar-cizgi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.clar-ust b{font-size:18px;font-weight:700}
.clar-geri{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--cl-ar-cizgi);background:var(--cl-ar-alan);color:var(--cl-ar-ust-ink);text-decoration:none}
.clar-govde{max-width:640px;margin:0 auto;padding:14px 12px 0}
.clar-bos{display:grid;justify-items:center;gap:6px;margin:34px 0 0;padding:0 18px;text-align:center}
.clar-bos-ic{display:grid;place-items:center;width:54px;height:54px;margin-bottom:6px;border-radius:17px;border:1px solid var(--cl-ar-cizgi);background:var(--cl-ar-alan);color:var(--cl-ar-ikon)}
.clar-bos b{font-size:15px;font-weight:800;color:var(--cl-ar-ink)}
.clar-bos small{max-width:300px;font-size:12.5px;line-height:1.5;color:var(--cl-ar-sub)}
.clar-grup{margin-top:18px}
.clar-grup-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px}
.clar-grup-bas h2{margin:0;font-size:15px;font-weight:800;letter-spacing:-.2px;color:var(--cl-ar-ink)}
.clar-grup-bas span{min-width:24px;padding:3px 8px;border-radius:999px;background:var(--cl-ar-alan);color:var(--cl-ar-sub);font-size:11px;font-weight:800;text-align:center}
.clar-tumu{display:inline-flex;align-items:center;gap:2px;color:var(--cl-ar-vurgu);font-size:12px;font-weight:800;text-decoration:none}
.clar-liste{border:1px solid var(--cl-ar-cizgi);border-radius:16px;background:var(--cl-ar-kart);overflow:hidden}
.clar-satir{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:64px;padding:10px 12px;color:var(--cl-ar-ink);text-decoration:none}
.clar-satir+.clar-satir{border-top:1px solid var(--cl-ar-cizgi)}
.clar-satir:active{background:var(--cl-ar-alan)}
@media (hover:hover){.clar-satir:hover{background:var(--cl-ar-alan)}}
.clar-gorsel{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:12px;background:var(--cl-ar-alan);color:var(--cl-ar-ikon)}
.clar-gorsel.yuvarlak{border-radius:50%}
.clar-gorsel img{display:block;width:100%;height:100%;object-fit:cover}
.clar-yazi{display:grid;gap:3px;min-width:0}
.clar-yazi b{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.3;font-weight:750;color:var(--cl-ar-ink)}
.clar-yazi small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;color:var(--cl-ar-sub)}
.clar-ok{display:grid;place-items:center;color:var(--cl-ar-ikon)}
.clar-sinir{margin:8px 2px 0;font-size:11.5px;color:var(--cl-ar-sub)}
@media (prefers-reduced-motion:reduce){.clar-bd,.clar-sheet,.clsheet-ara{transition:none}}

/* ── Cide TV (cide_775 V398 "tek kanal canlı yayın"; templates/pages/videos_list.php) ──
   Ölçü (390 px): üst 64px (dolgu 0 15, geri 38px köşe 13), marka "Cide" 18/900 + "TV" 11/950 kırmızı rozet;
   ekran 16:9 radyal degrade + tarama çizgileri; kanal logosu 12/950, rozet 7/950, oynat 64px, alt bant 6/950 +
   14/700; bilgi dolgu 18/15, ikon 39px köşe 12, not 7.5px. Taslağın not/durum grisi (#68716d) 4.1:1 → bir ton
   açık (#7a837f); etkin çip kırmızısı beyaz yazıyla 4.5 için bir ton koyu (#d6353b). Arşiv listesi taslağın
   gizlenen TV listesinin (tv389) ölçüsüyle: çip 7/850, iki sütun aralık 9, kapak köşe 15, tür 5.8/900, başlık
   10.5/700, alt 6.5. */
body.cl-tv{background:var(--cl-tv-bg)}
body.cl-tv .app{background:var(--cl-tv-bg);color:var(--cl-tv-ink)}
.cltv{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-tv-bg);color:var(--cl-tv-ink)}
.cltv-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:64px;padding:0 15px;background:var(--cl-tv-ust);border-bottom:1px solid var(--cl-tv-ust-cizgi);color:var(--cl-tv-ust-ink)}
.cltv-geri{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--cl-tv-geri);color:#ffffff;text-decoration:none}
.cltv-marka{display:flex;align-items:center;gap:5px;margin-left:10px}
.cltv-marka b{font-size:18px;font-weight:900;letter-spacing:-.7px;color:var(--cl-tv-ust-ink)}
.cltv-marka span{padding:3px 6px 4px;border-radius:7px;background:var(--cl-tv-marka);color:#ffffff;font-size:11px;font-weight:950;line-height:11px}
.cltv-canli{background:var(--cl-tv-bg)}
.cltv-ekran{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 65% 30%,#26302c 0,var(--cl-tv-ekran) 34%,#050606 72%)}
.cltv-ekran::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18)),repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px)}
.cltv-kanal{position:absolute;z-index:4;left:14px;top:13px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:10px;background:rgba(3,5,5,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cl-tv-ink);font-size:12px;font-weight:950}
.cltv-kanal b{padding:3px 5px;border-radius:5px;background:var(--cl-tv-oynat);color:#ffffff;font-size:9px}
.cltv-rozet{position:absolute;z-index:4;right:13px;top:13px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:rgba(20,5,6,.76);color:#ff6469;font-size:7px;font-weight:950}
.cltv-rozet i{width:6px;height:6px;border-radius:50%;background:#ff4047;box-shadow:0 0 0 4px rgba(255,64,71,.12)}
.cltv-rozet.kapali{background:rgba(12,14,14,.76);color:var(--cl-tv-ekran-ink)}
.cltv-rozet.kapali i{background:#69716e;box-shadow:none}
.cltv-orta{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.cltv-oynat{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;padding:0;border:0;border-radius:50%;background:var(--cl-tv-oynat);color:#ffffff;box-shadow:0 14px 45px rgba(239,63,70,.28);cursor:pointer}
.cltv-oynat svg{margin-left:3px;fill:currentColor}
.cltv-orta span{display:block;margin-top:9px;white-space:nowrap;color:var(--cl-tv-ekran-ink);font-size:7px;font-weight:850}
.cltv-alt{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}
.cltv-alt small{display:block;color:var(--cl-tv-kirmizi-2);font-size:6px;font-weight:950;letter-spacing:1px}
.cltv-alt h2{margin:5px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ffffff;font-size:14px;font-weight:700}
.cltv-ekran iframe{position:absolute;inset:0;z-index:6;width:100%;height:100%;border:0}
.cltv-ekran.oynuyor::after,.cltv-ekran.oynuyor>:not(iframe){display:none}
.cltv-bilgi{padding:18px 15px}
.cltv-simdi{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid var(--cl-tv-cizgi)}
.cltv-simdi-ic{flex:0 0 auto;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--cl-tv-cizgi);color:var(--cl-tv-kirmizi)}
.cltv-simdi-ic svg{width:17px;height:17px}
.cltv-simdi small{display:block;color:var(--cl-tv-kirmizi);font-size:6px;font-weight:950;letter-spacing:.8px}
.cltv-simdi h3{margin:4px 0 0;color:var(--cl-tv-ink);font-size:13px;font-weight:700}
.cltv-durum{margin-left:auto;color:var(--cl-tv-sub);font-size:6.5px}
.cltv-not{margin:0;padding:18px 1px;color:var(--cl-tv-sub);font-size:7.5px;line-height:1.55}
.cltv-arsiv{padding:0 15px}
.cltv-kat{display:flex;gap:7px;overflow-x:auto;margin:0 -15px 18px;padding:0 15px 4px;scrollbar-width:none}
.cltv-kat::-webkit-scrollbar{display:none}
.cltv-kat a{flex:0 0 auto;padding:8px 12px;border-radius:99px;border:1px solid var(--cl-tv-kart-cizgi);background:var(--cl-tv-cip);color:var(--cl-tv-cip-ink);font-size:7px;font-weight:850;white-space:nowrap;text-decoration:none}
.cltv-kat a.on{border-color:var(--cl-tv-cip-on);background:var(--cl-tv-cip-on);color:var(--cl-tv-cip-on-ink)}
.cltv-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 1px 10px}
.cltv-bas h2{margin:0;color:var(--cl-tv-ink);font-size:19px;font-weight:700}
.cltv-bas span{flex:none;color:var(--cl-tv-kirmizi);font-size:6.5px;font-weight:900}
.cltv-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cltv-kart{display:block;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cltv-kart:disabled{cursor:default;opacity:.6}
.cltv-kart:focus-visible,.cltv-oynat:focus-visible{outline:2px solid var(--cl-tv-kirmizi);outline-offset:2px}
.cltv-kapak{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#2b302e,#111413)}
.cltv-kapak img{display:block;width:100%;height:100%;object-fit:cover}
.cltv-kapak::after{content:"";position:absolute;left:10px;bottom:9px;width:27px;height:27px;border-radius:50%;background:var(--cl-tv-oynat)}
.cltv-kapak::before{content:"";position:absolute;z-index:1;left:21px;bottom:18px;border-style:solid;border-width:4.5px 0 4.5px 7px;border-color:transparent transparent transparent #ffffff}
.cltv-sure{position:absolute;z-index:1;right:7px;bottom:7px;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.75);color:var(--cl-tv-ink);font-size:6px;font-weight:800}
.cltv-kart-yazi{display:block;min-width:0}
.cltv-tur{display:block;margin:8px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-tv-kirmizi);font-size:5.8px;font-weight:900;letter-spacing:.8px}
.cltv-kart-yazi b{display:-webkit-box;margin:5px 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cl-tv-ink);font-size:10.5px;font-weight:700;line-height:1.22}
.cltv-kart-yazi small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-tv-meta);font-size:6.5px}
.cltv-kart.genis{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:10px;align-items:center;padding-bottom:9px}
.cltv-kart.genis .cltv-tur{margin:0}
.cltv-sayfa{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 0;color:var(--cl-tv-sub);font-size:11px}
.cltv-sayfa a{display:inline-flex;align-items:center;gap:3px;padding:8px 12px;border-radius:99px;border:1px solid var(--cl-tv-kart-cizgi);background:var(--cl-tv-cip);color:var(--cl-tv-ink);font-size:11px;font-weight:800;text-decoration:none}
.cltv-bos{margin:10px 1px;color:var(--cl-tv-sub);font-size:11px}

/* ── Asistan (cide_775 CideLife AI sohbeti; templates/partials/cl_asistan.php, assets/js/asistan.js) ──
   Ölçü (390 px, koyu): pencere 92dvh, üst köşeler 24px, kenar 1px mavi; tutamak 44×4 (görselin üstünde); başlık
   138px (dolgu 20/14/14, görsel 57% 50% cover + iki degrade), marka kartı (dolgu 9/12, köşe 16, bulanık) içinde
   48px AI rozeti (köşe 17) + ad 15/900 + durum 9/750; kapat 38px (üst 18, sağ 16); karşılama kartı (köşe 18,
   ikon 56px köşe 19); balonlar 13.2px/1.58, dolgu 14/15, köşe 19 (kuyruk 6), en çok %87; mini rozet 30px köşe 10;
   öneriler 36px hap 9.2/820; yazma alanı 52px köşe 16 + gönder 42px köşe 13 (boşken %40). /asistan sayfa kipi:
   aynı pencere tam ekran, köşesiz. */
.clas{position:fixed;inset:0;z-index:75}
.clas[hidden]{display:none}
.clas-bd{position:absolute;inset:0;background:var(--cl-as-bd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .24s}
.clas.on .clas-bd{opacity:1}
.clas-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:92vh;height:92dvh;max-width:560px;margin:0 auto;overflow:hidden;border:1px solid var(--cl-as-cizgi);border-bottom:0;border-radius:24px 24px 0 0;background:var(--cl-as-bg);box-shadow:var(--cl-as-golge);color:var(--cl-as-ink);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.clas.on .clas-sheet{transform:none}
.clas.sayfa{position:relative;inset:auto;z-index:auto}
.clas.sayfa .clas-sheet{position:relative;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none;transform:none;transition:none}
body.cl-as{background:var(--cl-as-bg)}
body.cl-as .app{background:var(--cl-as-bg)}
.clas-tutamak{position:absolute;z-index:3;top:18px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:999px;background:var(--cl-as-tutamak)}
.clas.sayfa .clas-tutamak{display:none}
.clas-bas{position:relative;flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:138px;padding:20px 14px 14px;overflow:hidden;border-bottom:1px solid var(--cl-as-bas-cizgi);background:var(--cl-as-bas-ort),var(--as-gorsel) 57% 50%/cover no-repeat,#07111b}
.clas-marka{position:relative;z-index:2;display:flex;align-items:center;gap:10px;min-width:0;padding:9px 12px;border-radius:16px;border:1px solid var(--cl-as-marka-cizgi);background:var(--cl-as-marka);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.clas-avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:17px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#0d3153,#0a8fc7);box-shadow:0 0 18px rgba(55,187,255,.32);color:#ffffff;font-size:13px;font-weight:950}
.clas-marka b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-as-marka-ink);font-size:15px;font-weight:900;letter-spacing:-.25px}
.clas-durum{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--cl-as-durum-ink);font-size:9px;font-weight:750}
.clas-durum i{width:6px;height:6px;border-radius:50%;background:var(--cl-as-yesil);box-shadow:0 0 8px rgba(85,211,154,.6)}
.clas-x{position:absolute;z-index:3;top:18px;right:16px;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:13px;border:1px solid var(--cl-as-x-cizgi);background:var(--cl-as-x);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cl-as-x-ink);text-decoration:none;cursor:pointer}
.clas-mesajlar{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:14px;padding:14px 12px 10px;overflow-y:auto;overscroll-behavior:contain}
.clas-karsilama{margin:6px 0 16px;padding:14px;border-radius:18px;border:1px solid var(--cl-as-kart-cizgi);background:var(--cl-as-kart);text-align:center}
.clas-karsilama-ic{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 13px;border-radius:19px;border:1px solid var(--cl-as-ikon-cizgi);background:var(--cl-as-ikon-bg);box-shadow:0 0 20px rgba(57,155,198,.08);color:var(--cl-as-ikon)}
.clas-karsilama-ic svg{width:23px;height:23px;fill:currentColor}
.clas-karsilama b{display:block;color:var(--cl-as-ink);font-size:17px;font-weight:900}
.clas-karsilama-m{display:block;margin-top:8px;color:var(--cl-as-sub);font-size:10.8px;line-height:1.55}
.clas-msj{display:flex;align-items:flex-end;gap:9px}
.clas-msj.ben{justify-content:flex-end}
.clas-balon{max-width:87%;padding:14px 15px;border-radius:19px 19px 19px 6px;border:1px solid var(--cl-as-ai-cizgi);background:radial-gradient(circle at 100% 0,rgba(84,181,219,.08),transparent 36%),var(--cl-as-ai);color:var(--cl-as-ai-ink);font-size:13.2px;line-height:1.58;white-space:pre-line;overflow-wrap:anywhere}
.clas-msj.ben .clas-balon{border:0;border-radius:19px 19px 6px 19px;background:linear-gradient(135deg,var(--cl-as-ben-1),var(--cl-as-ben-2));box-shadow:0 10px 24px rgba(35,117,155,.24),inset 0 1px 0 rgba(255,255,255,.12);color:var(--cl-as-ben-ink);font-weight:680}
.clas-ai{display:grid;gap:8px;min-width:0;max-width:87%}
.clas-ai .clas-balon{max-width:100%}
.clas-mini{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--cl-as-mini);color:var(--cl-as-mini-ink);font-size:8px;font-weight:950}
.clas-nokta{display:flex;align-items:center;gap:4px;min-height:18px}
.clas-nokta i{width:5px;height:5px;border-radius:50%;background:var(--cl-as-nokta);animation:clasNokta 1s infinite}
.clas-nokta i:nth-child(2){animation-delay:.15s}
.clas-nokta i:nth-child(3){animation-delay:.3s}
@keyframes clasNokta{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.clas-kartlar{display:grid;gap:7px}
.clas-kart{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border-radius:14px;border:1px solid var(--cl-as-ai-cizgi);background:var(--cl-as-ai);color:var(--cl-as-ai-ink);text-decoration:none}
.clas-kart-g{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:11px;background:var(--cl-as-mini);color:var(--cl-as-mini-ink);font-size:15px;font-weight:900}
.clas-kart-g img{display:block;width:100%;height:100%;object-fit:cover}
.clas-kart-y{display:grid;gap:2px;min-width:0}
.clas-kart-y b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-as-ai-ink);font-size:12.5px;font-weight:800}
.clas-kart-y small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-as-sub);font-size:11px}
.clas-oneriler{flex:none;display:flex;gap:8px;padding:8px 12px 10px;overflow-x:auto;scrollbar-width:none}
.clas-oneriler::-webkit-scrollbar{display:none}
.clas-oneriler:empty{display:none}
.clas-oneriler button{flex:0 0 auto;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--cl-as-oneri-cizgi);background:var(--cl-as-oneri);color:var(--cl-as-oneri-ink);font:inherit;font-size:9.2px;font-weight:820;white-space:nowrap;cursor:pointer}
.clas-yaz{flex:none;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:9px;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cl-as-yaz-cizgi);background:var(--cl-as-yaz)}
.clas-yaz input{min-width:0;height:52px;margin:0;padding:0 15px;border-radius:16px;border:1px solid var(--cl-as-alan-cizgi);outline:0;background:var(--cl-as-alan);box-shadow:none;color:var(--cl-as-alan-ink);font:inherit;font-size:14px;-webkit-appearance:none;appearance:none}
.clas-yaz input::placeholder{color:var(--cl-as-yer);opacity:1}
.clas-yaz input:focus{border-color:var(--cl-as-ikon)}
.clas-yaz button{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:var(--cl-as-gonder);color:var(--cl-as-gonder-ink);opacity:.4;cursor:pointer}
.clas-yaz button:disabled{cursor:default}
.clas-yaz button.hazir{border-color:transparent;background:var(--cl-as-gonder-on);box-shadow:0 8px 20px rgba(35,121,159,.28);color:#ffffff;opacity:1}
@media (prefers-reduced-motion:reduce){.clas-bd,.clas-sheet{transition:none}.clas-nokta i{animation:none;opacity:.6}}

/* ── Oluştur alt sayfası (cide_775 create-sheet-v46; templates/partials/create_sheet.php) ──
   Kabuk app.css'in .csheet'i (JS sözleşmesi: #createSheet, .open); panel ve içerik burada. Ölçü (390 px, koyu):
   panel dolgu 8/12/20, üst köşeler 26, üstte mavi parıltı; tutamak 40×4; "HARMAN" 7.3/950 aralık 1.2, "Oluştur"
   18/950; kapat 36px köşe 12; yazma kartı 68px (köşe 19, avatar 40 köşe 13, başlık 11.5/950, alt 8.4, ok 26 köşe 9);
   "Hızlı oluştur" 8.3/900; kartlar iki sütun aralık 8, 80px, köşe 16, ikon 36 köşe 11 (çizim 19px, 1.8), başlık
   10.2/950, alt 7.9; köşede vurgu dairesi 58px %18; birincil düğme 48px köşe 15, 10.8/950. */
.clcr .csheet-bd{background:var(--cl-cr-bd)}
.clcr .clcr-panel{position:relative;width:100%;max-width:560px;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px calc(20px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;background:radial-gradient(circle at 50% 0,var(--cl-cr-parilti),transparent 230px),var(--cl-cr-panel);box-shadow:var(--cl-cr-golge);color:var(--cl-cr-ink);transform:translateY(110%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.clcr.open .clcr-panel{transform:none}
.clcr-tutamak{display:block;width:40px;height:4px;margin:1px auto 14px;border-radius:99px;background:var(--cl-cr-tutamak)}
.clcr-bas{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 12px}
.clcr-bas small{display:block;margin:0 0 3px;color:var(--cl-cr-kicker);font-size:7.3px;font-weight:950;letter-spacing:1.2px}
.clcr-bas h3{margin:0;color:var(--cl-cr-ink);font-size:18px;font-weight:950;letter-spacing:-.35px}
.clcr-x{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:12px;border:1px solid var(--cl-cr-cizgi);background:var(--cl-cr-x);color:var(--cl-cr-x-ink);cursor:pointer}
.clcr-yaz{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;align-items:center;gap:10px;min-height:68px;padding:10px;border-radius:19px;border:1px solid var(--cl-cr-cizgi);background:var(--cl-cr-kart-parilti),var(--cl-cr-kart);color:var(--cl-cr-ink);text-decoration:none}
.clcr-avatar{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#8b78ff,#5877ed);color:#ffffff;font-size:14px;font-weight:950}
.clcr-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.clcr-yaz-m{display:block;min-width:0}
.clcr-yaz-m b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-cr-ink);font-size:11.5px;font-weight:950}
.clcr-yaz-m small{display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-cr-sub);font-size:8.4px}
.clcr-ok{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--cl-cr-ok);color:var(--cl-cr-ok-ink)}
.clcr-etiket{margin:15px 2px 9px;color:var(--cl-cr-sub);font-size:8.3px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.clcr-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clcr-kart{position:relative;overflow:hidden;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-height:80px;padding:9px;border-radius:16px;border:1px solid var(--cl-cr-cizgi);background:linear-gradient(145deg,color-mix(in srgb,var(--k) 16%,#ffffff),color-mix(in srgb,var(--k) 6%,#ffffff));color:var(--cl-cr-baslik);text-decoration:none}
:root[data-theme="dark"] .clcr-kart{background:linear-gradient(145deg,var(--k1),var(--k2))}
.clcr-kart::after{content:"";position:absolute;top:-20px;right:-18px;width:58px;height:58px;border-radius:50%;background:var(--k);opacity:.18;pointer-events:none}
.clcr-kart.k-gonderi{--k:#6d8cff;--k1:#1b3151;--k2:#152235}
.clcr-kart.k-hikaye{--k:#ff72bc;--k1:#3a2033;--k2:#231521}
.clcr-kart.k-video{--k:#a579ff;--k1:#30204a;--k2:#1d162c}
.clcr-kart.k-foto{--k:#53cfff;--k1:#15333d;--k2:#10232a}
.clcr-kart.k-ilan{--k:#ffad55;--k1:#3b2918;--k2:#22190f}
.clcr-kart.k-anket{--k:#4ddb91;--k1:#193426;--k2:#11221a}
.clcr-kart.k-yazi{--k:#ff8464;--k1:#35221c;--k2:#211612}
.clcr-kart.k-etkinlik{--k:#7b9cff;--k1:#242d46;--k2:#171d2e}
.clcr-ic{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid var(--cl-cr-ic-cizgi);background:var(--cl-cr-ic);color:var(--cl-cr-ic-ink)}
.clcr-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.clcr-kart-m{position:relative;z-index:1;display:block;min-width:0}
.clcr-kart-m b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-cr-baslik);font-size:10.2px;font-weight:950}
.clcr-kart-m small{display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-cr-alt);font-size:7.9px}
.clcr-birincil{display:flex;align-items:center;justify-content:center;gap:7px;height:48px;margin:10px 0 0;border-radius:15px;background:var(--cl-cr-birincil);box-shadow:0 10px 20px rgba(0,0,0,.16);color:var(--cl-cr-birincil-ink);font-size:10.8px;font-weight:950;text-decoration:none}
.clcr-birincil span{font-size:18px;font-weight:600;line-height:1}
@media (prefers-reduced-motion:reduce){.clcr .clcr-panel{transition:none}}

/* ── Galeri (cide_775 cl636/cl720/cl721; templates/pages/galeri*.php, partials/galeri_kart.php) ──
   Ölçü (390 px, koyu): üst 70px (dolgu 7/10, üç sütun, düğmeler 42px köşe 14), başlık 17/700 + 8.5/800 aralık .68;
   kahraman en az 228px (dolgu 21/14/17; etiket 9/950 aralık 1.98; küçük 9/950; başlık 27/700 -.945; alt 11.5;
   düğme 43px köşe 16 9.8/950); dosya satırı 74px (ikon 42 köşe 14, 12.5/700 + 8.8/750, sayı 31px); sekmeler 31.5px
   hap 10/900; kart başı 36px avatar, 12/700 + 9, puan hapı 10/950; rozet 9/900; eylem düğmeleri 38px köşe 13
   10/900; yıldız 26px (22); sayılar 9px. Yükleme penceresi: üst köşeler 28, önizleme 4:5 köşe 20 kesikli, kural
   hapları 8/900, düğmeler 48px köşe 16 12/950. */
body.cl-gl{background:var(--cl-gl-bg)}
body.cl-gl .app{background:var(--cl-gl-bg);color:var(--cl-gl-ink)}
.clgl{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-gl-bg);color:var(--cl-gl-ink)}
.clgl-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;height:70px;padding:7px 10px;border-bottom:1px solid var(--cl-gl-cizgi);background:var(--cl-gl-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-gl-ust-ink)}
.clgl-geri,.clgl-ekle{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-gl-cizgi);background:var(--cl-gl-geri);color:var(--cl-gl-ust-ink);text-decoration:none}
.clgl-baslik{min-width:0;text-align:center}
.clgl-baslik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.clgl-baslik small{display:block;margin-top:3px;color:var(--cl-gl-sub);font-size:8.5px;font-weight:800;letter-spacing:.68px}
.clgl-ust-bos{width:42px;height:42px}
.clgl-hero{position:relative;display:flex;align-items:flex-end;gap:12px;min-height:228px;padding:21px 14px 17px;background:linear-gradient(180deg,rgba(2,8,12,.04) 0%,rgba(2,8,12,.2) 42%,rgba(2,8,12,.88) 100%),linear-gradient(90deg,rgba(2,9,13,.62) 0%,rgba(2,9,13,.1) 65%,rgba(2,9,13,.22) 100%),var(--gl-kapak,linear-gradient(135deg,#123c4a,#0b1b28 60%,#070d14)) center/cover no-repeat,#0c141c;color:#ffffff}
.clgl-hero-etiket{position:absolute;top:16px;right:15px;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(4,12,17,.44);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(255,255,255,.86);font-size:9px;font-weight:950;letter-spacing:1.98px}
.clgl-hero-yazi{flex:1 1 auto;min-width:0}
.clgl-hero-yazi small{display:block;color:#78ecff;font-size:9px;font-weight:950;letter-spacing:1.35px}
.clgl-hero-yazi h1{margin:6px 0 5px;color:#ffffff;font-size:27px;font-weight:700;line-height:27px;letter-spacing:-.945px}
.clgl-hero-yazi p{margin:0;color:rgba(238,247,250,.86);font-size:11.5px}
.clgl-hero-yukle{flex:none;display:inline-flex;align-items:center;gap:5px;height:43px;padding:0 12px;border-radius:16px;border:1px solid rgba(255,255,255,.35);background:rgba(247,251,252,.94);box-shadow:0 10px 28px rgba(0,0,0,.3);color:#071018;font-size:9.8px;font-weight:950;white-space:nowrap;text-decoration:none}
.clgl-hero-yukle span{font-size:17px;font-weight:600;line-height:1}
.clgl-dosya{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 16px;border-bottom:1px solid var(--cl-gl-cizgi);color:var(--cl-gl-ink);text-decoration:none}
.clgl-dosya-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--cl-gl-dosya-ic-bg);color:var(--cl-gl-dosya-ic)}
.clgl-dosya-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.clgl-dosya-m{flex:1 1 auto;min-width:0}
.clgl-dosya-m b{display:block;font-size:12.5px;font-weight:700}
.clgl-dosya-m small{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-gl-sub);font-size:8.8px;font-weight:750}
.clgl-dosya-sayi{flex:none;display:grid;place-items:center;min-width:31px;height:31px;padding:0 6px;border-radius:999px;background:var(--cl-gl-sayi-bg);color:var(--cl-gl-sayi);font-size:9px;font-weight:950}
.clgl-sekmeler{display:flex;gap:7px;overflow-x:auto;padding:11px 12px 10px;border-bottom:1px solid var(--cl-gl-cizgi);scrollbar-width:none}
.clgl-sekmeler::-webkit-scrollbar{display:none}
.clgl-sekmeler a{flex:0 0 auto;display:inline-flex;align-items:center;height:31.5px;padding:0 13px;border-radius:999px;border:1px solid var(--cl-gl-sekme-cizgi);background:var(--cl-gl-sekme);color:var(--cl-gl-sekme-ink);font-size:10px;font-weight:900;white-space:nowrap;text-decoration:none}
.clgl-sekmeler a.on{border-color:transparent;background:var(--cl-gl-sekme-on);color:var(--cl-gl-sekme-on-ink)}
.clgl-akis{display:flex;flex-direction:column}
.clgl-bos{margin:0;padding:48px 16px;color:var(--cl-gl-sub);font-size:12px;text-align:center}
.clgl-kart{border-bottom:1px solid var(--cl-gl-cizgi);background:var(--cl-gl-kart)}
.clgl-kart-bas{display:flex;align-items:center;gap:9px;padding:8px 12px}
.clgl-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#215e87,#6d43a6);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);color:#f7fbff;font-size:12px;font-weight:950;text-decoration:none}
.clgl-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.clgl-kim{flex:1 1 auto;min-width:0}
.clgl-kim a{color:inherit;text-decoration:none}
.clgl-kim b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;color:var(--cl-gl-ink)}
.clgl-kim small{display:block;margin-top:2px;color:var(--cl-gl-soluk);font-size:9px}
.clgl-puan{flex:none;padding:6px 8px;border-radius:999px;background:var(--cl-gl-dugme);color:var(--cl-gl-puan);font-size:10px;font-weight:950;white-space:nowrap}
.clgl-puan b{font-weight:950}
.clgl-puan span{color:var(--cl-gl-soluk);font-size:8px}
.clgl-foto{position:relative;overflow:hidden;background:var(--cl-gl-foto-bg);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.clgl-foto img{display:block;width:100%;height:100%;object-fit:cover}
.clgl-rozet{position:absolute;top:10px;right:10px;padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff;font-size:9px;font-weight:900}
.clgl-durum{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:999px;background:#f0a800;color:#1b1300;font-size:9px;font-weight:950}
.clgl-kalp{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;color:#ffffff;opacity:0;transform:scale(.4);pointer-events:none;filter:drop-shadow(0 6px 30px rgba(0,0,0,.55))}
.clgl-kalp svg{width:100%;height:100%;fill:currentColor}
.clgl-kalp.pop{animation:clglKalp .8s ease-out}
@keyframes clglKalp{0%{opacity:0;transform:scale(.4)}25%{opacity:.95;transform:scale(1.08)}45%{transform:scale(.95)}80%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(1.05)}}
.clgl-eylem{padding:10px 12px 11px}
.clgl-eylem-sira{display:flex;align-items:center;justify-content:space-between;gap:8px}
.clgl-eylem-sira form{margin:0}
.clgl-begen,.clgl-paylas{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:0;border-radius:13px;background:var(--cl-gl-dugme);color:var(--cl-gl-dugme-ink);font:inherit;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}
.clgl-begen svg,.clgl-paylas svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.clgl-begen.on{background:var(--cl-gl-begen-bg);color:var(--cl-gl-begen)}
.clgl-begen.on svg{fill:currentColor}
.clgl-puanla{display:flex;align-items:center;gap:3px;margin-top:10px}
.clgl-puanla > span:first-child{margin-right:4px;color:var(--cl-gl-sub);font-size:9px;font-weight:800}
.clgl-puanla form,.clgl-yildizlar{display:inline-flex;align-items:center;gap:3px;margin:0}
.clgl-yildiz{display:grid;place-items:center;width:26px;height:26px;padding:2px;border:0;background:none;color:var(--cl-gl-yildiz);cursor:pointer;text-decoration:none}
.clgl-yildiz svg{width:22px;height:22px;fill:currentColor}
.clgl-yildiz.on{color:var(--cl-gl-yildiz-on)}
.clgl-yildizlar.kapali .clgl-yildiz{cursor:default;opacity:.55}
.clgl-puanla small{margin-left:6px;color:var(--cl-gl-sub);font-size:9px;font-weight:800}
.clgl-puanla small b{font-weight:800}
.clgl-sayilar{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--cl-gl-sub);font-size:9px}
.clgl-sayilar b{color:var(--cl-gl-dugme-ink);font-weight:900}
.clgl-sayilar form{margin:0 0 0 auto}
.clgl-sayilar button{margin-left:auto;padding:2px 0;border:0;background:none;color:var(--cl-gl-sub);font:inherit;font-size:9px;font-weight:800;cursor:pointer}
.clgl-sayilar form button{margin:0}
.clgl-daha{display:block;margin:14px 12px 0;padding:12px;border-radius:14px;border:1px solid var(--cl-gl-sekme-cizgi);background:var(--cl-gl-sekme);color:var(--cl-gl-ink);font-size:11px;font-weight:900;text-align:center;text-decoration:none}
.clgl-ozet{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 12px 10px}
.clgl-ozet b{font-size:13px;font-weight:800}
.clgl-ozet span{color:var(--cl-gl-sub);font-size:10px;font-weight:800}
.clgl-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.clgl-izgara-oge{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--cl-gl-foto-bg)}
.clgl-izgara-oge img{display:block;width:100%;height:100%;object-fit:cover}
.clgl-izgara-puan{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#ffd666;font-size:7px;font-weight:950}
@media (min-width:720px){.clgl-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
.clgl-yukle{position:fixed;inset:0;z-index:80}
.clgl-yukle[hidden]{display:none}
.clgl-yukle-bd{position:absolute;inset:0;background:var(--cl-gl-bd);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}
.clgl-yukle.on .clgl-yukle-bd{opacity:1}
.clgl-yukle-panel{position:absolute;left:0;right:0;bottom:0;max-width:560px;max-height:92vh;max-height:92dvh;margin:0 auto;overflow-y:auto;padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;background:var(--cl-gl-panel);box-shadow:0 -22px 60px rgba(0,0,0,.55);color:var(--cl-gl-ink);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.clgl-yukle.on .clgl-yukle-panel{transform:none}
.clgl-tutamak{display:block;width:42px;height:4px;margin:2px auto 12px;border-radius:4px;background:var(--cl-gl-tutamak)}
.clgl-yukle-panel header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.clgl-yukle-panel header small{display:block;color:var(--cl-gl-vurgu);font-size:9px;font-weight:950;letter-spacing:1.08px}
.clgl-yukle-panel header h2{margin:3px 0 0;font-size:20px;font-weight:700}
.clgl-yukle-x{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--cl-gl-x);color:var(--cl-gl-ink);text-decoration:none}
.clgl-onizle{display:grid;place-items:center;aspect-ratio:4/5;max-height:46vh;width:100%;overflow:hidden;border-radius:20px;border:1px dashed var(--cl-gl-onizle-cizgi);background:var(--cl-gl-onizle);color:var(--cl-gl-sub);font-size:11px}
.clgl-onizle img{display:block;width:100%;height:100%;object-fit:cover}
.clgl-kurallar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.clgl-kurallar span{padding:7px 9px;border-radius:999px;background:var(--cl-gl-kural);color:var(--cl-gl-kural-ink);font-size:8px;font-weight:900}
.clgl-sec{position:relative;display:grid;place-items:center;height:48px;margin:0 0 8px;overflow:hidden;border-radius:16px;background:var(--cl-gl-sec);color:var(--cl-gl-sec-ink);font-size:12px;font-weight:950;cursor:pointer}
.clgl-sec input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.clgl-yukle-not{margin:0 0 8px;color:var(--cl-gl-sub);font-size:10px;text-align:center}
.clgl-yukle-panel .ugc-notice{margin:0 0 10px}
.clgl-yayinla{display:block;width:100%;height:48px;border:0;border-radius:16px;background:var(--cl-gl-yayinla);color:var(--cl-gl-yayinla-ink);font:inherit;font-size:12px;font-weight:950;cursor:pointer}
.clgl-yayinla:disabled{opacity:.32;cursor:default}
.clgl-yayinla.yukleniyor{opacity:.6}
@media (prefers-reduced-motion:reduce){.clgl-yukle-bd,.clgl-yukle-panel{transition:none}.clgl-kalp.pop{animation:none}}

/* ── Topluluklar · şehir yüzeyi (cide_775 communities399/cm409/cm400/cm401/cm405/cm410; topluluk_sehir_*.php) ──
   Ölçü (390 px, koyu): üst 62px (dolgu 0 14, geri/kur 38px köşe 13), başlık 17/700 -.5; selam kartı (kenar boşluğu
   14/16/16, dolgu 12, köşe 24, 112px foto köşe 18; 7/950 aralık 1 + 21/700 + 10; balonlar 8px köşe 11 kuyruk 3); arama
   43px köşe 14; sekmeler 30.5px hap 9/850; başlık 18/700 + 7px; kart (köşe 18, dolgu 12, 62px kapak köşe 17, 14/700 +
   9, Katıl 29px köşe 11 8/900); kur bölümü kesikli çizgi. Detay: kapak 220px, logo 108 köşe 29 (5px zemin çerçeve,
   -58 bindirme), ad 27/700, alt 11; Sohbet/Ayarlar 33.5px köşe 12 10/900; hakkında köşe 22 12px; Katıl 51px köşe 17
   16/900. Sohbet: üst 61px, balon köşe 16 kuyruk 4 %80, gönderen 11/700 altın, metin 14, saat 9; yazma alanı 48/50px.
   Ayarlar: afiş köşe 20, kutular köşe 18, satır 58px (ikon 42 köşe 11, 13/700 + 10), seçim/düğme 38px köşe 10. */
body.cl-tp{background:var(--cl-tp-bg)}
body.cl-tp .app{background:var(--cl-tp-bg);color:var(--cl-tp-ink)}
.cltp{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-tp-bg);color:var(--cl-tp-ink)}
.cltp-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;height:62px;padding:0 14px;border-bottom:1px solid var(--cl-tp-cizgi);background:var(--cl-tp-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-tp-ust-ink)}
.cltp-geri{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--cl-tp-geri);color:var(--cl-tp-ust-ink);text-decoration:none}
.cltp-baslik{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;letter-spacing:-.5px}
.cltp-ekle{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--cl-tp-birincil);color:var(--cl-tp-birincil-ink);text-decoration:none}
.cltp-ust-bos{flex:none;width:38px;height:38px}
.cltp-selam{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;margin:14px 16px 16px;padding:12px;border-radius:24px;border:1px solid var(--cl-tp-selam-cizgi);background:var(--cl-tp-selam)}
.cltp-selam-foto{display:block;min-height:104px;border-radius:18px;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18)),var(--tp-foto,linear-gradient(145deg,#17382f,#0d1f1a)) center/cover no-repeat}
.cltp-selam-yazi{min-width:0;align-self:center}
.cltp-selam-yazi small{display:block;color:var(--cl-tp-vurgu);font-size:7px;font-weight:950;letter-spacing:1px}
.cltp-selam-yazi h1{margin:5px 0 2px;font-size:21px;font-weight:700;line-height:1.05;letter-spacing:-.55px}
.cltp-selam-yazi p{margin:0;color:var(--cl-tp-sub);font-size:10px}
.cltp-baloncuk{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cltp-baloncuk span{padding:6px 8px;border-radius:11px 11px 11px 3px;border:1px solid var(--cl-tp-selam-cizgi);background:var(--cl-tp-balon1);color:var(--cl-tp-balon1-ink);font-size:8px}
.cltp-baloncuk span+span{border-radius:11px 11px 3px 11px;background:var(--cl-tp-balon2);color:var(--cl-tp-balon2-ink)}
.cltp-ara{display:flex;align-items:center;gap:9px;height:43px;margin:0 16px 12px;padding:0 13px;border-radius:14px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);color:var(--cl-tp-sub)}
.cltp-ara input[type="search"]{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--cl-tp-ink);font:inherit;font-size:11px;-webkit-appearance:none;appearance:none}
.cltp-ara input::placeholder{color:var(--cl-tp-sub);opacity:1}
.cltp-sekmeler{display:flex;gap:8px;padding:0 16px 14px}
.cltp-sekmeler a{display:inline-flex;align-items:center;height:30.5px;padding:0 13px;border-radius:99px;border:1px solid var(--cl-tp-sekme-cizgi);background:var(--cl-tp-sekme);color:var(--cl-tp-sekme-ink);font-size:9px;font-weight:850;text-decoration:none}
.cltp-sekmeler a.on{border-color:var(--cl-tp-sekme-on);background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink)}
.cltp-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 8px}
.cltp-bas h2{margin:0;font-size:18px;font-weight:700}
.cltp-bas span{color:var(--cl-tp-sub);font-size:7px;letter-spacing:.5px}
.cltp-liste{display:flex;flex-direction:column}
.cltp-bos{margin:0;padding:28px 16px;color:var(--cl-tp-sub);font-size:11px;text-align:center}
.cltp-kart{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:12px;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart)}
.cltp-kart-link{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:62px minmax(0,1fr);gap:13px;align-items:center;color:inherit;text-decoration:none}
.cltp-avatar{display:grid;place-items:center;width:62px;height:62px;overflow:hidden;border-radius:17px;background:var(--cl-tp-logo);color:var(--cl-tp-ink);font-size:22px;font-weight:800}
.cltp-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.cltp-kart-m{min-width:0}
.cltp-kart-m h3{margin:0 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700}
.cltp-kart-m p{display:-webkit-box;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cl-tp-sub);font-size:9px}
.cltp-kart form{margin:0}
.cltp-katil-btn{flex:none;display:inline-grid;place-items:center;min-width:58px;height:29px;padding:0 10px;border-radius:11px;border:1px solid var(--cl-tp-sekme-cizgi);background:var(--cl-tp-ikincil);color:var(--cl-tp-ink);font:inherit;font-size:8px;font-weight:900;white-space:nowrap;text-decoration:none;cursor:pointer}
.cltp-katil-btn.cltp-katildin{border-color:transparent;background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink)}
.cltp-katil-btn.bekliyor,.cltp-katil-btn.kapali{color:var(--cl-tp-sub)}
.cltp-kur{margin:18px 12px 28px;padding:16px;border-radius:18px;border:1px dashed var(--cl-tp-sekme-cizgi);background:var(--cl-tp-kart)}
.cltp-kur b{display:block;font-size:15px;font-weight:700}
.cltp-kur p{margin:5px 0 11px;color:var(--cl-tp-sub);font-size:9px}
.cltp-kur a{display:grid;place-items:center;height:36px;border-radius:11px;background:var(--cl-tp-birincil);color:var(--cl-tp-birincil-ink);font-size:10px;font-weight:900;text-decoration:none}
.cltp-kapak{height:220px;background:linear-gradient(180deg,transparent,var(--cl-tp-bg)),var(--tp-kapak,linear-gradient(145deg,#17382f,#0b1b26)) center/cover no-repeat}
.cltp-kimlik{position:relative;display:flex;align-items:flex-end;gap:15px;margin:-58px 18px 0}
.cltp-logo{flex:none;display:grid;place-items:center;width:108px;height:108px;border-radius:29px;border:5px solid var(--cl-tp-bg);background:var(--cl-tp-logo);color:var(--cl-tp-ink);font-size:35px;font-weight:800}
.cltp-kimlik div{min-width:0;padding-bottom:4px}
.cltp-kimlik h1{margin:0 0 6px;font-size:27px;font-weight:700;line-height:1.1;overflow-wrap:anywhere}
.cltp-kimlik p{margin:0;color:var(--cl-tp-sub);font-size:11px}
.cltp-eylemler{display:flex;gap:8px;margin-top:12px;padding:12px 14px;border-bottom:1px solid var(--cl-tp-cizgi)}
.cltp-eylemler a{flex:1 1 0;display:grid;place-items:center;height:34px;border-radius:12px;font-size:10px;font-weight:900;text-decoration:none}
.cltp-eylem-sohbet{background:var(--cl-tp-mavi);color:var(--cl-tp-mavi-ink)}
.cltp-eylem-ayar{background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink)}
.cltp-eylem-gonderi{background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink)}
.cltp-hakkinda{margin:18px 18px 20px;padding:18px;border-radius:22px;background:var(--cl-tp-kart);color:var(--cl-tp-sub);font-size:12px;line-height:1.55}
.cltp-konum{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:11px}
.cltp-kurallar{margin:0 18px 20px}
.cltp-kurallar h2{margin:0 0 10px;font-size:15px;font-weight:700}
.cltp-kural{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:11px 12px;border-radius:14px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart)}
.cltp-kural i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ink);font-size:11px;font-style:normal;font-weight:900}
.cltp-kural b{font-size:12px;font-weight:700}
.cltp-uyari{margin:10px 2px 0;color:var(--cl-tp-sub);font-size:10px;line-height:1.5}
.cltp-katil{padding:12px 18px 16px}
.cltp-katil form{margin:0}
.cltp-katil > form + form,.cltp-katil > form + .cltp-not{margin-top:8px}
.cltp-katil-buyuk{display:grid;place-items:center;width:100%;height:51px;border:0;border-radius:17px;background:var(--cl-tp-mavi);color:var(--cl-tp-mavi-ink);font:inherit;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer}
.cltp-katil-buyuk.ikincil{background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink)}
.cltp-davet-katil{display:grid;gap:8px}
.cltp-davet-katil input{height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);color:var(--cl-tp-ink);font:inherit;font-size:14px;text-transform:uppercase}
.cltp-not{margin:0;color:var(--cl-tp-sub);font-size:12px;text-align:center}
body.cl-tp-sohbet .cltp{padding-bottom:0}
.cltp-sohbet{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}
.cltp-sohbet-bas{flex:none;display:flex;align-items:center;gap:10px;height:61px;padding:9px 12px;border-bottom:1px solid var(--cl-tp-msj-cizgi);background:var(--cl-tp-ust);color:var(--cl-tp-ust-ink)}
.cltp-sohbet-bas .cltp-geri{width:42px;height:42px}
.cltp-sohbet-bas div{flex:1 1 auto;min-width:0}
.cltp-sohbet-bas b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.cltp-sohbet-bas p{margin:2px 0 0;color:var(--cl-tp-sub);font-size:10px}
.cltp-sohbet-ayar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cl-tp-geri);color:var(--cl-tp-ikincil-ink);text-decoration:none}
.cltp-sohbet-not{flex:none;margin:10px 13px 0;padding:10px 12px;border-radius:13px;background:var(--cl-tp-msj);color:var(--cl-tp-sub);font-size:10px;line-height:1.4}
.cltp-mesajlar{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:11px;padding:12px 13px 18px;overflow-y:auto;overscroll-behavior:contain}
.cltp-msj{max-width:80%;padding:12px 14px;border-radius:16px 16px 16px 4px;border:1px solid var(--cl-tp-msj-cizgi);background:var(--cl-tp-msj);color:var(--cl-tp-msj-ink);align-self:flex-start}
.cltp-msj.ben{border-radius:16px 16px 4px 16px;border-color:var(--cl-tp-benim-cizgi);background:var(--cl-tp-benim);align-self:flex-end}
.cltp-msj b{display:block;margin-bottom:4px;color:var(--cl-tp-gonderen);font-size:11px;font-weight:700}
.cltp-msj > span{display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.cltp-msj small{display:block;margin-top:6px;color:var(--cl-tp-sub);font-size:9px;text-align:right}
.cltp-msj small button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}
.cltp-msj-medya{display:block;margin:2px 0 6px;overflow:hidden;border-radius:12px}
.cltp-msj-medya img,.cltp-msj-medya video{display:block;max-width:100%;max-height:320px;border-radius:12px}
.cltp-yaz{flex:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;margin:0;padding:10px 11px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cl-tp-msj-cizgi);background:var(--cl-tp-ust)}
.cltp-yaz-ek{display:grid;place-items:center;height:50px;border-radius:15px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ink);font-size:23px;cursor:pointer}
.cltp-yaz input[name="body"]{min-width:0;height:50px;margin:0;padding:0 14px;border-radius:13px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);color:var(--cl-tp-ink);font:inherit;font-size:16px;outline:0}
.cltp-yaz button[type="submit"]{height:50px;padding:0 14px;border:0;border-radius:13px;background:var(--cl-tp-mavi);color:var(--cl-tp-mavi-ink);font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.cltp-yaz button:disabled{opacity:.6}
.cltp-yaz-dosya{grid-column:1/-1;padding:6px 10px;border-radius:10px;background:var(--cl-tp-msj);color:var(--cl-tp-sub);font-size:11px;cursor:pointer}
.cltp-sohbet-kapi{flex:none;display:grid;gap:10px;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cl-tp-msj-cizgi);background:var(--cl-tp-ust);text-align:center}
.cltp-sohbet-kapi p{margin:0;color:var(--cl-tp-sub);font-size:12px}
.cltp-sohbet-kapi a,.cltp-sohbet-kapi button{display:grid;place-items:center;height:44px;width:100%;border:0;border-radius:13px;background:var(--cl-tp-mavi);color:var(--cl-tp-mavi-ink);font:inherit;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}
.cltp-sohbet-kapi form{margin:0}
.cltp-ayarlar{padding:14px 12px 50px}
.cltp-banner{margin:0 0 14px;padding:18px;border-radius:20px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-banner)}
.cltp-banner b{display:block;font-size:16px;font-weight:700}
.cltp-banner p{margin:5px 0 0;color:var(--cl-tp-sub);font-size:11px;line-height:1.5}
.cltp-kutu{margin:0 0 14px;overflow:hidden;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart)}
.cltp-kutu h3{margin:0;padding:16px;border-bottom:1px solid var(--cl-tp-cizgi);font-size:15px;font-weight:700}
.cltp-satir{display:flex;align-items:center;gap:12px;min-height:58px;margin:0;padding:14px;border-bottom:1px solid var(--cl-tp-cizgi);color:inherit;text-decoration:none}
.cltp-kutu > :last-child,.cltp-kutu > details:last-child > summary{border-bottom:0}
.cltp-satir-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ink)}
.cltp-satir-m{flex:1 1 auto;min-width:0}
.cltp-satir-m b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700}
.cltp-satir-m small{display:block;margin-top:3px;color:var(--cl-tp-sub);font-size:10px}
.cltp-satir select,.cltp-satir-btn{flex:none;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--cl-tp-sekme-cizgi);background:var(--cl-tp-ikincil);color:var(--cl-tp-ink);font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.cltp-satir-btn{display:inline-grid;place-items:center;text-decoration:none}
.cltp-satir-btn.soluk{color:var(--cl-tp-sub)}
.cltp-satir-btn.tehlike{border-color:var(--cl-tp-tehlike-cizgi);color:var(--cl-tp-tehlike)}
.cltp-satir form{margin:0}
.cltp-satir-form{display:block}
.cltp-iki-dugme{display:flex;gap:6px}
.cltp-uye-av{flex:none;display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:var(--cl-tp-logo);color:var(--cl-tp-ink);font-size:15px;font-weight:800}
.cltp-uye-av img{display:block;width:100%;height:100%;object-fit:cover}
.cltp-rozet{flex:none;padding:6px 9px;border-radius:9px;background:var(--cl-tp-balon1);color:var(--cl-tp-vurgu);font-size:9px;font-weight:950;letter-spacing:.5px}
.cltp-rozet.soluk{background:var(--cl-tp-ikincil);color:var(--cl-tp-sub)}
.cltp-acilir > summary{list-style:none;cursor:pointer}
.cltp-acilir > summary::-webkit-details-marker{display:none}
.cltp-acilir[open] > summary{background:var(--cl-tp-alan)}
.cltp-acilir-form{display:grid;gap:10px;padding:12px 14px 16px;border-bottom:1px solid var(--cl-tp-cizgi)}
.cltp-kaydet{height:42px;border:0;border-radius:12px;background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.cltp-anahtar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;cursor:pointer}
.cltp-anahtar span{min-width:0}
.cltp-anahtar b{display:block;font-size:13px;font-weight:700}
.cltp-anahtar small{display:block;margin-top:3px;color:var(--cl-tp-sub);font-size:10px}
.cltp-anahtar input{flex:none;width:20px;height:20px;accent-color:var(--cl-tp-mavi)}
.cltp-tehlike{margin:14px 0 0;overflow:hidden;border-radius:18px;border:1px solid var(--cl-tp-tehlike-cizgi);background:var(--cl-tp-tehlike-bg)}
.cltp-tehlike h3{margin:0;padding:14px 16px;border-bottom:1px solid var(--cl-tp-tehlike-cizgi);color:var(--cl-tp-tehlike);font-size:12px;font-weight:700}
.cltp-tehlike form{margin:0}
.cltp-tehlike button{display:block;width:100%;height:42px;border:0;border-bottom:1px solid var(--cl-tp-tehlike-cizgi);background:none;color:var(--cl-tp-tehlike);font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.cltp-tehlike form:last-child button{border-bottom:0}
.cltp-devret{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--cl-tp-tehlike-cizgi)}
.cltp-devret select{height:42px;margin:10px 14px 0;padding:0 10px;border-radius:10px;border:1px solid var(--cl-tp-tehlike-cizgi);background:var(--cl-tp-kart);color:var(--cl-tp-ink);font:inherit;font-size:12px}
.cltp-form{padding:12px 12px 40px}
.cltp-adimlar{display:flex;gap:6px;margin-bottom:12px}
.cltp-adimlar span{flex:1 1 0;padding:8px 6px;border-radius:10px;background:var(--cl-tp-ikincil);color:var(--cl-tp-sub);font-size:9px;font-weight:900;text-align:center}
.cltp-adimlar span.on{background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink)}
.cltp-form-hero{margin:0 0 12px;padding:18px;border-radius:20px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-banner)}
.cltp-form-hero small{display:block;color:var(--cl-tp-vurgu);font-size:8px;font-weight:950;letter-spacing:1px}
.cltp-form-hero h1{margin:6px 0 6px;font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.5px}
.cltp-form-hero p{margin:0;color:var(--cl-tp-sub);font-size:11px;line-height:1.5}
.cltp-bolum{display:grid;gap:10px;margin:0 0 12px;padding:16px;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart)}
.cltp-bolum h3{margin:0;font-size:15px;font-weight:700}
.cltp-bolum > p{margin:-4px 0 2px;color:var(--cl-tp-sub);font-size:11px;line-height:1.45}
.cltp-kapak-sec{display:flex;align-items:center;gap:12px}
.cltp-kapak-onizle{flex:none;display:grid;place-items:center;width:78px;height:78px;border-radius:20px;border:1px dashed var(--cl-tp-sekme-cizgi);background:var(--cl-tp-alan) center/cover no-repeat;color:var(--cl-tp-sub);font-size:26px}
.cltp-kapak-sec b{display:block;font-size:12px;font-weight:700}
.cltp-kapak-sec span{display:block;margin:3px 0 8px;color:var(--cl-tp-sub);font-size:10px}
.cltp-dugme-kucuk{display:inline-grid;place-items:center;height:32px;padding:0 12px;border-radius:10px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ink);font-size:11px;font-weight:800;cursor:pointer}
.cltp-alan{display:grid;gap:6px}
.cltp-alan > span{color:var(--cl-tp-ink);font-size:11px;font-weight:800}
.cltp-alan small{color:var(--cl-tp-sub);font-weight:600}
.cltp-alan input,.cltp-alan textarea,.cltp-alan select{width:100%;min-width:0;margin:0;padding:12px;border-radius:12px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);color:var(--cl-tp-ink);font:inherit;font-size:14px;outline:0}
.cltp-alan textarea{min-height:96px;resize:vertical}
.cltp-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cltp-secenek{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);cursor:pointer}
.cltp-secenek input{flex:none;margin-top:2px;accent-color:var(--cl-tp-mavi)}
.cltp-secenek b{display:block;font-size:12px;font-weight:800}
.cltp-secenek small{display:block;margin-top:3px;color:var(--cl-tp-sub);font-size:10px;line-height:1.4}
.cltp-kural-alan{display:flex;align-items:center;gap:8px}
.cltp-kural-alan i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--cl-tp-ikincil);font-size:11px;font-style:normal;font-weight:900}
.cltp-kural-alan input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);color:var(--cl-tp-ink);font:inherit;font-size:13px}
.cltp-form .ugc-notice{margin:0 0 12px}
.cltp-form-alt{display:grid;grid-template-columns:1fr 2fr;gap:8px}
.cltp-vazgec{display:grid;place-items:center;height:48px;border-radius:14px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink);font-size:12px;font-weight:900;text-decoration:none}
.cltp-olustur{height:48px;border:0;border-radius:14px;background:var(--cl-tp-birincil);color:var(--cl-tp-birincil-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
body.cl-kyd{background:var(--cl-tp-bg)}
body.cl-kyd .app{background:var(--cl-tp-bg);color:var(--cl-tp-ink)}
.clkyd{min-height:100vh;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));background:var(--cl-tp-bg);color:var(--cl-tp-ink)}
.clkyd-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;height:62px;padding:0 14px;border-bottom:1px solid var(--cl-tp-cizgi);background:var(--cl-tp-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-tp-ust-ink)}
.clkyd-geri{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--cl-tp-geri);color:var(--cl-tp-ust-ink);text-decoration:none}
.clkyd-ust b{flex:1 1 auto;min-width:0;font-size:17px;font-weight:700;letter-spacing:-.5px}
.clkyd-ust > span{flex:none;width:38px}
.clkyd-sekmeler{display:flex;gap:8px;padding:14px 16px 10px}
.clkyd-sekmeler a{flex:1 1 0;display:grid;place-items:center;height:36px;border-radius:12px;border:1px solid var(--cl-tp-sekme-cizgi);background:var(--cl-tp-sekme);color:var(--cl-tp-sekme-ink);font-size:12px;font-weight:800;text-decoration:none}
.clkyd-sekmeler a.on{border-color:var(--cl-tp-sekme-on);background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink)}
.clkyd-ara{display:flex;align-items:center;gap:9px;height:43px;margin:0 16px 10px;padding:0 13px;border-radius:14px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);color:var(--cl-tp-sub)}
.clkyd-ara input[type="search"]{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--cl-tp-ink);font:inherit;font-size:13px;-webkit-appearance:none;appearance:none}
.clkyd-ara input::placeholder{color:var(--cl-tp-sub);opacity:1}
.clkyd-turler{display:flex;gap:6px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none}
.clkyd-turler::-webkit-scrollbar{display:none}
.clkyd-turler a{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--cl-tp-sekme-cizgi);background:var(--cl-tp-sekme);color:var(--cl-tp-sekme-ink);font-size:11px;font-weight:800;text-decoration:none}
.clkyd-turler a.on{border-color:var(--cl-tp-sekme-on);background:var(--cl-tp-sekme-on);color:var(--cl-tp-sekme-on-ink)}
.clkyd-liste{display:flex;flex-direction:column;gap:8px;padding:0 12px}
.clkyd-kart{display:flex;align-items:center;gap:12px;padding:10px;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart);transition:opacity .2s,transform .2s}
.clkyd-kart.kyd-gidiyor{opacity:0;transform:scale(.97)}
.clkyd-kapak{flex:none;display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border-radius:14px;background:var(--cl-tp-alan);color:var(--cl-tp-sub)}
.clkyd-kapak img{display:block;width:100%;height:100%;object-fit:cover}
.clkyd-m{flex:1 1 auto;min-width:0}
.clkyd-m small{display:block;color:var(--cl-tp-vurgu);font-size:10px;font-weight:900;letter-spacing:.5px}
.clkyd-m h3{display:-webkit-box;margin:3px 0 4px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.clkyd-m h3 a{color:inherit;text-decoration:none}
.clkyd-m span{color:var(--cl-tp-sub);font-size:11px}
.clkyd-kaldir{flex:none;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink);cursor:pointer}
.clkyd-kaldir.on svg{fill:currentColor}
.clkyd-bos{display:grid;justify-items:center;gap:8px;margin:30px 16px;padding:28px 18px;border-radius:20px;border:1px dashed var(--cl-tp-kart-cizgi);color:var(--cl-tp-sub);text-align:center}
.clkyd-bos b{color:var(--cl-tp-ink);font-size:14px}
.clkyd-bos small{font-size:12px;line-height:1.5}
.cltp-gonderiler{display:flex;flex-direction:column;gap:10px;padding:12px 12px 40px}
.cltp-gonderiler > .cltp-not{padding:10px 0}
.cltp-paylas{display:grid;gap:10px;margin:0;padding:12px;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart)}
.cltp-paylas textarea{width:100%;min-height:78px;margin:0;padding:10px 12px;border-radius:12px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);box-shadow:none;color:var(--cl-tp-ink);font:inherit;font-size:13px;line-height:1.5;resize:vertical}
.cltp-paylas textarea::placeholder{color:var(--cl-tp-sub);opacity:1}
.cltp-paylas-alt{display:flex;align-items:center;gap:8px}
.cltp-paylas-foto{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:11px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink);font-size:12px;font-weight:800;cursor:pointer}
.cltp-paylas-dosya{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-tp-sub);font-size:11px}
.cltp-paylas-alt button{flex:none;height:36px;padding:0 18px;border:0;border-radius:11px;background:var(--cl-tp-birincil);color:var(--cl-tp-birincil-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.cltp-paylas .cltp-not{font-size:11px;text-align:left}
.cltp-gonderi{margin:0;padding:14px;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart)}
.cltp-gonderi.bekliyor{border-style:dashed}
.cltp-g-bas{display:flex;align-items:center;gap:10px}
.cltp-g-av{flex:none;display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background:var(--cl-tp-logo);color:var(--cl-tp-ink);font-size:15px;font-weight:800;text-decoration:none}
.cltp-g-av img{display:block;width:100%;height:100%;object-fit:cover}
.cltp-g-kim{flex:1 1 auto;min-width:0}
.cltp-g-kim a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-tp-ink);font-size:13px;font-weight:700;text-decoration:none}
.cltp-g-kim small{display:block;margin-top:2px;color:var(--cl-tp-sub);font-size:10px}
.cltp-g-rozet{flex:none;padding:5px 8px;border-radius:9px;background:var(--cl-tp-balon1);color:var(--cl-tp-vurgu);font-size:9px;font-weight:900;letter-spacing:.3px}
.cltp-g-rozet.uyari{background:var(--cl-tp-alan);color:var(--cl-tp-gonderen)}
.cltp-g-not{margin:10px 0 0;padding:9px 11px;border-radius:11px;border:1px solid var(--cl-tp-tehlike-cizgi);background:var(--cl-tp-tehlike-bg);color:var(--cl-tp-tehlike);font-size:11px;line-height:1.45}
.cltp-g-baslik{margin:12px 0 0;font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.cltp-g-metin{margin-top:8px;color:var(--cl-tp-ink);font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.cltp-g-fotolar{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;overflow:hidden;border-radius:14px}
.cltp-g-fotolar a{position:relative;display:block;min-width:0;background:var(--cl-tp-alan)}
.cltp-g-fotolar img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.cltp-g-fotolar.n1{grid-template-columns:1fr}
.cltp-g-fotolar.n1 img{aspect-ratio:auto;max-height:460px}
.cltp-g-fotolar.n3 a:first-child{grid-row:span 2}
.cltp-g-fotolar span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.48);color:#fff;font-size:20px;font-weight:800}
.cltp-g-alt{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--cl-tp-cizgi)}
.cltp-g-alt form,.cltp-g-mod form{margin:0}
.cltp-g-begen,.cltp-g-sayi{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:0;border-radius:10px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink);font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.cltp-g-begen.on{color:var(--cl-tp-begen)}
.cltp-g-begen.on svg{fill:currentColor}
.cltp-g-begen:disabled{opacity:.6}
span.cltp-g-sayi{cursor:default}
.cltp-g-bosluk{flex:1 1 auto}
.cltp-g-kucuk{height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--cl-tp-sekme-cizgi);background:none;color:var(--cl-tp-sub);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.cltp-g-kucuk.tehlike{border-color:var(--cl-tp-tehlike-cizgi);color:var(--cl-tp-tehlike)}
.cltp-g-mod{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--cl-tp-cizgi)}
.cltp-g-mod button{height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--cl-tp-sekme-cizgi);background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.cltp-g-mod button.birincil{border-color:transparent;background:var(--cl-tp-mavi);color:var(--cl-tp-mavi-ink)}
.cltp-g-mod button.tehlike{border-color:var(--cl-tp-tehlike-cizgi);background:var(--cl-tp-tehlike-bg);color:var(--cl-tp-tehlike)}
.cltp-daha{display:grid;place-items:center;height:42px;border-radius:13px;background:var(--cl-tp-ikincil);color:var(--cl-tp-ikincil-ink);font-size:12px;font-weight:800;text-decoration:none}
.cltp-yorumlar{padding:14px;border-radius:18px;border:1px solid var(--cl-tp-kart-cizgi);background:var(--cl-tp-kart);scroll-margin-top:72px}
.cltp-yorumlar h2{margin:0 0 4px;font-size:14px;font-weight:700}
.cltp-yorumlar .cltp-bos{padding:18px 0}
.cltp-yorum{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--cl-tp-cizgi)}
.cltp-yorum .cltp-g-av{width:34px;height:34px;font-size:13px}
.cltp-yorum > div{flex:1 1 auto;min-width:0}
.cltp-yorum b{display:block;font-size:12px;font-weight:700}
.cltp-yorum p{margin:3px 0 4px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.cltp-yorum small{color:var(--cl-tp-sub);font-size:10px}
.cltp-yorum small form{display:inline;margin:0}
.cltp-yorum small button{padding:0;border:0;background:none;color:var(--cl-tp-sub);font:inherit;font-weight:700;cursor:pointer}
.cltp-yorum-yaz{display:flex;gap:8px;margin:12px 0 0}
.cltp-yorum-yaz input{flex:1 1 auto;min-width:0;height:42px;margin:0;padding:0 12px;border-radius:12px;border:1px solid var(--cl-tp-alan-cizgi);background:var(--cl-tp-alan);box-shadow:none;color:var(--cl-tp-ink);font:inherit;font-size:13px}
.cltp-yorum-yaz input::placeholder{color:var(--cl-tp-sub);opacity:1}
.cltp-yorum-yaz button{flex:none;height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--cl-tp-mavi);color:var(--cl-tp-mavi-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.cltp-yorumlar > .cltp-not{margin-top:12px}

/* ── Profil · şehir yüzeyi (cide_775 cl900 "Profil / Bireysel profil"; hesabim.php, hesabim.js) ──
   Harman profili (/profil) ayrı ve aynen. Ölçü (390 px, koyu): üst 62px (dolgu 9 13, ızgara 43 1fr auto, aralık 10;
   geri 42px köşe 14; başlık 15/700 + 9.5; işletme anahtarı 42px en fazla 176 köşe 14, 27px avatar, 9.5/700 + 8);
   kapak 174px (taslağın çizimi: degrade + daire + dalga + 34px ızgara, marka yazısı), kamera 42px köşe 14 sağ-alt 14;
   künye dolgu 0 15 16, avatar 92px daire 4px zemin çerçeve -46 bindirme; Paylaş / Profili düzenle 38px köşe 12 16px;
   ad 23/700 -.7 + 19px doğrulama; @kullanıcı 11; biyografi 12/1.55; haplar 8.5/800 dolgu 5 8; sayılar 3 sütun köşe 17
   (14/700 + 8.5); not köşe 16 dolgu 12 (33px ikon köşe 11, 10.5/700 + 9); bölüm dolgu 15 (başlık 15/700, 9.5, etiket
   8.5/900 aralık .7); modül 2 sütun 108px köşe 18 (37px ikon köşe 13, 11/700 + 8.5); kontrol 3 sütun köşe 15
   (31px ikon, 10.5/700 + 8.2); Tüm CideLife 3 sütun 82px köşe 16 (31px ikon, 8.7/700 + 7). Pencereler köşe 27 (tutamak
   42×4, başlık 18/700 + 9.5, kapat 35px köşe 12); hesap satırı 63px köşe 17 (42px avatar); form aralık 11 (etiket
   8/900 .55, alan köşe 14 dolgu 12 16px), medya satırı köşe 16 (70px / 114×70 önizleme, 34px seç düğmesi köşe 10),
   kaydet 47px; ayar satırı köşe 15 dolgu 13 (11.5/700 + 9, 42×24 anahtar), bağlantı satırı 36 1fr 20. */
body.cl-pf{background:var(--cl-pf-bg)}
body.cl-pf .app{background:var(--cl-pf-bg);color:var(--cl-pf-ink)}
.clpf{min-height:100vh;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));background:var(--cl-pf-zemin);color:var(--cl-pf-ink);line-height:normal}
.clpf a{-webkit-tap-highlight-color:transparent}
.clpf-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:calc(62px + env(safe-area-inset-top,0px));padding:calc(9px + env(safe-area-inset-top,0px)) 13px 9px;border-bottom:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-ust);color:var(--cl-pf-ust-ink)}
.clpf-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-geri);box-shadow:var(--cl-pf-geri-golge);color:var(--cl-pf-ust-ink);text-decoration:none}
.clpf-baslik{min-width:0}
.clpf-baslik b{display:block;font-size:15px;font-weight:700;line-height:1.1}
.clpf-baslik small{display:block;margin-top:4px;color:var(--cl-pf-sub);font-size:9.5px}
.clpf-hesap{display:flex;align-items:center;gap:8px;width:min(176px,46vw);height:42px;padding:0 10px;border-radius:14px;border:1px solid var(--cl-pf-isletme-cizgi);background:var(--cl-pf-isletme-bg);color:var(--cl-pf-ink);text-decoration:none;transition:transform .16s ease}
.clpf-hesap:active{transform:scale(.975)}
.clpf-hesap-av{flex:0 0 27px;display:grid;place-items:center;width:27px;height:27px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#275463,#17323b);color:#f4fafb;font-size:11px;font-weight:900}
.clpf-hesap-av img{width:100%;height:100%;object-fit:cover}
.clpf-hesap-m{flex:1;min-width:0}
.clpf-hesap-m b,.clpf-hesap-m small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.clpf-hesap-m b{font-size:9.5px;font-weight:700}
.clpf-hesap-m small{margin-top:2px;color:var(--cl-pf-sub);font-size:8px}
.clpf-hesap>i{flex:none;color:var(--cl-pf-isletme-ok);font-size:16px;font-style:normal;line-height:1}
.clpf-kapak{position:relative;height:174px;overflow:hidden;background:linear-gradient(180deg,transparent 45%,rgba(5,13,17,.76)),var(--pf-kapak,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 520' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23123842'/%3E%3Cstop offset='1' stop-color='%23071116'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='520' fill='url(%23g)'/%3E%3Ccircle cx='936' cy='114.4' r='119.6' fill='%233ddfe5' opacity='.13'/%3E%3Cpath d='M0 390Q264 249.6 552 374.4T1200 322.4V520H0Z' fill='%232ae0a4' opacity='.13'/%3E%3C/svg%3E"));background-position:center;background-size:cover;background-repeat:no-repeat}
.clpf-kapak::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}
.clpf-kapak-marka{position:absolute;left:0;right:0;top:54%;transform:translateY(-50%);color:#e9feff;font:700 31px/1 Arial,sans-serif;text-align:center;pointer-events:none}
.clpf-kapak-duzenle{position:absolute;right:14px;bottom:14px;z-index:4;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(4,13,18,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.24);color:#fff}
.clpf-kunye{position:relative;padding:0 15px 16px}
.clpf-kimlik{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:13px;margin-top:-46px}
.clpf-avatar{flex:0 0 92px;display:grid;place-items:center;width:92px;height:92px;overflow:hidden;border-radius:50%;border:4px solid var(--cl-pf-avatar-cerceve);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%2317434d'/%3E%3Cstop offset='1' stop-color='%23071116'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='320' fill='url(%23g)'/%3E%3Ccircle cx='249.6' cy='70.4' r='73.6' fill='%233ddfe5' opacity='.13'/%3E%3Cpath d='M0 240Q70.4 153.6 147.2 230.4T320 198.4V320H0Z' fill='%232ae0a4' opacity='.13'/%3E%3C/svg%3E") center/cover no-repeat;box-shadow:var(--cl-pf-avatar-golge);color:#f4ffff;font:700 15px/1 Arial,sans-serif}
.clpf-avatar img{width:100%;height:100%;object-fit:cover}
.clpf-dugmeler{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;padding-bottom:5px}
.clpf-paylas,.clpf-duzenle{display:inline-flex;align-items:center;height:38px;padding:0 13px;border-radius:12px;font:inherit;font-size:16px;font-weight:400;white-space:nowrap;text-decoration:none;cursor:pointer}
.clpf-paylas{border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-dugme);color:var(--cl-pf-ink)}
.clpf-duzenle{border:0;background:var(--cl-pf-birincil-bg);color:var(--cl-pf-birincil-ink)}
.clpf-ad{display:flex;align-items:center;gap:7px;margin-top:14px}
.clpf-ad h1{margin:0;min-width:0;font-size:23px;font-weight:700;line-height:1.08;letter-spacing:-.7px;overflow-wrap:anywhere}
.clpf-dogrulama{flex:none;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--cl-pf-vurgu);color:var(--cl-pf-vurgu-ink)}
.clpf-kullanici{margin-top:4px;color:var(--cl-pf-sub);font-size:11px}
.clpf-bio{max-width:640px;margin:10px 0 0;color:var(--cl-pf-bio);font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.clpf-haplar{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.clpf-haplar span{display:inline-flex;align-items:center;gap:3px;padding:5px 8px;border-radius:999px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-hap);color:var(--cl-pf-hap-ink);font-size:8.5px;font-weight:800}
.clpf-sayilar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;overflow:hidden;border-radius:17px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-sayi-bg);box-shadow:var(--cl-pf-kart-golge)}
.clpf-sayilar>*{display:block;padding:11px 6px;color:var(--cl-pf-ink);text-align:center;text-decoration:none}
.clpf-sayilar>*+*{border-left:1px solid var(--cl-pf-cizgi)}
.clpf-sayilar b{display:block;font-size:14px;font-weight:700}
.clpf-sayilar small{display:block;margin-top:3px;color:var(--cl-pf-sub);font-size:8.5px}
.clpf-not{display:flex;align-items:flex-start;gap:10px;margin:0 15px 2px;padding:12px;border-radius:16px;border:1px solid var(--cl-pf-panel-cizgi);background:var(--cl-pf-panel-bg)}
.clpf-not-ic{flex:0 0 33px;display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--cl-pf-ikon);color:var(--cl-pf-ikon-ink)}
.clpf-not b{display:block;font-size:10.5px;font-weight:700}
.clpf-not span:not(.clpf-not-ic){display:block;margin-top:3px;color:var(--cl-pf-panel-ink);font-size:9px;line-height:1.45}
.clpf-bolum{padding:15px}
.clpf-bolum+.clpf-bolum{padding-top:5px}
.clpf-bolum-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 10px}
.clpf-bolum-bas h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.25px}
.clpf-bolum-bas p{margin:4px 0 0;color:var(--cl-pf-sub);font-size:9.5px;line-height:1.4}
.clpf-bolum-bas>span{flex:none;color:var(--cl-pf-etiket);font-size:8.5px;font-weight:900;letter-spacing:.7px}
.clpf-moduller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clpf-modul{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:108px;padding:12px;overflow:hidden;border-radius:18px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-kart-bg);box-shadow:var(--cl-pf-kart-golge);color:var(--cl-pf-ink);text-decoration:none}
.clpf-modul:active,.clpf-kontrol:active,.clpf-tum a:active{transform:scale(.985)}
.clpf-modul-ic{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:var(--cl-pf-ikon);color:var(--cl-pf-ikon-ink)}
.clpf-modul b{margin-top:10px;font-size:11px;font-weight:700}
.clpf-modul small{display:block;margin-top:3px;color:var(--cl-pf-sub);font-size:8.5px;line-height:1.35}
.clpf-kontroller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clpf-kontrol{display:block;padding:12px 8px;border-radius:15px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-kart-bg);box-shadow:var(--cl-pf-kart-golge);color:var(--cl-pf-ink);text-decoration:none}
.clpf-kontrol .clpf-modul-ic{width:31px;height:31px;margin:0 0 8px;border-radius:10px}
.clpf-kontrol b{display:block;font-size:10.5px;font-weight:700}
.clpf-kontrol small{display:block;margin-top:3px;color:var(--cl-pf-sub);font-size:8.2px;line-height:1.25}
.clpf-tum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.clpf-tum a{display:block;min-height:82px;padding:10px 7px;border-radius:16px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-sayi-bg);box-shadow:var(--cl-pf-kart-golge);color:var(--cl-pf-ink);text-align:center;text-decoration:none}
.clpf-tum i{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 7px;border-radius:11px;background:var(--cl-pf-ikon);color:var(--cl-pf-ikon-ink);font-style:normal}
.clpf-tum b{display:block;font-size:8.7px;font-weight:700;line-height:1.25}
.clpf-tum small{display:block;margin-top:3px;color:var(--cl-pf-sub);font-size:7px;line-height:1.25}
.clpf-katman{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:var(--cl-pf-katman);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.clpf-katman[hidden]{display:none}
.clpf-katman-bd{position:absolute;inset:0}
.clpf-pencere{position:relative;width:100%;max-width:760px;max-height:min(86dvh,760px);overflow:auto;overscroll-behavior:contain;padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));border-radius:27px 27px 0 0;border:1px solid var(--cl-pf-cizgi);border-bottom:0;background:var(--cl-pf-pencere);box-shadow:var(--cl-pf-pencere-golge);color:var(--cl-pf-ink)}
.clpf-tutamak{display:block;width:42px;height:4px;margin:2px auto 14px;border-radius:999px;background:var(--cl-pf-tutamak)}
.clpf-pencere-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.clpf-pencere-bas h2{margin:0;font-size:18px;font-weight:700}
.clpf-pencere-bas p{margin:4px 0 0;color:var(--cl-pf-sub);font-size:9.5px}
.clpf-x{flex:none;display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--cl-pf-x);color:var(--cl-pf-ink);font-size:19px;line-height:1;text-decoration:none}
.clpf-hesaplar{display:grid;gap:8px}
.clpf-hesap-satir{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:63px;padding:10px;border-radius:17px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-satir);color:var(--cl-pf-ink);text-decoration:none}
.clpf-hesap-satir.on{border-color:var(--cl-pf-secili-cizgi);background:var(--cl-pf-secili)}
.clpf-hesap-satir .clpf-hesap-av{flex:none;width:42px;height:42px;background:#183943;font-size:16px}
.clpf-hesap-satir .clpf-hesap-av.isletme{background:#b86b2e;color:#1b0d04}
.clpf-hesap-satir .clpf-hesap-m b{font-size:10.5px}
.clpf-hesap-satir .clpf-hesap-m small{margin-top:3px;font-size:8.5px}
.clpf-hesap-satir>i{color:var(--cl-pf-sub);font-size:18px;font-style:normal}
.clpf-onay{display:grid;color:var(--cl-pf-onay)}
.clpf-isletme-yok{margin-top:10px;padding:13px;border-radius:17px;border:1px dashed var(--cl-pf-isletme-kesik);text-align:center}
.clpf-isletme-yok b{display:block;font-size:11px;font-weight:700}
.clpf-isletme-yok p{margin:5px 0 11px;color:var(--cl-pf-sub);font-size:9px;line-height:1.45}
.clpf-isletme-yok a{display:inline-flex;align-items:center;height:38px;padding:0 13px;border-radius:12px;background:var(--cl-pf-isletme-dugme);color:var(--cl-pf-isletme-dugme-ink);font-size:16px;text-decoration:none}
.clpf-hesap-ekle{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;margin-top:10px;border-radius:14px;border:1px dashed var(--cl-pf-cizgi);color:var(--cl-pf-ink);font-size:11px;font-weight:800;text-decoration:none}
.clpf-form{display:grid;gap:11px}
.clpf-alan{display:block}
.clpf-alan>span{display:block;margin:0 2px 6px;color:var(--cl-pf-alan-etiket);font-size:8px;font-weight:900;letter-spacing:.55px}
.clpf-alan input,.clpf-alan textarea{display:block;width:100%;margin:0;padding:12px;border-radius:14px;border:1px solid var(--cl-pf-cizgi);outline:0;background:var(--cl-pf-alan);box-shadow:none;color:var(--cl-pf-alan-ink);font:inherit;font-size:16px}
.clpf-alan textarea{min-height:88px;resize:none;line-height:1.5}
.clpf-alan input:focus,.clpf-alan textarea:focus{border-color:var(--cl-pf-vurgu)}
.clpf-alan.hata input{border-color:var(--cl-pf-cikis)}
.clpf-alan small{display:block;margin:5px 2px 0;color:var(--cl-pf-cikis);font-size:9.5px}
.clpf-medya{display:grid;gap:10px;margin:2px 0 12px}
.clpf-medya-satir{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:11px;border-radius:16px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-satir)}
.clpf-medya-satir.kapak{grid-template-columns:118px 1fr}
.clpf-medya-satir b{display:block;font-size:12px;font-weight:700}
.clpf-medya-satir small{display:block;margin:3px 0 8px;color:var(--cl-pf-sub);font-size:9.5px;line-height:1.4}
.clpf-medya-on{position:relative;display:block;overflow:hidden;border:1px solid var(--cl-pf-cizgi);background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;touch-action:manipulation}
.clpf-medya-on.avatar{width:70px;height:70px;border-radius:50%;background-color:transparent;background-image:var(--cl-pf-medya-avatar)}
.clpf-medya-on.kapak{width:114px;min-height:112px;border-radius:16px;background-color:var(--cl-pf-medya-kapak)}
.clpf-medya-rozet{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:7.5px;font-weight:900;white-space:nowrap;pointer-events:none}
.clpf-medya-kamera{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:grid;place-items:center;width:38px;height:31px;border-radius:9px;background:rgba(4,13,18,.76);color:#fff;pointer-events:none}
.clpf-medya-on:focus-within,.clpf-medya-on:focus-visible{outline:2px solid var(--cl-pf-vurgu);outline-offset:2px}
.clpf-dosya{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--cl-pf-dosya-cizgi);background:var(--cl-pf-dosya);color:var(--cl-pf-dosya-ink);font-size:9.5px;font-weight:850;cursor:pointer}
.clpf-dosya:focus-within{outline:2px solid var(--cl-pf-vurgu);outline-offset:2px}
.clpf-kaldir{display:inline-flex;align-items:center;gap:6px;height:34px;margin-left:5px;padding:0 12px;border-radius:10px;border:1px solid var(--cl-pf-cizgi);color:var(--cl-pf-ink);font-size:16px;cursor:pointer}
.clpf-kaldir input{width:15px;height:15px;margin:0;accent-color:var(--cl-pf-vurgu)}
.clpf-kaydet{display:block;width:100%;height:47px;margin-top:2px;border:0;border-radius:12px;background:var(--cl-pf-birincil-bg);color:var(--cl-pf-birincil-ink);font:inherit;font-size:16px;cursor:pointer}
.clpf-ayarlar{display:grid;gap:9px}
.clpf-ayar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:15px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-satir);cursor:pointer}
.clpf-ayar>span{min-width:0}
.clpf-ayar b{display:block;font-size:11.5px;font-weight:700}
.clpf-ayar small{display:block;margin-top:3px;color:var(--cl-pf-sub);font-size:9px}
.clpf-ayar input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.clpf-ayar>i{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:var(--cl-pf-anahtar);transition:background .2s}
.clpf-ayar>i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.clpf-ayar input:checked+i{background:var(--cl-pf-anahtar-on)}
.clpf-ayar input:checked+i::after{transform:translateX(18px)}
.clpf-ayar input:focus-visible+i{outline:2px solid var(--cl-pf-vurgu);outline-offset:2px}
.clpf-ayar-baglanti{display:grid;gap:9px;margin-top:9px}
.clpf-ayar-baglanti a{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px;width:100%;padding:12px;border-radius:15px;border:1px solid var(--cl-pf-cizgi);background:var(--cl-pf-satir);color:var(--cl-pf-ink);text-decoration:none}
.clpf-ayar-baglanti a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--cl-pf-ikon);color:var(--cl-pf-ikon-ink)}
.clpf-ayar-baglanti b{display:block;font-size:11px;font-weight:700}
.clpf-ayar-baglanti small{display:block;margin-top:2px;color:var(--cl-pf-sub);font-size:8.7px}
.clpf-ayar-baglanti i{color:var(--cl-pf-sub);font-size:21px;font-style:normal;text-align:right}
.clpf-ayar-baglanti .clpf-cikis b{color:var(--cl-pf-cikis)}
@media (min-width:720px){
  .clpf{max-width:760px;margin:0 auto;border-left:1px solid var(--cl-pf-cizgi);border-right:1px solid var(--cl-pf-cizgi)}
  .clpf-moduller,.clpf-tum{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:360px){
  .clpf-ust{grid-template-columns:43px minmax(48px,1fr) minmax(132px,46vw);gap:7px;padding-left:9px;padding-right:9px}
  .clpf-baslik b{font-size:14px}
  .clpf-baslik small{display:none}
  .clpf-hesap{width:100%;padding:0 8px;gap:7px}
  .clpf-hesap-m b{font-size:9px}
  .clpf-hesap-m small{font-size:7.5px}
  .clpf-tum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clpf-kimlik{gap:10px;margin-top:-40px}
  .clpf-avatar{flex-basis:80px;width:80px;height:80px}
  .clpf-paylas,.clpf-duzenle{padding:0 11px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .clpf-hesap,.clpf-ayar>i,.clpf-ayar>i::after{transition:none}
}

/* ── Fotoğraf Yarışması (/foto-yarismasi, /foto-yarismasi/yukle) — cide_775'te yok; Galeri'nin diliyle (üst çubuk,
   kahraman, hap sekmeler, kartlar). Belirteçler --cl-yr-* iki temada; kahraman iki temada koyu örtülü medya yüzeyi. ── */
body.cl-yr{background:var(--cl-yr-bg)}
body.cl-yr .app{background:var(--cl-yr-bg);color:var(--cl-yr-ink)}
.clyr{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-yr-bg);color:var(--cl-yr-ink)}
.clyr-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;height:70px;padding:7px 10px;border-bottom:1px solid var(--cl-yr-cizgi);background:var(--cl-yr-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-yr-ust-ink)}
.clyr-geri,.clyr-ekle{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-yr-cizgi);background:var(--cl-yr-geri);color:var(--cl-yr-ust-ink);text-decoration:none}
.clyr-baslik{min-width:0;text-align:center}
.clyr-baslik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.clyr-baslik small{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-yr-sub);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.clyr-ust-bos{width:42px;height:42px}
.clyr-hero{position:relative;display:flex;align-items:flex-end;min-height:220px;padding:20px 14px 18px;background:linear-gradient(180deg,rgba(2,8,12,.1) 0%,rgba(2,8,12,.28) 45%,rgba(2,8,12,.9) 100%),var(--yr-kapak,linear-gradient(135deg,#3a2a06,#141a22 60%,#070d14)) center/cover no-repeat,#0c141c;color:#ffffff}
.clyr-hero-durum{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(4,12,17,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff;font-size:9px;font-weight:950;letter-spacing:1.1px;text-transform:uppercase}
.clyr-hero-durum.acik::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97}
.clyr-hero-yazi{min-width:0}
.clyr-hero-yazi small{display:block;color:#ffd978;font-size:9px;font-weight:950;letter-spacing:1.3px;text-transform:uppercase}
.clyr-hero-yazi h1{margin:6px 0 5px;color:#ffffff;font-size:26px;font-weight:700;line-height:1.08;letter-spacing:-.9px}
.clyr-hero-yazi p{margin:0;color:rgba(238,247,250,.9);font-size:12px}
.clyr-bilgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 12px 0;padding:0;list-style:none}
.clyr-bilgi li{min-width:0;padding:10px 11px;border-radius:14px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart)}
.clyr-bilgi li.genis{grid-column:1/-1}
.clyr-bilgi li.iki{grid-column:span 2}
.clyr-bilgi small{display:block;color:var(--cl-yr-sub);font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.clyr-bilgi b{display:block;margin-top:3px;font-size:14px;font-weight:800;overflow-wrap:anywhere}
.clyr-bilgi li.odul b{color:var(--cl-yr-hak-ink)}
.clyr-hak{display:flex;align-items:center;gap:11px;margin:10px 12px 0;padding:11px 12px;border-radius:16px;border:1px solid var(--cl-yr-hak-cizgi);background:var(--cl-yr-hak);color:var(--cl-yr-hak-ink)}
.clyr-hak-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--cl-yr-oy-on);color:var(--cl-yr-oy-on-ink)}
.clyr-hak-ic svg{width:18px;height:18px;fill:currentColor}
.clyr-hak p{margin:0;min-width:0}
.clyr-hak b{display:block;font-size:13px;font-weight:850}
.clyr-hak small{display:block;margin-top:2px;font-size:10.5px}
.clyr-katildin{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:11px 12px;border-radius:16px;background:var(--cl-yr-katildin);color:var(--cl-yr-katildin-ink);font-size:12px;font-weight:700;line-height:1.4}
.clyr-katildin svg{flex:none}
.clyr-katildin.genis{flex-wrap:wrap;margin-top:14px}
.clyr-katildin a{margin-left:auto;color:inherit;font-weight:900}
.clyr-katil{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 12px 0;min-height:48px;padding:0 16px;border-radius:16px;background:var(--cl-yr-vurgu);color:var(--cl-yr-vurgu-ink);font-size:13px;font-weight:900;text-align:center;text-decoration:none;box-shadow:0 10px 26px rgba(242,183,5,.22)}
.clyr-sonuc{margin:14px 12px 0;padding:12px;border-radius:18px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart)}
.clyr-sonuc h2{margin:0 0 8px;font-size:14px;font-weight:850}
.clyr-sonuc ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.clyr-sonuc li{display:flex;align-items:center;gap:10px}
.clyr-sonuc-foto{flex:none;width:48px;height:48px;overflow:hidden;border-radius:12px;background:var(--cl-yr-foto-bg)}
.clyr-sonuc-foto img{display:block;width:100%;height:100%;object-fit:cover}
.clyr-sonuc-m{flex:1 1 auto;min-width:0}
.clyr-sonuc-m b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800}
.clyr-sonuc-m small{display:block;color:var(--cl-yr-sub);font-size:10.5px}
.clyr-sonuc-oy{flex:none;color:var(--cl-yr-oy-ink);font-size:12px;font-weight:900}
.clyr-no{flex:none;display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.58);color:#ffffff;font-size:11px;font-weight:950}
.clyr-no.n1{background:#f2b705;color:#1d1500}
.clyr-no.n2{background:#c9d2da;color:#1b252c}
.clyr-no.n3{background:#d8955e;color:#2a1405}
.clyr-sekmeler{display:flex;gap:7px;overflow-x:auto;margin-top:14px;padding:10px 12px;border-top:1px solid var(--cl-yr-cizgi);border-bottom:1px solid var(--cl-yr-cizgi);scrollbar-width:none}
.clyr-sekmeler::-webkit-scrollbar{display:none}
.clyr-sekmeler a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--cl-yr-sekme-cizgi);background:var(--cl-yr-sekme);color:var(--cl-yr-sekme-ink);font-size:11px;font-weight:900;white-space:nowrap;text-decoration:none}
.clyr-sekmeler a.on{border-color:transparent;background:var(--cl-yr-sekme-on);color:var(--cl-yr-sekme-on-ink)}
.clyr-suzgec{display:flex;flex-direction:column;gap:9px;padding:11px 12px 4px}
.clyr-cipler{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.clyr-cipler::-webkit-scrollbar{display:none}
.clyr-cipler a,.clyr-cipler label span{flex:0 0 auto;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--cl-yr-sekme-cizgi);background:var(--cl-yr-sekme);color:var(--cl-yr-sekme-ink);font-size:10.5px;font-weight:850;white-space:nowrap;text-decoration:none;cursor:pointer}
.clyr-cipler a.on,.clyr-cipler input:checked + span{border-color:transparent;background:var(--cl-yr-sekme-on);color:var(--cl-yr-sekme-on-ink)}
.clyr-cipler label{position:relative;flex:0 0 auto}
.clyr-cipler input{position:absolute;width:1px;height:1px;opacity:0}
.clyr-cipler input:focus-visible + span{outline:2px solid var(--cl-yr-vurgu);outline-offset:2px}
.clyr-sira{display:inline-flex;align-self:flex-start;padding:3px;border-radius:12px;background:var(--cl-yr-kapali)}
.clyr-sira a{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:9px;color:var(--cl-yr-kapali-ink);font-size:10.5px;font-weight:850;text-decoration:none}
.clyr-sira a.on{background:var(--cl-yr-kart);color:var(--cl-yr-ink);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.clyr-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 0}
@media (min-width:700px){.clyr-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
.clyr-kart{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart)}
.clyr-foto{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--cl-yr-foto-bg);cursor:zoom-in}
.clyr-foto img{display:block;width:100%;height:100%;object-fit:cover}
.clyr-foto:focus-visible{outline:3px solid var(--cl-yr-vurgu);outline-offset:-3px}
.clyr-foto .clyr-no{position:absolute;top:8px;left:8px}
.clyr-sayi{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff;font-size:11px;font-weight:900}
.clyr-sayi svg{width:13px;height:13px;fill:#ff7a96}
.clyr-kart-alt{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding:9px 10px 10px}
.clyr-kim{display:flex;align-items:center;gap:8px;min-width:0}
.clyr-av{flex:none;display:grid;place-items:center;width:28px;height:28px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#215e87,#6d43a6);color:#f7fbff;font-size:11px;font-weight:950}
.clyr-av img{display:block;width:100%;height:100%;object-fit:cover}
.clyr-kim-m{min-width:0}
.clyr-kim-m b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:800}
.clyr-kim-m small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-yr-sub);font-size:10px}
.clyr-kart-baslik{display:-webkit-box;margin:0;overflow:hidden;font-size:12px;font-weight:700;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.clyr-oy-form{margin:auto 0 0}
.clyr-oy{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;margin-top:auto;padding:0 10px;border:0;border-radius:12px;background:var(--cl-yr-oy);color:var(--cl-yr-oy-ink);font:inherit;font-size:11.5px;font-weight:900;text-decoration:none;cursor:pointer}
.clyr-oy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.clyr-oy.on,.clyr-oy.on:disabled{background:var(--cl-yr-oy-on);color:var(--cl-yr-oy-on-ink);opacity:1;cursor:default}
.clyr-oy.on svg{fill:currentColor}
.clyr-oy.kapali{background:var(--cl-yr-kapali);color:var(--cl-yr-kapali-ink);cursor:default}
.clyr-oy.kapali svg{fill:currentColor;stroke:none}
.clyr-bos{grid-column:1/-1;margin:0;padding:40px 16px;color:var(--cl-yr-sub);font-size:12.5px;text-align:center}
.clyr-metin{display:block;margin:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart);font-size:14px;line-height:1.65}
.clyr-metin p{margin:0 0 10px}
.clyr-metin > :last-child{margin-bottom:0}
.clyr-metin a{color:inherit;text-decoration:underline}
.clyr-metin ul,.clyr-metin ol{margin:0 0 10px;padding-left:20px}
.clyr-yok{display:flex;flex-direction:column;align-items:center;gap:6px;margin:40px 16px;padding:28px 18px;border-radius:20px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart);text-align:center}
.clyr-yok-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--cl-yr-hak);color:var(--cl-yr-hak-ink)}
.clyr-yok b{font-size:14px}
.clyr-yok small{color:var(--cl-yr-sub);font-size:12px}
.clyr-form{display:flex;flex-direction:column;gap:12px;margin:12px;padding:14px;border-radius:20px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart)}
.clyr-sec{position:relative;display:grid;place-items:center;min-height:190px;max-height:420px;overflow:hidden;border-radius:16px;border:1.5px dashed var(--cl-yr-alan-cizgi);background:var(--cl-yr-foto-bg);cursor:pointer}
.clyr-sec input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.clyr-sec img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.clyr-sec.dolu{aspect-ratio:1/1}
.clyr-sec img[hidden],.clyr-sec-bos[hidden]{display:none}
.clyr-sec:focus-within{outline:3px solid var(--cl-yr-vurgu);outline-offset:2px}
.clyr-sec-bos{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px;text-align:center;pointer-events:none}
.clyr-sec-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--cl-yr-kart);color:var(--cl-yr-ink)}
.clyr-sec-bos b{font-size:14px}
.clyr-sec-bos small{color:var(--cl-yr-sub);font-size:11px}
.clyr-alan{display:flex;flex-direction:column;gap:5px}
.clyr-alan label,.clyr-kat legend{color:var(--cl-yr-ink);font-size:11.5px;font-weight:850}
.clyr-alan input,.clyr-alan textarea{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--cl-yr-alan-cizgi);background:var(--cl-yr-alan);color:var(--cl-yr-alan-ink);font:inherit;font-size:14px}
.clyr-alan input::placeholder,.clyr-alan textarea::placeholder{color:var(--cl-yr-sub)}
.clyr-alan textarea{min-height:80px;resize:vertical}
.clyr-kat{min-width:0;margin:0;padding:0;border:0}
.clyr-kat legend{margin-bottom:6px;padding:0}
.clyr-kat .clyr-cipler{flex-wrap:wrap;overflow:visible}
.clyr-onay{display:flex;align-items:flex-start;gap:9px;color:var(--cl-yr-sub);font-size:12px;line-height:1.45}
.clyr-onay input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--cl-yr-oy-on)}
.clyr-onay a{color:var(--cl-yr-ink);font-weight:800}
.clyr-gonder{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;border-radius:15px;background:var(--cl-yr-vurgu);color:var(--cl-yr-vurgu-ink);font:inherit;font-size:13.5px;font-weight:900;cursor:pointer}
.clyr-gonder.bekle{opacity:.7;cursor:progress}
.clyr-not{margin:0;color:var(--cl-yr-sub);font-size:11px;text-align:center}
.clyr-durum{margin:4px 12px 0;padding:12px;border-radius:18px;border:1px solid var(--cl-yr-kart-cizgi);background:var(--cl-yr-kart)}
.clyr-durum h2{margin:0 0 8px;font-size:13px;font-weight:850}
.clyr-durum ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
@media (min-width:520px){.clyr-durum ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.clyr-durum li{padding:9px 10px;border-radius:12px;background:var(--cl-yr-kapali);color:var(--cl-yr-kapali-ink)}
.clyr-durum b{display:block;color:var(--cl-yr-ink);font-size:17px;font-weight:850}
.clyr-durum small{display:block;font-size:10px;font-weight:800}

/* ── Sağlık (/saglik) — cide_775'te yok; yeni dil (üst çubuk, kartlar). Nöbetçi kartı yalnız bugünün verisiyle. ── */
body.cl-sg{background:var(--cl-sg-bg)}
body.cl-sg .app{background:var(--cl-sg-bg);color:var(--cl-sg-ink)}
.clsg{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-sg-bg);color:var(--cl-sg-ink)}
.clsg-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:74px minmax(0,1fr) 74px;align-items:center;gap:6px;height:70px;padding:7px 10px;border-bottom:1px solid var(--cl-sg-cizgi);background:var(--cl-sg-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-sg-ust-ink)}
.clsg-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-sg-cizgi);background:var(--cl-sg-geri);color:var(--cl-sg-ust-ink);text-decoration:none}
.clsg-baslik{min-width:0;text-align:center}
.clsg-baslik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.clsg-baslik small{display:block;margin-top:3px;color:var(--cl-sg-sub);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.clsg-ust-112{justify-self:end;display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border-radius:14px;background:var(--cl-sg-acil);color:var(--cl-sg-acil-ink);font-size:13px;font-weight:900;text-decoration:none}
.clsg-nobet{margin:12px 12px 0;padding:14px;border-radius:20px;border:1px solid var(--cl-sg-nobet-cizgi);background:var(--cl-sg-nobet)}
.clsg-nobet-etiket{display:inline-flex;align-items:center;gap:7px;color:var(--cl-sg-nobet-ink);font-size:10px;font-weight:950;letter-spacing:.7px;text-transform:uppercase}
.clsg-nabiz{width:8px;height:8px;border-radius:50%;background:var(--cl-sg-rozet);box-shadow:0 0 0 4px rgba(194,31,22,.18)}
.clsg-nobet h1{margin:7px 0 4px;font-size:21px;font-weight:800;letter-spacing:-.4px;line-height:1.15}
.clsg-nobet p{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--cl-sg-sub);font-size:12.5px;line-height:1.45}
.clsg-nobet p svg{flex:none;margin-top:2px}
.clsg-nobet.yok{border-color:transparent;background:var(--cl-sg-yok)}
.clsg-nobet.yok .clsg-nobet-etiket,.clsg-nobet.yok p{color:var(--cl-sg-yok-ink)}
.clsg-nobet.yok p{margin-top:7px;font-size:14px;font-weight:700}
.clsg-kaynak{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--cl-sg-yok-ink);font-size:12.5px;font-weight:850}
.clsg-yarin{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--cl-sg-nobet-cizgi);color:var(--cl-sg-sub);font-size:12px}
.clsg-yarin b{color:var(--cl-sg-ink);font-weight:800}
.clsg-eylem{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.clsg-ara,.clsg-yol{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:13px;font-size:13px;font-weight:900;text-decoration:none}
.clsg-ara{background:var(--cl-sg-ara);color:var(--cl-sg-ara-ink)}
.clsg-yol{background:var(--cl-sg-yol);color:var(--cl-sg-yol-ink)}
.clsg-eylem.kucuk{gap:6px}
.clsg-eylem.kucuk .clsg-ara,.clsg-eylem.kucuk .clsg-yol{height:36px;border-radius:11px;font-size:12px}
.clsg-hastane{margin:12px 12px 0;overflow:hidden;border-radius:20px;border:1px solid var(--cl-sg-kart-cizgi);background:var(--cl-sg-kart)}
.clsg-hastane-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:92px;padding:12px;background:linear-gradient(135deg,rgba(176,30,22,.84),rgba(104,17,11,.92)),var(--sg-gorsel,linear-gradient(135deg,#c21f16,#6e120c)) center/cover no-repeat;color:#ffffff}
.clsg-hastane-not{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.16);color:#ffffff;font-size:10.5px;font-weight:900}
.clsg-hastane-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);color:#ffffff}
.clsg-hastane-alt{padding:12px 14px 14px}
.clsg-hastane-alt h2{margin:0 0 4px;font-size:17px;font-weight:800}
.clsg-hastane-alt p{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--cl-sg-sub);font-size:12px}
.clsg-cipler{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.clsg-cipler li{padding:5px 9px;border-radius:999px;background:var(--cl-sg-cip);color:var(--cl-sg-cip-ink);font-size:10.5px;font-weight:800}
.clsg-cipler.kucuk li{padding:4px 8px;font-size:10px}
.clsg-bolum{margin:20px 14px 8px;font-size:14px;font-weight:850}
.clsg-merkezler{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:0 12px}
.clsg-merkez{display:flex;flex-direction:column;padding:12px;border-radius:18px;border:1px solid var(--cl-sg-kart-cizgi);background:var(--cl-sg-kart)}
.clsg-merkez b{font-size:13.5px;font-weight:800;line-height:1.25}
.clsg-merkez small{margin-top:3px;color:var(--cl-sg-sub);font-size:11px}
.clsg-merkez .clsg-eylem{margin-top:auto;padding-top:10px}
.clsg-eczaneler{margin:0 12px;padding:0;overflow:hidden;border-radius:18px;border:1px solid var(--cl-sg-kart-cizgi);background:var(--cl-sg-kart);list-style:none}
.clsg-eczaneler li{display:flex;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--cl-sg-cizgi)}
.clsg-eczaneler li:first-child{border-top:0}
.clsg-eczaneler li.nobetci{background:var(--cl-sg-nobet)}
.clsg-ec-m{flex:1 1 auto;min-width:0}
.clsg-ec-m b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:800}
.clsg-ec-m small{display:block;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-sg-sub);font-size:11px}
.clsg-rozet{padding:3px 7px;border-radius:999px;background:var(--cl-sg-rozet);color:var(--cl-sg-rozet-ink);font-size:9px;font-weight:950;letter-spacing:.5px;text-transform:uppercase}
.clsg-ec-eylem{flex:none;display:flex;gap:6px}
.clsg-ec-eylem a{width:38px;height:38px;padding:0;border-radius:12px}
.clsg-baglantilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px}
.clsg-baglantilar a{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 10px;border-radius:16px;border:1px solid var(--cl-sg-kart-cizgi);background:var(--cl-sg-kart);color:var(--cl-sg-ink);text-decoration:none}
.clsg-bag-ic{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border-radius:11px;background:var(--cl-sg-cip);color:var(--cl-sg-ink)}
.clsg-baglantilar b{font-size:12px;font-weight:850;line-height:1.25}
.clsg-baglantilar small{color:var(--cl-sg-sub);font-size:10.5px}
.clsg-112{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;margin:18px 12px 0;border-radius:17px;background:var(--cl-sg-acil);color:var(--cl-sg-acil-ink);font-size:14.5px;font-weight:900;text-decoration:none;box-shadow:0 12px 28px rgba(194,31,22,.25)}

/* ── Turlar (/turlar, /tur/{slug}-{id}) — cide_775'te yok; yeni dil. Galeri sarmalayıcısı td2-car app.css'teki denenmiş
   kaydırmalı galeri görünümünü taşır (app.js data-dgallery). ── */
body.cl-tu{background:var(--cl-tu-bg)}
body.cl-tu .app{background:var(--cl-tu-bg);color:var(--cl-tu-ink)}
.cltu{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-tu-bg);color:var(--cl-tu-ink)}
.cltu.detay{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.cltu-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;height:70px;padding:7px 10px;border-bottom:1px solid var(--cl-tu-cizgi);background:var(--cl-tu-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-tu-ust-ink)}
.cltu-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-tu-cizgi);background:var(--cl-tu-geri);color:var(--cl-tu-ust-ink);text-decoration:none}
.cltu-baslik{min-width:0;text-align:center}
.cltu-baslik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.cltu-baslik small{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-tu-sub);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.cltu-ust-bos{width:42px;height:42px}
.cltu-hero,.cltu-kapak{background:linear-gradient(180deg,rgba(4,12,9,.08) 0%,rgba(4,12,9,.35) 45%,rgba(4,12,9,.9) 100%),var(--tu-kapak,linear-gradient(135deg,#1c5b43,#0a1f17 65%,#050d0a)) center/cover no-repeat,#0a1510;color:#ffffff}
.cltu-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:210px;padding:18px 14px}
.cltu-hero-yazi{min-width:0}
.cltu-hero-yazi small{display:block;color:#8ff0c2;font-size:9px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase}
.cltu-hero-yazi h1{margin:6px 0 0;color:#ffffff;font-size:24px;font-weight:700;line-height:1.12;letter-spacing:-.7px}
.cltu-harita{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:rgba(247,251,249,.94);color:#07120d;font-size:11px;font-weight:900;white-space:nowrap;text-decoration:none}
.cltu-liste{display:flex;flex-direction:column;gap:10px;padding:12px}
.cltu-kart{display:flex;align-items:stretch;gap:12px;padding:10px;border-radius:18px;border:1px solid var(--cl-tu-kart-cizgi);background:var(--cl-tu-kart);color:var(--cl-tu-ink);text-decoration:none}
.cltu-kart-foto{flex:none;display:grid;place-items:center;width:96px;height:96px;overflow:hidden;border-radius:14px;background:var(--cl-tu-foto-bg);color:var(--cl-tu-sub)}
.cltu-kart-foto img{display:block;width:100%;height:100%;object-fit:cover}
.cltu-kart-m{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0}
.cltu-kart-m b{font-size:14px;font-weight:800;line-height:1.25}
.cltu-kart-m small{display:-webkit-box;overflow:hidden;color:var(--cl-tu-sub);font-size:11.5px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cltu-cipler{display:flex;flex-wrap:wrap;gap:5px}
.cltu-cipler span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:var(--cl-tu-cip);color:var(--cl-tu-cip-ink);font-size:10px;font-weight:800}
.cltu-kart-fiyat{flex:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right}
.cltu-kart-fiyat b{color:var(--cl-tu-fiyat);font-size:14px;font-weight:900;white-space:nowrap}
.cltu-kart-fiyat small{color:var(--cl-tu-sub);font-size:10px}
.cltu-bos{margin:0;padding:40px 16px;color:var(--cl-tu-sub);font-size:12.5px;text-align:center}
.cltu-iletisim{margin:4px 12px 0;padding:14px;border-radius:18px;border:1px solid var(--cl-tu-kart-cizgi);background:var(--cl-tu-kart)}
.cltu-iletisim b{display:block;font-size:14px;font-weight:850}
.cltu-iletisim small{display:block;margin-top:3px;color:var(--cl-tu-sub);font-size:12px;line-height:1.45}
.cltu-iletisim-eylem{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.cltu-iletisim-eylem a:only-child{grid-column:1/-1}
.cltu-wa,.cltu-ara{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:13px;font-size:13px;font-weight:900;text-decoration:none}
.cltu-wa{background:var(--cl-tu-wa);color:var(--cl-tu-wa-ink)}
.cltu-ara{background:var(--cl-tu-ara);color:var(--cl-tu-ara-ink)}
.cltu-kapak{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:250px;padding:18px 14px}
.cltu-sure{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(4,12,9,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff;font-size:10.5px;font-weight:900}
.cltu-kapak h1{margin:0;color:#ffffff;font-size:25px;font-weight:700;line-height:1.12;letter-spacing:-.7px}
.cltu-kapak p{display:flex;align-items:center;gap:5px;margin:0;color:rgba(236,247,241,.9);font-size:12.5px}
.cltu-icerik{padding:12px}
.cltu-bilgi{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:0 0 10px;padding:0;list-style:none}
.cltu-bilgi li{min-width:0;padding:10px 11px;border-radius:14px;border:1px solid var(--cl-tu-kart-cizgi);background:var(--cl-tu-kart)}
.cltu-bilgi small{display:block;color:var(--cl-tu-sub);font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.cltu-bilgi b{display:block;margin-top:3px;font-size:13px;font-weight:800;overflow-wrap:anywhere}
.cltu-bilgi .cltu-fiyat{color:var(--cl-tu-fiyat)}
.cltu-metin{margin:12px 0 0;padding:14px 16px;border-radius:18px;border:1px solid var(--cl-tu-kart-cizgi);background:var(--cl-tu-kart);font-size:14.5px;line-height:1.7}
.cltu-metin p{margin:0}
.cltu-bolum{margin:20px 2px 8px;font-size:14px;font-weight:850}
.cltu-diger{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.cltu-diger::-webkit-scrollbar{display:none}
.cltu-diger a{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;border:1px solid var(--cl-tu-kart-cizgi);background:var(--cl-tu-kart);color:var(--cl-tu-ink);text-decoration:none}
.cltu-diger-foto{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:11px;background:var(--cl-tu-foto-bg)}
.cltu-diger-foto img{display:block;width:100%;height:100%;object-fit:cover}
.cltu-diger b{font-size:12.5px;font-weight:800;line-height:1.25}
.cltu-diger small{color:var(--cl-tu-fiyat);font-size:11.5px;font-weight:900}
.cltu-bar{position:fixed;bottom:0;left:50%;z-index:40;display:flex;align-items:center;gap:8px;width:100%;max-width:var(--app-w);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cl-tu-cizgi);background:var(--cl-tu-bar);box-shadow:0 -8px 24px rgba(0,0,0,.14);color:var(--cl-tu-bar-ink);transform:translateX(-50%)}
.cltu-bar-fiyat{flex:none;display:flex;flex-direction:column;margin-right:auto}
.cltu-bar-fiyat small{color:var(--cl-tu-sub);font-size:10px;font-weight:800}
.cltu-bar-fiyat b{color:var(--cl-tu-fiyat);font-size:17px;font-weight:900}
.cltu-bar-ara{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--cl-tu-ara);color:var(--cl-tu-ara-ink)}
.cltu-bar-rez{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:240px;height:46px;margin-left:auto;padding:0 16px;border-radius:14px;background:var(--cl-tu-wa);color:var(--cl-tu-wa-ink);font-size:14px;font-weight:900;text-decoration:none}

/* ── Başarı Duvarı (/basari-duvari, /basari-duvari/{kategori}, /basari/{slug}-{id}) — cide_775'te yok; yeni dil. ── */
body.cl-bd{background:var(--cl-bd-bg)}
body.cl-bd .app{background:var(--cl-bd-bg);color:var(--cl-bd-ink)}
.clbd{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-bd-bg);color:var(--cl-bd-ink)}
.clbd-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;height:70px;padding:7px 10px;border-bottom:1px solid var(--cl-bd-cizgi);background:var(--cl-bd-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-bd-ust-ink)}
.clbd-geri,.clbd-ekle{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-bd-cizgi);background:var(--cl-bd-geri);color:var(--cl-bd-ust-ink);text-decoration:none}
.clbd-baslik{min-width:0;text-align:center}
.clbd-baslik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.clbd-baslik small{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-bd-sub);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.clbd-ust-bos{width:42px;height:42px}
.clbd-hero{position:relative;display:flex;flex-direction:column;gap:5px;margin:12px 12px 0;padding:18px 16px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 88% 12%,rgba(255,217,120,.28),transparent 42%),linear-gradient(140deg,#1b2a5c,#101733 60%,#0a0e1f);color:#ffffff}
.clbd-hero-ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:15px;background:rgba(255,217,120,.18);color:#ffd978}
.clbd-hero small{color:#ffd978;font-size:9px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase}
.clbd-hero h1{margin:0;color:#ffffff;font-size:23px;font-weight:700;line-height:1.15;letter-spacing:-.6px}
.clbd-hero p{margin:0;color:rgba(236,241,252,.86);font-size:12.5px;line-height:1.45}
.clbd-hero-sayi{margin-top:8px;color:rgba(236,241,252,.9);font-size:12px}
.clbd-hero-sayi b{color:#ffffff}
.clbd-sekmeler{display:flex;gap:7px;overflow-x:auto;margin-top:12px;padding:10px 12px;border-top:1px solid var(--cl-bd-cizgi);border-bottom:1px solid var(--cl-bd-cizgi);scrollbar-width:none}
.clbd-sekmeler::-webkit-scrollbar{display:none}
.clbd-sekmeler a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--cl-bd-sekme-cizgi);background:var(--cl-bd-sekme);color:var(--cl-bd-sekme-ink);font-size:11.5px;font-weight:900;white-space:nowrap;text-decoration:none}
.clbd-sekmeler a.on{border-color:transparent;background:var(--cl-bd-sekme-on);color:var(--cl-bd-sekme-on-ink)}
.clbd-bolum{display:flex;align-items:center;justify-content:space-between;margin:18px 14px 8px;font-size:14px;font-weight:850}
.clbd-bolum a{color:var(--cl-bd-sub);font-size:11.5px;font-weight:850;text-decoration:none}
.clbd-kategoriler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px}
.clbd-kat{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:16px;border:1px solid var(--cl-bd-kart-cizgi);background:var(--cl-bd-kart);color:var(--cl-bd-ink);text-decoration:none}
.clbd-kat-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:5px;border-radius:12px;background:rgba(59,91,219,.14);color:#3b5bdb}
.clbd-kat.r-green .clbd-kat-ic{background:rgba(15,122,85,.14);color:#12a36f}
.clbd-kat.r-purple .clbd-kat-ic{background:rgba(124,58,237,.14);color:#8b5cf6}
.clbd-kat.r-gold .clbd-kat-ic{background:rgba(242,183,5,.18);color:#c99400}
.clbd-kat.r-red .clbd-kat-ic{background:rgba(194,31,22,.14);color:#e0443a}
.clbd-kat b{font-size:12.5px;font-weight:850;line-height:1.25}
.clbd-kat small{color:var(--cl-bd-sub);font-size:10.5px}
.clbd-one{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(152px,44%);gap:10px;overflow-x:auto;padding:0 12px 4px;scrollbar-width:none}
.clbd-one::-webkit-scrollbar{display:none}
.clbd-one a{display:flex;flex-direction:column;gap:3px;padding:8px 8px 11px;border-radius:18px;border:1px solid var(--cl-bd-kart-cizgi);background:var(--cl-bd-kart);color:var(--cl-bd-ink);text-decoration:none}
.clbd-one-foto{position:relative;display:grid;place-items:center;aspect-ratio:4/5;margin-bottom:5px;overflow:hidden;border-radius:13px;background:var(--cl-bd-foto-bg);color:var(--cl-bd-sub)}
.clbd-one-foto img{display:block;width:100%;height:100%;object-fit:cover}
.clbd-one-kat{position:absolute;left:7px;top:7px;padding:4px 8px;border-radius:999px;background:rgba(6,9,16,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff;font-size:9px;font-weight:900}
.clbd-one b{font-size:13px;font-weight:850;line-height:1.25}
.clbd-one small{color:var(--cl-bd-sub);font-size:10.5px;line-height:1.35}
.clbd-rozet{display:inline-flex;align-items:flex-start;gap:5px;align-self:flex-start;max-width:100%;margin-top:4px;padding:4px 8px;border-radius:10px;background:var(--cl-bd-rozet);color:var(--cl-bd-rozet-ink);font-size:10.5px;font-weight:850;line-height:1.35}
.clbd-rozet svg{flex:none;margin-top:1px}
.clbd-basvuru{margin:16px 12px 0;border-radius:18px;border:1px solid var(--cl-bd-kart-cizgi);background:var(--cl-bd-kart)}
.clbd-basvuru summary{display:flex;align-items:center;gap:11px;padding:13px 12px;cursor:pointer;list-style:none}
.clbd-basvuru summary::-webkit-details-marker{display:none}
.clbd-basvuru-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--cl-bd-altin);color:var(--cl-bd-altin-ink)}
.clbd-basvuru-m{flex:1 1 auto;min-width:0}
.clbd-basvuru-m b{display:block;font-size:13.5px;font-weight:850}
.clbd-basvuru-m small{display:block;margin-top:2px;color:var(--cl-bd-sub);font-size:11.5px;line-height:1.4}
.clbd-basvuru-dugme{flex:none;padding:9px 13px;border-radius:12px;background:var(--cl-bd-cagri);color:var(--cl-bd-cagri-ink);font-size:12px;font-weight:900}
.clbd-basvuru[open] .clbd-basvuru-dugme{display:none}
.clbd-form{display:flex;flex-direction:column;gap:10px;padding:0 12px 14px}
.clbd-alan{display:flex;flex-direction:column;gap:5px}
.clbd-alan span{font-size:11.5px;font-weight:850}
.clbd-alan input,.clbd-alan select,.clbd-alan textarea{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--cl-bd-alan-cizgi);background:var(--cl-bd-alan);color:var(--cl-bd-alan-ink);font:inherit;font-size:14px}
.clbd-alan input::placeholder,.clbd-alan textarea::placeholder{color:var(--cl-bd-sub)}
.clbd-foto{position:relative;display:grid;place-items:center;min-height:110px;overflow:hidden;border-radius:14px;border:1.5px dashed var(--cl-bd-alan-cizgi);background:var(--cl-bd-foto-bg);cursor:pointer}
.clbd-foto input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.clbd-foto img{display:block;width:100%;max-height:260px;object-fit:cover;pointer-events:none}
.clbd-foto img[hidden],.clbd-foto [data-bd-bos][hidden]{display:none}
.clbd-foto span{display:inline-flex;align-items:center;gap:7px;padding:14px;color:var(--cl-bd-ink);font-size:12.5px;font-weight:800;pointer-events:none}
.clbd-foto span{flex-wrap:wrap;justify-content:center;text-align:center}
.clbd-foto small{flex-basis:100%;color:var(--cl-bd-sub);font-weight:700}
.clbd-foto:focus-within{outline:3px solid var(--cl-bd-cagri);outline-offset:2px}
.clbd-gonder{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border:0;border-radius:14px;background:var(--cl-bd-cagri);color:var(--cl-bd-cagri-ink);font:inherit;font-size:13.5px;font-weight:900;cursor:pointer}
.clbd-liste{display:flex;flex-direction:column;margin:0 12px;overflow:hidden;border-radius:18px;border:1px solid var(--cl-bd-kart-cizgi);background:var(--cl-bd-kart)}
main.clbd-liste{margin-top:12px}
.clbd-liste > a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-top:1px solid var(--cl-bd-cizgi);color:var(--cl-bd-ink);text-decoration:none}
.clbd-liste > a:first-child{border-top:0}
.clbd-liste > a > svg{flex:none;color:var(--cl-bd-sub)}
.clbd-av{flex:none;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--cl-bd-foto-bg);color:var(--cl-bd-sub)}
.clbd-av img{display:block;width:100%;height:100%;object-fit:cover}
.clbd-m{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}
.clbd-m b{font-size:13.5px;font-weight:850}
.clbd-m small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cl-bd-sub);font-size:11px}
.clbd-bos{margin:0;padding:36px 16px;color:var(--cl-bd-sub);font-size:12.5px;text-align:center}
.clbd-profil{display:flex;flex-direction:column;align-items:center;gap:5px;margin:12px 12px 0;padding:20px 16px 16px;border-radius:22px;border:1px solid var(--cl-bd-kart-cizgi);background:var(--cl-bd-kart);text-align:center}
.clbd-profil-foto{display:grid;place-items:center;width:112px;height:112px;margin-bottom:6px;overflow:hidden;border-radius:50%;background:var(--cl-bd-foto-bg);box-shadow:0 0 0 4px var(--cl-bd-altin);color:var(--cl-bd-sub)}
.clbd-profil-foto img{display:block;width:100%;height:100%;object-fit:cover}
.clbd-profil-kat{padding:4px 10px;border-radius:999px;background:var(--cl-bd-geri);color:var(--cl-bd-ink);font-size:10.5px;font-weight:900;text-decoration:none}
.clbd-profil h1{margin:2px 0 0;font-size:22px;font-weight:800;letter-spacing:-.4px}
.clbd-profil p{margin:0;color:var(--cl-bd-sub);font-size:13px}
.clbd-rozetler{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}
.clbd-rozetler .clbd-rozet{margin-top:0}
.clbd-profil-izlenme{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:var(--cl-bd-sub);font-size:11px}
.clbd-icerik{padding:12px 12px 0}
.clbd-metin{margin:12px 0 0;padding:14px 16px;border-radius:18px;border:1px solid var(--cl-bd-kart-cizgi);background:var(--cl-bd-kart);font-size:14.5px;line-height:1.7}
.clbd-metin p{margin:0 0 10px}
.clbd-metin > :last-child{margin-bottom:0}
.clbd-icerik .clbd-bolum{margin-left:2px;margin-right:2px}
.clbd-icerik .clbd-liste{margin:0}

/* ── Yerel Yazarlar (/yazarlar, /yerel-yazi/…, /yazarlar/yaz) — Köşe Yazıları'nın tasarımı (.clky, --cl-ky-*); yalnız
   yerel yazarlara özgü parçalar: üst çubukta Yaz, "Sen de yaz" çağrısı, kategori açıklaması, özet, iki düğmeli tepki, form. ── */
.clky-yaz{flex:none;display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:38px;padding:0 13px;border-radius:999px;background:var(--cl-ky-gonder);color:var(--cl-ky-gonder-ink);font-size:12.5px;font-weight:900;text-decoration:none}
.clky-kat-aciklama{margin:-2px 16px 8px;color:var(--cl-ky-sub);font-size:12.5px;line-height:1.5}
.clky-cagri{display:flex;align-items:center;gap:11px;margin:16px 16px 0;padding:13px 12px;border-radius:18px;border:1px solid var(--cl-ky-kart-cizgi);background:var(--cl-ky-kart);color:var(--cl-ky-ink);text-decoration:none}
.clky-cagri-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--cl-ky-kucuk);color:var(--cl-ky-vurgu)}
.clky-cagri-m{flex:1 1 auto;min-width:0}
.clky-cagri-m b{display:block;font-size:13.5px;font-weight:850}
.clky-cagri-m small{display:block;margin-top:2px;color:var(--cl-ky-sub);font-size:11.5px;line-height:1.4}
.clky-cagri-dugme{flex:none;padding:9px 12px;border-radius:12px;background:var(--cl-ky-gonder);color:var(--cl-ky-gonder-ink);font-size:12px;font-weight:900}
.clky-ozet{margin:4px 0 0;padding:12px 14px;border-radius:14px;background:var(--cl-ky-kucuk);color:var(--cl-ky-metin);font-size:14px;font-weight:600;line-height:1.55}
.clky-tepki-izgara.ikili{grid-template-columns:repeat(2,minmax(0,1fr))}
.clky-form{display:flex;flex-direction:column;gap:12px;margin:12px 16px 0;padding:14px;border-radius:18px;border:1px solid var(--cl-ky-kart-cizgi);background:var(--cl-ky-kart)}
.clky-form-not{display:flex;align-items:center;gap:7px;margin:0;color:var(--cl-ky-sub);font-size:12px}
.clky-alan{display:flex;flex-direction:column;gap:5px}
.clky-alan > span{color:var(--cl-ky-ink);font-size:12px;font-weight:850}
.clky-alan > span small{color:var(--cl-ky-sub);font-weight:700}
.clky-alan input,.clky-alan select,.clky-alan textarea{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--cl-ky-kart-cizgi);background:var(--cl-ky-bg);color:var(--cl-ky-ink);font:inherit;font-size:14.5px}
.clky-alan textarea{min-height:220px;line-height:1.6;resize:vertical}
.clky-alan input::placeholder,.clky-alan textarea::placeholder{color:var(--cl-ky-soluk)}
.clky-alan.hata input,.clky-alan.hata textarea{border-color:#c21f16}
.clky-hata{color:#c21f16;font-size:12px;font-weight:800}
.clky-dosya{position:relative;display:grid;place-items:center;min-height:96px;overflow:hidden;border-radius:14px;border:1.5px dashed var(--cl-ky-kart-cizgi);background:var(--cl-ky-kucuk);cursor:pointer}
.clky-dosya input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.clky-dosya img{display:block;width:100%;max-height:240px;object-fit:cover;pointer-events:none}
.clky-dosya img[hidden],.clky-dosya [data-ky-bos][hidden]{display:none}
.clky-dosya span{display:inline-flex;align-items:center;gap:7px;padding:14px;color:var(--cl-ky-ink);font-size:12.5px;font-weight:800;text-align:center;pointer-events:none}
.clky-dosya span{flex-wrap:wrap;justify-content:center}
.clky-dosya small{flex-basis:100%;color:var(--cl-ky-sub);font-weight:700}
.clky-dosya:focus-within{outline:3px solid var(--cl-ky-vurgu);outline-offset:2px}
.clky-gonder-btn{display:flex;align-items:center;justify-content:center;gap:7px;height:48px;border:0;border-radius:14px;background:var(--cl-ky-gonder);color:var(--cl-ky-gonder-ink);font:inherit;font-size:14px;font-weight:900;cursor:pointer}

/* ── Soru-Cevap (/sorular, /soru/{slug}-{id}) — yeni dil. ── */
body.cl-sc{background:var(--cl-sc-bg)}
body.cl-sc .app{background:var(--cl-sc-bg);color:var(--cl-sc-ink)}
.clsc{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--cl-sc-bg);color:var(--cl-sc-ink)}
.clsc-ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;height:70px;padding:7px 10px;border-bottom:1px solid var(--cl-sc-cizgi);background:var(--cl-sc-ust);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--cl-sc-ust-ink)}
.clsc-geri,.clsc-ekle{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--cl-sc-cizgi);background:var(--cl-sc-geri);color:var(--cl-sc-ust-ink);text-decoration:none}
.clsc-baslik{min-width:0;text-align:center}
.clsc-baslik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700}
.clsc-baslik small{display:block;margin-top:3px;color:var(--cl-sc-sub);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.clsc-ust-bos{width:42px;height:42px}
.clsc-giris{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin:12px 12px 0;padding:14px;border-radius:18px;border:1px solid var(--cl-sc-kart-cizgi);background:var(--cl-sc-kart)}
.clsc-giris-ic{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cl-sc-ic);color:var(--cl-sc-ic-ink)}
.clsc-giris b{display:block;font-size:14px;font-weight:850}
.clsc-giris small{display:block;margin-top:2px;color:var(--cl-sc-sub);font-size:12px}
.clsc-giris-sayi{grid-column:2;color:var(--cl-sc-sub);font-size:11.5px;font-weight:800}
.clsc-sor{display:flex;flex-direction:column;gap:10px;margin:12px 12px 0;padding:14px;border-radius:18px;border:1px solid var(--cl-sc-kart-cizgi);background:var(--cl-sc-kart)}
.clsc-alan{display:flex;flex-direction:column;gap:5px}
.clsc-alan > span{font-size:12px;font-weight:850}
.clsc-alan > span small{color:var(--cl-sc-sub);font-weight:700}
.clsc-alan input,.clsc-alan textarea{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--cl-sc-alan-cizgi);background:var(--cl-sc-alan);color:var(--cl-sc-alan-ink);font:inherit;font-size:14.5px}
.clsc-alan textarea{resize:vertical}
.clsc-alan input::placeholder,.clsc-alan textarea::placeholder{color:var(--cl-sc-sub)}
.clsc-alan.hata input{border-color:#c21f16}
.clsc-hata{color:#c21f16;font-size:12px;font-weight:800}
.clsc-gonder{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border:0;border-radius:14px;background:var(--cl-sc-cagri);color:var(--cl-sc-cagri-ink);font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.clsc-cagri{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;margin:12px 12px 0;border-radius:14px;background:var(--cl-sc-cagri);color:var(--cl-sc-cagri-ink);font-size:13.5px;font-weight:900;text-decoration:none}
.clsc-sekmeler{display:flex;gap:7px;overflow-x:auto;margin-top:14px;padding:10px 12px;border-top:1px solid var(--cl-sc-cizgi);border-bottom:1px solid var(--cl-sc-cizgi);scrollbar-width:none}
.clsc-sekmeler::-webkit-scrollbar{display:none}
.clsc-sekmeler a{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--cl-sc-sekme-cizgi);background:var(--cl-sc-sekme);color:var(--cl-sc-sekme-ink);font-size:11.5px;font-weight:900;white-space:nowrap;text-decoration:none}
.clsc-sekmeler a.on{border-color:transparent;background:var(--cl-sc-sekme-on);color:var(--cl-sc-sekme-on-ink)}
.clsc-liste{display:flex;flex-direction:column;gap:8px;padding:12px}
.clsc-kart{display:flex;flex-direction:column;gap:7px;padding:13px 14px;border-radius:16px;border:1px solid var(--cl-sc-kart-cizgi);background:var(--cl-sc-kart);color:var(--cl-sc-ink);text-decoration:none}
.clsc-kart b{font-size:14.5px;font-weight:800;line-height:1.35}
.clsc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--cl-sc-sub);font-size:11.5px}
.clsc-cozuldu{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:3px 8px;border-radius:999px;background:var(--cl-sc-cozuldu);color:var(--cl-sc-cozuldu-ink);font-size:10.5px;font-weight:900}
.clsc-bos{margin:0;padding:36px 16px;color:var(--cl-sc-sub);font-size:12.5px;text-align:center}
.clsc-sayfa{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:0 12px}
.clsc-sayfa a{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:9px 12px;border-radius:12px;border:1px solid var(--cl-sc-kart-cizgi);background:var(--cl-sc-kart);color:var(--cl-sc-ink);font-size:12.5px;font-weight:850;text-decoration:none}
.clsc-sayfa a:last-child{justify-self:end}
.clsc-sayfa small{color:var(--cl-sc-sub);font-size:12px;font-weight:800}
.clsc-soru{display:flex;flex-direction:column;gap:8px;margin:12px 12px 0;padding:16px;border-radius:18px;border:1px solid var(--cl-sc-kart-cizgi);background:var(--cl-sc-kart)}
.clsc-soru h1{margin:0;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.3px}
.clsc-soru p{margin:0;font-size:14.5px;line-height:1.65}
.clsc-bildir{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--cl-sc-sub);font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
.clsc-bolum{margin:18px 14px 8px;font-size:14px;font-weight:850}
.clsc-yanitlar{display:flex;flex-direction:column;gap:8px;padding:0 12px}
.clsc-yanit{display:flex;flex-direction:column;gap:10px;padding:13px 14px;border-radius:16px;border:1px solid var(--cl-sc-kart-cizgi);background:var(--cl-sc-kart)}
.clsc-yanit.kabul{border:1.5px solid var(--cl-sc-kabul-cizgi)}
.clsc-kabul{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:4px 9px;border-radius:999px;background:var(--cl-sc-kabul);color:var(--cl-sc-kabul-ink);font-size:10.5px;font-weight:900}
.clsc-yanit-metin{font-size:14.5px;line-height:1.65}
.clsc-yanit-alt{display:flex;align-items:center;gap:9px}
.clsc-av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cl-sc-ic);color:var(--cl-sc-ic-ink);font-size:11px;font-weight:950}
.clsc-yazar{display:flex;flex-direction:column;min-width:0}
.clsc-yazar b{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12.5px;font-weight:850}
.clsc-yazar small{color:var(--cl-sc-sub);font-size:11px}
.clsc-kabul-form{margin:0 0 0 auto}
.clsc-kabul-form button{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:0;border-radius:11px;background:var(--cl-sc-kabul);color:var(--cl-sc-kabul-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}

/* ═══ Tüm Hizmetler (/kesfet) — anasayfanın "Tümü" penceresi (.clsheet) JS'siz tam sayfa kipinde (.clsheet-sayfa);
   zemin anasayfanınki, kartlar/renkler/arama alanı pencereyle aynı kurallar. ═══ */
body.cl-ks{background:var(--cl-bg)}
body.cl-ks .app{background:radial-gradient(circle at 50% -120px,var(--cl-bg-glow),transparent 340px),var(--cl-bg);color:var(--cl-ink)}
.app-main.clks{padding-top:calc(14px + env(safe-area-inset-top,0px))}
.clsheet.clsheet-sayfa{position:static;inset:auto;z-index:auto}
.clsheet-sayfa .clsheet-stage{position:relative;left:auto;right:auto;bottom:auto;max-height:none;margin:0 auto}
.clsheet-sayfa .clsheet-grid{overflow:visible;margin:0 -4px -4px;padding:0 4px 4px}
.clsheet-sayfa .clsheet-head h1{margin:0;font:inherit;color:inherit}
.clsheet-sayfa .clsheet-x{text-decoration:none}
.clks-bos{margin:4px 2px 2px;font-size:13px;line-height:1.5;color:var(--cl-ink-2)}
.clsheet-ic.img,:root[data-theme="dark"] .clsheet-ic.img{background-size:cover;background-position:center;background-repeat:no-repeat}

/* ═══ İlan Ver / İlanı Düzenle (cide_775 2. El #listingFormView) — .cl2f, --cl-2f-*; ortak parça partials/ilan_form.php.
   Taslağın V161 ölçüleri (büyük dokunma alanları); 6–9 px etiketler ≥ 10 px, girdiler 16 px (iOS odak yakınlaştırması yok). ═══ */
body.cl-2f{background:var(--cl-2f-bg)}
body.cl-2f .app{background:radial-gradient(circle at 88% 4%,var(--cl-2f-parilti),transparent 28%),var(--cl-2f-bg);color:var(--cl-2f-ink)}
.cl2f{min-height:100vh;min-height:100dvh}
.cl2f-ust{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:var(--cl-2f-head);border-bottom:1px solid var(--cl-2f-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.cl2f-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cl-2f-ikincil);color:var(--cl-2f-ink);text-decoration:none}
.cl2f-baslik{min-width:0}
.cl2f-baslik small{display:block;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:1px;color:var(--cl-2f-sub)}
.cl2f-baslik h1{margin:3px 0 0;font-size:22px;line-height:1.05;font-weight:900;letter-spacing:-.4px;color:var(--cl-2f-ink)}
.cl2f-taslak{min-height:38px;padding:0 13px;border:0;border-radius:10px;background:var(--cl-2f-taslak);color:var(--cl-2f-taslak-ink);font:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
.cl2f-taslak[hidden]{display:none}
.cl2f-form{padding:12px 12px 0}
.cl2f-kart{margin-bottom:11px;padding:16px;border-radius:20px;background:var(--cl-2f-kart);border:1px solid var(--cl-2f-kart-line);box-shadow:var(--cl-2f-golge);scroll-margin-top:84px}
.cl2f-kart-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.cl2f-kart-bas>div{display:flex;align-items:center;gap:8px}
.cl2f-kart-bas span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--cl-2f-adim);color:var(--cl-2f-adim-ink);font-size:12px;font-weight:950}
.cl2f-kart-bas b{font-size:15px;font-weight:900;color:var(--cl-2f-ink)}
.cl2f-kart-bas small{font-size:11.5px;font-weight:800;color:var(--cl-2f-sub)}
.cl2f-gizli,.cl2f-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
.cl2f-yukle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:132px;padding:12px;border-radius:17px;border:1px dashed var(--cl-2f-yukle-line);background:var(--cl-2f-yukle);text-align:center;cursor:pointer}
.cl2f-yukle:focus-within{outline:2px solid var(--cl-2f-odak);outline-offset:2px}
.cl2f-yukle-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--cl-2f-adim);color:var(--cl-2f-adim-ink)}
.cl2f-yukle b{font-size:14px;font-weight:900;color:var(--cl-2f-ink)}
.cl2f-yukle small{font-size:11.5px;font-weight:700;color:var(--cl-2f-yukle-ink)}
.cl2f-sinir{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:10px 12px;border-radius:12px;background:var(--cl-2f-not);border:1px solid var(--cl-2f-not-line)}
.cl2f-sinir b{flex:none;font-size:10.5px;letter-spacing:.35px;font-weight:900;color:var(--cl-2f-not-ink)}
.cl2f-sinir span{text-align:right;font-size:11px;line-height:1.35;color:var(--cl-2f-not-sub)}
.cl2f-izgara,.cl2f-mevcut{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}
.cl2f-mevcut{margin:0 0 4px}
.cl2f-izgara[hidden]{display:none}
.cl2f-kucuk,.cl2f-mevcut-i{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--cl-2f-foto)}
.cl2f-kucuk img,.cl2f-mevcut-i img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s,filter .15s}
.cl2f-izgara[data-kapak] .cl2f-kucuk:first-child::after{content:"Kapak";position:absolute;left:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.7);color:#ffffff;font-size:10px;font-weight:900}
.cl2f-kucuk button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:8px;background:rgba(0,0,0,.7);color:#ffffff;font-size:17px;line-height:1;cursor:pointer}
.cl2f-mevcut-i{cursor:pointer}
.cl2f-mevcut-x{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(0,0,0,.62);color:#ffffff}
.cl2f-mevcut-i input:checked+.cl2f-mevcut-x{background:#b3261e}
.cl2f-mevcut-i:has(input:checked) img{opacity:.35;filter:grayscale(1)}
.cl2f-mevcut-i:focus-within{outline:2px solid var(--cl-2f-odak);outline-offset:2px}
.cl2f-etiket{display:block;margin:14px 0 7px;font-size:12px;font-weight:900;color:var(--cl-2f-etiket)}
.cl2f-girdi,.cl2f-metin,.cl2f-secim,.cl2f-para,.cl2f-sabit{box-sizing:border-box;width:100%;border:1px solid var(--cl-2f-alan-line);border-radius:15px;background:var(--cl-2f-alan);color:var(--cl-2f-alan-ink)}
.cl2f-girdi{display:block;height:54px;padding:0 14px;font:inherit;font-size:16px;font-weight:700;outline:0}
select.cl2f-girdi{padding-right:10px}
.cl2f-metin{display:block;min-height:150px;padding:14px;font:inherit;font-size:16px;line-height:1.55;resize:vertical;outline:0}
.cl2f-secim{position:relative;display:flex;align-items:center;height:54px;padding:0 13px}
.cl2f-secim select{width:100%;height:100%;min-width:0;padding:0 22px 0 0;border:0;outline:0;background:transparent;color:var(--cl-2f-alan-ink);font:inherit;font-size:16px;font-weight:700;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
.cl2f-secim::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:2px solid var(--cl-2f-sub);border-bottom:2px solid var(--cl-2f-sub);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.cl2f-secim option{background:var(--cl-2f-kart);color:var(--cl-2f-ink)}
.cl2f-secim optgroup{background:var(--cl-2f-kart);color:var(--cl-2f-adim-ink);font-weight:900}
.cl2f-para{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;height:54px;padding:0 13px}
.cl2f-para input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--cl-2f-alan-ink);font:inherit;font-size:16px;font-weight:800}
.cl2f-para span{font-size:12px;font-weight:900;color:var(--cl-2f-ph)}
.cl2f-sabit{display:flex;align-items:center;min-height:54px;padding:0 14px;font-size:15px;font-weight:800}
.cl2f-girdi::placeholder,.cl2f-metin::placeholder,.cl2f-para input::placeholder{color:var(--cl-2f-ph);opacity:1}
.cl2f-girdi:focus,.cl2f-metin:focus,.cl2f-secim:focus-within,.cl2f-para:focus-within{border-color:var(--cl-2f-odak);box-shadow:0 0 0 3px var(--cl-2f-odak-halo)}
.cl2f-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.cl2f-ipucu{margin:7px 2px 0;font-size:11.5px;line-height:1.45;font-weight:700;color:var(--cl-2f-ipucu)}
.cl2f-orta{margin:0 0 12px;text-align:center}
.cl2f-sayac{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:11.5px;color:var(--cl-2f-ipucu)}
.cl2f-sayac b{font-weight:800}
.cl2f-hata{margin:7px 0 0;padding:8px 11px;border-radius:10px;background:var(--cl-2f-hata-bg);color:var(--cl-2f-hata);font-size:12.5px;font-weight:800;line-height:1.4}
.cl2f .ai-trigger{min-height:48px;margin:0 0 6px;border-radius:14px;background:var(--cl-2f-yz);color:#ffffff;font-size:14px}
.cl2f .ai-quota{margin:0 0 2px;font-size:11.5px;color:var(--cl-2f-ipucu)}
.cl2f .ai-quota b{color:var(--cl-2f-ink)}
.cl2f .ai-quota-empty,.cl2f .ai-upsell{margin:0 0 4px;padding:12px 13px;border-radius:14px;background:var(--cl-2f-alan);border:1px dashed var(--cl-2f-alan-line);color:var(--cl-2f-ink);font-size:12.5px}
.cl2f .ai-upsell b,.cl2f .ai-quota-empty a,.cl2f .ai-upsell>svg:first-child{color:var(--cl-2f-adim-ink)}
.cl2f-ek{min-width:0;margin:16px 0 0;padding:0;border:0}
.cl2f-ek[hidden]{display:none}
.cl2f-ek-bas{display:block;margin:0 0 2px;padding:0;font-size:13.5px;font-weight:900;color:var(--cl-2f-ink)}
.cl2f-ozellikler+.cl2f-ek-bas,.cl2f-ek-izgara+.cl2f-ek-bas{margin-top:14px}
.cl2f-ek-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px}
.cl2f-ek-alan>label{display:block;margin:12px 0 6px;font-size:12px;font-weight:900;color:var(--cl-2f-etiket)}
.cl2f-ek-alan .cl2f-girdi{height:48px}
.cl2f-ek-alan .req{color:var(--cl-2f-hata)}
.cl2f-ek-birim{font-weight:700;color:var(--cl-2f-ipucu)}
.cl2f-ek-evet{display:flex;align-items:center;gap:8px;min-height:48px;font-size:14px;font-weight:700;color:var(--cl-2f-ink)}
.cl2f-ozellikler{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px}
.cl2f-ozellik,.cl2f-durum{position:relative;display:flex;align-items:center;gap:9px;min-height:48px;padding:0 12px;border-radius:14px;background:var(--cl-2f-alan);border:1px solid var(--cl-2f-alan-line)}
.cl2f-ozellik{cursor:pointer}
.cl2f-ozellik b,.cl2f-durum b{min-width:0;font-size:13px;font-weight:800;color:var(--cl-2f-ink)}
.cl2f-ozellik span,.cl2f-onay label>span,.cl2f-durum i{position:relative;flex:none;width:20px;height:20px;border-radius:7px;border:1.5px solid var(--cl-2f-kutu-line);background:var(--cl-2f-kart)}
.cl2f-ozellik input:checked+span,.cl2f-onay input:checked+span,.cl2f-durum.on i{background:var(--cl-2f-onay);border-color:var(--cl-2f-onay)}
.cl2f-ozellik input:checked+span::after,.cl2f-onay input:checked+span::after,.cl2f-durum.on i::after{content:"";position:absolute;left:5.5px;top:1.5px;width:5px;height:10px;border:solid var(--cl-2f-onay-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.cl2f-ozellik:focus-within,.cl2f-onay label:focus-within{outline:2px solid var(--cl-2f-odak);outline-offset:2px}
.cl2f-harita{margin-top:14px;border-radius:15px;border:1px solid var(--cl-2f-alan-line);background:var(--cl-2f-alan)}
.cl2f-harita summary{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 14px;font-size:13px;font-weight:900;color:var(--cl-2f-ink);cursor:pointer;list-style:none}
.cl2f-harita summary::-webkit-details-marker{display:none}
.cl2f-harita summary small{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--cl-2f-ipucu)}
.cl2f-harita[open] summary{border-bottom:1px solid var(--cl-2f-alan-line)}
.cl2f-harita .cl2f-metin{min-height:96px;border:0;border-radius:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cl2f-harita .cl2f-ipucu{margin:0;padding:0 14px 12px}
.cl2f-bilgi{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin-top:8px;padding:0 14px;border-radius:14px;background:var(--cl-2f-alan);border:1px solid var(--cl-2f-alan-line)}
.cl2f-bilgi small{flex:none;font-size:12px;font-weight:800;color:var(--cl-2f-etiket)}
.cl2f-bilgi b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;color:var(--cl-2f-alan-ink)}
.cl2f-durumlar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
.cl2f-bag{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:13px;font-weight:900;color:var(--cl-2f-adim-ink);text-decoration:none}
.cl2f-onizleme{display:grid;grid-template-columns:102px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border-radius:16px;background:var(--cl-2f-onizleme);border:1px solid var(--cl-2f-alan-line)}
.cl2f-onizleme-foto{display:grid;place-items:center;width:102px;height:82px;border-radius:13px;background:var(--cl-2f-foto) center/cover no-repeat;color:var(--cl-2f-foto-ink);font-size:11px;font-weight:800;overflow:hidden}
.cl2f-onizleme-metin{min-width:0}
.cl2f-onizleme-metin small{display:block;font-size:11px;font-weight:900;color:var(--cl-2f-adim-ink)}
.cl2f-onizleme-metin b{display:block;margin-top:3px;font-size:14px;line-height:1.35;font-weight:850;color:var(--cl-2f-ink);overflow-wrap:anywhere}
.cl2f-onizleme-metin strong{display:block;margin-top:5px;font-size:15px;font-weight:900;color:var(--cl-2f-fiyat)}
.cl2f-onizleme-metin span{display:block;margin-top:3px;font-size:11.5px;color:var(--cl-2f-sub)}
.cl2f-onay{padding:4px 4px 10px}
.cl2f-onay label{display:flex;gap:10px;align-items:flex-start;border-radius:10px;cursor:pointer}
.cl2f-onay p{margin:1px 0 0;font-size:12.5px;line-height:1.55;font-weight:700;color:var(--cl-2f-sub)}
.cl2f .ugc-notice{margin:0 0 10px;background:var(--cl-2f-kart);border-color:var(--cl-2f-kart-line);color:var(--cl-2f-sub)}
.cl2f .ugc-notice a{color:var(--cl-2f-adim-ink)}
.cl2f-taslak-not{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:11px 12px;border-radius:14px;background:var(--cl-2f-not);border:1px solid var(--cl-2f-not-line);font-size:12px;line-height:1.4;font-weight:700;color:var(--cl-2f-not-sub)}
.cl2f-taslak-not[hidden]{display:none}
.cl2f-taslak-not button{flex:none;min-height:34px;padding:0 11px;border:0;border-radius:10px;background:var(--cl-2f-taslak);color:var(--cl-2f-taslak-ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.cl2f-bar{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;margin:0 -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--cl-2f-bar);border-top:1px solid var(--cl-2f-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.cl2f-onizle,.cl2f-yayinla{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;border:0;border-radius:15px;font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}
.cl2f-onizle{background:var(--cl-2f-ikincil);color:var(--cl-2f-ikincil-ink)}
.cl2f-yayinla{background:var(--cl-2f-birincil);color:var(--cl-2f-birincil-ink);box-shadow:0 10px 24px var(--cl-2f-birincil-golge)}
.cl2f-yayinla svg{width:17px;height:17px}
.cl2f a:focus-visible,.cl2f button:focus-visible{outline:2px solid var(--cl-2f-odak);outline-offset:2px}
@media (max-width:340px){.cl2f-iki,.cl2f-durumlar,.cl2f-ozellikler,.cl2f-ek-izgara{grid-template-columns:minmax(0,1fr)}.cl2f-izgara,.cl2f-mevcut{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Favoriler: yayında olmayan favori bağlantısız */
.cl2e-kart-pasif .cl2e-kart-a{opacity:.72}

/* ═══ Giriş, Kayıt, E-posta doğrulama, Şifremi unuttum, Şifre sıfırlama — .clgr, --cl-gr-* (taslakta ekran yok; sitenin yeni
   dili, marka turkuazı). Ortak başlık partials/giris_ust.php (marka hapı .cltop-brand aynen); girdiler 16 px. ═══ */
body.cl-gr{background:var(--cl-gr-bg)}
body.cl-gr .app{background:radial-gradient(circle at 50% -60px,var(--cl-gr-parilti),transparent 360px),var(--cl-gr-bg);color:var(--cl-gr-ink)}
.clgr{max-width:460px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom,0px))}
.clgr-ust{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}
.clgr-ust .cltop-brand{justify-self:center}
.clgr-geri,.clgr-tema{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:13px;background:var(--cl-gr-kart);border:1px solid var(--cl-gr-kart-line);color:var(--cl-gr-ink);text-decoration:none;cursor:pointer}
.clgr-bas{margin:26px 0 18px;text-align:center}
.clgr-ikon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--cl-gr-ikon);color:var(--cl-gr-ikon-ink)}
.clgr-bas h1{margin:14px 0 6px;font-size:26px;line-height:1.1;font-weight:900;letter-spacing:-.5px;color:var(--cl-gr-ink)}
.clgr-bas p{max-width:330px;margin:0 auto;font-size:14px;line-height:1.5;color:var(--cl-gr-sub)}
.clgr-bas p b{color:var(--cl-gr-ink);overflow-wrap:anywhere}
.clgr-kart{padding:18px 16px 20px;border-radius:22px;background:var(--cl-gr-kart);border:1px solid var(--cl-gr-kart-line);box-shadow:var(--cl-gr-golge)}
.clgr-etiket{display:block;margin:14px 0 7px;padding:0;font-size:12.5px;font-weight:900;color:var(--cl-gr-etiket)}
.clgr-kart>input[type=hidden]:first-child+.clgr-etiket,.clgr-kart>input[type=hidden]:first-child+input[type=hidden]+.clgr-etiket{margin-top:0}
.clgr-etiket small{margin-left:4px;font-size:11.5px;font-weight:700;color:var(--cl-gr-kucuk)}
.clgr-girdi{box-sizing:border-box;display:block;width:100%;height:52px;padding:0 14px;border:1px solid var(--cl-gr-alan-line);border-radius:15px;background:var(--cl-gr-alan);color:var(--cl-gr-alan-ink);font:inherit;font-size:16px;font-weight:700;outline:0}
.clgr-girdi::placeholder{color:var(--cl-gr-ph);opacity:1}
.clgr-girdi:focus{border-color:var(--cl-gr-odak);box-shadow:0 0 0 3px var(--cl-gr-odak-halo)}
.clgr-kod{height:60px;padding-left:calc(14px + .5em);text-align:center;letter-spacing:.5em;font-size:24px;font-weight:900}
.clgr-sifre{position:relative}
.clgr-sifre .clgr-girdi{padding-right:52px}
.clgr-goster{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:11px;background:transparent;color:var(--cl-gr-sub);cursor:pointer}
.clgr-goz{display:grid}
.clgr-goz-kapali{display:none}
.clgr-goster[aria-pressed="true"] .clgr-goz{display:none}
.clgr-goster[aria-pressed="true"] .clgr-goz-kapali{display:grid}
.clgr-unuttum{display:block;width:max-content;margin:10px 0 0 auto;font-size:13px;font-weight:800;color:var(--cl-gr-bag);text-decoration:none}
.clgr-dugme{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:18px;border:0;border-radius:16px;background:var(--cl-gr-birincil);color:var(--cl-gr-birincil-ink);font:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px var(--cl-gr-birincil-golge)}
.clgr-dugme:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
.clgr-gecis{margin:16px 0 0;text-align:center;font-size:13.5px;color:var(--cl-gr-sub)}
.clgr-gecis a{font-weight:900;color:var(--cl-gr-bag);text-decoration:none}
.clgr-msg{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;padding:12px 14px;border-radius:15px;font-size:13.5px;line-height:1.5;font-weight:700}
.clgr-msg svg{flex:none;margin-top:2px}
.clgr-msg.hata{background:var(--cl-gr-hata-bg);color:var(--cl-gr-hata)}
.clgr-msg.ok{background:var(--cl-gr-ok-bg);color:var(--cl-gr-ok)}
.clgr-hata{margin:7px 0 0;padding:8px 11px;border-radius:10px;background:var(--cl-gr-hata-bg);color:var(--cl-gr-hata);font-size:12.5px;font-weight:800;line-height:1.4}
.clgr-gizli{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
.clgr-turler{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0;margin:14px 0 0;padding:0;border:0}
.clgr-turler>legend{float:left;grid-column:1/-1;margin:0 0 -3px}
.clgr-tur{position:relative;display:flex;flex-direction:column;gap:5px;padding:13px 12px;border-radius:16px;background:var(--cl-gr-alan);border:1.5px solid var(--cl-gr-alan-line);cursor:pointer}
.clgr-tur:has(input:checked){background:var(--cl-gr-tur-on);border-color:var(--cl-gr-tur-on-line)}
.clgr-tur:has(input:focus-visible){outline:2px solid var(--cl-gr-odak);outline-offset:2px}
.clgr-tur-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cl-gr-kart);color:var(--cl-gr-ikon-ink)}
.clgr-tur b{font-size:14px;font-weight:900;color:var(--cl-gr-ink)}
.clgr-tur:has(input:checked) b{color:var(--cl-gr-tur-on-ink)}
.clgr-tur small{font-size:11.5px;line-height:1.45;color:var(--cl-gr-sub)}
.clgr-bolum{margin:16px 0 0;font-size:11px;font-weight:900;letter-spacing:1px;color:var(--cl-gr-sub)}
.clgr-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.clgr-onay{display:flex;gap:10px;align-items:flex-start;margin-top:16px;cursor:pointer}
.clgr-onay>span{position:relative;flex:none;width:22px;height:22px;margin-top:1px;border-radius:7px;border:1.5px solid var(--cl-gr-kutu-line);background:var(--cl-gr-kart)}
.clgr-onay input:checked+span{background:var(--cl-gr-onay);border-color:var(--cl-gr-onay)}
.clgr-onay input:checked+span::after{content:"";position:absolute;left:6.5px;top:2.5px;width:5px;height:11px;border:solid var(--cl-gr-onay-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.clgr-onay input:focus-visible+span{outline:2px solid var(--cl-gr-odak);outline-offset:2px}
.clgr-onay p{margin:0;font-size:12.5px;line-height:1.55;color:var(--cl-gr-sub)}
.clgr-onay p a{font-weight:800;color:var(--cl-gr-bag)}
.clgr-onay p b{color:var(--cl-gr-ink)}
.clgr-yeniden{margin:12px 0 0;text-align:center}
.clgr-yeniden button{padding:8px 10px;border:0;background:none;font:inherit;font-size:13.5px;color:var(--cl-gr-sub);cursor:pointer}
.clgr-yeniden b{color:var(--cl-gr-bag)}
.clgr .btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 14px;border-radius:15px;background:var(--cl-gr-google);border:1px solid var(--cl-gr-google-line);box-shadow:none;color:var(--cl-gr-google-ink);font-size:14.5px;font-weight:800;text-decoration:none}
.clgr .auth-terms{margin:8px 2px 0;text-align:center;font-size:11.5px;line-height:1.5;color:var(--cl-gr-kucuk)}
.clgr .auth-terms a{color:var(--cl-gr-bag)}
.clgr .auth-divider{margin:14px 2px 0;color:var(--cl-gr-kucuk);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.clgr .auth-divider:before,.clgr .auth-divider:after{background:var(--cl-gr-alan-line)}
.clgr .uname-msg{margin:6px 2px 0;min-height:0;font-size:12px;font-weight:800}
.clgr .uname-msg:empty{display:none}
.clgr .uname-msg.ok{color:var(--cl-gr-ok)}
.clgr .uname-msg.no{color:var(--cl-gr-hata)}
.clgr .uname-msg.wait{color:var(--cl-gr-kucuk)}
.clgr a:focus-visible,.clgr button:focus-visible{outline:2px solid var(--cl-gr-odak);outline-offset:2px}
@media (max-width:340px){.clgr-iki,.clgr-turler{grid-template-columns:minmax(0,1fr)}}

/* ═══ Gizlilik ve güvenlik (/hesap/guvenlik) — .clgv; form parçaları ve renkler giriş sayfalarından (.clgr-*, --cl-gr-*),
   üstüne --cl-gv-* (başlık, güç ölçer, tehlike alanı). ═══ */
body.cl-gv{background:var(--cl-gr-bg)}
body.cl-gv .app{background:var(--cl-gr-bg);color:var(--cl-gr-ink)}
.clgv{max-width:560px;margin:0 auto;padding:0 12px calc(96px + env(safe-area-inset-bottom,0px))}
.clgv-ust{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:0 -12px 12px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:var(--cl-gv-bas);border-bottom:1px solid var(--cl-gr-kart-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.clgv-ust h1{margin:0;text-align:center;font-size:17px;font-weight:900;letter-spacing:-.2px;color:var(--cl-gr-ink)}
.clgv-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cl-gr-kart);border:1px solid var(--cl-gr-kart-line);color:var(--cl-gr-ink);text-decoration:none}
.clgv-kart{display:block;margin-bottom:12px;padding:16px;border-radius:20px;background:var(--cl-gr-kart);border:1px solid var(--cl-gr-kart-line);box-shadow:var(--cl-gr-golge)}
.clgv-bas{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:15px;font-weight:900;color:var(--cl-gr-ink)}
.clgv-ikon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cl-gr-ikon);color:var(--cl-gr-ikon-ink)}
.clgv-form>input[type=hidden]:first-child+.clgr-etiket{margin-top:0}
.clgv-durum{margin:6px 2px 0;font-size:12px;font-weight:800}
.clgv-durum:empty{display:none}
.clgv-durum.ok{color:var(--cl-gr-ok)}
.clgv-durum.no{color:var(--cl-gr-hata)}
.clgv-olcer{display:flex;align-items:center;gap:10px;margin:9px 2px 0}
.clgv-olcer-cubuk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;flex:1}
.clgv-olcer-cubuk i{height:5px;border-radius:3px;background:var(--cl-gr-alan-line)}
.clgv-olcer[data-guc="1"] i:nth-child(-n+1),.clgv-olcer[data-guc="2"] i:nth-child(-n+2){background:var(--cl-gv-zayif)}
.clgv-olcer[data-guc="3"] i:nth-child(-n+3){background:var(--cl-gv-orta)}
.clgv-olcer[data-guc="4"] i:nth-child(-n+4),.clgv-olcer[data-guc="5"] i{background:var(--cl-gv-guclu)}
.clgv-olcer b{min-width:66px;text-align:right;font-size:11.5px;font-weight:800;color:var(--cl-gr-sub)}
.clgv-kosul{margin:6px 2px 0;font-size:11.5px;font-weight:700;color:var(--cl-gr-kucuk)}
.clgv-kosul span::before{content:"○ "}
.clgv-kosul span.ok{color:var(--cl-gr-ok)}
.clgv-kosul span.ok::before{content:"✓ "}
.clgv-not{margin:10px 2px 0;font-size:12.5px;line-height:1.55;color:var(--cl-gr-sub)}
.clgv-bas+.clgv-not{margin-top:0}
.clgv-not b{color:var(--cl-gr-ink)}
.clgv-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 2px;border-bottom:1px solid var(--cl-gr-alan-line)}
.clgv-satir span{flex:none;font-size:12.5px;font-weight:800;color:var(--cl-gr-etiket)}
.clgv-satir b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;color:var(--cl-gr-ink)}
.clgv-bag{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:13px;font-weight:900;color:var(--cl-gr-bag);text-decoration:none}
.clgv-liste{margin:0;padding:0;list-style:none}
.clgv-cihaz{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--cl-gr-alan-line)}
.clgv-cihaz:last-child{border-bottom:0;padding-bottom:0}
.clgv-cihaz-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cl-gr-alan);color:var(--cl-gr-ink)}
.clgv-cihaz-m{min-width:0}
.clgv-cihaz-m b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:850;color:var(--cl-gr-ink)}
.clgv-cihaz-m small{display:block;margin-top:2px;font-size:11.5px;line-height:1.35;color:var(--cl-gr-sub)}
.clgv-cik{min-height:36px;padding:0 12px;border:1px solid var(--cl-gr-alan-line);border-radius:11px;background:var(--cl-gr-alan);color:var(--cl-gr-ink);font:inherit;font-size:12.5px;font-weight:850;cursor:pointer}
.clgv-baglar{padding:4px 16px}
.clgv-baglar a{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid var(--cl-gr-alan-line);color:var(--cl-gr-ink);font-size:14px;font-weight:800;text-decoration:none}
.clgv-baglar a:last-child{border-bottom:0}
.clgv-baglar a svg:first-child{color:var(--cl-gr-ikon-ink)}
.clgv-baglar a svg:last-child{color:var(--cl-gr-kucuk)}
.clgv-tehlike{border-color:var(--cl-gv-tehlike-line)}
.clgv-tehlike .clgv-ikon{background:var(--cl-gr-hata-bg);color:var(--cl-gr-hata)}
.clgv-sil{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:14px;border:0;border-radius:15px;background:var(--cl-gv-sil);color:var(--cl-gv-sil-ink);font:inherit;font-size:14.5px;font-weight:900;cursor:pointer}
.clgv a:focus-visible,.clgv button:focus-visible{outline:2px solid var(--cl-gr-odak);outline-offset:2px}

/* ═══ Üyelik paketleri (/uyelik-paketleri) — .clup, --cl-up-*. Kartın kenarı ve madalya parıltısı paketin rengi (--tier,
   admin'den); yazılar tokenlardan (paket rengi okunurluğu bozmasın). Popüler kart kalın kenarlı + EN POPÜLER şeridi. ═══ */
body.cl-up{background:var(--cl-up-bg)}
body.cl-up .app{background:var(--cl-up-bg);color:var(--cl-up-ink)}
.clup{max-width:620px;margin:0 auto;padding:0 12px calc(96px + env(safe-area-inset-bottom,0px))}
.clup-ust{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:0 -12px 12px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:var(--cl-up-bas);border-bottom:1px solid var(--cl-up-kart-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.clup-ust h1{margin:0;text-align:center;font-size:17px;font-weight:900;letter-spacing:-.2px;color:var(--cl-up-ink)}
.clup-geri{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cl-up-kart);border:1px solid var(--cl-up-kart-line);color:var(--cl-up-ink);text-decoration:none}
.clup-hero{position:relative;overflow:hidden;min-height:176px;margin-bottom:12px;border-radius:22px;background:#0b1a20 center/cover no-repeat}
.clup-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,16,.86) 0%,rgba(4,12,16,.6) 55%,rgba(4,12,16,.15) 100%)}
.clup-hero-m{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:176px;padding:18px 18px 20px;max-width:330px}
.clup-hero-m small{font-size:10.5px;font-weight:900;letter-spacing:1.2px;color:#bfeae7}
.clup-hero-m b{margin-top:4px;font-size:26px;line-height:1.1;font-weight:900;letter-spacing:-.5px;color:#ffffff}
.clup-hero-m b span{color:#7ff0e9}
.clup-hero-m p{margin:7px 0 0;font-size:13px;line-height:1.5;color:#e3eef0}
.clup-mevcut{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;border-radius:18px;background:var(--cl-up-mevcut);color:var(--cl-up-mevcut-ink)}
.clup-mevcut small{display:block;font-size:10.5px;font-weight:900;letter-spacing:1px}
.clup-mevcut b{display:block;margin-top:2px;font-size:17px;font-weight:900}
.clup-mevcut span{display:block;margin-top:2px;font-size:12.5px;font-weight:700}
.clup-nasil,.clup-talepler{margin-bottom:12px;padding:16px;border-radius:20px;background:var(--cl-up-kart);border:1px solid var(--cl-up-kart-line);box-shadow:var(--cl-up-golge)}
.clup-nasil h2,.clup-talepler h2{margin:0 0 12px;font-size:15px;font-weight:900;color:var(--cl-up-ink)}
.clup-nasil ol,.clup-talepler ul{margin:0;padding:0;list-style:none}
.clup-nasil li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start;padding:8px 0}
.clup-nasil li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--cl-up-adim);color:var(--cl-up-adim-ink);font-size:13px;font-weight:950}
.clup-nasil li b{display:block;font-size:14px;font-weight:900;color:var(--cl-up-ink)}
.clup-nasil li small{display:block;margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--cl-up-sub)}
.clup-not{margin:10px 0 0;padding:11px 12px;border-radius:13px;background:var(--cl-up-kota);color:var(--cl-up-kota-ink);font-size:12.5px;line-height:1.5;font-weight:700}
.clup-talepler li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--cl-up-cizgi)}
.clup-talepler li:last-child{border-bottom:0;padding-bottom:0}
.clup-talepler li b{display:block;font-size:14px;font-weight:850;color:var(--cl-up-ink)}
.clup-talepler li small{display:block;margin-top:1px;font-size:11.5px;color:var(--cl-up-sub)}
.clup-cip{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:900}
.clup-cip.bekle{background:var(--cl-up-bekle);color:var(--cl-up-bekle-ink)}
.clup-cip.onay{background:var(--cl-up-onay);color:var(--cl-up-onay-ink)}
.clup-cip.ret{background:var(--cl-up-ret);color:var(--cl-up-ret-ink)}
.clup-kartlar{display:grid;gap:12px}
.clup-kart{position:relative;display:block;padding:18px 16px 16px;border-radius:22px;background:var(--cl-up-kart);border:1.5px solid color-mix(in srgb,var(--tier) 55%,transparent);box-shadow:var(--cl-up-golge)}
.clup-kart.pop{border-width:3px;padding-top:26px}
.clup-pop{position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%);padding:5px 12px;border-radius:999px;background:var(--cl-up-pop);color:var(--cl-up-pop-ink);font-size:10.5px;font-weight:950;letter-spacing:1px;white-space:nowrap}
.clup-kart-bas{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px}
.clup-kart-bas>:first-child{filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--tier) 45%,transparent))}
.clup-kart-ad b{display:block;font-size:18px;font-weight:950;letter-spacing:.3px;color:var(--cl-up-ink)}
.clup-kart-ad small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:var(--cl-up-sub)}
.clup-fiyat{text-align:right}
.clup-fiyat strong{display:block;font-size:22px;line-height:1;font-weight:950;color:var(--cl-up-fiyat)}
.clup-fiyat small{display:block;margin-top:4px;font-size:11.5px;font-weight:800;color:var(--cl-up-sub)}
.clup-kotalar{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.clup-kotalar span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:11px;background:var(--cl-up-kota);color:var(--cl-up-kota-ink);font-size:12.5px;font-weight:850}
.clup-ozellik{display:grid;gap:7px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--cl-up-cizgi);list-style:none}
.clup-ozellik li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start;font-size:13px;line-height:1.45;color:var(--cl-up-ink)}
.clup-ozellik li svg{margin-top:2px;color:var(--cl-up-adim-ink)}
.clup-eylem{margin-top:16px}
.clup-dugme,.clup-durum{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:50px;border-radius:15px;font:inherit;font-size:14.5px;font-weight:900}
.clup-dugme{border:0;background:var(--cl-up-dugme);color:var(--cl-up-dugme-ink);cursor:pointer}
.clup-durum.mevcut{background:var(--cl-up-mevcut);color:var(--cl-up-mevcut-ink)}
.clup-durum.talep{background:var(--cl-up-talep);color:var(--cl-up-talep-ink)}
.clup a:focus-visible,.clup button:focus-visible{outline:2px solid var(--cl-up-fiyat);outline-offset:2px}
@media (max-width:360px){.clup-kart-bas{grid-template-columns:48px minmax(0,1fr)}.clup-fiyat{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:6px}.clup-fiyat small{margin-top:0}}

/* ═══ Foto Fokus (/foto-fokus + /galeri/{slug}-{id}) — Haberler'in kabuğu (.clhb, --cl-hb-*); liste Haberler'deki Foto Fokus
   ızgarasını (.clhb-foto-izgara) kullanır. Albümün zengin görüntüleyicisi harman-fotofokus.css'te (lb-ff), dokunulmadı. ═══ */
.clff{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.clff .clhb-blok-bas h1{margin:3px 0 0;font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.4px;color:var(--cl-hb-ink)}
.clff-blok{padding-top:8px}
.clff-sayi{flex:0 0 auto;padding:4px 0;font-size:11.5px;font-weight:800;color:var(--cl-hb-soluk)}
.clff .clhb-foto-izgara span .clff-adet{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:11px;font-weight:800;color:#e6eaeb}
.clff-reklam{margin:16px 16px 0}
.clff-sayfa{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 16px 0;font-size:12.5px;font-weight:800;color:var(--cl-hb-soluk)}
.clff-sayfa a{padding:9px 14px;border-radius:12px;background:var(--cl-hb-kart);border:1px solid var(--cl-hb-cizgi);color:var(--cl-hb-teal);text-decoration:none}
.clff-bos{display:grid;justify-items:center;gap:6px;margin:6px 16px 0;padding:36px 18px;border-radius:18px;background:var(--cl-hb-kart);border:1px solid var(--cl-hb-cizgi);text-align:center;color:var(--cl-hb-soluk)}
.clff-bos b{font-size:15px;font-weight:900;color:var(--cl-hb-ink)}
.clff-bos p{margin:0;font-size:12.5px;line-height:1.5;color:var(--cl-hb-soluk)}
.clff-album{padding:10px 16px 4px}
.clff-album small{display:block;font-size:9.5px;font-weight:900;letter-spacing:1.5px;color:var(--cl-hb-kicker)}
.clff-album h1{margin:4px 0 0;font-size:24px;line-height:1.18;font-weight:800;letter-spacing:-.5px;color:var(--cl-hb-ink)}
.clff-album p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--cl-hb-ink-2)}
.clff-meta{display:block;margin-top:8px;font-size:12px;font-weight:700;color:var(--cl-hb-soluk)}
.clff-ac{display:inline-flex;align-items:center;gap:7px;margin-top:12px;min-height:40px;padding:0 14px;border:0;border-radius:12px;background:var(--cl-ff-ac);color:var(--cl-ff-ac-ink);font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.clff-ac[hidden]{display:none}
.clff-eylem{padding:0 16px}
.clff-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:14px 16px 0}
.clff-kare{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--cl-hb-medya) center/cover no-repeat}
.clff-no{position:absolute;left:5px;top:5px;min-width:20px;padding:1px 6px;border-radius:7px;background:rgba(0,0,0,.62);color:#ffffff;font-size:10.5px;font-weight:900;text-align:center}
.clff-kare:focus-visible,.clff-ac:focus-visible,.clff-sayfa a:focus-visible,.clff .clhb-foto-izgara a:focus-visible{outline:2px solid var(--cl-hb-teal);outline-offset:2px}

/* ═══ Sabit sayfa (/sayfa/{slug}) — Köşe Yazıları'nın okuma kabuğu (.clky, --cl-ky-*); uzun metin (sözleşme/KVKK) için
   biraz daha küçük gövde, tablo kuralları. ═══ */
.clsy-tarih{margin:-6px 16px 0;font-size:12.5px;font-weight:700;color:var(--cl-ky-soluk)}
.clsy .clsy-metin{font-size:16px;line-height:1.7}
.clsy-metin table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:14px}
.clsy-metin th,.clsy-metin td{padding:8px 10px;border:1px solid var(--cl-ky-cizgi,rgba(128,128,128,.25));text-align:left;vertical-align:top}
.clsy-reklam{margin:12px 16px 0}

/* ═══ Bildirim merkezi tam sayfası: site çubuğu yok, başlıkta geri düğmesi (alt sayfa kipi değişmedi). ═══ */
.clnt-sayfa{padding-top:calc(14px + env(safe-area-inset-top,0px))}
.clnt-sayfa .clnt-ust{justify-content:flex-start}
.clnt-geri{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:transparent;border:1px solid var(--cl-nt-edge);color:var(--cl-nt-title);text-decoration:none}
.clnt-geri:focus-visible{outline:2px solid var(--cl-nt-title);outline-offset:2px}

/* ═════════ Önemli duyuru kartı (cide_775 #cl428HomeNotice; Admin > Ayarlar > Popup / Duyuru) ═════════
   Mobilde altta süzülür; anasayfada site alt menüsünün üstünde (.menulu), masaüstünde sağ altta 390 px. */
.clnot{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10002;max-width:620px;margin:auto;opacity:0;transition:opacity .2s ease}
.clnot.menulu{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
.clnot[hidden]{display:none}
.clnot.show{opacity:1;animation:clnotUp .45s cubic-bezier(.2,.8,.2,1)}
.clnot-kenar{padding:1px;border-radius:22px;background:var(--cl-not-kenar);background-size:260% 260%;animation:clnotKenar 8s ease infinite;box-shadow:var(--cl-not-golge)}
.clnot-ic{position:relative;padding:16px;border-radius:21px;background:var(--cl-not-bg);overflow:hidden;color:var(--cl-not-ink)}
.clnot-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.clnot-rozet{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:var(--cl-not-rozet);color:var(--cl-not-rozet-ink);font-size:8px;font-weight:900;line-height:1;letter-spacing:.65px}
.clnot-rozet i{width:6px;height:6px;border-radius:50%;background:var(--cl-not-nokta)}
.clnot-x{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:11px;background:var(--cl-not-x);color:var(--cl-not-x-ink);cursor:pointer}
.clnot-ic h3{margin:10px 0 6px;color:var(--cl-not-ink);font-size:20px;font-weight:900;line-height:1.18;letter-spacing:-.3px;overflow-wrap:anywhere}
.clnot-ic p{margin:0;color:var(--cl-not-sub);font-size:10.5px;font-weight:500;line-height:1.55}
.clnot-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}
.clnot-alt small{color:var(--cl-not-tarih);font-size:8px;font-weight:700;line-height:1}
.clnot-git{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:42px;padding:0 14px;border:0;border-radius:12px;background:var(--cl-not-dugme);color:var(--cl-not-dugme-ink);font:inherit;font-size:9.5px;font-weight:900;line-height:1;text-decoration:none;cursor:pointer}
@keyframes clnotUp{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes clnotKenar{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:700px){.clnot{left:auto;right:24px;width:390px}}
@media(prefers-reduced-motion:reduce){.clnot.show,.clnot-kenar{animation:none}}