/* ============================================
   AI AKTUEL - Global CSS
   EFSANESHOP renk paleti + haber.php layout
   ============================================ */

:root {
  --header-h: 54px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 50px;
  --maxw: 1200px;
  --white: #fff;
  --bodytext: #073362;
  --tbas:#cfcfff;
  --fdanger:#c91854;

  --primary: #6464ca;
  --primary-hover: #5555bb;
  --primary-light: #8888dd;
  --primary-2: #0ba598;
  --danger: #ef4444;
  --warning: #FFC107;
  --success: #10b981;

  --accent-cyan: #06b6d4;
  --accent-cyan-light: #22d3ee;
  --accent-pink: #ec4899;
  --accent-amber: #f59e0b;
  --accent-amber-light: #fbbf24;
  --accent-violet: #8b5cf6;
  --accent-violet-light: #a78bfa;
  --accent-blue: #3b82f6;
  --accent-blue-light: #60a5fa;
  --accent-orange: #f97316;
  --accent-orange-light: #fb923c;

  --text-1: #0f172a;
  --text-2: #475569;
  --text-3: #94a3b8;

  --bg-1: #ffffff;
  --bg-2: #e7e9f9;
  --bg-3: #eef0ff;
  --bodybg: #eef0ff;

  --stroke: #e0e2f1;
  --stroke-2: #cfd3e2;

  --ring: rgba(102,102,204,.22);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 28px rgba(0,0,0,.12);
  --t: 180ms cubic-bezier(.2,.8,.2,1);

  --ftr-bg: var(--bg-1);
  --ftr-text: var(--text-1);
  --ftr-text-2: var(--text-2);
  --ftr-text-3: var(--text-3);
  --ftr-card: var(--bg-3);
  --ftr-card-hover: var(--bg-2);
  --ftr-border: var(--stroke);
  --ftr-input: var(--bg-2);
  --ftr-input-focus: var(--primary);
  --ftr-btn: var(--primary);
  --ftr-btn-text: #fff;
  --ftr-btn-hover: var(--primary-hover);

  --prl-bg: #ffffff;
  --prl-text: #0f172a;
  --prl-border: #e2e4eb;
  --prl-hover: #f5f7fb;
  --prl-primary: #6666cc;
  --prl-primary-hover: #5555bb;
  --prl-shadow: rgba(0,0,0,.08);
  --prl-input-bg: #f5f7fb;
  --prl-card-bg: #ffffff;
  --prl-transition: all 0.18s cubic-bezier(.2,.8,.2,1);
  --prl-success: #10b981;
  --prl-warning: #FFC107;
  --prl-danger: #ef4444;
}

[data-theme="dark"] {
  --text-1: #e5e7eb;
  --text-2: #cbd5e1;
  --text-3: #94a3b8;
  --tbas:#5b5ba7;
  --fdanger:#c91854;

  --bg-1: #121b2d;
  --bg-2: #0d1320;
  --bg-3: #1a2540;
  --bodybg: #0b1220;

  --stroke: #22314d;
  --stroke-2: #2c4066;

  --ring: rgba(102,102,204,.25);
  --primary-light: #7777dd;

  --accent-cyan: #22d3ee;
  --accent-cyan-light: #67e8f9;
  --accent-pink: #f472b6;
  --accent-amber: #fbbf24;
  --accent-amber-light: #fcd34d;
  --accent-violet: #a78bfa;
  --accent-violet-light: #c4b5fd;
  --accent-blue: #60a5fa;
  --accent-blue-light: #93c5fd;
  --accent-orange: #fb923c;
  --accent-orange-light: #fdba74;

  --prl-bg: #0b1220;
  --prl-text: #e5e7eb;
  --prl-border: #22314d;
  --prl-hover: #121b2d;
  --prl-primary: #7777dd;
  --prl-primary-hover: #6666cc;
  --prl-shadow: rgba(0,0,0,.35);
  --prl-input-bg: #121b2d;
  --prl-card-bg: #121b2d;
  --prl-success: #34d399;
  --prl-warning: #FFC107;
  --prl-danger: #f87171;

  --ftr-bg: var(--bg-1);
  --ftr-text: var(--text-1);
  --ftr-text-2: var(--text-2);
  --ftr-text-3: var(--text-3);
  --ftr-card: var(--bg-3);
  --ftr-card-hover: var(--bg-2);
  --ftr-border: var(--stroke);
  --ftr-input: var(--bg-2);
  --ftr-input-focus: var(--primary);
  --ftr-btn: var(--primary);
  --ftr-btn-text: #fff;
  --ftr-btn-hover: var(--primary-hover);
}

/* ── Reset ─────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:var(--bodybg);
  color:var(--text-1);
  min-height:100vh;
  min-height:100dvh;
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--primary);text-decoration:none;transition:color var(--t);}
a:hover{color:var(--primary-hover);}
a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:none;}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:none;}
img{max-width:100%;height:auto;display:block;}
::selection{background:var(--primary);color:#fff;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:var(--r-pill);}
::-webkit-scrollbar-thumb:hover{background:var(--stroke-2);}

/* ── Skip Link (Erisilebilirlik) ── */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-1);border:1px solid var(--stroke);z-index:99999;font-size:.82rem;font-weight:700;}

/* ── App Container ─────────────────────── */
.app{max-width:var(--maxw);margin:0 auto;padding:14px 12px 24px;}

/* ═══════════════════════════════════════
   PG-TOPBAR PATTERN (EFSANESHOP birebir)
   ═══════════════════════════════════════ */
/* R26: pg-topbar border-radius 16px, ust koseler daha yumusak */
.pg-topbar{background:var(--bg-1);border:1px solid var(--stroke);border-radius:16px;margin-bottom:14px;position:relative;z-index:2;}
/* R27: pg-topbar-hdr border-radius ust 16px, padding 14px 16px */
.pg-topbar-hdr{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--stroke);border-radius:16px 16px 0 0;background:var(--bg-1);overflow:visible}
.pg-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-3);border:2px solid var(--stroke);text-decoration:none;transition:border-color var(--t),background var(--t);overflow:hidden}
.pg-icon:hover{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 18%,var(--bg-2))}
.pg-icon .mi{width:22px;height:22px;color:var(--primary)}
.pg-info{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.pg-info::-webkit-scrollbar{display:none}
.pg-title{font-size:17px;font-weight:700;color:var(--text-1);letter-spacing:-.2px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;white-space:nowrap}
.pg-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:9999px;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.pg-badge.count{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.pg-meta{display:flex;flex-wrap:nowrap;gap:4px 12px;margin-top:3px;font-size:11px;font-weight:600;color:var(--text-3);white-space:nowrap}
.pg-meta span{display:inline-flex;align-items:center;gap:3px}
.pg-meta .mi{width:13px;height:13px}
.pg-hdr-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
[data-tip]{position:relative}
[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--text-1);color:#fff;padding:5px 10px;border-radius:var(--r-md);font-size:11px;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;z-index:9999}
[data-tip]:hover::after{opacity:1;visibility:visible}
[data-tip]::before{content:'';position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--text-1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;z-index:9999}
[data-tip]:hover::before{opacity:1;visibility:visible}
[data-theme="dark"] [data-tip]::after{background:#1e293b}
[data-theme="dark"] [data-tip]::before{border-top-color:#1e293b}

/* PG-STATS */
.pg-stats-wrap{padding:11px 13px;background:var(--bg-1);border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}
.pg-stats-wrap .swiper-slide{width:auto!important}
/* R28: pg-stat min-width 130px, hover'da background degisimi */
.pg-stat{border:1px solid var(--stroke);min-width:130px;border-radius:var(--r-lg);padding:10px 12px;display:flex;align-items:center;gap:9px;min-height:52px;text-decoration:none;transition:border-color var(--t),background var(--t)}
.pg-stat:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--bg-1))}
.pg-stat-ico{width:36px;height:36px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-3);color:var(--primary)}
.pg-stat-ico .mi{width:18px;height:18px}
.pg-stat-ico.success{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}
.pg-stat-ico.danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}
.pg-stat-ico.warning{background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning)}
.pg-stat-text{min-width:0}
.pg-stat-label{font-size:10px;font-weight:700;color:var(--text-3)}
.pg-stat-val{font-size:17px;font-weight:700;color:var(--text-1);letter-spacing:-.3px}
.pg-stat-val.success{color:var(--success)}
.pg-stat-val.danger{color:var(--danger)}
.pg-swiper-wrap{position:relative;overflow:hidden}
.pg-swiper-btn{position:absolute;top:0;bottom:0;width:52px;z-index:10;display:flex;align-items:center;cursor:pointer;transition:opacity .3s,visibility .3s}
.pg-swiper-btn.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.pg-swiper-btn--prev{left:0;justify-content:flex-start;padding-left:2px}
.pg-swiper-btn--next{right:0;justify-content:flex-end;padding-right:2px}
.pg-swiper-btn::before{content:'';position:absolute;top:0;bottom:0;width:52px;z-index:0;pointer-events:none;transition:opacity .3s}
.pg-swiper-btn--prev::before{left:0;background:linear-gradient(to right,var(--bg-1) 0%,transparent 100%)}
.pg-swiper-btn--next::before{right:0;background:linear-gradient(to left,var(--bg-1) 0%,transparent 100%)}
.pg-swiper-btn-circle{position:relative;z-index:2;width:32px;height:32px;border-radius:50%;background:var(--bg-1);display:flex;align-items:center;justify-content:center;transition:background var(--t)}
.pg-swiper-btn:hover .pg-swiper-btn-circle{background:var(--bg-2)}
.pg-swiper-btn-circle .mi{width:18px;height:18px;color:var(--text-2)}

/* PG-SEARCH */
/* R29: pg-search padding arttirildi, ust border daha ince */
.pg-search{padding:12px 14px;border-top:1px solid var(--stroke)}
.pg-search-hdr{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pg-search-hdr-ico{width:30px;height:30px;border-radius:50%;background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pg-search-hdr-ico .mi{width:15px;height:15px;color:var(--primary)}
.pg-search-hdr-text{flex:1;min-width:0}
.pg-search-hdr-title{font-size:12px;font-weight:700;color:var(--text-1)}
.pg-search-hdr-desc{font-size:10px;color:var(--text-3);margin-top:1px}
.pg-search-row{display:flex;align-items:center;gap:8px}
.pg-search-input-wrap{position:relative;flex:1}
.pg-search-input{width:100%;height:36px;padding:0 34px 0 38px;border:1px solid var(--stroke);border-radius:var(--r-pill);font-size:13px;color:var(--text-1);background:var(--bg-2);outline:none;transition:border-color var(--t),background var(--t)}
.pg-search-input:focus{border-color:var(--primary);background:var(--bg-1)}
.pg-search-input::placeholder{color:var(--text-3)}
.pg-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}
.pg-search-ico .mi{width:17px;height:17px}
.pg-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;background:none;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--text-3);border-radius:50%;transition:background var(--t);padding:0}
.pg-search-clear:hover{background:var(--bg-3)}
.pg-search-clear.show{display:flex}
/* R30: arama butonu hover'da opacity yerine koyu renk */
.pg-search-btn{height:36px;padding:0 16px;border:none;border-radius:var(--r-pill);background:var(--primary);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background var(--t);flex-shrink:0}
.pg-search-btn:hover{background:var(--primary-hover)}
.pg-search-btn .mi{width:16px;height:16px}
.pg-search-filter-row{display:flex;gap:8px;padding-bottom:10px;flex-wrap:wrap;margin-top:10px}
/* R31: filtre select hover ve focus iyilestirmesi */
.pg-search-filter-sel{flex:1;min-width:100px;padding:7px 10px;border:1px solid var(--stroke);border-radius:var(--r-pill);background:var(--bg-1);color:var(--text-1);font-size:11px;font-weight:700;cursor:pointer;transition:border-color var(--t),background var(--t)}
.pg-search-filter-sel:hover{border-color:var(--stroke-2);background:var(--bg-3)}
.pg-search-filter-sel:focus{border-color:var(--primary);outline:none;background:var(--bg-1)}
.pg-search-count{font-size:10px;color:var(--text-3);margin-top:6px;display:none;font-weight:600}
.pg-search-count.show{display:block}

/* PG-PAGINATION */
.pg-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:16px 0;flex-wrap:wrap}
.pg-pagination a,.pg-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;text-decoration:none;transition:background var(--t),color var(--t),border-color var(--t);border:1px solid var(--stroke);background:var(--bg-1);color:var(--text-2)}
.pg-pagination a:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--bg-1))}
.pg-pagination .active{background:var(--primary);color:#fff;border-color:var(--primary);pointer-events:none}
.pg-pagination .disabled{opacity:.35;pointer-events:none}
.pg-pagination .dots{border:none;background:none;color:var(--text-3);min-width:auto;padding:0 4px}

/* ── Topbar ────────────────────────────── */
/* RÖTUS 1: topbar padding arttirildi, border-radius r-lg'den 16px'e */
.topbar{
  background:var(--bg-1);
  border:1px solid var(--stroke);
  border-radius:16px;
  padding:14px 18px;
  margin-bottom:12px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.topbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:10px;}
/* RÖTUS 2: brand-logo border-radius r-md'den 12px'e, boyut 44px */
.brand-logo{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  font-weight:900;font-size:16px;letter-spacing:-.5px;
  background:var(--primary);color:#fff;
}
/* RÖTUS 3: brand-title font-size 16px, letter-spacing iyilestirildi */
.brand-title{font-weight:800;font-size:16px;letter-spacing:-.2px;color:var(--text-1);}
.brand-sub{color:var(--text-3);font-size:.78rem;margin-top:2px;letter-spacing:.01em;}
.top-pills{display:flex;gap:6px;flex-wrap:wrap;}
.topbar-right{display:flex;gap:6px;align-items:center;}

/* ── Pill ──────────────────────────────── */
/* RÖTUS 4: pill padding, font-size, border-radius ince ayar */
.pill{
  display:inline-flex;align-items:center;gap:.35rem;
  background:var(--bg-3);
  border:1px solid var(--stroke);
  padding:5px 11px;border-radius:var(--r-pill);
  font-size:.78rem;font-weight:700;color:var(--text-2);
  transition:border-color var(--t);
}
.pill:hover{border-color:var(--stroke-2);}
.pill .mi{width:14px;height:14px;}

/* ── Icon Button ───────────────────────── */
/* RÖTUS 5: iconbtn boyut 40px, active state iyilestirildi */
.iconbtn,.icon-btn{
  width:40px;height:40px;border-radius:var(--r-pill);
  border:1px solid var(--stroke);
  background:var(--bg-1);color:var(--text-2);
  display:grid;place-items:center;cursor:pointer;
  transition:background var(--t),color var(--t),border-color var(--t);
  user-select:none;-webkit-tap-highlight-color:transparent;
  text-decoration:none;flex-shrink:0;
}
.iconbtn:hover,.icon-btn:hover{background:var(--bg-3);color:var(--primary);border-color:var(--primary);}
/* RÖTUS 6: active state renk belirginligi arttirildi */
.iconbtn:active,.icon-btn:active{background:color-mix(in srgb,var(--primary) 12%,var(--bg-1));border-color:var(--primary);}
.iconbtn.sm,.icon-btn.sm{width:34px;height:34px;}
.iconbtn .mi,.icon-btn .mi{width:19px;height:19px;}

/* ── Button ────────────────────────────── */
/* RÖTUS 7: btn padding ince ayar, gap, font-size tutarliligi */
.btn{
  border:1px solid var(--stroke);
  background:var(--bg-1);color:var(--text-1);
  padding:7px 14px;border-radius:var(--r-pill);
  font-size:.82rem;font-weight:700;text-decoration:none;
  display:inline-flex;align-items:center;gap:.4rem;
  cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t);
  user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;
}
/* RÖTUS 8: btn hover border primary ile tutarli */
.btn:hover{background:var(--bg-3);border-color:var(--primary);color:var(--primary);}
.btn:active{background:color-mix(in srgb,var(--primary) 8%,var(--bg-1));}
.btn .mi{width:16px;height:16px;}
.btn.primary,.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;}
.btn.primary:hover,.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;}
.btn.ghost{background:transparent;border-color:transparent;color:var(--text-3);}
.btn.ghost:hover{background:var(--bg-3);border-color:var(--stroke);color:var(--text-1);}
/* RÖTUS 9: danger btn hover - opacity yerine renk degisimi */
.btn.danger,.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;}
.btn.danger:hover,.btn-danger:hover{background:#dc2626;border-color:#dc2626;color:#fff;}
/* RÖTUS 10: btn-icon boyut 38px */
.btn-icon{width:38px;height:38px;border-radius:var(--r-pill);padding:0;justify-content:center;line-height:1;}
.btn-sm{padding:5px 10px;font-size:.76rem;}

/* ── Toolbar ───────────────────────────── */
/* RÖTUS 11: toolbar padding ve border-radius tutarliligi */
.toolbar{
  background:var(--bg-1);border:1px solid var(--stroke);
  border-radius:var(--r-lg);padding:12px 14px;margin-bottom:12px;
}
.toolbar-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.toolbar-row.subrow{margin-top:8px;padding-top:8px;border-top:1px solid var(--stroke);}

/* RÖTUS 12: searchbox hover efekti, yukseklik tutarliligi */
.searchbox{
  flex:1 1 340px;display:flex;align-items:center;gap:8px;
  border:1px solid var(--stroke);border-radius:var(--r-pill);
  padding:7px 12px;background:var(--bg-2);transition:border-color var(--t),background var(--t);
}
.searchbox:focus-within{border-color:var(--primary);background:var(--bg-1);}
.search-ico{color:var(--text-3);}
.search-ico .mi{width:18px;height:18px;}
.search-input{width:100%;border:0;outline:none;background:transparent;color:var(--text-1);font-size:.88rem;font-weight:600;}
.search-input::placeholder{color:var(--text-3);}

/* RÖTUS 13: select/filter hover border-color degisimi */
.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.select,.chip-select{
  border:1px solid var(--stroke);background:var(--bg-1);
  color:var(--text-1);border-radius:var(--r-pill);
  padding:7px 11px;font-weight:700;font-size:.78rem;cursor:pointer;
  transition:border-color var(--t),background var(--t);
}
.select:hover,.chip-select:hover{border-color:var(--stroke-2);background:var(--bg-3);}
.select:focus,.chip-select:focus{border-color:var(--primary);outline:none;}

/* RÖTUS 14: hintline daha ince, muted */
.hintline{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:.76rem;letter-spacing:.01em;}
.hintline .mi{width:14px;height:14px;color:var(--primary);}
.toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;}

/* ── Content ───────────────────────────── */
.content{min-height:320px;}
/* RÖTUS 15: card padding arttirildi, hover efekti iyilestirildi */
.card,.news-card{
  background:var(--bg-1);
  border:1px solid var(--stroke);
  border-radius:var(--r-lg);
  padding:16px;margin-bottom:10px;
  position:relative;transition:border-color var(--t),background var(--t);
}
.card:hover,.news-card:hover{border-color:var(--primary);cursor:pointer;background:color-mix(in srgb, var(--primary) 4%, var(--bg-1));}

.card-link{display:block;text-decoration:none;color:inherit;height:100%;}
.card-body{display:flex;flex-direction:column;gap:5px;}

.newsCard.is-highlighted,.news-card.is-highlighted{
  background:color-mix(in srgb, var(--primary) 6%, var(--bg-1));
  border-color:color-mix(in srgb, var(--primary) 40%, var(--stroke));
}
/* R32: pinned card sol border 3px'den 4px'e, hafif bg tonu */
.newsCard.is-pinned,.news-card.is-pinned{
  border-left:4px solid var(--warning);
  background:color-mix(in srgb, var(--warning) 3%, var(--bg-1));
}

/* ── Card Elements ─────────────────────── */
/* RÖTUS 16: badge/meta gap, padding, font-size ince ayar */
.hdr,.card-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:8px;}
.b,.b2,.badge,.meta-source,.meta-time,.meta-item{
  display:inline-flex;align-items:center;gap:.25rem;
  padding:3px 9px;border-radius:var(--r-pill);
  font-size:.74rem;font-weight:700;
  border:1px solid var(--stroke);background:var(--bg-3);color:var(--text-2);
  transition:border-color var(--t);
}
.b .mi,.b2 .mi,.badge .mi,.meta-source .mi,.meta-time .mi,.meta-item .mi{width:13px;height:13px;}
.b,.badge-cat{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-1));color:var(--primary);}
.badge-pin{border-color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--bg-1));color:var(--warning);}
.badge-danger{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--bg-1));color:var(--danger);}
.badge-ok{border-color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--bg-1));color:var(--success);}
.badge-warn{border-color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--bg-1));color:var(--warning);}

/* Konum badge - belirgin, ozel stil */
.location-badge{
  border-color:var(--accent-cyan) !important;
  background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-1)) !important;
  color:var(--accent-cyan) !important;
  font-weight:800 !important;
}
.location-badge .mi{color:var(--accent-cyan) !important;}

/* RÖTUS 17: card-title letter-spacing, line-height iyilestirildi */
.h1,.card-title{font-size:1rem;font-weight:800;line-height:1.35;margin:0 0 5px 0;color:var(--text-1);letter-spacing:-.15px;}
.h1 a{text-decoration:none;color:inherit;transition:color var(--t);}
.h1 a:hover{color:var(--primary);}
/* RÖTUS 18: card-snippet font-size, line-height, clamp tutarliligi */
.txt,.card-snippet{font-size:.86rem;line-height:1.55;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ═══ NEWS EXPAND ACCORDION ═══ */
.news-expand{position:relative;}
.news-expand-preview{font-size:.86rem;line-height:1.6;color:var(--text-2);}

/* Body: AJAX ile yuklenen icerik */
.news-expand-body{
  display:none;
  margin-top:12px;padding:16px;
  background:var(--bg-2);border:1px solid var(--stroke);
  border-radius:var(--r-md);
  font-size:.9rem;line-height:1.85;color:var(--text-1);
  max-height:500px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;
  animation:neSlideDown .3s ease;
}
.news-expand-body::-webkit-scrollbar{width:4px;}
.news-expand-body::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:var(--r-pill);}
@keyframes neSlideDown{from{opacity:0;max-height:0;padding:0 16px;}to{opacity:1;max-height:500px;padding:16px;}}

/* Loading skeleton icinde */
.news-expand-loading{
  display:flex;flex-direction:column;gap:8px;padding:4px 0;
}
.news-expand-loading .ne-skel{
  height:12px;border-radius:4px;background:var(--bg-3);
  animation:nePulse 1.2s ease-in-out infinite;
}
.news-expand-loading .ne-skel:nth-child(1){width:100%;}
.news-expand-loading .ne-skel:nth-child(2){width:92%;}
.news-expand-loading .ne-skel:nth-child(3){width:85%;}
.news-expand-loading .ne-skel:nth-child(4){width:70%;}
@keyframes nePulse{0%,100%{opacity:.6;}50%{opacity:.25;}}

/* Acik durum */
.news-expand[data-open="1"] .news-expand-body{display:block;}
.news-expand[data-open="1"] .ne-chevron{transform:rotate(90deg);}
.news-expand[data-open="1"] .news-expand-btn{
  background:var(--primary);color:#fff;border-color:var(--primary);
}
.news-expand[data-open="1"] .news-expand-btn:hover{
  background:var(--primary-hover);border-color:var(--primary-hover);
}

/* Buton */
.news-expand-btn{
  display:inline-flex;align-items:center;gap:5px;
  margin-top:10px;padding:7px 16px;
  border:1px solid var(--stroke);border-radius:var(--r-pill);
  background:var(--bg-1);color:var(--text-1);
  font-size:.78rem;font-weight:700;cursor:pointer;
  transition:background var(--t),color var(--t),border-color var(--t);
}
.news-expand-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--bg-1));}
.news-expand-btn .mi{width:14px;height:14px;}
.ne-chevron{transition:transform .25s cubic-bezier(.2,.8,.2,1);}

/* R33: tags margin-top 10px, gap 5px */
.tags,.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;}
.tag{
  background:var(--bg-3);border:1px solid var(--stroke);
  padding:4px 10px;border-radius:var(--r-pill);
  font-size:.78rem;font-weight:700;color:var(--text-3);
  text-decoration:none;transition:var(--t);
}
.tag:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--bg-1));}

/* RÖTUS 19: card-actions gap, btn-icon boyut/radius, hover renk tutarliligi */
.card-actions{position:absolute;top:12px;right:12px;display:flex;gap:3px;align-items:center;}
.card-actions .btn-icon{width:34px;height:34px;border-radius:var(--r-pill);background:var(--bg-1);border:1px solid var(--stroke);color:var(--text-3);transition:background var(--t),color var(--t),border-color var(--t);display:inline-flex;align-items:center;justify-content:center;}
.card-actions .btn-icon .mi{width:16px;height:16px;}
.card-actions .btn-icon:hover{background:var(--bg-3);color:var(--primary);border-color:var(--primary);}
.card-actions .btn-icon:active{background:color-mix(in srgb,var(--primary) 12%,var(--bg-1));}
.card-actions .pill{padding:3px 9px;font-size:.72rem;border:1px solid var(--stroke);background:var(--bg-3);}
/* RÖTUS 20: liked state daha belirgin */
.like-btn.is-liked,.like-btn.is-liked:hover{background:color-mix(in srgb, var(--danger) 12%, var(--bg-1)) !important;border-color:var(--danger) !important;color:var(--danger) !important;}

/* R34: card-footer margin-top 8px, padding-top 8px, ust border */
.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--stroke);}
.card-stats{display:flex;gap:10px;}
/* R35: meta-stat font-size .76rem, gap 2px */
.meta-stat,.meta-stats{display:inline-flex;align-items:center;gap:2px;font-size:.76rem;color:var(--text-3);}
.meta-stat .mi,.meta-stats .mi{width:13px;height:13px;}

/* ── Pagination ────────────────────────── */
#pagination-container,.pagination{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 0;}
.page-link,.page-btn{
  text-decoration:none;padding:8px 14px;border-radius:var(--r-pill);
  background:var(--bg-1);color:var(--text-1);
  font-weight:800;font-size:.82rem;border:1px solid var(--stroke);
  transition:var(--t);cursor:pointer;
}
.page-link:hover,.page-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--bg-1));}
.page-link.active,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.page-link.disabled,.page-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;}

/* ── Footer (inline) ──────────────────── */
/* RÖTUS 22: footer padding, border-top, spacing iyilestirildi */
.footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-3);}
.mini{font-size:.78rem;letter-spacing:.01em;}

/* ── Loading ───────────────────────────── */
/* RÖTUS 21: loading overlay daha seffaf, card daha belirgin */
#loading-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bodybg) 80%,transparent);z-index:9999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.loading-card{background:var(--bg-1);border:1px solid var(--stroke);border-radius:var(--r-lg);padding:16px 20px;display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:700;color:var(--text-2);}
.spinner{width:18px;height:18px;border-radius:50%;border:3px solid var(--stroke);border-top-color:var(--primary);animation:sp .8s linear infinite;}
@keyframes sp{to{transform:rotate(360deg);}}

/* ── Toast ─────────────────────────────── */
/* RÖTUS 25: toast daha belirgin, primary border, ince font */
.toast{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:99999;
  background:var(--bg-1);border:1px solid var(--primary);
  border-radius:var(--r-pill);padding:9px 16px;
  color:var(--text-1);font-weight:700;font-size:.82rem;
  display:flex;align-items:center;gap:.4rem;
  max-width:min(92vw,500px);
  animation:toastIn .25s cubic-bezier(.2,.8,.2,1);
}
.toast .mi{width:16px;height:16px;color:var(--primary);}
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(8px);}}

/* ── Modal / Overlay ───────────────────── */
/* R36: modal overlay daha koyu, blur efekti */
.overlay,.modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);
  display:none;align-items:center;justify-content:center;
  padding:16px;z-index:9998;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
.overlay.show,.modal-overlay.show{display:flex;}
/* R37: modal border-radius 18px, max-width 660px */
.modal{
  width:min(660px,100%);max-height:90vh;
  background:var(--bg-1);border:1px solid var(--stroke);
  border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;
}
.m-head,.modal-head{padding:14px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;}
/* RÖTUS 23: modal title ve subtitle tutarliligi */
.m-title,.modal-title{font-size:.95rem;font-weight:800;color:var(--text-1);letter-spacing:-.15px;}
.m-sub{color:var(--text-3);font-size:.76rem;margin-top:3px;}
.m-body,.modal-body{padding:14px;display:grid;gap:10px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.m-actions,.modal-foot{padding:12px 14px;border-top:1px solid var(--stroke);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;}

/* ── Form ──────────────────────────────── */
.field{display:grid;gap:5px;}
.field label,.field-label{color:var(--text-2);font-size:.86rem;font-weight:700;}
/* R38: form input border 1.5px, focus'ta ring efekti, bg-2 arkaplan */
.field input,.field textarea,.field select,.field-input{
  width:100%;border:1.5px solid var(--stroke);
  background:var(--bg-2);color:var(--text-1);
  border-radius:var(--r-md);padding:.7rem .85rem;
  font:inherit;outline:none;transition:border-color var(--t),background var(--t);
}
.field input:focus,.field textarea:focus,.field-input:focus{border-color:var(--primary);background:var(--bg-1);box-shadow:0 0 0 3px var(--ring);}
.field input::placeholder,.field-input::placeholder{color:var(--text-3);}
.field textarea,textarea.field-input{min-height:110px;resize:vertical;}
/* RÖTUS 24: field hint daha kucuk ve italic */
.note,.field-hint{color:var(--text-3);font-size:.72rem;font-style:italic;}
.row2,.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

/* ── Switch ────────────────────────────── */
.switchrow,.toggle-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.switch{position:relative;display:inline-block;width:44px;height:26px;}
.switch input{opacity:0;width:0;height:0;}
.slider{
  position:absolute;cursor:pointer;inset:0;
  background:var(--bg-2);border:1px solid var(--stroke);
  border-radius:var(--r-pill);transition:var(--t);
}
.slider:before{
  content:"";position:absolute;height:20px;width:20px;
  left:2px;top:50%;transform:translateY(-50%);
  background:var(--white);border-radius:50%;transition:var(--t);
}
/* R39: switch checked state primary renk, label font-size .82rem */
.switch input:checked+.slider{background:var(--primary);border-color:var(--primary);}
.switch input:checked+.slider:before{transform:translate(18px,-50%);}
.switchlabel,.toggle-label{color:var(--text-1);font-weight:700;font-size:.82rem;}

/* ── Site Footer ───────────────────────── */
.site-footer{max-width:var(--maxw);margin:14px auto 0;padding:0 12px 24px;}
.footer-inner{
  background:var(--ftr-bg);border:1px solid var(--ftr-border);
  border-radius:var(--r-lg);padding:24px;color:var(--ftr-text);
}
.footer-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:16px;}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;}}
.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.footer-logo .brand-logo{background:var(--ftr-btn);color:var(--ftr-btn-text);}
.footer-about{font-size:.82rem;color:var(--ftr-text-2);line-height:1.6;margin-bottom:10px;}
.footer-social{display:flex;gap:6px;}
.footer-social .iconbtn{background:var(--ftr-card);border-color:var(--ftr-border);color:var(--ftr-text);}
.footer-social .iconbtn:hover{background:var(--ftr-card-hover);}
.footer-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ftr-text-2);margin-bottom:10px;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:4px;}
.footer-links a{font-size:.82rem;color:var(--ftr-text-2);text-decoration:none;transition:color var(--t);}
.footer-links a:hover{color:var(--ftr-text);}
.footer-newsletter{display:flex;gap:8px;}
.footer-newsletter input{
  flex:1;padding:8px 12px;border-radius:var(--r-pill);
  border:1px solid var(--ftr-border);background:var(--ftr-input);
  color:var(--ftr-text);font:inherit;outline:none;
}
.footer-newsletter input:focus{border-color:var(--ftr-input-focus);}
.footer-newsletter input::placeholder{color:var(--ftr-text-3);}
.footer-newsletter button{
  background:var(--ftr-btn);color:var(--ftr-btn-text);
  border:none;border-radius:var(--r-pill);padding:8px 16px;
  font-weight:800;font-size:.82rem;cursor:pointer;transition:var(--t);
}
.footer-newsletter button:hover{background:var(--ftr-btn-hover);}
.footer-bottom{
  border-top:1px solid var(--ftr-border);padding-top:14px;
  display:flex;align-items:center;justify-content:space-between;
  font-size:.78rem;color:var(--ftr-text-3);flex-wrap:wrap;gap:8px;
}

/* ── Category Nav ──────────────────────── */
.site-header{position:sticky;top:0;z-index:100;padding:10px 12px 0;max-width:var(--maxw);margin:0 auto;}
.header-inner{
  background:var(--bg-1);border:1px solid var(--stroke);
  border-radius:var(--r-lg);padding:10px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.header-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.header-right{display:flex;gap:6px;align-items:center;}
.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-1);}
.logo-mark{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;font-weight:900;font-size:15px;background:var(--primary);color:#fff;}
.logo-text{font-weight:900;letter-spacing:.2px;color:var(--text-1);}
.logo-sub{color:var(--text-3);font-size:.82rem;margin-top:1px;}

.header-search{
  flex:1 1 280px;display:flex;align-items:center;gap:8px;
  border:1px solid var(--stroke);border-radius:var(--r-pill);
  padding:7px 12px;background:var(--bg-3);transition:border-color var(--t);
}
.header-search:focus-within{border-color:var(--primary);}
.header-search .search-icon{color:var(--text-3);font-size:20px;flex-shrink:0;}
.header-search input{flex:1;border:none;background:none;outline:none;color:var(--text-1);font-size:.88rem;min-width:0;}
.header-search input::placeholder{color:var(--text-3);}
.search-kbd{background:var(--bg-2);border:1px solid var(--stroke);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;color:var(--text-3);flex-shrink:0;}

.site-nav{max-width:var(--maxw);margin:8px auto 10px;padding:0 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.site-nav::-webkit-scrollbar{display:none;}
.nav-inner{display:flex;gap:5px;padding:2px 0;white-space:nowrap;}
.nav-item{
  display:inline-flex;align-items:center;gap:4px;
  padding:6px 12px;border-radius:var(--r-pill);
  border:1px solid var(--stroke);background:var(--bg-1);
  font-size:.82rem;font-weight:700;color:var(--text-2);
  text-decoration:none;transition:var(--t);flex-shrink:0;
  -webkit-tap-highlight-color:transparent;
}
.nav-item:hover{background:var(--bg-3);color:var(--primary);border-color:var(--primary);}
.nav-item.active{background:var(--primary);border-color:var(--primary);color:#fff;}
.nav-item .mi{width:16px;height:16px;}

/* ── Mobile ────────────────────────────── */
.mobile-only{display:none;}
@media(max-width:768px){.mobile-only{display:inline-grid;}}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;opacity:0;pointer-events:none;transition:opacity .2s ease;}
.mobile-menu-overlay.show{opacity:1;pointer-events:auto;}
.mobile-menu{
  position:fixed;top:0;left:0;bottom:0;width:280px;
  background:var(--bg-1);border-right:1px solid var(--stroke);
  z-index:201;transform:translateX(-100%);
  transition:transform .25s cubic-bezier(.32,.72,0,1);
  display:flex;flex-direction:column;overflow-y:auto;
}
.mobile-menu.open{transform:translateX(0);}
.mobile-menu-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--stroke);}
.mobile-menu-head .icon-btn,.mobile-menu-head .iconbtn{margin-left:auto;}
.mobile-menu-body{padding:8px;flex:1;overflow-y:auto;}
.mobile-menu-item{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  border-radius:var(--r-md);font-size:14px;font-weight:600;
  color:var(--text-1);text-decoration:none;transition:background var(--t);
}
.mobile-menu-item:hover{background:var(--bg-3);}
.mobile-menu-item .mi{width:20px;height:20px;color:var(--text-3);}

.site-main{max-width:var(--maxw);margin:0 auto;padding:0 12px;min-height:320px;}

/* ── Skeleton ──────────────────────────── */
/* R45: skeleton animasyon suresi 1.8s, bg-3 daha belirgin */
.skeleton{background:var(--bg-3);border-radius:var(--r-sm);animation:pulse 1.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.skeleton-card{padding:14px;border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--stroke);margin-bottom:10px;}
.skeleton-line{height:14px;margin-bottom:10px;border-radius:4px;}
.skeleton-line.w80{width:80%;}.skeleton-line.w60{width:60%;}.skeleton-line.w40{width:40%;}

/* ── Empty State ───────────────────────── */
/* R44: empty-state padding 56px, ikon rengi primary, b font-size buyuk */
.empty-state{text-align:center;padding:56px 20px;color:var(--text-3);}
.empty-state .mi{width:52px;height:52px;display:block;margin:0 auto 14px;color:var(--primary);opacity:.5;}
.empty-state b{display:block;color:var(--text-1);font-size:1.05rem;margin-bottom:6px;}
.empty-state p{font-size:.86rem;max-width:360px;margin:0 auto;line-height:1.5;}
.empty-state a{color:var(--primary);font-weight:700;}

/* ── Article ───────────────────────────── */
.page-article{padding-top:10px;}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-3);margin-bottom:14px;flex-wrap:wrap;}
.breadcrumb a{color:var(--text-2);text-decoration:none;}
.breadcrumb a:hover{color:var(--primary);}
.breadcrumb .sep{opacity:.5;}
.article{max-width:720px;}
.article-header{margin-bottom:20px;}
.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
/* R40: article-title font-size 1.6rem, letter-spacing -.4px */
.article-title{font-size:1.6rem;font-weight:900;line-height:1.22;letter-spacing:-.4px;margin-bottom:14px;color:var(--text-1);}
.article-info{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--stroke);color:var(--text-3);font-size:.82rem;}
.article-info span{display:inline-flex;align-items:center;gap:4px;}
.article-info .mi{width:15px;height:15px;}
.source-link{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;
  border:1px solid var(--stroke);border-radius:var(--r-pill);
  font-size:.82rem;font-weight:700;color:var(--text-1);
  text-decoration:none;transition:var(--t);margin-bottom:18px;background:var(--bg-1);
}
.source-link:hover{border-color:var(--primary);color:var(--primary);}
.source-link .mi{width:16px;height:16px;}
/* R41: article-body font-size 1rem, line-height 1.9, paragraf margin 16px */
.article-body{padding:20px 0;font-size:1rem;line-height:1.9;color:var(--text-1);}
.article-body p{margin-bottom:16px;}
.article-body p:last-child{margin-bottom:0;}
.article-tags{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;border-top:1px solid var(--stroke);}
.article-actions{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--stroke);flex-wrap:wrap;}
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--stroke);}
/* R42: nav-link padding 14px, hover'da bg degisimi */
.nav-link{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--stroke);border-radius:var(--r-lg);text-decoration:none;color:var(--text-1);transition:border-color var(--t),background var(--t);background:var(--bg-1);}
.nav-link:hover{border-color:var(--primary);color:var(--text-1);background:color-mix(in srgb,var(--primary) 3%,var(--bg-1));}
.nav-link.next{text-align:right;}
.nav-link-label{font-size:.74rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;}
.nav-link.next .nav-link-label{justify-content:flex-end;}
.nav-link-label .mi{width:14px;height:14px;}
.nav-link-title{font-size:.86rem;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.related-section{padding:18px 0;}

/* ── Scroll Top ────────────────────────── */
/* R43: scroll-top 40px, hover'da bg degisimi */
.scroll-top{
  position:fixed;bottom:20px;right:20px;
  width:40px;height:40px;border-radius:var(--r-pill);
  background:var(--bg-1);border:1px solid var(--stroke);
  display:grid;place-items:center;color:var(--text-2);z-index:50;
  opacity:0;pointer-events:none;transition:opacity var(--t),color var(--t),border-color var(--t),background var(--t);cursor:pointer;
}
.scroll-top .mi{width:18px;height:18px;}
.scroll-top.show{opacity:1;pointer-events:auto;}
.scroll-top:hover{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--bg-1));}

/* ── Responsive ────────────────────────── */
/* ── Responsive: Tablet ── */
@media(max-width:900px){
  .filters{gap:6px;}
  .select,.chip-select{padding:7px 10px;font-size:.78rem;}
}

/* ── Responsive: Mobil ── */
@media(max-width:720px){
  .app{padding:10px 8px 20px;}
  .row2,.field-row{grid-template-columns:1fr;}
  .card-actions{position:static;margin-top:8px;justify-content:flex-start;flex-wrap:wrap;gap:4px;}
  .card-actions .btn-icon{width:36px;height:36px;border-radius:var(--r-pill);}
  .h1,.card-title{font-size:.96rem;}
  .txt,.card-snippet{font-size:.86rem;}
  .article-title{font-size:1.2rem;}
  .article-body{font-size:.9rem;line-height:1.75;}
  .article-nav{grid-template-columns:1fr;}
  .logo-text{display:none;}
  .search-kbd{display:none;}
  .topbar{padding:10px 12px;gap:8px;}
  .topbar-left{gap:10px;}
  .top-pills{gap:4px;}
  .pill{padding:5px 10px;font-size:.76rem;}
  .toolbar{padding:8px 10px;}
  .toolbar-row{gap:6px;}
  .toolbar-row.subrow{margin-top:6px;}
  .searchbox{flex:1 1 100%;padding:7px 10px;}
  .filters{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;}
  .filters::-webkit-scrollbar{display:none;}
  .hintline{display:none;}
  .iconbtn,.icon-btn{width:38px;height:38px;}
  .iconbtn .mi,.icon-btn .mi{width:18px;height:18px;}
  .btn{padding:7px 12px;font-size:.8rem;}
  .btn .mi{width:16px;height:16px;}
  .m-body,.modal-body{padding:12px;}
  .modal{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:95vh;}
}

/* ── Responsive: Kucuk Mobil ── */
@media(max-width:480px){
  .app{padding:8px 6px 16px;}
  .topbar{padding:8px 10px;border-radius:var(--r-md);}
  .toolbar{border-radius:var(--r-md);}
  .card,.news-card{padding:12px;border-radius:var(--r-md);}
  .h1,.card-title{font-size:.9rem;}
  .breadcrumb{display:none;}
  .brand-logo{width:36px;height:36px;font-size:13px;border-radius:var(--r-sm);}
  .brand-title{font-size:13px;}
  .brand-sub{font-size:.74rem;}
}

/* ── Touch Device ── */
@media(hover:none){
  .card-actions{opacity:1 !important;}
}

/* ═══════════════════════════════════════════
   FOOTER - EFSANESHOP'tan BIREBIR kopyalandi
   ═══════════════════════════════════════════ */
.ftr-separator{position:relative;width:100%;line-height:0;font-size:0;overflow:hidden;margin:0 0 -1px;padding:0;z-index:1;}
.ftr-separator svg{display:block;width:100%;height:48px;fill:var(--ftr-bg);vertical-align:bottom;}
@media (max-width:768px){.ftr-separator svg{height:32px;}}
.ftr-footer{width:100%;background:var(--ftr-bg);padding:24px 0 0;margin:0;box-sizing:border-box;color:var(--ftr-text);}
.ftr-footer a{color:var(--ftr-text-2);text-decoration:none;transition:color var(--t);}
.ftr-footer a:hover{color:var(--ftr-text);}
.ftr-footer .mi{width:18px;height:18px;fill:currentColor;vertical-align:middle;flex-shrink:0;}
@keyframes ftrOrbA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,12px) scale(1.12);}}
@keyframes ftrOrbB{0%,100%{transform:translate(0,0);}50%{transform:translate(-20px,-10px) scale(1.08);}}
@keyframes ftrShimmer{0%{left:-60%;}100%{left:160%;}}
.ftr-nl-wrap{max-width:1000px;margin:0 auto 24px;padding:0 16px;}
.ftr-nl-section{position:relative;background:var(--ftr-card);border-radius:var(--r-lg);overflow:hidden;}
.ftr-nl-orb{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;opacity:.25;}
.ftr-nl-orb:nth-child(1){width:180px;height:180px;top:-30px;left:-10px;background:var(--ftr-card-hover);animation:ftrOrbA 10s ease-in-out infinite;}
.ftr-nl-orb:nth-child(2){width:140px;height:140px;bottom:-25px;right:8%;background:var(--ftr-border);animation:ftrOrbB 12s ease-in-out infinite;}
.ftr-nl-center{position:relative;z-index:2;padding:36px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;}
.ftr-nl-eyebrow{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:var(--ftr-input);border:1px solid var(--ftr-border);border-radius:var(--r-pill);font-size:10px;font-weight:700;color:var(--ftr-text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;width:fit-content;}
.ftr-nl-eyebrow .mi{font-size:14px;}
.ftr-nl-title{font-size:28px;font-weight:700;line-height:1.12;color:var(--ftr-text);margin-bottom:6px;}
.ftr-nl-title span{color:var(--primary);}
.ftr-nl-desc{font-size:13px;color:var(--ftr-text-3);margin-bottom:18px;max-width:460px;line-height:1.6;}
.ftr-nl-tabs{display:flex;gap:6px;margin-bottom:12px;}
.ftr-nl-tab{display:inline-flex;align-items:center;gap:4px;padding:7px 18px;border:1.5px solid var(--ftr-border);border-radius:var(--r-pill);background:var(--ftr-input);font-size:12px;font-weight:600;color:var(--ftr-text-2);cursor:pointer;transition:all var(--t);}
.ftr-nl-tab:hover{border-color:var(--ftr-text-3);color:var(--ftr-text);background:var(--ftr-card-hover);}
.ftr-nl-tab .mi{font-size:14px;}
.ftr-nl-tab.active{border-color:var(--ftr-btn);color:var(--ftr-btn-text);background:var(--ftr-btn);}
.ftr-nl-input-wrap{display:flex;align-items:stretch;gap:0;background:var(--ftr-input);border:2px solid transparent;border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t),box-shadow var(--t);margin-bottom:12px;width:100%;max-width:480px;}
.ftr-nl-input-wrap:focus-within{border-color:var(--ftr-input-focus);box-shadow:0 0 0 3px var(--ftr-border);}
.ftr-nl-input-icon{display:flex;align-items:center;justify-content:center;padding:0 14px;color:var(--ftr-text-3);}
.ftr-nl-input-icon .mi{font-size:18px;}
.ftr-nl-input{flex:1;border:none;background:transparent;padding:12px 8px 12px 0;font-size:13px;color:var(--ftr-text);outline:none;min-width:0;}
.ftr-nl-input::placeholder{color:var(--ftr-text-3);}
.ftr-nl-btn{padding:12px 22px;border:none;background:var(--ftr-btn);color:var(--ftr-btn-text);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background var(--t),opacity var(--t);position:relative;overflow:hidden;white-space:nowrap;}
.ftr-nl-btn .mi{font-size:16px;}
.ftr-nl-btn::before{content:'';position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--ftr-btn-hover),transparent);animation:ftrShimmer 3s ease infinite;}
.ftr-nl-btn:hover{background:var(--ftr-btn-hover);}
.ftr-nl-btn:disabled{opacity:.6;cursor:not-allowed;}
.ftr-nl-privacy{font-size:9px;color:var(--ftr-text-3);display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.4;}
.ftr-nl-privacy .mi{font-size:11px;flex-shrink:0;margin-top:1px;}
.ftr-nl-privacy a{color:var(--ftr-text);text-decoration:none;}
.ftr-nl-privacy a:hover{text-decoration:underline;}
.ftr-company-details{display:flex;flex-direction:column;gap:0;margin:12px 0 6px;}
.ftr-company-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--ftr-border);}
.ftr-company-row:last-child{border-bottom:none;}
.ftr-company-row>.mi{font-size:15px;color:var(--ftr-text-2);flex-shrink:0;margin-top:2px;opacity:.7;}
.ftr-company-row>div{display:flex;flex-direction:column;min-width:0;}
.ftr-company-label{font-size:9px;font-weight:700;color:var(--ftr-text-3);text-transform:uppercase;letter-spacing:.04em;line-height:1;margin-bottom:2px;}
.ftr-company-value{font-size:11.5px;font-weight:600;color:var(--ftr-text-2);line-height:1.4;word-break:break-word;}
.ftr-company-value a{color:var(--ftr-text);text-decoration:none;}
.ftr-company-value a:hover{text-decoration:underline;}
.ftr-contact-form{max-width:1000px;margin:0 auto 24px;padding:0 16px;}
.ftr-form{display:flex;position:relative;gap:1rem;flex-wrap:wrap;align-items:stretch;background:var(--ftr-card);padding:28px;border-radius:var(--r-lg);}
.ftr-form-left{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.75rem;}
.ftr-form-center{flex:2;display:flex;flex-direction:column;gap:.75rem;}
.ftr-form-input{padding:.75rem .9rem;border:2px solid transparent;border-radius:var(--r-sm);background:var(--ftr-input);font-size:.85rem;color:var(--ftr-text);transition:border-color var(--t),box-shadow var(--t);}
.ftr-form-input:focus{outline:none;border-color:var(--ftr-input-focus);box-shadow:0 0 0 3px var(--ftr-border);}
.ftr-form-input::placeholder{color:var(--ftr-text-3);}
.ftr-form-textarea{padding:.75rem .9rem;border:2px solid transparent;border-radius:var(--r-sm);background:var(--ftr-input);font-size:.85rem;color:var(--ftr-text);resize:vertical;min-height:100px;flex:1;transition:border-color var(--t),box-shadow var(--t);}
.ftr-form-textarea:focus{outline:none;border-color:var(--ftr-input-focus);box-shadow:0 0 0 3px var(--ftr-border);}
.ftr-form-textarea::placeholder{color:var(--ftr-text-3);}
.ftr-radio-group{display:flex;gap:.6rem;width:100%;}
.ftr-radio-btn{display:inline-flex;align-items:center;padding:.65rem .9rem;border-radius:var(--r-sm);background:var(--ftr-input);cursor:pointer;transition:all var(--t);flex:1;text-align:center;border:1.5px solid transparent;}
.ftr-radio-btn:hover{background:var(--ftr-card-hover);border-color:var(--ftr-border);}
.ftr-radio-btn input{display:none;}
.ftr-radio-custom{width:16px;height:16px;border:2px solid var(--ftr-border);border-radius:50%;background:var(--ftr-card);position:relative;margin-right:.5rem;transition:all var(--t);flex-shrink:0;}
.ftr-radio-btn input:checked~.ftr-radio-custom,.ftr-radio-btn input:checked+.ftr-radio-custom{background:var(--ftr-btn);border-color:var(--ftr-btn);}
.ftr-radio-btn input:checked+.ftr-radio-custom::after{content:'';width:6px;height:6px;background:var(--ftr-btn-text);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ftr-radio-btn span{color:var(--ftr-text-2);font-size:.8rem;font-weight:500;}
.ftr-submit-btn{background:var(--ftr-btn);color:var(--ftr-btn-text);border:none;border-radius:var(--r-sm);padding:.75rem 1.2rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--t),transform var(--t);white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;}
.ftr-submit-btn .mi{font-size:16px;}
.ftr-submit-btn:hover{background:var(--ftr-btn-hover);}
.ftr-submit-btn:disabled{opacity:.6;cursor:not-allowed;}
.ftr-char-counter{font-size:10px;color:var(--ftr-text-3);text-align:right;margin-top:-4px;font-weight:600;position:absolute;z-index:2;right:36px;margin-top:2px;}
.ftr-char-counter.ftr-limit{color:var(--accent-amber-light);}
.ftr-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;margin:0 auto 24px;padding:0 16px;}
.ftr-trust-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--ftr-card);border-radius:var(--r-md);transition:all var(--t);}
.ftr-trust-card:hover{background:var(--ftr-card-hover);border-color:var(--ftr-text-3);}
.ftr-trust-icon{width:40px;height:40px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ftr-input);}
.ftr-trust-icon .mi{font-size:20px;color:var(--ftr-text);}
.ftr-trust-info{display:flex;flex-direction:column;min-width:0;}
.ftr-trust-label{font-size:12px;font-weight:700;color:var(--ftr-text);line-height:1.2;}
.ftr-trust-desc{font-size:10.5px;font-weight:500;color:var(--ftr-text-2);line-height:1.3;}
.ftr-menus{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;max-width:1000px;margin:0 auto;padding:24px 16px 16px;}
.ftr-menu{min-width:0;overflow:hidden;}
.ftr-menu-title{display:flex;width:100%;margin-bottom:14px;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;cursor:pointer;transition:color var(--t);background:none;border:none;border-bottom:2px solid var(--ftr-border);text-align:left;color:var(--ftr-text);padding:0 0 8px 0;letter-spacing:-.01em;}
.ftr-menu-title:hover{color:var(--ftr-text-2);}
.ftr-accordion-icon{width:26px;height:26px;transform-origin:center;transition:transform .3s;display:none;border-radius:50%;background:var(--ftr-card);align-items:center;justify-content:center;flex-shrink:0;}
.ftr-accordion-icon .mi{font-size:18px;color:var(--ftr-text-2);}
.ftr-menu-title.active .ftr-accordion-icon{transform:rotate(180deg);background:var(--ftr-btn);border-color:var(--ftr-btn);}
.ftr-menu-title.active .ftr-accordion-icon .mi{color:var(--ftr-btn-text);}
.ftr-menu-content{font-size:13px;line-height:1.6;display:block;color:var(--ftr-text);}
.ftr-menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;}
.ftr-menu-links li{display:block;width:100%;margin-bottom:0;}
.ftr-menu-links li a{position:relative;display:block;width:100%;padding:5px 0;text-decoration:none;color:var(--ftr-text-2);font-size:12.5px;font-weight:500;transition:color var(--t),padding-left var(--t);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ftr-menu-links li a::after{content:'';position:absolute;left:0;bottom:2px;width:0;height:1.5px;background:var(--ftr-text);transition:width .25s cubic-bezier(.4,0,.2,1);border-radius:1px;}
.ftr-menu-links li a:hover{color:var(--ftr-text);padding-left:8px;}
.ftr-menu-links li a:hover::after{width:calc(100% - 8px);}
.ftr-contacts-text{color:var(--ftr-text-3);font-size:12px;margin-bottom:12px;line-height:1.6;}
.ftr-social{display:flex;gap:8px;margin-top:6px;margin-bottom:16px;}
.ftr-social-link{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t);background:var(--ftr-card);border-radius:50%;text-decoration:none;}
.ftr-social-link:hover{border-color:var(--primary-hover);background:var(--primary-hover);}
.ftr-social-link .mi{font-size:18px;color:var(--primary);transition:color var(--t);}
.ftr-social-link:hover .mi{color:var(--white);}
.ftr-subscription-title{font-weight:600;font-size:12px;color:var(--ftr-text);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.03em;}
.ftr-lang-wrap{display:flex;align-items:center;gap:8px;margin-top:4px;}
.ftr-lang{flex:1;padding:8px 12px;border:1.5px solid var(--ftr-border);border-radius:var(--r-sm);background:var(--ftr-input);color:var(--ftr-text);font-size:12px;font-weight:600;cursor:pointer;transition:border-color var(--t);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23475569' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.ftr-lang:focus{outline:none;border-color:var(--ftr-input-focus);box-shadow:0 0 0 3px var(--ftr-border);}
.ftr-bottom{max-width:1000px;margin:0 auto;padding:16px 20px;text-align:center;border-top:1px solid var(--ftr-border);}
.ftr-copyright-text{font-size:11.5px;color:var(--ftr-text-3);margin-bottom:10px;line-height:1.6;}
.ftr-copyright-text a{color:var(--ftr-text);text-decoration:none;font-weight:700;}
.ftr-copyright-text a:hover{text-decoration:underline;}
.ftr-legal{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.ftr-legal-link{font-size:10.5px;color:var(--ftr-text-3);text-decoration:none;transition:color var(--t);padding:4px 8px;border-radius:var(--r-sm);}
.ftr-legal-link:hover{color:var(--ftr-text);background:var(--ftr-card);}
.ftr-credits{display:block;width:100%;text-align:center;background:var(--bg-2);color:var(--ftr-text-2);padding:8px;font-weight:600;font-size:11px;letter-spacing:.01em;}
.ftr-credits a{color:var(--ftr-text);text-decoration:underline;font-weight:700;}
.ftr-cookie-banner{margin:21px;padding:20px;border-radius:var(--r-md);border:1px solid var(--stroke);box-shadow:var(--shadow-lg);background-color:var(--bg-1);max-width:600px;position:fixed;z-index:9999;left:0;right:0;bottom:-800px;display:none;transition:bottom .5s ease-in-out;}
.ftr-cookie-content{display:flex;gap:16px;align-items:center;justify-content:center;}
.ftr-cookie-icon{display:flex;align-items:center;width:44px;height:44px;flex-shrink:0;}
.ftr-cookie-icon .mi{font-size:36px;color:var(--accent-amber);}
.ftr-cookie-text{color:var(--text-2);font-size:12.5px;line-height:1.5;margin:0;flex:1;}
.ftr-cookie-text a{color:var(--primary);text-decoration:underline;font-weight:600;}
.ftr-cookie-buttons{gap:8px;display:flex;flex-shrink:0;}
.ftr-cookie-btn{padding:8px 16px;border-radius:var(--r-sm);font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--t);}
.ftr-cookie-btn:hover{opacity:.9;}
.ftr-cookie-reject{background:var(--bg-2);border-color:var(--stroke);color:var(--text-2);}
.ftr-cookie-reject:hover{border-color:var(--stroke-2);background:var(--bg-3);}
.ftr-cookie-accept{background:var(--primary);color:#fff;}
.ftr-cookie-accept:hover{background:var(--primary-hover);}
@media(max-width:768px){
  .ftr-nl-wrap,.ftr-contact-form{padding:0 6px;}
  .ftr-radio-group{margin-bottom:6px;}
  .ftr-menus{display:flex;flex-direction:column;gap:0;padding:16px 12px;}
  .ftr-menu{width:100%;padding:0;border-bottom:1px solid var(--ftr-border);overflow:visible;}
  .ftr-menu:last-child{border-bottom:none;}
  .ftr-menu-title{padding:14px 4px;margin-bottom:0;border-bottom:none;font-size:13px;}
  .ftr-accordion-icon{display:inline-flex;align-items:center;justify-content:center;}
  .ftr-menu-content{display:none;padding:0 4px 14px;}
  .ftr-menu-content.active{display:block;}
  .ftr-menu-links li a{display:flex;align-items:center;padding:10px 12px;background:var(--ftr-card);border-radius:var(--r-sm);color:var(--ftr-text);font-weight:500;margin-bottom:6px;font-size:12.5px;}
  .ftr-menu-links li a::after{content:"\203A";position:static;width:auto;height:auto;background:none;margin-left:auto;font-size:18px;color:var(--ftr-text-2);font-weight:700;transition:transform var(--t);border-radius:0;}
  .ftr-menu-links li a:hover{background:var(--ftr-card-hover);color:var(--ftr-text);padding-left:14px;}
  .ftr-menu-links li a:hover::after{width:auto;transform:translateX(3px);}
  .ftr-form{flex-direction:column;padding:20px;gap:.75rem;}
  .ftr-form-center{gap:.75rem;}
  .ftr-submit-btn{width:100%;margin-top:4px;}
  .ftr-nl-center{padding:24px 18px;}
  .ftr-nl-title{font-size:22px;}
  .ftr-nl-input-wrap{flex-wrap:wrap;max-width:100%;}
  .ftr-nl-input{flex:1 1 0;min-width:0;}
  .ftr-nl-btn{flex:0 0 100%;justify-content:center;padding:12px;border-top:1px solid var(--stroke);}
  .ftr-trust-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px;}
}
@media(max-width:420px){
  .ftr-trust-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px;}
  .ftr-trust-card{padding:10px 12px;gap:8px;}
  .ftr-trust-icon{width:34px;height:34px;}
  .ftr-trust-icon .mi{font-size:18px;}
  .ftr-trust-label{font-size:11px;}
  .ftr-trust-desc{font-size:9.5px;}
  .ftr-cookie-banner{margin:0;border-radius:0;border-left:0;border-right:0;}
  .ftr-cookie-content{flex-direction:column;text-align:center;gap:12px;}
  .ftr-cookie-icon{display:none;}
  .ftr-legal{gap:4px;}
  .ftr-legal-link{padding:4px 6px;font-size:10px;}
}
@media(min-width:769px){.ftr-accordion-icon{display:none;}}
@keyframes ftrSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.ftr-spin{animation:ftrSpin 1s linear infinite;}