/* =====================================================================
   SAYFA CSS — sayfa-spesifik stiller BU İŞARETİN ALTINA eklenir.
   Yukarıdaki chrome katmanına DOKUNMA (mega menü KİLİTLİ).
   ===================================================================== */

/* R11 (Beyar bulgusu, 2026-08-11) — liste hero'sundaki (.ke-hero-media,
   ~satır 144) koyu+marka moru overlay ile detay hero'sundaki (.art-hero,
   ~satır 275) overlay TEK bu değişkenden besleniyor; iki yerde iki ayrı
   rgba() bırakılmadı. Üç katman LİSTEDEN birebir taşındı — yeni renk/
   opaklık icat edilmedi. Bu :root yalnız bu dosyanın yüklendiği
   gurme-lezzetler sayfalarını (liste/detay/arama) kapsar; global
   tokens.css'e yazılmadı, Gastro'nun kendi .art-hero'su
   (puf-noktasi-detay.css — AYRI dosya, hiçbir gurme-lezzetler sayfasında
   yüklenmiyor) bu değişkeni görmez, dolayısıyla dokunulmadı. */
:root{
  --gl-hero-overlay:
    radial-gradient(820px 360px at 84% 14%, rgba(177,79,197,.20), transparent 62%),
    linear-gradient(90deg, rgba(30,20,34,.93) 0%, rgba(30,20,34,.80) 46%, rgba(30,20,34,.56) 100%),
    linear-gradient(180deg, rgba(24,16,28,0) 0 56%, rgba(24,16,28,.9) 100%);
}

/* ============ MEKAN BUL SİHİRBAZI (Dalga 2 · madde 23+24) ============
   bugun-ne-pisirsem-v1 "Tarif Ara" sihirbaz motoru kesfet'e port edildi
   (stepper/pick/wstep/wiz-foot/res-*). Sonuç kartları kesfet'in kendi
   .disc-card dilini kullanır (r-card değil). Mesafe slider = madde 24,
   liste-seviyesi canlı filtre (hem #paneMekan hem sihirbaz sonucu). */
.mb-sec{padding:30px 0 64px}
.mb-intro{text-align:center;max-width:640px;margin:0 auto 30px}
.mb-intro .eyebrow{justify-content:center}
.mb-intro h1{font-size:30px;margin:8px 0 10px}
.mb-intro p{font-size:15px;color:var(--muted);font-weight:500;line-height:1.6}
.wiz-solo{max-width:980px;margin:0 auto}
/* --- stepper (tarif-ekle MİRAS) --- */
.stepper{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;box-shadow:var(--sh-sm);padding:18px 22px;position:relative;z-index:2}
.stp{display:flex;align-items:center;gap:12px;background:none;border:none;font-family:inherit;text-align:left;cursor:default;padding:0}
.stp-num{position:relative;flex:none;width:40px;height:40px;border-radius:var(--radius-circle);border:2px solid var(--line);background:var(--paper);display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--muted);transition:.25s var(--ease)}
.stp-num i{display:none;font-size:13px}
.stp-lbl{min-width:0}
.stp-lbl b{display:block;font-size:13.5px;font-weight:700;color:var(--muted);line-height:1.2;white-space:nowrap;transition:color .2s}
.stp-lbl small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px;white-space:nowrap}
.stp.active .stp-num{background:var(--tomato);border-color:var(--tomato);color:#fff;box-shadow:0 6px 14px rgba(177,79,197,.32)}
.stp.active .stp-lbl b{color:var(--slate)}
.stp.done{cursor:pointer}
.stp.done .stp-num{background:var(--tomato-tint);border-color:rgba(177,79,197,.35);color:var(--tomato)}
.stp.done .stp-num span{display:none}
.stp.done .stp-num i{display:block}
.stp.done .stp-lbl b{color:var(--slate-2)}
.stp.done:hover .stp-num{background:var(--tomato);border-color:var(--tomato);color:#fff}
.stp.done:hover .stp-lbl b{color:var(--tomato)}
.stp-line{flex:1;height:2px;border-radius:var(--radius-sm);background:var(--line);min-width:16px;transition:background .25s}
.stp-line.done{background:rgba(177,79,197,.38)}
/* --- adım kartı + seçim tile'ları --- */
.wstep{display:none}
.wstep.active{display:block;animation:fadeUp .35s var(--ease)}
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:28px}
.form-card.attach{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.fc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.fc-head h2{font-size:20px;display:flex;align-items:center;gap:11px}
.fc-head h2 i{flex:none;width:38px;height:38px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:15px}
.fc-step{flex:none;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:6px 11px;border-radius:var(--radius-sm);white-space:nowrap}
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pick-grid.c2{grid-template-columns:repeat(2,1fr)}
.pick{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:20px 14px;cursor:pointer;font-family:inherit;transition:transform .15s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}
.pick .pk-ico{width:52px;height:52px;border-radius:var(--radius-circle);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:22px;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}
.pick .pk-txt b{display:block;font-size:14.5px;color:var(--slate);font-weight:700;line-height:1.25}
.pick .pk-txt small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:3px}
.pick .pk-check{position:absolute;top:11px;right:11px;width:22px;height:22px;border-radius:var(--radius-circle);border:1.5px solid #d8d8d8;background:var(--paper);display:grid;place-items:center;color:#fff;font-size:10px;transform:scale(.8);opacity:0;transition:.18s var(--ease)}
.pick:hover{border-color:rgba(177,79,197,.4);transform:translateY(-4px);box-shadow:var(--sh-md)}
.pick:hover .pk-ico{transform:scale(1.06)}
.pick.sel{border-color:var(--tomato);background:var(--tomato-tint)}
.pick.sel .pk-ico{background:var(--tomato);color:#fff}
.pick.sel .pk-check{background:var(--tomato);border-color:var(--tomato);opacity:1;transform:scale(1)}
.pick-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:18px}
.pick-note i{color:var(--tomato);font-size:12px}
.wiz-foot{display:flex;align-items:center;gap:14px;margin-top:24px}
.wf-note{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:500}
.wf-note i{color:var(--green);font-size:13px}
.wiz-foot .btn{padding:14px 24px}
.wiz-foot .wf-actions{display:flex;gap:10px;margin-left:auto}
/* --- sonuç ekranı --- */
.res-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:16px 18px;margin-bottom:18px}
.res-summary .rs-lbl{font-size:12.5px;font-weight:700;color:var(--slate);display:inline-flex;align-items:center;gap:8px}
.res-summary .rs-lbl i{color:var(--tomato)}
.res-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--tomato);background:var(--tomato-tint);border:1px solid rgba(177,79,197,.25);padding:7px 12px;border-radius:var(--radius-sm)}
.res-chip i{font-size:11px;opacity:.8}
.res-edit{margin-left:auto;background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:.18s}
.res-edit:hover{color:var(--tomato)}
.res-bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.res-bar h2{font-size:24px}
.res-bar h2 .q{color:var(--tomato)}
.res-bar p{font-size:13.5px;color:var(--muted);font-weight:500}
.res-empty{display:none;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:70px 30px}
.res-empty.show{display:block;animation:fadeUp .35s var(--ease)}
.re-ico{width:76px;height:76px;border-radius:var(--radius-lg);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:30px;margin:0 auto 20px}
.res-empty h3{font-size:23px;margin-bottom:9px}
.res-empty p{font-size:14.5px;color:var(--muted);font-weight:500;max-width:420px;margin:0 auto 24px;line-height:1.6}
/* --- mesafe slider (madde 24) — tek değer, tarif-bulucu .kr-track thumb mirası --- */
.dist-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--sh-sm);padding:13px 18px;margin-bottom:18px}
.dist-bar .db-lbl{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--slate);white-space:nowrap}
.dist-bar .db-lbl i{color:var(--tomato);font-size:14px}
.dist-bar .db-lbl b{color:var(--tomato);font-size:15px;min-width:46px;text-align:right}
.dist-wrap{position:relative;flex:1;min-width:170px;height:22px;display:flex;align-items:center}
.dist-track{position:relative;width:100%;height:6px;background:var(--line);border-radius:var(--radius-pill)}
.dist-fill{position:absolute;top:0;left:0;height:100%;background:var(--tomato);border-radius:var(--radius-pill);transition:width .07s linear}
.dist-wrap input[type=range]{position:absolute;left:0;top:0;width:100%;height:22px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.dist-wrap input[type=range]:focus{outline:none}
.dist-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-circle);background:#fff;border:2px solid var(--tomato);box-shadow:0 2px 6px rgba(33,30,22,.2);cursor:grab;transition:transform .12s var(--ease)}
.dist-wrap input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1)}
.dist-wrap input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--tomato);box-shadow:0 2px 6px rgba(33,30,22,.2);cursor:grab}
.dist-ends{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}
/* --- sonuç mekan kartı eklentileri (disc-card miras) --- */
.disc-fig .disc-match{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--tomato),var(--tomato-deep));padding:6px 11px;border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(177,79,197,.38);z-index:3}
.disc-fig .disc-match i{font-size:11px}
.disc-fig .disc-status.tr{left:auto;right:10px}
.disc-meta .disc-dist{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--tomato);white-space:nowrap;flex:none}
.disc-meta .disc-dist i{font-size:11px}
@media(max-width:760px){
  .mb-intro h1{font-size:24px}
  .stepper{overflow-x:auto;scrollbar-width:none;gap:8px;padding:14px}
  .stepper::-webkit-scrollbar{display:none}
  .stp-lbl{display:none}
  .stp-line{min-width:10px}
  .form-card{padding:20px 16px}
  .pick-grid,.pick-grid.c2{grid-template-columns:1fr 1fr;gap:10px}
  .pick{padding:14px}
  .pick .pk-ico{width:40px;height:40px;font-size:17px}
  .res-bar h2{font-size:20px}
  .res-empty{padding:54px 20px}
  .res-empty h3{font-size:19px}
  .wiz-foot{flex-wrap:wrap}
  .wf-note{order:2;width:100%}
  .wiz-foot .wf-actions{order:1;width:100%}
  .wiz-foot .wf-actions .btn{flex:1}
}

/* ============ KEŞFET (F4 / ara iş 3) — EDİTORYAL KEŞİF + UZUN-FORM DETAY ============
   Tek dosya, JS toggle (?detay=1). Miras: anasayfa-portal-v3a .disc-card /
   .disc-grid / .disc-tabs (editoryal görsel kart) · rd-crumb · shell .chip /
   eyebrow. Yeni: .art-* uzun-form makale dili (Kinfolk/Food52 ref). */

/* breadcrumb — VERBATIM */
.rd-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0 14px;font-size:13px;font-weight:500;color:var(--muted)}
.rd-crumb a{color:var(--muted);transition:.18s}
.rd-crumb a:hover{color:var(--tomato)}
.rd-crumb i{font-size:9px;color:#c7c7c7}
.rd-crumb b{color:var(--slate);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}

/* ===== GRID GÖRÜNÜMÜ ===== */
/* hero — SİTE KANONU (lst-top/kategori/mekan-detay deseni): koyu overlay + görsel banner */
.ke-top{
  position:relative;padding-top:128px;overflow:hidden;
  background:#1e1422;
}
.ke-hero-media{
  position:absolute;inset:0;z-index:0;
  background:#1e1422 url('/reference/gurme-lezzetler/img/banner-g3-pilot.webp') center/cover no-repeat;
}
.ke-hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;filter:saturate(.8)}
@media (prefers-reduced-motion:reduce){.ke-hero-media video{display:none}}
.ke-hero-media::after{
  content:"";position:absolute;inset:0;
  background:var(--gl-hero-overlay);
}
.ke-top .wrap{position:relative;z-index:2;width:100%}
.ke-top .rd-crumb{color:#cdbfd4}
.ke-top .rd-crumb a{color:#cdbfd4}
.ke-top .rd-crumb a:hover{color:#d9a8e2}
.ke-top .rd-crumb i{color:rgba(255,255,255,.4)}
.ke-top .rd-crumb b{color:#fff}
/* hero gövde: solda başlık + sağda tab'a göre değişen istatistik (site kanonu lst-hero/lst-stats) */
/* RV3 madde 4 — dikey nefes payı püf-noktaları .lst-hero'suyla birebir
   hizalandı (10px 0 42px, kaynak: puf-noktalari.css .lst-hero). */
.ke-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:end;padding:10px 0 42px}
.ke-head{min-width:0}
.ke-stats{display:flex;flex-direction:column;gap:16px;padding-left:38px;border-left:1px solid rgba(255,255,255,.18)}
.ke-stats[hidden]{display:none}
.ke-stats .st b{display:block;font-size:29px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.1}
.ke-stats .st span{font-size:12.5px;color:#aebcc6;font-weight:500}
.ke-head .eyebrow{margin-bottom:13px;color:#e9cff2}
.ke-head .eyebrow::before{background:var(--tomato)}
.ke-head h1{font-size:44px;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.ke-head h1 .accent{color:#c97ad6}
/* Mekan Öner CTA — dark hero üstünde belirgin tomato çağrı (item-3) */
/* iki AYRI aksiyon: Mekan Öner (öneri→modal, primary) · İşletme Ekle (sahibi→sayfa, ghost) — R2#4 */
.ke-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.ke-cta .btn{display:inline-flex;align-items:center;gap:9px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:700;padding:13px 20px;cursor:pointer;transition:.2s var(--ease);text-decoration:none}
.ke-cta .btn i{font-size:13px}
.ke-cta .btn-suggest{background:var(--tomato);color:#fff;border:1px solid var(--tomato)}
.ke-cta .btn-suggest:hover{background:var(--tomato-dark,#8e3aa8);border-color:var(--tomato-dark,#8e3aa8);transform:translateY(-2px)}
.ke-cta .btn-biz{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.32)}
.ke-cta .btn-biz:hover{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-2px)}
.ke-cta-split{display:flex;gap:30px;flex-wrap:wrap;margin-top:14px;max-width:620px}
.ke-cta-split span{font-size:12px;color:#aebcc6;font-weight:500;line-height:1.5;flex:1 1 260px}
.ke-cta-split b{color:#e9cff2;font-weight:700}
/* MEKAN ÖNER MODAL — fb-modal desenini yeniden kullanır (mo-* alias) */
.mo-field{margin-bottom:13px}
.mo-field label{display:block;font-size:12.5px;font-weight:700;color:var(--slate);margin-bottom:7px}
.mo-field label .opt{color:var(--muted);font-weight:500}
.mo-field input,.mo-field textarea{width:100%;font-family:inherit;font-size:14px;font-weight:500;color:var(--slate);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;outline:none;transition:border-color .2s var(--ease)}
.mo-field input::placeholder,.mo-field textarea::placeholder{color:#a7a7a7}
.mo-field input:focus,.mo-field textarea:focus{border-color:var(--tomato)}
.mo-field textarea{min-height:88px;resize:vertical}
.mo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mo-up{display:flex;align-items:center;gap:12px;border:1px dashed var(--line);border-radius:var(--radius-md);padding:13px 15px;cursor:pointer;transition:.18s var(--ease);background:var(--bg)}
.mo-up:hover{border-color:var(--tomato);color:var(--tomato)}
.mo-up i{flex:none;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:14px}
.mo-up b{display:block;font-size:13px;font-weight:700;color:var(--slate)}
.mo-up span{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:1px}
.mo-up.has-file b{color:var(--tomato)}
.mo-foot{display:flex;gap:11px;margin-top:18px}
.mo-foot .mo-submit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--tomato);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:700;padding:13px 18px;cursor:pointer;transition:.2s var(--ease)}
.mo-foot .mo-submit:hover{background:var(--tomato-dark,#8e3aa8)}
.mo-foot .mo-cancel{display:inline-flex;align-items:center;gap:8px;background:var(--paper);color:var(--slate);border:1px solid var(--line);border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:700;padding:13px 18px;cursor:pointer;transition:.2s var(--ease)}
.mo-foot .mo-cancel:hover{border-color:var(--slate)}
/* hafif toast (mock gönderim onayı) */
.ke-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--slate,#211e16);color:#fff;font-size:13.5px;font-weight:600;padding:13px 20px;border-radius:var(--radius-md);box-shadow:var(--sh-lg);display:flex;align-items:center;gap:10px;opacity:0;visibility:hidden;transition:.3s var(--ease);z-index:120}
.ke-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ke-toast i{color:var(--green,#3BB77E)}
.ke-head .lead{font-size:15.5px;color:#e7edf1;font-weight:500;margin-top:10px;max-width:600px;text-shadow:0 1px 14px rgba(0,0,0,.3)}
/* kategori sekme rayı — disc-tabs dili genişletilmiş.
   Beyar kararı (2026-07-28): referansın .ke-filter'ı yatay kaydırmayı yalnız
   ≤640px @media'sına hapsediyordu (aşağıdaki blok SİLİNDİ, taban kurala
   yükseltildi — HER genişlikte tek satır, sarmaz). Kenar fade + tekerlek→
   yatay + aktif çipe scrollIntoView referansta YOK (frontend-design skill,
   yalnız mevcut token'lardan: --tomato/--line/--radius-* / --ease — yeni
   renk/gölge/radius icat edilmedi). Fade dinamik (.can-scroll-left/-right,
   JS ile scrollLeft'e göre) — sabit çift-taraflı maske 390'da "ilk çip sola
   yapışık" şartını bozardı (mask ilk çipi de soldururdu). */
.ke-filter{
  display:flex;align-items:center;gap:9px;
  flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;scroll-behavior:smooth;overflow-anchor:none;
  scrollbar-width:none;padding-bottom:6px;
  transition:-webkit-mask-image .2s var(--ease),mask-image .2s var(--ease);
}
.ke-filter::-webkit-scrollbar{display:none}
.ke-filter .chip{white-space:nowrap;flex:none;scroll-snap-align:start}
.ke-filter .chip i{font-size:11px;margin-right:5px;color:var(--tomato)}
.ke-filter .chip.active{border-color:var(--tomato);background:var(--tomato-tint);color:var(--tomato);font-weight:700}
.ke-filter.can-scroll-left{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}
.ke-filter.can-scroll-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
.ke-filter.can-scroll-left.can-scroll-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
@media (prefers-reduced-motion:reduce){.ke-filter{scroll-behavior:auto;transition:none}}
/* keşif kartı meta — mekân konumu / etkinlik tarihi vurgusu (disc-meta dili korunur) */
.disc-meta .disc-author i{color:var(--tomato)}
.disc-meta .disc-where{color:var(--slate);font-weight:600}
.disc-meta .disc-where i{color:var(--tomato)}
.disc-meta .disc-when i{color:var(--tomato)}

.ke-sec{padding:34px 0 74px;background:var(--bg-cream)}

/* disc-card / disc-grid — anasayfa-portal-v3a VERBATIM */
.disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.disc-card{cursor:pointer}
.disc-fig{position:relative;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm);margin-bottom:16px}
.disc-fig .bg{width:100%;height:100%;background-size:cover;background-position:center;transition:.5s var(--ease)}
.disc-card:hover .disc-fig .bg{transform:scale(1.05)}
.disc-badges{position:absolute;bottom:13px;left:13px;display:flex;gap:6px;z-index:2}
.disc-fig .m-types{z-index:2}
.m-types{position:absolute;bottom:13px;right:13px;display:flex;gap:6px}
.mt{display:inline-flex;align-items:center;gap:5px;background:rgba(20,18,12,.72);color:#fff;font-size:11px;font-weight:700;padding:6px 10px;border-radius:var(--radius-sm);backdrop-filter:blur(4px)}
.disc-cat{display:inline-block;margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tomato)}
.disc-card h3{font-size:18px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;transition:color .2s var(--ease)}
.disc-card:hover h3{color:var(--tomato)}
.disc-card p{font-size:13.5px;color:var(--muted);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.disc-meta{display:flex;align-items:center;gap:16px;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.disc-meta span{display:inline-flex;align-items:center;gap:6px}
.disc-meta i{font-size:12px}
.disc-meta .disc-stats{margin-left:auto;display:inline-flex;align-items:center;gap:12px;flex:none}
.disc-meta .disc-rate i{color:var(--yellow)}
.disc-meta .disc-author{color:var(--slate);font-weight:500}
/* görsel üstü editör rozeti (tomato) */
.disc-badge{background:var(--tomato);color:#fff;font-size:11px;font-weight:700;padding:6px 11px;border-radius:var(--radius-sm);letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px}
.disc-badge.soft{background:rgba(255,255,255,.94);color:var(--slate)}

/* ÖNE ÇIKAN kart — (b): diğer kartlarla AYNI desen (foto üst + açık alt metin),
   yalnız daha GENİŞ footprint + "Haftanın Keşfi" rozeti ile vurgu. Overlay/masthead YOK. */
.disc-feature{grid-column:span 2}
.disc-feature .disc-fig{aspect-ratio:16/9}
.gm-track>.disc-feature h3{font-size:22px;-webkit-line-clamp:3}
.gm-track>.disc-feature p{-webkit-line-clamp:3}

/* ===== UZUN-FORM DETAY GÖRÜNÜMÜ ===== */
.ke-grid-view[hidden],.ke-detail-view[hidden]{display:none}
.art-wrap{background:var(--bg-white)}
/* makale hero */
.art-hero{position:relative;height:clamp(380px,52vh,560px);display:flex;align-items:flex-end;background-size:cover;background-position:center}
/* R11 (Beyar bulgusu, 2026-08-11) — listedeki (.ke-hero-media::after) marka
   moru + koyu overlay katmanı burada EKSİKTİ (yalnız zayıf tek katman vardı,
   üstte .12 opaklıkla başlıyordu → "katman yok" görüntüsü). Liste ile AYNI
   --gl-hero-overlay'e bağlandı, birebir taşındı. */
.art-hero::after{content:"";position:absolute;inset:0;background:var(--gl-hero-overlay)}
.art-hero .wrap{position:relative;z-index:2;padding-bottom:42px}
.art-hero .art-cat{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9cff2;margin-bottom:16px}
.art-hero .art-cat::before{content:"";width:26px;height:2px;background:var(--tomato);border-radius:var(--radius-sm)}
.art-hero h1{color:#fff;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.03em;max-width:880px;text-shadow:0 2px 28px rgba(0,0,0,.32)}
.art-hmeta{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.art-hauthor{display:flex;align-items:center;gap:11px}
.art-hauthor .av{width:42px;height:42px;border-radius:var(--radius-circle);background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.5)}
.art-hauthor b{display:block;color:#fff;font-size:14.5px;font-weight:700}
.art-hauthor span{display:block;color:#d7cfc4;font-size:12.5px;font-weight:500}
.art-hsep{width:1px;height:30px;background:rgba(255,255,255,.28)}
.art-hstat{display:inline-flex;align-items:center;gap:7px;color:#e9e2d6;font-size:13px;font-weight:600}
.art-hstat i{color:#d9a8e2;font-size:12px}

/* makale gövde */
.art-body{padding:50px 0 30px}
/* RV3 madde 5 — genişlik püf-noktası detayının .art-col'uyla (880px) birebir
   hizalandı (kaynak: puf-noktasi-detay.css). */
.art-col{max-width:880px;margin:0 auto}
.art-lead{font-size:20px;line-height:1.7;color:var(--slate);font-weight:700;letter-spacing:-.01em;margin-bottom:30px}
.art-col p{font-size:17px;line-height:1.85;color:var(--slate-2);font-weight:500;margin-bottom:24px}
.art-col h2{font-size:27px;letter-spacing:-.02em;margin:42px 0 16px}
.art-col h3{font-size:20px;margin:32px 0 12px}
.art-col p a,.art-col a.inline{color:var(--tomato);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.art-col strong{color:var(--slate);font-weight:700}
/* gövde görseli — gutter taşan editoryal genişlik */
.art-fig{margin:36px 0}
.art-fig .bg{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);background-size:cover;background-position:center;box-shadow:var(--sh-sm)}
.art-fig figcaption{font-size:12.5px;color:var(--muted);font-weight:500;margin-top:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}
.art-fig figcaption i{color:var(--tomato);font-size:11px}
.art-wide{max-width:1000px}
/* alıntı (pull-quote) */
.art-quote{margin:38px 0;padding:8px 0 8px 28px;border-left:3px solid var(--tomato)}
.art-quote p{font-size:23px;line-height:1.5;color:var(--slate);font-weight:700;letter-spacing:-.01em;margin:0}
.art-quote cite{display:block;margin-top:14px;font-size:13.5px;color:var(--muted);font-weight:600;font-style:normal}
/* ipucu kutusu (TD remind-box akrabası, domates tonu) */
.art-tip{display:flex;gap:16px;background:var(--tomato-tint);border:1px solid rgba(177,79,197,.22);border-radius:var(--radius-lg);padding:22px 24px;margin:36px 0}
.art-tip .at-ico{flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--paper);color:var(--tomato);display:grid;place-items:center;font-size:18px}
.art-tip h4{font-size:16px;margin-bottom:6px}
.art-tip p{font-size:14px;line-height:1.65;color:var(--slate-2);font-weight:500;margin:0}
/* RV3 madde 6 — eski .art-share satırı (4. ikon .art-share-copy stilsiz
   kalıp "patlamış" duruyordu) KALDIRILDI: Paylaş artık TEK YERDE, alt sticky
   pilde (#actbar, RV3 madde 5) — püf detayında da gerçek aksiyon actbar'da
   yaşıyor, gövdede AYRICA her zaman açık bir ikon satırı yok. Kaydet+Paylaş
   ikiden bire indi, mükerrer affordance yok. */
/* eski .art-tags (etiketsiz düz span.chip) ve .art-author (yazar kartı)
   blokları RV3-G3/G-ölçüm turunda KALDIRILDI: blade artık etiketleri
   püf-noktası detayının .ptr/.ptr-lbl/.ptr-rail markup'ıyla (aşağıda,
   birebir taşındı) basıyor, yazar kartı Beyar kararıyla sayfadan kalktı
   (bkz. show.blade.php G3 notu) — yetim CSS bırakılmadı.

   ETİKET RAYI + PAYLAŞ (kaynak: puf-noktasi-detay.css `.ptr`/`.ptr-lbl`/
   `.ptr-rail`/`.ptr-share`/`.psh-*` aile, satır 219-246 — BİREBİR kopya-
   yapıştır, değer DEĞİŞTİRİLMEDİ. `.row-track`/`.row-nav` taban tanımı
   resources/css/gourmet.css'te zaten var (generic shell çip rayı); burada
   yalnız `.ptr` içi override — `.ptr .row-track>*`/`.ptr .row-nav button`
   seçicileri shell'in `.row-track>*{width:274px}` (gourmet.css:418) ve
   `.row-nav button{width:42px;height:42px}` (gourmet.css:411) kurallarını
   daha yüksek özgüllükle (0,2,1 > 0,1,1) eziyor — çip'ler artık PÜF'teki
   gibi içeriğe göre değişken genişlikte, row-nav track'in altına DEĞİL
   yanına oturuyor. */
.ptr{display:flex;align-items:center;gap:16px;margin:40px 0 0;padding-top:26px;border-top:1px solid var(--line)}
.ptr-lbl{flex:none;font-size:13px;font-weight:700;color:var(--slate);display:inline-flex;align-items:center;gap:7px}
.ptr-lbl i{color:var(--tomato);font-size:12px}
.ptr-rail{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.ptr .row-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0;flex:1;min-width:0}
.ptr .row-track::-webkit-scrollbar{display:none}
.ptr .row-track>*{flex:none;width:auto;scroll-snap-align:start;white-space:nowrap}
.ptr .row-track .chip{display:inline-flex;align-items:center;gap:6px}
.ptr .row-track .chip i{color:var(--tomato);font-size:10.5px}
.ptr .row-nav{display:flex;gap:6px;flex:none}
.ptr .row-nav button{width:34px;height:34px;font-size:11px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper);color:var(--slate);cursor:pointer;transition:.2s var(--ease)}
.ptr .row-nav button:hover{background:var(--tomato);border-color:var(--tomato);color:#fff}
.ptr-share{position:relative;flex:none}
.psh-btn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);color:var(--slate);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;transition:.2s var(--ease)}
.psh-btn i{font-size:14px;color:var(--tomato);transition:color .2s var(--ease)}
.ptr-share:hover .psh-btn,.ptr-share.open .psh-btn{background:var(--tomato);border-color:var(--tomato);color:#fff}
.ptr-share:hover .psh-btn i,.ptr-share.open .psh-btn i{color:#fff}
.psh-pop{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--sh-lg);padding:9px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s var(--ease);z-index:20}
.psh-pop::after{content:"";position:absolute;right:20px;bottom:-6px;width:12px;height:12px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.ptr-share:hover .psh-pop,.ptr-share.open .psh-pop{opacity:1;visibility:visible;transform:translateY(0)}
.psh-pop a,.psh-pop button.cp{width:40px;height:40px;border-radius:var(--radius-circle);border:1px solid var(--line);display:grid;place-items:center;font-size:15px;color:var(--slate-2);background:var(--paper);transition:.2s var(--ease);cursor:pointer;font-family:inherit}
.psh-pop a.xx:hover{background:#111;border-color:#111;color:#fff;transform:translateY(-2px)}
.psh-pop a.wa:hover{background:#25D366;border-color:#25D366;color:#fff;transform:translateY(-2px)}
.psh-pop a.ml:hover{background:var(--tomato);border-color:var(--tomato);color:#fff;transform:translateY(-2px)}
.psh-pop button.cp:hover{background:var(--slate);border-color:var(--slate);color:#fff;transform:translateY(-2px)}
.psh-pop button.cp.ok,.psh-pop button.cp.ok:hover{background:var(--green);border-color:var(--green);color:#fff}

/* YORUMLAR (kaynak: puf-noktasi-detay.css `.rd-sec-head`/`.rev-*`/`.rs-*`/
   `.rf-*`/`.rl-*`/`.c-*` aileleri, satır 258-346 — BİREBİR kopya-yapıştır,
   yalnız veri kaynağı gurme/_reviews.blade.php'de $content'e bağlanır). */
.rd-sec-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.rd-sec-head h2{font-size:26px}
.rd-sec-head .eyebrow{margin-bottom:10px}
.rev-summary{display:grid;grid-template-columns:210px 1fr;gap:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 22px;box-shadow:var(--sh-sm)}
.rs-avg{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;border-right:1px solid var(--line);padding-right:24px}
.rs-avg>b{font-size:40px;font-weight:700;color:var(--slate);letter-spacing:-.03em;line-height:1}
.rs-avg .stars{color:var(--yellow);font-size:14px;letter-spacing:2px}
.rs-avg>span{font-size:12.5px;color:var(--muted);font-weight:500}
.rs-rec{margin-top:5px;font-size:11.5px;font-weight:700;color:var(--green-deep);background:#EAF7F0;padding:4px 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px}
.rs-bars{display:flex;flex-direction:column;gap:7px;justify-content:center;min-width:0}
.rs-bar{display:flex;align-items:center;gap:11px;font-size:12.5px;font-weight:500;color:var(--slate-2)}
.rs-bar .lbl{flex:none;width:32px;display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--slate)}
.rs-bar .lbl i{font-size:10px;color:var(--yellow)}
.rs-bar .track{flex:1;height:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-pill);overflow:hidden}
.rs-bar .track i{display:block;height:100%;background:var(--yellow);border-radius:inherit}
.rs-bar .cnt{flex:none;width:46px;text-align:right;color:var(--muted);font-size:12px}
.rev-form{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;margin-top:12px;box-shadow:var(--sh-sm)}
.rev-form:not(.open):not(.sent) .rf-foot,.rev-form:not(.open) .rf-disc{display:none}
.rev-form:not(.open) .rf-text{min-height:46px;height:46px;resize:none;overflow:hidden}
.rev-form .av,.rev-form .av-init{flex:none;width:44px;height:44px;border-radius:var(--radius-circle);background-size:cover;background-position:center}
.av-init{display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--tomato);background:var(--tomato-tint)}
.rf-body{flex:1;min-width:0}
.rf-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.rf-top .t{font-size:14.5px;font-weight:700;color:var(--slate)}
.rf-stars{display:inline-flex;gap:3px}
.rf-stars button{background:none;border:none;cursor:pointer;font-size:21px;color:#E2DED6;padding:1px 2px;transition:.15s var(--ease)}
.rf-stars button.on{color:var(--yellow)}
.rf-stars button:hover{transform:scale(1.12)}
.rf-stars.shake{animation:rfshake .4s}
.rf-hint{font-size:12px;color:var(--muted);font-weight:500}
.rf-hint.ok{color:var(--green-deep);font-weight:700}
.rf-hint.err{color:var(--tomato);font-weight:700}
.rf-text{width:100%;min-height:92px;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);resize:vertical;transition:border-color .2s}
.rf-text:focus{outline:none;border-color:var(--tomato)}
.rf-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px}
.rf-disc{margin-top:11px;font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.5}
.rf-success{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--green-deep);background:#EAF7F0;border:1px solid rgba(59,183,126,.3);border-radius:var(--radius-md);padding:16px 18px}
.rf-success i{font-size:18px}
.rev-form.sent .rf-top,.rev-form.sent .rf-text,.rev-form.sent .rf-chips,.rev-form.sent .rf-foot,.rev-form.sent .rf-disc{display:none}
.rf-chips{display:flex;gap:10px;margin-top:12px}
.rf-chips:empty{display:none}
.rf-ph{position:relative;width:56px;height:56px;border-radius:var(--radius-sm);background-size:cover;background-position:center;border:1px solid var(--line)}
.rf-ph button{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:var(--radius-circle);border:none;background:var(--slate);color:#fff;font-size:10px;cursor:pointer;display:grid;place-items:center}
.rf-photo{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--slate);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 15px;cursor:pointer;font-family:inherit;transition:.2s var(--ease)}
.rf-photo:hover{border-color:var(--tomato);color:var(--tomato)}
.rf-photo small{font-weight:500;color:var(--muted)}
.rev-login{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;margin-top:12px;box-shadow:var(--sh-sm)}
.rl-ico{flex:none;width:46px;height:46px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:18px}
.rl-body{flex:1;min-width:0}
.rl-body b{display:block;font-size:15.5px;color:var(--slate)}
.rl-body p{font-size:13px;color:var(--muted);font-weight:500;margin-top:3px;line-height:1.5;max-width:520px}
.rl-acts{display:flex;gap:10px;margin-top:13px}
.rl-acts .btn{padding:11px 18px;font-size:13.5px}
.rev-empty-first{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;background:var(--paper);border:1px dashed #d8d4cc;border-radius:var(--radius-md);padding:20px 24px;margin-top:12px}
.rev-empty-first i{font-size:15px;color:var(--muted)}
.rev-empty-first p{margin:0;font-size:13px;font-weight:500;color:var(--muted)}
.rf-success[hidden],.rev-empty[hidden],.c-reply-form[hidden]{display:none}
.rev-filter{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 2px}
.rev-filter .chip{font-family:inherit;font-size:12.5px;padding:7px 13px}
.rev-filter .chip i{font-size:11px;margin-right:4px}
.rev-filter .chip.on{background:var(--slate);border-color:var(--slate);color:#fff}
.rev-empty{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--paper);border:1px dashed #d8d4cc;border-radius:var(--radius-md);padding:16px 20px;margin-top:12px;font-size:13px;font-weight:500;color:var(--muted);text-align:center}
.rev-list{margin-top:8px}
.c-item{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--line)}
.rev-list>.c-item:first-child{border-top:none}
.c-item .av,.c-item .av-init{flex:none;width:44px;height:44px;border-radius:var(--radius-circle);background-size:cover;background-position:center}
.c-main{flex:1;min-width:0}
.c-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}
.c-head>b{font-size:14px;color:var(--slate)}
.c-deg{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tomato);background:var(--tomato-tint);padding:2px 8px;border-radius:var(--radius-sm)}
.c-deg.owner{color:#fff;background:var(--tomato)}
.c-self{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-2);background:var(--bg);border:1px solid var(--line);padding:2px 8px;border-radius:var(--radius-sm)}
.c-stars{color:var(--yellow);font-size:11px;letter-spacing:1.5px}
.c-date{font-size:12px;color:var(--muted);font-weight:500}
.c-text{margin-top:7px;font-size:14px;color:var(--slate-2);font-weight:500;line-height:1.6}
.c-text b{color:var(--slate)}
.c-photos{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.c-ph{width:64px;height:64px;border-radius:var(--radius-sm);background-size:cover;background-position:center;border:1px solid var(--line)}
.c-acts{display:flex;align-items:center;gap:18px;margin-top:9px}
.c-acts button{display:inline-flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);padding:0;transition:color .2s}
.c-acts button:hover{color:var(--slate)}
.c-acts .c-like.on{color:var(--tomato)}
.c-acts .c-report.done{color:var(--green-deep);cursor:default}
.c-replies{margin-top:10px;padding-left:16px;border-left:2px solid var(--line)}
.c-replies .c-item{padding:9px 0;border-top:none}
.c-replies .av,.c-replies .av-init{width:34px;height:34px}
.c-reply-form{display:flex;gap:9px;margin-top:12px;align-items:flex-start}
.c-reply-form textarea{flex:1;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 13px;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);resize:vertical}
.c-reply-form textarea:focus{outline:none;border-color:var(--tomato)}
.c-reply-form .btn{padding:10px 15px;font-size:12.5px}
.rev-more{display:flex;justify-content:center;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.rev-more .btn small{font-weight:500;color:var(--muted);font-size:12px}

/* ilgili keşifler */
.art-related{background:var(--bg-cream);padding:60px 0}

/* geri dön barı (detay üstü) */
.art-back{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--slate);background:none;border:none;cursor:pointer;padding:16px 0;transition:.18s}
.art-back:hover{color:var(--tomato)}
.art-back i{font-size:12px;transition:transform .2s var(--ease)}
.art-back:hover i{transform:translateX(-3px)}

/* ---- R6 (Beyar onaylı): breadcrumb HERO GÖRSELİ ÜZERİNE overlay (ayrı beyaz crumb bar kaldırıldı; puf-noktasi-detay R6 pattern'i birebir) ---- */
/* RV3 madde 5 — dikey ritim püf-noktası detayının .art-hero'suyla birebir
   hizalandı (min-height clamp + wrap padding, kaynak: puf-noktasi-detay.css). */
.art-hero{flex-direction:column;justify-content:flex-start;min-height:clamp(480px,56vh,620px);height:auto;padding-top:112px}
/* width:100% ŞART — puf-noktasi-detay.css satır 58 ile birebir. `.art-hero`
   flex konteyner olduğu için width'siz bırakılan .wrap flex item olarak
   İÇERİĞE göre daralıyordu: max-width 1240px olmasına rağmen gerçek genişlik
   897px kalıyor, hero sola-sağa yayılmıyordu (ölçüm 2026-07-29, 1440px:
   püf .wrap 1240px / kenar boşluğu 100px — gurme 897px / 272px). */
.art-hero .wrap{display:flex;flex-direction:column;flex:1;width:100%;padding-top:24px;padding-bottom:56px}
.art-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.art-hero-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;font-weight:500;color:#e3d9cd;padding:0;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.art-hero-crumb a{color:#e3d9cd;transition:.18s}
.art-hero-crumb a:hover{color:#fff}
.art-hero-crumb i{font-size:9px;color:rgba(255,255,255,.55)}
.art-hero-crumb b{color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.art-hero .art-back{color:#fff;padding:8px 14px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);background:rgba(20,18,12,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.art-hero .art-back:hover{background:var(--tomato);border-color:var(--tomato);color:#fff}
.art-hero-main{margin-top:auto;padding-top:36px}

/* ===================== TABLET (≤1024px) ===================== */
@media (max-width:1024px){
  .ke-head h1{font-size:33px}
  .ke-hero{grid-template-columns:1fr;align-items:start;gap:22px;padding-bottom:32px}
  .ke-stats{flex-direction:row;gap:34px;padding-left:0;border-left:none;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
  .disc-grid{grid-template-columns:1fr 1fr;gap:22px}
  .disc-feature{grid-column:span 2}
  .gm-track>.disc-feature h3{font-size:20px}
}
/* ===================== MOBİL (≤640px) ===================== */
@media (max-width:640px){
  .ke-top{padding-top:74px;align-items:flex-start}
  .rd-crumb{padding:14px 0 10px;font-size:12px}
  .ke-head h1{font-size:27px}
  .ke-stats{gap:24px}
  .ke-stats .st b{font-size:23px}
  /* .ke-filter kaydırma kuralları taban kurala yükseltildi (yukarı bkz.) —
     bu blokta yalnız mobile-özel padding kaldı. */
  .ke-filter{padding-bottom:4px}
  .ke-filter-bar{gap:10px}
  .ke-sec{padding:24px 0 50px}
  .disc-grid{grid-template-columns:1fr;gap:20px}
  .disc-feature{grid-column:auto}
  .disc-feature .disc-fig{aspect-ratio:16/10}
  .gm-track>.disc-feature h3{font-size:19px}
  /* makale */
  .art-hero{height:auto;min-height:clamp(360px,60vh,460px);padding-top:62px}
  .art-hero .wrap{padding-top:16px;padding-bottom:36px}
  .art-hero-top{gap:10px}
  .art-hmeta .art-hsep{display:none}
  .art-body{padding:34px 0 20px}
  .art-lead{font-size:17px}
  .art-col p{font-size:16px;line-height:1.8}
  .art-col h2{font-size:23px}
  .art-quote p{font-size:19px}
  /* .ptr/.rev-summary mobil override — puf-noktasi-detay.css satır 451-455/
     461-462 BİREBİR (kaynak-transfer, .art-author kaldırılınca bu blok onun
     yerine geldi). */
  .ptr{flex-wrap:wrap;gap:12px}
  .ptr-rail{flex:1 1 100%;order:2}
  .ptr-lbl{order:1}
  .ptr-share{order:1;margin-left:auto}
  .psh-pop{right:0}
  .rev-summary{grid-template-columns:1fr;gap:14px}
  .rs-avg{border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:14px}
  .art-related{padding:44px 0}
}

/* saglik-dropdown: scoped health chrome */
/* diğer dropdown/mega aktif-item (turuncu kanon, underline gizli) */
.dropdown:not(.dropdown-health) a.active{background:var(--tomato-tint)}
.dropdown a.active::after,.mega-cats a.active::after{display:none}
.mega-cats a.active{background:var(--tomato-tint)}
.d-sub-health a i{color:var(--green)}
.d-sub-health a:hover{color:var(--green);background:rgba(59,183,126,.10)}
.nav a[href="saglik-hub-v1.html"]:hover{color:var(--green);background:rgba(59,183,126,.10)}
.header.at-top .nav>.nav-item>a[href="saglik-hub-v1.html"]:hover{color:#fff;background:rgba(255,255,255,.14)}
.dropdown-health a i{color:var(--green)}
.dropdown-health a:hover{background:rgba(59,183,126,.12);color:var(--green)}
.dropdown-health a.active{background:rgba(59,183,126,.12);color:var(--green)}
.dropdown-health a.active i{color:var(--green)}
.dropdown-health a.active::after{display:none}

/* ============ KEŞFET HUB — TAB BARI + MEKANLAR PANE (mekan-liste facet kiti göçü) ============ */
.ke-tabbar{background:var(--bg-white);border-bottom:1px solid var(--line);padding:16px 0;display:flex;justify-content:center}
.ke-tabbar .wrap{display:flex;justify-content:center}
.ke-tabbar .disc-tabs{display:inline-flex;gap:4px;background:#f9f9f9;border:1px solid var(--line);border-radius:var(--radius-md);padding:4px}
.dt{font-family:inherit;font-weight:700;font-size:13.5px;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
.dt i{font-size:12px}
.dt:hover{color:var(--tomato)}
.dt.active{background:var(--tomato-deep);color:#fff}
.disc-pane[hidden]{display:none}
.ke-filter-wrap{background:var(--bg-white);padding:22px 0 4px}
/* RV3 madde 4 — kategori şeridi + sıralama toggle satırı (puf-noktaları
   .pufl-bar/.pufl-sec BİREBİR — kaynak: puf-noktalari.css). .ke-filter zaten
   flex:row olduğu için kendi genişliğini alır, .disc-tabs sabit kalır. Bare
   .disc-tabs kuralı yalnız BURADA (ve .ke-filter-bar ile aynı özgüllükte)
   uygulanır — .ke-tabbar .disc-tabs (yukarıda) daha özgül olduğu için En Çok
   Okunanlar sekmelerini ETKİLEMEZ. */
.ke-filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
/* flex-basis 0 ŞART — puf-noktalari.css `.ke-filter{…flex:1…}` ile birebir.
   `1 1 auto` bırakılınca basis = İÇERİK genişliği olur; çip şeridi nowrap
   olduğu için kap genişliğinin altına inemez ve .disc-tabs alt satıra sarar.
   Ölçüm (2026-07-29, canlı CSSOM 1440px): gurme bar 109px, çip-toggle dikey
   arası 58px; püf bar 48px, arası 5px. `1 1 0%` ile şerit daralıp kendi
   içinde kayar, toggle sağda AYNI satırda kalır. */
.ke-filter-bar .ke-filter{flex:1 1 0%;min-width:0}
.disc-tabs{display:inline-flex;flex:none;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:4px}
/* kompakt intro şerit (stats + popüler) — hub hero'yu TEKRARLAMAZ */
.mkl-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.mkl-stats{display:flex;align-items:center;gap:26px;flex:none}
.mkl-stats span{font-size:13px;color:var(--muted);font-weight:500}
.mkl-stats b{font-size:19px;color:var(--slate);font-weight:700;margin-right:6px;letter-spacing:-.02em}
.mkl-pop{min-width:0}
.mkl-pop .lbl{font-size:13px;color:var(--muted);font-weight:500;margin-right:2px}
/* --- facet / sonuç / sheet (mekan-liste VERBATIM, dup kanon hariç) --- */
.lst-sec{padding:30px 0 74px;background:var(--bg-cream)}
.lst-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:30px;align-items:start}
.lst-side{position:sticky;top:130px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:6px 20px 14px;max-height:calc(100vh - 154px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
/* desktop: panel sonuç kolonuyla dengelensin — içeriğe göre uzar, sticky korunur (tarif-liste pattern) */
@media(min-width:1025px){.lst-side{max-height:none;overflow-y:visible}}
.fil-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 12px;border-bottom:1px solid var(--line)}
.fil-top h3{font-size:17px;display:inline-flex;align-items:center;gap:9px}
.fil-top h3 i{color:var(--tomato);font-size:15px}
.fil-clear{background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:.18s}
.fil-clear:hover{color:var(--tomato)}
.fct{border-bottom:1px solid var(--line)}
.fct:last-child{border-bottom:none}
.fct-head{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--slate);padding:15px 0;cursor:pointer;text-align:left}
.fct-head .fct-dot{display:none;flex:none;min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-circle);background:var(--tomato);color:#fff;font-size:10.5px;font-weight:700;align-items:center;justify-content:center}
.fct.has-active .fct-dot{display:inline-flex}
.fct-head .fct-car{margin-left:auto;font-size:11px;color:var(--muted);transition:transform .25s var(--ease)}
.fct.open .fct-head .fct-car{transform:rotate(180deg)}
.fct-body{display:none;padding:0 0 15px}
.fct.open .fct-body{display:block;animation:fadeUp .25s var(--ease)}
.fct-row{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:14px;font-weight:500;color:var(--slate-2);transition:color .15s}
.fct-row input{position:absolute;opacity:0;pointer-events:none}
.cbx{flex:none;width:20px;height:20px;border-radius:var(--radius-sm);border:1.5px solid #d8d8d8;background:var(--paper);display:grid;place-items:center;transition:.18s var(--ease)}
.cbx::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;color:#fff;transform:scale(0);transition:transform .15s var(--ease)}
.fct-row input:checked ~ .cbx{background:var(--tomato);border-color:var(--tomato)}
.fct-row input:checked ~ .cbx::after{transform:scale(1)}
.fct-row:hover{color:var(--tomato)}
.fct-row:hover .cbx{border-color:var(--tomato)}
.fct-row input:checked ~ .ft{color:var(--slate);font-weight:700}
.fct-row .ft{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fct-row .fcnt{margin-left:auto;flex:none;font-size:12px;color:var(--muted);font-weight:500}
.fct-row input:checked ~ .fcnt{color:var(--tomato);font-weight:700}
.fct-row .ft .fst{color:var(--yellow);font-size:12px;margin-right:2px}
.fct-more{background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--tomato);cursor:pointer;padding:7px 0 0 30px;display:inline-flex;align-items:center;gap:7px}
.fct-more i{font-size:10px;transition:transform .25s var(--ease)}
.fct.more-open .fct-more i{transform:rotate(180deg)}
.fct-row.xtra{display:none}
.fct.more-open .fct-row.xtra{display:flex}
.sheet-head,.sheet-foot{display:none}
.lst-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lst-sum{font-size:15px;color:var(--muted);font-weight:500;min-width:0}
.lst-sum b{color:var(--slate);font-weight:700;font-size:17px}
.lst-sum .q{color:var(--tomato);font-weight:700}
.lst-tools{display:flex;align-items:center;gap:10px;flex:none}
.sort-dd{position:relative}
.sort-btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--slate);padding:11px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);cursor:pointer;transition:.2s var(--ease);white-space:nowrap}
.sort-btn i.fa-arrow-down-wide-short{color:var(--tomato);font-size:13px}
.sort-btn .sb-car{font-size:10px;color:var(--muted);transition:transform .2s var(--ease)}
.sort-btn:hover{border-color:var(--tomato);color:var(--tomato)}
.sort-dd.open .sort-btn .sb-car{transform:rotate(180deg)}
.sort-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:206px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--sh-md);padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s var(--ease);z-index:40}
.sort-dd.open .sort-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sort-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;font-family:inherit;color:var(--ink);font-size:13.5px;font-weight:500;padding:10px 11px;border-radius:var(--radius-sm);cursor:pointer;transition:.16s var(--ease)}
.sort-menu button i{width:16px;text-align:center;color:var(--tomato);font-size:13px}
.sort-menu button:hover{background:var(--tomato-tint);color:var(--tomato)}
.sort-menu button.active{color:var(--tomato);font-weight:700}
.sort-menu button.active::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:11px}
.btn-filter{display:none;align-items:center;gap:9px;font-family:inherit;font-weight:700;font-size:13.5px;color:#fff;background:var(--tomato);border:1px solid var(--tomato);border-radius:var(--radius-md);padding:11px 16px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap}
.btn-filter:hover{background:var(--tomato-dark)}
.btn-filter .fb-count{min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-circle);background:#fff;color:var(--tomato);font-size:11px;font-weight:700;display:grid;place-items:center}
.btn-filter .fb-count[hidden]{display:none}
.fchips{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}
.fchips[hidden]{display:none}
.fchip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tomato);background:var(--tomato-tint);border:1px solid rgba(177,79,197,.25);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:.18s var(--ease)}
.fchip i.fa-magnifying-glass{font-size:11px;opacity:.75}
.fchip .x{display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-circle);font-size:10px;transition:.15s}
.fchip:hover{background:var(--tomato);color:#fff;border-color:var(--tomato)}
.fchips-clear{background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;padding:8px 4px;transition:.18s;text-decoration:underline;text-underline-offset:3px}
.fchips-clear:hover{color:var(--tomato)}
.mkl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.disc-price-pill{letter-spacing:.06em;font-size:11.5px}
.disc-price-pill b{color:#fff;font-weight:700}
.disc-price-pill span{color:rgba(255,255,255,.42)}
.disc-status{position:absolute;top:13px;left:13px;z-index:2;display:flex}
.disc-status .st-open i{color:var(--green);font-size:10.5px}
.disc-status .st-closing i{color:var(--yellow)}
.disc-status .st-closed{background:rgba(40,34,46,.76);color:#ddd4e2}
.disc-status .st-closed i{color:#c6b6cf;font-size:10.5px}
.disc-card.is-closed .disc-fig .bg{filter:grayscale(.45) brightness(.94)}
.disc-meta .disc-loc{color:var(--slate);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.disc-meta .disc-loc i{color:var(--tomato)}
.r-rate{color:var(--slate);font-weight:700}
.r-rate i{color:var(--yellow)}
.r-views{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500}
.r-views i{font-size:12px;color:var(--muted)}
.lst-empty{display:none;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:78px 30px;margin-top:24px}
.lst-empty.show{display:block;animation:fadeUp .35s var(--ease)}
.le-ico{width:76px;height:76px;border-radius:var(--radius-lg);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:30px;margin:0 auto 20px}
.lst-empty h3{font-size:23px;margin-bottom:9px}
.lst-empty p{font-size:14.5px;color:var(--muted);font-weight:500;max-width:420px;margin:0 auto 24px;line-height:1.6}
.pagi{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.pg{min-width:44px;height:44px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:700;color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:.2s var(--ease)}
.pg:hover{border-color:var(--tomato);color:var(--tomato)}
.pg.active{background:var(--tomato);border-color:var(--tomato);color:#fff;cursor:default}
.pg.arrow i{font-size:12px}
.pg[disabled]{opacity:.4;pointer-events:none}
.pg-dots{color:var(--muted);font-weight:700;padding:0 2px;font-size:14px}
.pagi-note{width:100%;text-align:center;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:6px}
.sheet-overlay{position:fixed;inset:0;background:rgba(20,18,12,.5);z-index:93;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.sheet-overlay.open{opacity:1;pointer-events:auto}
@media (max-width:1024px){
  .lst-layout{display:block}
  .btn-filter{display:inline-flex}
  .lst-side{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:94;max-height:82vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:none;box-shadow:0 -18px 50px rgba(33,30,22,.2);padding:0 20px;transform:translateY(105%);transition:transform .34s var(--ease);display:flex;flex-direction:column;overflow:hidden}
  .lst-side.open{transform:translateY(0)}
  .fil-top{display:none}
  .sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 14px;border-bottom:1px solid var(--line);flex:none}
  .sheet-head h3{font-size:18px;display:inline-flex;align-items:center;gap:10px}
  .sheet-head h3 i{color:var(--tomato);font-size:15px}
  .sheet-head .sh-right{display:flex;align-items:center;gap:8px}
  .sheet-head .fil-clear{font-size:12.5px;padding:8px 10px}
  .sheet-close{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);color:var(--slate);font-size:16px;cursor:pointer;display:grid;place-items:center;transition:.2s var(--ease)}
  .sheet-close:hover{border-color:var(--tomato);color:var(--tomato)}
  .sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}
  .sheet-foot{display:block;flex:none;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper)}
  .sheet-foot .btn{width:100%}
  .mkl-grid{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width:640px){
  .ke-tabbar{padding:12px 0}
  .dt{padding:9px 14px;font-size:12.5px}
  .ke-filter-wrap{padding:16px 0 2px}
  .mkl-intro{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}
  .mkl-stats{gap:18px}
  .mkl-stats b{font-size:17px}
  .mkl-pop{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .mkl-pop::-webkit-scrollbar{display:none}
  .mkl-pop .chip{flex:none;white-space:nowrap}
  .lst-sec{padding:22px 0 50px}
  .lst-bar{align-items:flex-start}
  .lst-sum{font-size:13.5px}
  .lst-sum b{font-size:15px}
  .sort-btn{padding:10px 12px;font-size:12.5px}
  .sort-btn .sb-lbl{display:none}
  .btn-filter{padding:10px 13px;font-size:12.5px}
  .fchips{margin-top:13px;gap:7px}
  .fchip{font-size:12px;padding:7px 10px}
  .mkl-grid{grid-template-columns:1fr;gap:20px;margin-top:18px}
  .pagi{gap:6px;margin-top:30px}
  .pg{min-width:40px;height:40px;font-size:13px}
  .lst-empty{padding:54px 20px}
  .lst-empty h3{font-size:19px}
}

/* =========================================================================
   A5 LANDING GÖVDESİ — Gourmet mor (.gm-* namespace)
   Signature: hero rota-çizgi draw + sıralı pin pulse (subject: lezzet rotası).
   Renk yalnız --tomato #b14fc5 / --tomato-deep #8e3aa8 / --tomato-tint #F4E7F7.
   🚫 MINT/YEŞİL YOK — Diet .reh-* / .sh-* CSS kopyalanmadı.
   ========================================================================= */

/* ---- 1. HERO rota motifi (signature) ---- */
.gm-hero-route{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.5}
.gm-hero-route svg{position:absolute;inset:0;width:100%;height:100%}
.gm-route-line{
  fill:none;stroke:var(--tomato);stroke-width:2.5;stroke-linecap:round;opacity:.4;
  stroke-dasharray:3200;stroke-dashoffset:3200;
  animation:gmDraw 5.6s var(--ease) forwards;
  filter:drop-shadow(0 0 7px rgba(177,79,197,.4));
}
.gm-pin-ring{transform-box:fill-box;transform-origin:center;opacity:0;
  animation:gmPinPulse 2.9s ease-in-out infinite;animation-delay:calc(var(--d,1s) + 1s)}
.gm-pin-core{transform-box:fill-box;transform-origin:center;opacity:0;
  animation:gmPinIn .8s var(--ease) forwards;animation-delay:var(--d,1s)}
.gm-pin-core.glow{filter:drop-shadow(0 0 6px rgba(201,122,214,.7))}
@keyframes gmDraw{to{stroke-dashoffset:0}}
@keyframes gmPinIn{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.28)}100%{opacity:1;transform:scale(1)}}
@keyframes gmPinPulse{0%{transform:scale(.7);opacity:.5}70%,100%{transform:scale(2.5);opacity:0}}

/* hero içerik kolonu — tipografik imza: ağırlık sıçraması (.bd 800 ↔ .sf 300) */
.gm-hero-inner{position:relative;z-index:2;max-width:640px;padding:6px 0 40px}
.gm-hero-inner .eyebrow{color:#e2b8ec;margin-bottom:20px}
.gm-hero-inner .eyebrow::before{background:var(--tomato)}
.gm-hero-h1{font-size:clamp(40px,6.4vw,68px);line-height:1.02;letter-spacing:-.03em;color:#fff;margin-bottom:20px;text-shadow:0 2px 24px rgba(0,0,0,.28)}
.gm-hero-h1 .bd{display:block;color:#fff}
.gm-hero-h1 .sf{display:block;color:#e6c9ef;letter-spacing:-.01em}
.gm-hero-inner .lead{font-size:17px;line-height:1.6;color:#e9dcef;font-weight:500;max-width:46ch;margin-bottom:30px;text-shadow:0 1px 14px rgba(0,0,0,.32)}
.gm-hero-cta{display:flex;gap:14px;flex-wrap:wrap}

/* ---- ortak gm butonları ---- */
.gm-btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:var(--radius-md);cursor:pointer;transition:.2s var(--ease);border:1px solid transparent;text-decoration:none}
.gm-btn i{font-size:13px}
.gm-btn-primary{background:var(--tomato);color:#fff;border-color:var(--tomato)}
.gm-btn-primary:hover{background:var(--tomato-deep);border-color:var(--tomato-deep);transform:translateY(-2px)}
.gm-btn-outline{background:transparent;color:#eecdf5;border-color:rgba(201,122,214,.55)}
.gm-btn-outline:hover{border-color:var(--tomato);background:rgba(177,79,197,.14);color:#fff;transform:translateY(-2px)}
.gm-btn:focus-visible{outline:3px solid var(--tomato-tint);outline-offset:2px}

/* ===== 3a HERO: 2-kolon grid + cam "Bugünün Rotası" bilet + nitel check-row + scroll cue ===== */
.gm-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;width:100%;padding:6px 0 40px}
.gm-hero-grid > .gm-hero-inner{padding:0;max-width:none}
/* nitel check-row — sayısal sahte istatistik YOK */
.gm-checkrow{display:flex;flex-wrap:wrap;gap:11px 22px;margin-top:26px}
.gm-check{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#e9dcef;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.gm-check i{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:var(--radius-circle);background:rgba(177,79,197,.24);color:#e2b8ec;font-size:12px}
/* cam imza bilet */
.gm-hero-ticket{position:relative;z-index:2;background:rgba(28,18,32,.58);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(201,122,214,.30);border-radius:var(--radius-xl);box-shadow:0 24px 60px rgba(0,0,0,.44);padding:24px 24px 22px;max-width:400px;margin-left:auto;width:100%}
.gt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.gt-title{display:flex;align-items:center;gap:11px}
.gt-title > i{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md);background:rgba(177,79,197,.26);color:#e2b8ec;font-size:14px}
.gt-title b{display:block;font-size:15px;color:#fff;font-weight:700;line-height:1.2}
.gt-title small{display:block;font-size:11.5px;color:#c9b6d3;font-weight:500;margin-top:2px}
.gt-badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#f0d6f7;background:rgba(177,79,197,.28);border:1px solid rgba(201,122,214,.45);padding:5px 10px;border-radius:var(--radius-pill);white-space:nowrap;flex:none}
.gt-badge i{font-size:10px}
/* rota — terminal/istasyon dili (CLAUDE.md rota dersi) */
.gt-route{position:relative;padding-left:4px}
.gt-line{position:absolute;left:15px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,rgba(201,122,214,.6),rgba(201,122,214,.28));z-index:0}
.gt-node{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:6px 0}
.gt-node .gt-dot{flex:none}
/* terminal uç — sessiz, hollow, numarasız */
.gt-term .gt-dot{width:22px;height:22px;border-radius:var(--radius-circle);border:2px solid rgba(201,122,214,.72);background:#1e1422}
.gt-role{font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#b7a3c2}
/* numaralı istasyon durak */
.gt-stop .gt-dot{width:22px;height:22px;border-radius:var(--radius-circle);background:var(--tomato);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(177,79,197,.42)}
.gt-info b{display:block;font-size:14px;color:#fff;font-weight:700;line-height:1.25}
.gt-info small{display:block;font-size:11.5px;color:#c9b6d3;font-weight:500;margin-top:1px}
.gt-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:18px;padding:13px;border-radius:var(--radius-md);background:var(--tomato);color:#fff;font-family:inherit;font-weight:700;font-size:14px;border:1px solid var(--tomato);cursor:pointer;transition:.2s var(--ease);text-decoration:none}
.gt-cta:hover{background:var(--tomato-deep);border-color:var(--tomato-deep);transform:translateY(-2px)}
/* scroll cue */
.gm-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.72);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}
.gm-scroll i{font-size:14px;animation:gmbob 1.8s var(--ease) infinite}
@keyframes gmbob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.gm-scroll i{animation:none}}
@media(max-width:900px){
  .gm-hero-grid{grid-template-columns:1fr;gap:26px;padding-bottom:30px}
  .gm-hero-ticket{max-width:none;margin-left:0}
  .gm-scroll{display:none}
}

/* ---- ortak section başlığı ---- */
.gm-sec-head{margin-bottom:38px}
.gm-sec-head .eyebrow{margin-bottom:14px}
.gm-sec-head h2{font-size:clamp(27px,3.4vw,38px);letter-spacing:-.02em;color:var(--slate)}

/* ---- 2. MODÜL KARTLARI (beyaz) — fotoğrafsız, yapısal ---- */
.gm-modules{background:var(--bg-white);padding:84px 0}
/* A — yatay indeks: foto sol tile / metin sağ · eşit yükseklik · sıkı kompozisyon */
.gm-mod-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px}
.gm-mod{display:flex;flex-direction:row;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;padding:0;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease)}
.gm-mod:hover{border-color:var(--tomato);box-shadow:var(--sh-md);transform:translateY(-3px)}
.gm-mod:focus-visible{outline:3px solid var(--tomato-tint);outline-offset:3px;border-color:var(--tomato)}
.gm-mod-media{position:relative;flex:0 0 40%;min-height:158px;background:#2a1e30 center/cover no-repeat;overflow:hidden}
.gm-mod-media::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(30,20,34,.04) 0%,rgba(30,20,34,.10) 55%,rgba(30,20,34,.34) 100%)}
.gm-mod-ico{position:absolute;z-index:1;left:14px;bottom:14px;width:44px;height:44px;border-radius:var(--radius-md);background:rgba(177,79,197,.94);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 16px rgba(30,20,34,.42);transition:.22s var(--ease)}
.gm-mod:hover .gm-mod-ico{background:var(--tomato-deep);transform:translateY(-2px)}
.gm-mod-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:22px 24px;min-width:0}
.gm-mod-tag{font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--tomato);margin-bottom:9px}
.gm-mod h3{font-size:20px;letter-spacing:-.01em;color:var(--slate);margin-bottom:7px}
.gm-mod p{font-size:14px;line-height:1.5;color:var(--muted);font-weight:500;margin-bottom:16px}
.gm-mod-cta{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--tomato);margin-top:auto}
.gm-mod-cta i{transition:transform .2s var(--ease)}
.gm-mod:hover .gm-mod-cta i{transform:translateX(4px)}

/* ---- 3. ETKİNLİK ŞERİDİ (tint) — zamansal içerik ---- */
.gm-events{background:#f3eff7;padding:64px 0}
.gm-ev-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.gm-ev-head .eyebrow{margin-bottom:0}
.gm-ev-all{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--tomato-deep)}
.gm-ev-all:hover{color:var(--slate)}
.gm-ev-all i{transition:transform .2s var(--ease)}
.gm-ev-all:hover i{transform:translateX(4px)}
.gm-ev-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gm-ev{display:flex;gap:15px;align-items:flex-start;background:var(--paper);border:1px solid rgba(177,79,197,.18);border-radius:var(--radius-md);padding:17px 18px;transition:.2s var(--ease)}
.gm-ev:hover{border-color:var(--tomato);box-shadow:var(--sh-sm);transform:translateY(-2px)}
.gm-ev:focus-visible{outline:3px solid rgba(177,79,197,.35);outline-offset:2px}
.gm-ev-date{flex:none;width:52px;text-align:center;background:var(--tomato-deep);color:#fff;border-radius:var(--radius-sm);padding:8px 4px;line-height:1.05}
.gm-ev-date b{display:block;font-size:18px;font-weight:800;letter-spacing:-.02em}
.gm-ev-date span{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-top:2px;color:#e6c9ef}
.gm-ev-body{min-width:0}
.gm-ev-body h3{font-size:14.5px;line-height:1.32;color:var(--slate);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gm-ev-where{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:500}
.gm-ev-where i{color:var(--tomato)}
/* etkinlik kartları — disc-card deseni (etkinlikler-v1 tutarlılığı) + tarih-çipi overlay */
.gm-events .ev-card{display:flex;flex-direction:column}
.gm-events .ev-card .disc-fig{position:relative}
.gm-events .ev-card>.disc-meta{margin-top:auto;padding-top:0;border-top:none}
.ev-datechip{position:absolute;top:12px;left:12px;z-index:2;min-width:50px;text-align:center;background:var(--tomato-deep);color:#fff;border-radius:var(--radius-sm);padding:8px 6px;line-height:1.05;box-shadow:0 5px 14px rgba(30,20,34,.4)}
.ev-datechip b{display:block;font-size:18px;font-weight:800;letter-spacing:-.02em}
.ev-datechip span{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-top:2px;color:#e6c9ef}

/* ---- 4. KONSEPT SLIDER (gri) — 8 editoryal kart, yatay drag-scroll ---- */
.gm-concept{background:var(--bg-white);padding:74px 0}
.gm-concept .gm-sec-head{margin-bottom:22px}
.gm-concept .ke-filter{margin-bottom:26px}
.gm-track-wrap{position:relative}
.gm-track{display:flex;align-items:stretch;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 0 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%)}
.gm-track::-webkit-scrollbar{display:none}
.gm-track>.disc-card{flex:0 0 320px;scroll-snap-align:start;display:flex;flex-direction:column}
.gm-track>.disc-card>.disc-meta{margin-top:auto}
/* feature kart: standart foto-üst deseni + daha geniş footprint (vurgu) */
.gm-track>.disc-feature{flex:0 0 440px}
.cs-more{position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--radius-circle);background:var(--paper);border:1px solid var(--line);color:var(--tomato);display:grid;place-items:center;font-size:14px;box-shadow:var(--sh-sm);pointer-events:none}

/* ---- 5. MEKAN-BUL TEASER (koyu band + foto zemin, koyu scrim korunur) ---- */
.gm-teaser{position:relative;overflow:hidden;background:#1e1422;padding:56px 0}
.gm-teaser-media{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}
.gm-teaser-media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(30,20,34,.95) 0%,rgba(30,20,34,.88) 44%,rgba(30,20,34,.70) 100%),
  radial-gradient(680px 300px at 88% 24%,rgba(177,79,197,.22),transparent 60%)}
.gm-teaser>.wrap{position:relative;z-index:1}
.gm-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
.gm-teaser-txt{min-width:260px;flex:1}
.gm-teaser-txt h2{font-size:clamp(22px,2.6vw,28px);color:#fff;letter-spacing:-.02em;margin-bottom:8px}
.gm-teaser-txt p{font-size:15px;color:#d9c7e2;font-weight:500;margin-bottom:16px}
.gm-facets{display:flex;gap:10px;flex-wrap:wrap}
.gm-facet{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e6c9ef;background:rgba(177,79,197,.16);border:1px solid rgba(201,122,214,.4);padding:9px 15px;border-radius:var(--radius-sm);transition:.18s var(--ease)}
.gm-facet i{font-size:12px;color:#c97ad6}
.gm-facet:hover{background:var(--tomato);border-color:var(--tomato);color:#fff}
.gm-facet:hover i{color:#fff}
.gm-facet:focus-visible{outline:3px solid rgba(201,122,214,.5);outline-offset:2px}
.gm-teaser-cta{flex:none}

/* ---- reduced motion: rota son-kare statik + pin görünür ---- */
@media (prefers-reduced-motion:reduce){
  .gm-route-line{animation:none;stroke-dashoffset:0}
  .gm-pin-core{animation:none;opacity:1;transform:none}
  .gm-pin-ring{animation:none;opacity:0}
  .gm-mod:hover,.gm-ev:hover,.gm-btn:hover,.gm-facet:hover,.gm-btn-outline:hover{transform:none}
}

/* ---- responsive ---- */
@media (max-width:900px){
  .gm-ev-row{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .gm-hero-inner{padding-bottom:24px}
  .gm-hero-cta .gm-btn{padding:13px 20px;font-size:14px}
  .gm-modules{padding:56px 0}
  .gm-mod-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .gm-mod-media{flex-basis:38%;min-height:128px}
  .gm-mod-body{padding:18px 18px}
  .gm-events{padding:46px 0}
  .gm-ev-row{grid-template-columns:1fr;gap:12px}
  .gm-concept{padding:50px 0}
  .gm-track>.disc-card{flex:0 0 80vw}
  .cs-more{display:none}
  .gm-teaser{padding:42px 0}
  .gm-teaser-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .gm-teaser-cta{width:100%}
  .gm-teaser-cta .gm-btn{width:100%;justify-content:center}
}

/* =====================================================================
   YAN YANA KART EŞİTLİĞİ (FB59, mekanik sınıf, kararlar.md) — aynı grid
   satırındaki kartlar eşit yükseklikte olmalı. `.disc-grid{align-items:
   start}` (yukarıda, 615-blok verbatim kaynak-transfer) kartların doğal
   yüksekliğine bırakıyordu — dada-seckisi/dada-seckisi.css'te AYNI ailenin
   (.disc-grid/.disc-card) AYNI sorunu için ZATEN çözdüğü desen (.sk-stops/
   .sk-stop, align-items:stretch + flex-column + margin-top:auto) BİREBİR
   buraya taşındı — yeni desen icat edilmedi. Bileşik seçici (0-2-0) şart:
   `.disc-grid{align-items:start}` ile AYNI özgüllükte tek sınıf kaynak
   sırasından sessizce ezilirdi (dada-seckisi'nin bizzat yaşadığı tuzak).
   Paylaşılan `.disc-card`/`.disc-meta` taban kurallarına DOKUNULMADI —
   yalnız bu iki modifier class'ı TAŞIYAN kartlarda etkili (arama sonucu/
   İlgili Keşifler'in dokunulmayan diğer bağlamları etkilenmez). ke-stops
   yalnız gurme-lezzetler'in kendi merged-list + İlgili Keşifler grid'lerine
   uygulanır (index/show.blade.php).
   NOT — dada-seckisi'nin .sk-stop'undan TEK yapısal fark: seçki kartı
   fig/cat/h3/meta'yı DOĞRUDAN <article>'a koyuyor, bu sayfanın kartı
   (_card.blade.php) hepsini <a class="disc-card-link"> İÇİNE sarıyor
   (tüm-kart tıklanabilirliği, mekan-liste/.mkl-card-link emsali — .r-save
   kalp butonu bilinçli olarak DIŞARIDA, iç içe <a><button> click-hijack
   tuzağından kaçınmak için). Bu yüzden flex-column katmanı BİR SEVİYE
   daha iniyor: .ke-stop (article) flex-column + .disc-card-link flex:1
   flex-column + .disc-meta margin-top:auto — üçü birlikte AYNI görsel
   sonucu (meta alta sabit) üretir. ===================================== */
.disc-grid.ke-stops{align-items:stretch}
.ke-stop{display:flex;flex-direction:column}
.ke-stop .disc-card-link{display:flex;flex-direction:column;flex:1;min-height:0}
.ke-stop .disc-meta{margin-top:auto}
/* Kategorisiz kayıtta etiket satırının YERİ ayrılır (2026-08-06): _card.blade.php
   $stretch dalında boş <span class="disc-cat"> basar, burada :empty ile tek
   satırlık kutu verilir — böylece başlık her kartta aynı Y'den başlar. Sabit
   piksel YAZILMAZ: 1lh etiketin KENDİ satır kutusu, yani dolu etiketin tek
   satırıyla birebir aynı yükseklik. `1em` önce yazılır, `lh` bilmeyen tarayıcı
   onda kalır (aynı yazı boyunda yaklaşık aynı kutu). margin-bottom:7px zaten
   .disc-cat'ten miras — başlıkla arasındaki nefes korunur. */
.ke-stop .disc-cat:empty{display:block;min-height:1em;min-height:1lh}

/* =====================================================================
   GERÇEK-VERİ EKİ — bu dilimin eki (ref'te karşılığı yok). Kapak görseli
   olmayan içerik için nötr placeholder (r-card__img--ph/ed-card emsali,
   sahte görsel YASAK — yalnız ikon).
   ===================================================================== */
.disc-fig--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-cream);color:var(--muted);font-size:28px}

/* =====================================================================
   ARAMA KUTUSU (docx §2 "Arama Alanı") — referansta karşılığı YOK.
   .searchcard/.search-row/.search-input mevcut bileşenin (gourmet-mekan-
   liste/mekan-liste.css .mkl-hero-search, kaynağı DadaGastro hero.blade.php/
   portal.css) BİREBİR kopyası — yeni renk/radius/gölge icat edilmedi
   (frontend-design skill danışıldı, yalnız isim/max-width bu sayfaya göre).

   PADDING KANONU (2026-07-28, Beyar/lead kararı — İş A1): kalın/hantal
   duran iç boşluklar inceltildi. Bu sayı KANONİK — dada-seckisi (B2) ve
   etkinlikler (C1) kendi .searchcard/.search-row/.search-input kopyalarına
   AYNI değerleri uygulayacak (kardeşler bu satırları referans alır):
     .searchcard padding      10px → 6px
     .search-row  padding      6px → 4px  · gap 8px → 6px
     .search-input padding  0 18px → 0 16px
     .search-input input padding 14px 0 → 11px 0
     .search-row .btn padding 0 26px → 0 22px
   Yeni renk/radius/gölge/font-size İCAT EDİLMEDİ — yalnız mevcut kutu
   modelinin iç boşlukları orantılı küçültüldü. ===================== */
.searchcard.ke-hero-search{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(10,9,6,.4);backdrop-filter:blur(6px);padding:6px;max-width:640px;margin-top:24px}
.search-row{display:flex;gap:6px;padding:4px;flex-wrap:wrap}
.search-input{flex:1 1 200px;min-width:0;display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 16px}
.search-input i{color:var(--muted);font-size:13px}
.search-input input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-weight:500;font-size:15px;color:var(--slate);padding:11px 0;outline:none}
.search-input input::placeholder{color:#a7a7a7;font-weight:500}
.search-row .btn{flex:none;padding:0 22px}
@media(max-width:640px){
  .search-row{flex-direction:column}
  .search-input{flex:none;width:100%}
  .search-row .btn{flex:none;width:100%}
}
/* .ke-search-hint (örnek arama çipleri satırı + slider kuralları) KALDIRILDI
   (Beyar/lead kararı, İş A2, 2026-07-28) — markup silindiği için CSS de
   temizlendi, ölü kural bırakılmadı. Kategori çip slider'ı (.ke-filter,
   yukarıda) bu karardan ETKİLENMEDİ. */

/* Kaydet (docx §6/§7) — .r-save shell'in genel toggle JS'ine (görsel-only,
   kalıcılık yok) bağlanır. .disc-card mekan-liste/_card.blade.php emsali
   gibi <a class="disc-card-link"> DIŞINDA, article'ın DOĞRUDAN çocuğu
   (nested <a><button> click-hijack tuzağı YOK); bu yüzden konumlandırma
   .disc-fig'e değil, kartın kendisine göre — verbatim .disc-card{cursor:
   pointer} kuralına DOKUNULMADAN ayrı bir position:relative eklendi. */
.disc-card{position:relative}
.disc-save{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:var(--radius-circle);border:none;background:rgba(255,255,255,.92);color:var(--slate);display:grid;place-items:center;font-size:14px;cursor:pointer;transition:.2s var(--ease)}
.disc-save:hover{background:#fff;color:var(--tomato)}
.disc-save.saved i{color:var(--tomato)}

/* Pro içi teşvik kutusu (docx §10) — emsal: gourmet-mekan-liste/mekan-
   liste.css .pro-gate/.mkl-pro-inline (modal DEĞİL, satır-içi varyant;
   #pgOverlay/#proGate modalı bu sayfada AÇILMIYOR, GourmetProGate
   çağrılmadı — kapı yalnız görsel). */
.mkl-pro-inline{margin:14px 0 6px}
.pro-gate{display:grid;justify-items:center;gap:10px;text-align:center;padding:22px 16px;background:var(--bg-cream);border:1px dashed rgba(33,30,22,.18);border-radius:var(--radius-lg)}
.pro-gate>i{font-size:22px;color:var(--tomato)}
.pro-gate p{color:var(--slate-2);font-size:13px;max-width:44ch}

/* RV3 madde 5 — Detay hero'su Kaydet (.art-hero-actions/.art-hero-save,
   docx §7 üst bilgi) KALDIRILDI: referans (püf detayı) hero'sunda kalp yok,
   Kaydet aksiyonu alt sticky pil'e taşındı (bkz. STICKY AKSİYON BARI aşağıda).

   ---- STICKY AKSİYON BARI (kaynak: puf-noktasi-detay.css .actbar/.ab-*
   BİREBİR — yalnız var(--tomato)/var(--slate) üzerinden otomatik Gourmet moru
   alır, yeni renk icat edilmedi). Kaydet+Faydalı+Yorumlar+Paylaş — partials/
   _content-actbar.blade.php ORTAK partial'dan gelir, püf detayıyla dört
   buton da AYNI (G4, 2026-07-29: Yorumlar pill'i artık gerçek #yorumlar
   bölümüne bağlanıyor — önceden markup'ta duruyordu ama çapa hedefi yoktu). ---- */
.actbar{position:fixed;left:50%;bottom:22px;z-index:88;transform:translateX(-50%) translateY(130%);display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-lg);box-shadow:0 14px 40px rgba(33,30,22,.18),0 2px 8px rgba(33,30,22,.08);padding:8px 10px;opacity:0;visibility:hidden;transition:transform .35s var(--ease),opacity .3s var(--ease),visibility .35s}
.actbar.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}
.actbar .ab-name{display:flex;align-items:center;gap:10px;padding:0 14px 0 6px;max-width:280px;border-right:1px solid rgba(33,30,22,.12);margin-right:4px}
.actbar .ab-name .th{flex:none;width:38px;height:38px;border-radius:var(--radius-md);background-size:cover;background-position:center;background-color:var(--bg-cream)}
.actbar .ab-name b{font-size:13px;font-weight:700;color:var(--slate);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actbar .ab-act{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--slate);background:transparent;border:none;border-radius:var(--radius-md);padding:11px 14px;cursor:pointer;white-space:nowrap;transition:.2s var(--ease)}
.actbar .ab-act i{font-size:14px}
.actbar .ab-act:hover{background:var(--tomato-tint);color:var(--tomato)}
.actbar .ab-act.on{color:var(--tomato)}
.actbar .ab-act.on i{font-weight:900}
@media (max-width:640px){
  .actbar{left:12px;right:12px;transform:translateY(160%);width:auto;bottom:calc(78px + env(safe-area-inset-bottom,0px));justify-content:space-around;padding:6px 8px}
  .actbar.show{transform:translateY(0)}
  .actbar .ab-name{display:none}
  .actbar .ab-act{padding:10px 9px;font-size:11.5px;flex-direction:column;gap:4px}
  .actbar .ab-act i{font-size:16px}
}

/* ============================================================
   A1 — BANNER PARALAKSI: BURADA KOD YOK, BİLİNÇLİ.
   Bu blok kısa süre `background-attachment:fixed` içeriyordu.
   Aynı gün `origin/main`e giren ortak paralaks yardımcısı
   (resources/css/parallax.css + resources/js/parallax.js) bu
   sayfanın İKİ banner'ını da zaten kapsıyor — kayıt listesinde
   `{ band: '.ke-top', layer: '.ke-hero-media' }` ve
   `{ band: '.art-hero' }` satırları var.

   O uygulama bundan ÜSTÜN: sabitlemeyi compositor yapıyor
   (position:fixed + clip-path), iOS Safari'de de çalışıyor —
   `background-attachment:fixed` iOS'ta hiç desteklenmediği için
   buradaki sürüm mobilde efekti tamamen kapatmak zorundaydı.
   Ayrıca `870ef647` bu tekniği kod tabanından bilerek kaldırdı.
   İki sabitleme yöntemini üst üste bindirmek çakışma üretir.
   ============================================================ */

/* ============================================================
   A2 (2026-08-10) — GÖVDE METNİ İKİ YANA YASLI
   Yalnız OKUMA METNİ hizalanır: makale gövdesindeki paragraflar
   ve listeler. Başlıklar (h1/h2/h3), kartlar (.disc-card), meta
   satırları (.art-hmeta/.disc-meta), figür altyazısı, alıntı
   (.art-quote) ve uyarı kutusu (.art-tip) KAPSAM DIŞI — onlar
   kısa/ortalanmış bloklar, justify orada boşluk kusuru üretir.

   Türkçe uzun kelimelerde "nehir" boşluğu oluşmaması için
   tireleme açık. Sayfanın kök <html lang> değeri gerçek locale'i
   taşıdığı (layouts/gourmet.blade.php) için tarayıcı TÜRKÇE
   tireleme sözlüğünü kullanır; İngilizce sayfada (/en) aynı
   kural İngilizce sözlükle çalışır — dile özel hard-code yok.
   `overflow-wrap` uzun URL/kelimenin kolonu taşırmasına karşı
   emniyet subabı.

   SEÇİCİ DOĞRUDAN-ÇOCUK (`>`) — ölçülmüş sapma: torun seçici (`.art-col p`)
   yorum bloğunu da yakalıyordu (`.cmts-wrap` `.art-col`ın çocuğu; giriş
   kapısı metni `.rl-body p` ve boş-durum metni `.rev-empty-first p`
   justify'lanmıştı). Makale gövdesi `{!! clean($sec['html']) !!}` ile
   `.art-col`a DOĞRUDAN basıldığı için `>` hem yeterli hem kesin: okuma
   metni yakalanır, yorum/aksiyon blokları yakalanmaz. Aynı sebeple
   alıntı (.art-quote) ve uyarı kutusu (.art-tip) de kendiliğinden dışarıda
   kalır — onların `p`leri kendi kapsayıcılarının çocuğudur. */
.art-col > p,
.art-col > ul > li,
.art-col > ol > li,
.art-lead {
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}