/* ===================================================
   HOME.CSS — Adana Anasayfa Premium Tasarim v2
   =================================================== */

/* ── Temel yardimcilar ─────────────────────────────── */
.section-head { margin-bottom: 48px; }
.section-head-row { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.section-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;
  color: #f97316; margin-bottom: 10px;
}
.section-eyebrow::before, .section-eyebrow::after {
  content:''; display:block; height:1px; width:24px; background:#f97316; opacity:.5;
}
.section-title { font-size: 32px; font-weight: 800; color: #0f172a; line-height: 1.15; }
.section-sub   { color: #64748b; margin-top: 8px; font-size: 15px; line-height: 1.65; max-width: 560px; }
.accent-text   { color: #f97316; }

.see-all-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 14px; font-weight: 700; color: #f97316;
  padding: 10px 22px; border-radius: 999px;
  border: 1.5px solid #fed7aa;
  transition: all .22s;
}
.see-all-link:hover { background:#f97316; color:#fff; border-color:#f97316; gap:10px; }
.see-all-link svg { width:14px; height:14px; transition:transform .22s; }
.see-all-link:hover svg { transform:translateX(3px); }

/* reveal animasyon */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);
}
.reveal.in { opacity:1; transform:translateY(0); }
.reveal-d1 { transition-delay:.1s; }
.reveal-d2 { transition-delay:.2s; }
.reveal-d3 { transition-delay:.3s; }
.reveal-d4 { transition-delay:.4s; }

/* ===================================================
   HERO — Tam ekran, koyu, dramatik
   =================================================== */
.adana-hero {
  position: relative;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  padding: 60px 0;
}

/* Arka plan gradient katmanları */
.hero-bg {
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 90% 70% at 60% 30%, rgba(234,88,12,.22) 0%, transparent 65%),
    radial-gradient(ellipse 60% 90% at 10% 80%, rgba(14,165,233,.14) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 90% 70%, rgba(124,45,18,.25) 0%, transparent 60%),
    linear-gradient(170deg, #070e1e 0%, #0f1f38 50%, #1a0a04 100%);
}

/* Işık hüzmesi efekti */
.hero-beam {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    conic-gradient(from 200deg at 65% 20%, transparent 0deg, rgba(249,115,22,.06) 20deg, transparent 40deg),
    conic-gradient(from 30deg  at 20% 80%, transparent 0deg, rgba(14,165,233,.05) 25deg, transparent 50deg);
}

/* Izgara doku */
.hero-grid-texture {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black, transparent);
}

/* Yüzen partiküller */
.hero-particles { position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; }
.hp {
  position: absolute;
  border-radius: 50%;
  animation: hpFloat linear infinite;
  opacity: 0;
}
.hp-1  { width:3px;  height:3px;  left:8%;   top:70%; background:#f97316; animation-duration:14s; animation-delay:0s;    }
.hp-2  { width:2px;  height:2px;  left:18%;  top:50%; background:#fdba74; animation-duration:18s; animation-delay:2s;    }
.hp-3  { width:4px;  height:4px;  left:32%;  top:80%; background:#f97316; animation-duration:12s; animation-delay:4s;    }
.hp-4  { width:2px;  height:2px;  left:50%;  top:90%; background:#7dd3fc; animation-duration:16s; animation-delay:1s;    }
.hp-5  { width:3px;  height:3px;  left:65%;  top:75%; background:#fdba74; animation-duration:20s; animation-delay:3s;    }
.hp-6  { width:2px;  height:2px;  left:78%;  top:60%; background:#f97316; animation-duration:13s; animation-delay:5s;    }
.hp-7  { width:5px;  height:5px;  left:88%;  top:85%; background:#fde68a; animation-duration:17s; animation-delay:.5s;   }
.hp-8  { width:2px;  height:2px;  left:42%;  top:65%; background:#a5b4fc; animation-duration:15s; animation-delay:2.5s;  }
.hp-9  { width:3px;  height:3px;  left:12%;  top:40%; background:#fdba74; animation-duration:19s; animation-delay:7s;    }
.hp-10 { width:2px;  height:2px;  left:95%;  top:70%; background:#f97316; animation-duration:11s; animation-delay:1.5s;  }

@keyframes hpFloat {
  0%   { transform:translateY(0)   translateX(0);   opacity:0; }
  10%  { opacity:.8; }
  90%  { opacity:.4; }
  100% { transform:translateY(-120vh) translateX(30px); opacity:0; }
}

/* Yüzen dekoratif ikonlar */
.hero-deco-icons { position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; }
.hdi {
  position: absolute;
  display: flex; align-items: center; justify-content: center;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(4px);
  animation: hdiFloat ease-in-out infinite;
  transition: all .3s;
}
.hdi svg { opacity:.5; }
.hdi-1 { width:56px; height:56px; top:12%; left:6%;   animation-duration:8s;  animation-delay:0s;   }
.hdi-2 { width:48px; height:48px; top:22%; left:88%;  animation-duration:10s; animation-delay:1.5s; }
.hdi-3 { width:64px; height:64px; top:55%; left:82%;  animation-duration:9s;  animation-delay:3s;   }
.hdi-4 { width:44px; height:44px; top:72%; left:5%;   animation-duration:11s; animation-delay:.8s;  }
.hdi-5 { width:52px; height:52px; top:40%; left:92%;  animation-duration:7s;  animation-delay:2s;   }
.hdi-6 { width:50px; height:50px; top:85%; left:60%;  animation-duration:12s; animation-delay:4s;   }
.hdi-7 { width:42px; height:42px; top:8%;  left:50%;  animation-duration:9s;  animation-delay:1s;   }
.hdi-8 { width:58px; height:58px; top:65%; left:35%;  animation-duration:13s; animation-delay:2.5s; }

@keyframes hdiFloat {
  0%,100% { transform:translateY(0) rotate(0deg); }
  33%      { transform:translateY(-14px) rotate(3deg); }
  66%      { transform:translateY(-6px)  rotate(-2deg); }
}

/* Hero içerik */
.hero-inner {
  position: relative; z-index: 10;
  padding: 0 0 72px;
}
.hero-inner .container { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:flex-end; }

.hero-left { max-width: 700px; }

.hero-pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(249,115,22,.12);
  border: 1px solid rgba(249,115,22,.3);
  color: #fdba74;
  padding: 8px 18px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 28px;
  animation: fadeSlideUp .8s cubic-bezier(.22,1,.36,1) backwards;
}
.hero-pill-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #f97316;
  box-shadow: 0 0 8px #f97316;
  animation: glow 2s ease-in-out infinite;
}
@keyframes glow {
  0%,100% { box-shadow:0 0 8px #f97316; }
  50%      { box-shadow:0 0 16px #fb923c, 0 0 24px rgba(249,115,22,.4); }
}

.hero-title {
  margin-bottom: 24px;
  animation: fadeSlideUp .8s cubic-bezier(.22,1,.36,1) .1s backwards;
}
.hero-title-top {
  display: block; font-size: 18px; font-weight: 400;
  color: rgba(255,255,255,.45); letter-spacing: 4px;
  text-transform: uppercase; margin-bottom: 6px;
}
.hero-title-city {
  display: block;
  font-size: clamp(72px, 11vw, 128px);
  font-weight: 900; line-height: .95;
  letter-spacing: -4px;
  background: linear-gradient(135deg, #ffffff 0%, #fde68a 45%, #f97316 75%, #ea580c 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 4px 32px rgba(249,115,22,.3));
}
.hero-title-sub {
  display: block; font-size: 15px; font-weight: 500;
  color: rgba(255,255,255,.35); letter-spacing: 6px;
  text-transform: uppercase; margin-top: 10px;
}

.hero-desc {
  font-size: 17px; line-height: 1.75;
  color: rgba(255,255,255,.55);
  max-width: 480px; margin-bottom: 36px;
  animation: fadeSlideUp .8s cubic-bezier(.22,1,.36,1) .2s backwards;
}

.hero-cta-row {
  display: flex; gap: 14px; flex-wrap: wrap;
  animation: fadeSlideUp .8s cubic-bezier(.22,1,.36,1) .3s backwards;
}
.hcta-primary {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 30px; border-radius: 14px;
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #fff; font-weight: 700; font-size: 15px;
  box-shadow: 0 8px 32px rgba(249,115,22,.45), 0 2px 8px rgba(249,115,22,.2);
  transition: all .25s;
  position: relative; overflow: hidden;
}
.hcta-primary::before {
  content:''; position:absolute; inset:0;
  background: linear-gradient(135deg, rgba(255,255,255,.15), transparent);
  opacity:0; transition:opacity .25s;
}
.hcta-primary:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(249,115,22,.55); }
.hcta-primary:hover::before { opacity:1; }

.hcta-ghost {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 30px; border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.8); font-weight: 600; font-size: 15px;
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  transition: all .25s;
}
.hcta-ghost:hover { background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.3); transform:translateY(-2px); }

/* Hero sağ istatistik kartları */
.hero-stats-col {
  display: flex; flex-direction: column; gap: 12px;
  animation: fadeSlideUp .8s cubic-bezier(.22,1,.36,1) .4s backwards;
}
.hero-stat-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px; padding: 18px 22px;
  backdrop-filter: blur(12px);
  min-width: 148px; text-align: center;
  transition: all .25s;
  position: relative; overflow: hidden;
}
.hero-stat-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, #f97316, transparent);
  opacity:0; transition:opacity .25s;
}
.hero-stat-card:hover { background:rgba(255,255,255,.09); border-color:rgba(249,115,22,.3); }
.hero-stat-card:hover::before { opacity:1; }
.hsc-num   { display:block; font-size:28px; font-weight:900; color:#f97316; line-height:1; }
.hsc-label { display:block; font-size:11px; color:rgba(255,255,255,.45); margin-top:5px; letter-spacing:.5px; text-transform:uppercase; }

/* Hero alt şerit */
.hero-bottom-bar {
  position: relative; z-index: 10;
  border-top: 1px solid rgba(255,255,255,.07);
  background: rgba(0,0,0,.3);
  backdrop-filter: blur(20px);
}
.hero-bottom-bar .container { display:flex; gap:0; }
.hbb-item {
  flex: 1; display:flex; align-items:center; gap:14px;
  padding: 20px 28px;
  border-right: 1px solid rgba(255,255,255,.07);
  transition: background .2s;
  cursor: pointer; text-decoration: none;
}
.hbb-item:last-child { border-right:none; }
.hbb-item:hover { background:rgba(249,115,22,.07); }
.hbb-icon {
  width: 40px; height: 40px; border-radius: 10px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background: rgba(249,115,22,.12);
}
.hbb-icon svg { width:18px; height:18px; }
.hbb-text-top   { display:block; font-size:13px; font-weight:700; color:#fff; }
.hbb-text-sub   { display:block; font-size:11px; color:rgba(255,255,255,.4); margin-top:1px; }

@keyframes fadeSlideUp {
  from { opacity:0; transform:translateY(32px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ===================================================
   FESTIVAL BANNER
   =================================================== */
.festival-banner {
  background: linear-gradient(100deg, #431407 0%, #7c2d12 35%, #c2410c 65%, #ea580c 100%);
  position: relative; overflow: hidden;
}
.festival-banner::before {
  content:''; position:absolute; inset:0;
  background: repeating-linear-gradient(
    -45deg, transparent, transparent 20px,
    rgba(255,255,255,.02) 20px, rgba(255,255,255,.02) 40px
  );
}
.festival-banner::after {
  content:''; position:absolute; right:-80px; top:-80px;
  width:300px; height:300px; border-radius:50%;
  background: rgba(255,255,255,.04);
}
.festival-inner {
  display: flex; align-items: center; gap: 32px;
  padding: 26px 0; flex-wrap: wrap;
  position: relative; z-index: 1;
}
.festival-badge {
  display: flex; align-items: center; gap: 14px;
  padding: 10px 20px 10px 10px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  flex-shrink: 0;
}
.festival-badge-icon {
  width: 44px; height: 44px; border-radius: 10px;
  background: rgba(255,255,255,.15);
  display:flex; align-items:center; justify-content:center;
}
.festival-badge-icon svg { width:24px; height:24px; }
.festival-badge-year { font-size:11px; color:rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:1px; }
.festival-badge-name { font-size:15px; font-weight:800; color:#fff; }
.festival-badge-desc { font-size:12px; color:rgba(255,255,255,.6); margin-top:1px; }

.festival-mid { flex:1; }
.festival-tagline { font-size:18px; font-weight:700; color:#fff; }
.festival-when    { font-size:13px; color:rgba(255,255,255,.6); margin-top:3px; }

.festival-cd { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.cd-unit {
  display:flex; flex-direction:column; align-items:center;
  background:rgba(0,0,0,.25); border-radius:10px;
  padding:10px 14px; min-width:62px;
  border:1px solid rgba(255,255,255,.1);
}
.cd-n { font-size:28px; font-weight:900; color:#fff; line-height:1; font-variant-numeric:tabular-nums; }
.cd-l { font-size:10px; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.5px; margin-top:4px; }
.cd-dot { font-size:24px; font-weight:900; color:rgba(255,255,255,.4); margin-bottom:14px; }

/* ===================================================
   HIZLI ERISIM — Yeni tasarim
   =================================================== */
.quick-links { padding:0; background:#fff; }
.ql-grid { display:grid; grid-template-columns:repeat(6,1fr); }
.ql-item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 28px 16px;
  border-right: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
  position: relative; overflow: hidden;
  transition: all .25s;
  text-decoration: none;
}
.ql-item:last-child { border-right:none; }
.ql-item::before {
  content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
  transform:scaleX(0); transition:transform .25s cubic-bezier(.22,1,.36,1);
}
.ql-item:hover { background:#fafbff; }
.ql-item:hover::before { transform:scaleX(1); }
.ql-weather:hover   { background:#f0f9ff; } .ql-weather::before   { background:#0ea5e9; }
.ql-pharmacy:hover  { background:#fff1f2; } .ql-pharmacy::before  { background:#f43f5e; }
.ql-cinema:hover    { background:#faf5ff; } .ql-cinema::before    { background:#8b5cf6; }
.ql-events:hover    { background:#fff7ed; } .ql-events::before    { background:#f97316; }
.ql-news:hover      { background:#f0fdf4; } .ql-news::before      { background:#22c55e; }
.ql-explore:hover   { background:#fff7ed; } .ql-explore::before   { background:#f59e0b; }

.ql-icon-wrap {
  width: 50px; height: 50px; border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  transition: transform .25s, box-shadow .25s;
}
.ql-item:hover .ql-icon-wrap { transform:translateY(-3px); }
.ql-weather  .ql-icon-wrap { background:#e0f2fe; box-shadow:0 4px 14px rgba(14,165,233,.2); }
.ql-pharmacy .ql-icon-wrap { background:#ffe4e6; box-shadow:0 4px 14px rgba(244,63,94,.2); }
.ql-cinema   .ql-icon-wrap { background:#ede9fe; box-shadow:0 4px 14px rgba(139,92,246,.2); }
.ql-events   .ql-icon-wrap { background:#ffedd5; box-shadow:0 4px 14px rgba(249,115,22,.2); }
.ql-news     .ql-icon-wrap { background:#dcfce7; box-shadow:0 4px 14px rgba(34,197,94,.2);  }
.ql-explore  .ql-icon-wrap { background:#fef3c7; box-shadow:0 4px 14px rgba(245,158,11,.2); }
.ql-icon-wrap svg { width:24px; height:24px; }
.ql-label { font-size:13px; font-weight:700; color:#374151; text-align:center; line-height:1.3; }
.ql-sublabel { font-size:11px; color:#94a3b8; text-align:center; }

/* ===================================================
   ADANA'YI TANI — yeni tasarim (Kayan Afiş Modeli)
   =================================================== */
.adana-identity { padding:96px 0; background:#f8fafc; overflow:hidden; }
.identity-track-wrap { overflow:hidden; margin-top:28px; position:relative; }
.identity-track-wrap::before, .identity-track-wrap::after {
  content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;
}
.identity-track-wrap::before { left:0;  background:linear-gradient(to right, #f8fafc, transparent); }
.identity-track-wrap::after  { right:0; background:linear-gradient(to left,  #f8fafc, transparent); }
.identity-track {
  display:flex; gap:16px; width:max-content;
  animation:idScroll 45s linear infinite;
  padding:8px 0 20px;
}
.identity-track:hover { animation-play-state:paused; }
@keyframes idScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.id-card {
  background: #fff;
  border-radius: 20px;
  padding: 28px 22px;
  border: 1px solid #e2e8f0;
  transition: all .28s cubic-bezier(.22,1,.36,1);
  position: relative; overflow: hidden;
  cursor: pointer;
  width: 280px;
  flex-shrink: 0;
}
.id-card::after {
  content:''; position:absolute; inset:0;
  background: radial-gradient(circle at 50% 0%, var(--card-accent,.12) 0%, transparent 70%);
  opacity:0; transition:opacity .3s;
}
.id-card:hover { transform:translateY(-6px); box-shadow:0 20px 48px rgba(0,0,0,.08); border-color:transparent; }
.id-card:hover::after { opacity:1; }

.id-card-icon {
  width: 52px; height: 52px; border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom: 16px;
}
.id-card-icon svg { width:26px; height:26px; }
.id-card-title { font-size:15px; font-weight:800; color:#0f172a; margin-bottom:6px; }
.id-card-desc  { font-size:13px; color:#64748b; line-height:1.6; height:80px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.id-card-tag {
  display:inline-block; margin-top:12px;
  font-size:11px; font-weight:700; padding:3px 10px; border-radius:999px;
}

/* Renk varyantları */
.id-orange { --card-accent: rgba(249,115,22,.08); }
.id-orange .id-card-icon { background:#fff3e6; }
.id-orange .id-card-icon svg { color:#ea580c; }
.id-orange .id-card-tag { background:#fff3e6; color:#ea580c; }

.id-red { --card-accent: rgba(239,68,68,.06); }
.id-red .id-card-icon { background:#fef2f2; }
.id-red .id-card-icon svg { color:#dc2626; }
.id-red .id-card-tag { background:#fef2f2; color:#dc2626; }

.id-stone { --card-accent: rgba(100,116,139,.06); }
.id-stone .id-card-icon { background:#f1f5f9; }
.id-stone .id-card-icon svg { color:#475569; }
.id-stone .id-card-tag { background:#f1f5f9; color:#475569; }

.id-green { --card-accent: rgba(22,163,74,.06); }
.id-green .id-card-icon { background:#f0fdf4; }
.id-green .id-card-icon svg { color:#16a34a; }
.id-green .id-card-tag { background:#f0fdf4; color:#16a34a; }

.id-blue { --card-accent: rgba(37,99,235,.06); }
.id-blue .id-card-icon { background:#eff6ff; }
.id-blue .id-card-icon svg { color:#2563eb; }
.id-blue .id-card-tag { background:#eff6ff; color:#2563eb; }

.id-amber { --card-accent: rgba(217,119,6,.06); }
.id-amber .id-card-icon { background:#fffbeb; }
.id-amber .id-card-icon svg { color:#d97706; }
.id-amber .id-card-tag { background:#fffbeb; color:#d97706; }

/* Haberler Bölümü Modern Tasarım */
.news-main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; margin-top: 30px; }
.news-featured-card { display: block; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-decoration: none; transition: 0.3s; border:1px solid #f1f5f9; }
.news-featured-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.nf-img-wrap { height: 320px; overflow: hidden; }
.nf-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.news-featured-card:hover img { transform: scale(1.05); }
.nf-body { padding: 25px; }
.nf-title { font-size: 24px; font-weight: 800; color: #0f172a; margin: 15px 0; line-height: 1.3; }
.nf-excerpt { color: #64748b; font-size: 15px; line-height: 1.6; }

.news-sub-grid { display: flex; flex-direction: column; gap: 20px; }
.news-sub-card { display: flex; align-items: flex-start; gap: 15px; text-decoration: none; padding: 15px; border-radius: 12px; background: #fff; transition: 0.3s; border: 1px solid #f1f5f9; }
.news-sub-card:hover { background: #f8fafc; }
.news-sub-card img { width: 100px; height: 75px; object-fit: cover; border-radius: 8px; }
.ns-title { font-size: 14px; font-weight: 700; color: #1e293b; line-height: 1.4; }
.ns-date { font-size: 11px; color: #94a3b8; margin-top: 5px; }

@media (max-width: 900px) {
  .news-main-grid { grid-template-columns: 1fr; }
}

/* ===================================================
   ETKINLIKLER — Yeni tasarim
   =================================================== */
.home-events { padding:96px 0; background:#f8fafc; }
.events-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.event-card {
  display:flex; gap:20px; align-items:flex-start;
  background:#fff; border-radius:18px; padding:22px;
  border:1px solid #e2e8f0; transition:all .25s;
  text-decoration:none;
}
.event-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,.08); border-color:transparent; }
.event-cal {
  flex-shrink:0; width:56px; text-align:center;
  background:linear-gradient(135deg,#f97316,#ea580c);
  border-radius:14px; overflow:hidden;
}
.event-cal-month { display:block; font-size:10px; font-weight:700; color:rgba(255,255,255,.8); text-transform:uppercase; background:rgba(0,0,0,.2); padding:3px 0; letter-spacing:.5px; }
.event-cal-day   { display:block; font-size:26px; font-weight:900; color:#fff; padding:6px 0 8px; line-height:1; }
.event-body { flex:1; }
.event-cat  { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; }
.event-title { font-size:15px; font-weight:800; color:#0f172a; line-height:1.35; margin-bottom:8px; }
.event-loc  { display:flex; align-items:center; gap:5px; font-size:12.5px; color:#64748b; }
.event-loc svg { width:13px; height:13px; flex-shrink:0; }
.empty-state { padding:40px; text-align:center; color:#94a3b8; font-size:14px; grid-column:span 2; }

/* ===================================================
   NOBETCI ECZANE
   =================================================== */
.home-pharmacy { padding:96px 0; background:#fff; }
.pharmacy-layout { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.pharmacy-card {
  display:flex; gap:18px; align-items:flex-start;
  padding:24px; border-radius:18px;
  border:1.5px solid #fee2e2; background:#fffafa;
  transition:all .25s;
}
.pharmacy-card:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(220,38,38,.08); border-color:#fca5a5; }
.ph-num-badge {
  width:44px; height:44px; border-radius:12px; flex-shrink:0;
  background:linear-gradient(135deg,#ef4444,#dc2626);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(220,38,38,.3);
}
.ph-num-badge svg { width:22px; height:22px; color:#fff; }
.ph-details { flex:1; }
.ph-name-text { font-size:16px; font-weight:800; color:#0f172a; margin-bottom:4px; }
.ph-dist-chip { display:inline-block; background:#fef2f2; color:#b91c1c; padding:2px 10px; border-radius:6px; font-size:11px; font-weight:700; margin-bottom:8px; }
.ph-addr { font-size:13px; color:#64748b; line-height:1.5; margin-bottom:6px; }
.ph-tel  { font-size:13.5px; font-weight:700; color:#dc2626; display:flex; align-items:center; gap:5px; }
.ph-tel svg { width:14px; height:14px; }
.ph-live-strip {
  margin-top:28px; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 20px; border-radius:12px;
  background:linear-gradient(135deg,#fef2f2,#fff5f5);
  border:1px solid #fecaca;
}
.ph-live-dot { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:#dc2626; }
.ph-live-dot::before { content:''; display:block; width:8px; height:8px; border-radius:50%; background:#dc2626; animation:blink 1.5s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:.3;} }

/* ===================================================
   GEZILECEK YERLER — Kayan Afiş Slider Modeli
   =================================================== */
.home-places { padding:96px 0; background:#f8fafc; overflow:hidden; }
.places-track-wrap { overflow:hidden; margin-top:28px; position:relative; }
.places-track-wrap::before, .places-track-wrap::after {
  content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;
}
.places-track-wrap::before { left:0;  background:linear-gradient(to right, #f8fafc, transparent); }
.places-track-wrap::after  { right:0; background:linear-gradient(to left,  #f8fafc, transparent); }
.places-track {
  display:flex; gap:16px; width:max-content;
  animation:placesScroll 40s linear infinite;
  padding:8px 0 20px;
}
.places-track:hover { animation-play-state:paused; }
@keyframes placesScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.place-poster-card {
  flex-shrink:0; width:220px; border-radius:16px; overflow:hidden;
  display:block; position:relative; transition:all .28s cubic-bezier(.22,1,.36,1);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  aspect-ratio: 2/3;
  border: 1px solid #e2e8f0;
}
.place-poster-card:hover { transform:scale(1.04) translateY(-6px); box-shadow:0 16px 36px rgba(0,0,0,.15); z-index:2; }
.place-poster-card img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .5s cubic-bezier(.22,1,.36,1); }
.place-poster-card:hover img { transform:scale(1.06); }
.place-poster-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 50%, transparent 100%);
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width:100%;
}
.place-poster-badge {
  display:inline-flex; align-self:flex-start; align-items:center; gap:4px;
  font-size:10px; font-weight:700; padding:3px 8px; border-radius:999px; margin-bottom:6px;
  background:rgba(255,255,255,.15); backdrop-filter:blur(6px); color:#fff;
  border:1px solid rgba(255,255,255,.2);
}
.place-poster-title { font-size:14px; font-weight:800; color:#fff; line-height:1.25; text-shadow:0 1px 4px rgba(0,0,0,.4); }

/* ===================================================
   SINEMA MARQUEE
   =================================================== */
.home-cinema { padding:80px 0 64px; background:#080f1e; overflow:hidden; }
.home-cinema .section-title { color:#fff; }
.home-cinema .section-sub   { color:#475569; }
.home-cinema .see-all-link  { border-color:rgba(255,255,255,.15); color:#64748b; background:rgba(255,255,255,.05); }
.home-cinema .see-all-link:hover { background:#f97316; color:#fff; border-color:#f97316; }
.cinema-track-wrap { overflow:hidden; margin-top:28px; position:relative; }
.cinema-track-wrap::before, .cinema-track-wrap::after {
  content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;
}
.cinema-track-wrap::before { left:0;  background:linear-gradient(to right, #080f1e, transparent); }
.cinema-track-wrap::after  { right:0; background:linear-gradient(to left,  #080f1e, transparent); }
.cinema-track {
  display:flex; gap:14px; width:max-content;
  animation:cineScroll 40s linear infinite;
  padding:8px 0 20px;
}
.cinema-track:hover { animation-play-state:paused; }
@keyframes cineScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.cinema-poster {
  flex-shrink:0; width:145px; border-radius:12px; overflow:hidden;
  display:block; position:relative; transition:all .25s;
  box-shadow:0 4px 16px rgba(0,0,0,.5);
}
.cinema-poster:hover { transform:scale(1.07) translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.6); z-index:2; }
.cinema-poster img { width:100%; display:block; aspect-ratio:2/3; object-fit:cover; }
.cinema-poster-overlay {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(0,0,0,.9),transparent);
  padding:28px 8px 8px;
}
.cinema-poster-title { font-size:11px; font-weight:700; color:#fff; line-height:1.3; }

/* ===================================================
   CANLI VERILER
   =================================================== */
.home-live { padding:96px 0; background:#fff; }
.live-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.live-card {
  border-radius:18px; border:1px solid #e2e8f0;
  overflow:hidden; background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:all .25s;
}
.live-card.span-2 { grid-column: span 2; }
.live-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.09); }
.live-card-head {
  display:flex; align-items:center; gap:10px;
  padding:16px 18px; border-bottom:1px solid #f8fafc;
  background:linear-gradient(135deg,#fafbfc,#fff);
}
.live-card-icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; }
.live-card-icon svg { width:18px; height:18px; }
.live-card-title { font-size:13.5px; font-weight:700; color:#374151; flex:1; }
.live-live-badge {
  display:inline-flex; align-items:center; gap:4px;
  font-size:10px; font-weight:700; color:#16a34a;
  background:#f0fdf4; padding:3px 8px; border-radius:999px;
}
.live-live-badge::before { content:''; display:block; width:6px; height:6px; border-radius:50%; background:#22c55e; animation:blink 1.5s infinite; }
.live-card-body { padding:16px 18px; min-height:90px; font-size:13.5px; color:#374151; line-height:1.6; }

/* Finance satırlari */
.finance-row { display:flex; align-items:center; justify-content:space-between; padding:7px 0; border-bottom:1px solid #f8fafc; }
.finance-row:last-child { border-bottom:none; }
.finance-name { font-size:13px; font-weight:700; color:#374151; }
.finance-val  { font-size:14px; font-weight:800; color:#0f172a; }
.finance-chg.up   { color:#16a34a; font-size:11px; font-weight:700; }
.finance-chg.down { color:#dc2626; font-size:11px; font-weight:700; }

/* ===================================================
   ADANA HIKAYESI — alt serit
   =================================================== */
.adana-story {
  padding:96px 0;
  background:linear-gradient(135deg,#060e1d 0%,#0f2040 55%,#1a0905 100%);
  position:relative; overflow:hidden;
}
.adana-story::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 50% 70% at 80% 40%, rgba(249,115,22,.1) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 15% 70%, rgba(14,165,233,.08) 0%, transparent 50%);
}
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; position:relative; z-index:1; }
.story-text h2 { font-size:36px; font-weight:800; color:#fff; margin-bottom:16px; line-height:1.15; }
.story-text p  { color:rgba(255,255,255,.5); line-height:1.85; font-size:15px; margin-bottom:28px; }
.story-cta {
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 26px; border-radius:12px;
  background:rgba(249,115,22,.15); color:#f97316;
  border:1px solid rgba(249,115,22,.3); font-weight:700; font-size:14px;
  transition:all .22s;
}
.story-cta:hover { background:#f97316; color:#fff; border-color:#f97316; }
.story-facts { display:flex; flex-direction:column; gap:14px; }
.story-fact {
  display:flex; align-items:center; gap:16px;
  padding:18px 20px; border-radius:14px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(8px); transition:background .2s;
}
.story-fact:hover { background:rgba(255,255,255,.09); }
.sf-icon { width:42px; height:42px; border-radius:11px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(249,115,22,.15); }
.sf-icon svg { width:20px; height:20px; color:#f97316; }
.sf-text { font-size:14px; color:rgba(255,255,255,.7); font-weight:500; line-height:1.4; }
.sf-text strong { color:#fff; display:block; font-size:15px; margin-bottom:2px; }

/* ===================================================
   RESPONSIVE
   =================================================== */
@media (max-width:1100px) {
  .identity-scroll { grid-template-columns:repeat(3,1fr); }
  .live-grid    { grid-template-columns:repeat(2,1fr); }
  .pe-card-1    { grid-column:span 6; }
  .pe-card-2    { grid-column:span 6; }
  .pe-card-3    { grid-column:span 4; }
  .pe-card-4    { grid-column:span 4; }
  .pe-card-5    { grid-column:span 4; }
  .pe-card-6    { grid-column:span 12; min-height:220px; }
}
@media (max-width:900px) {
  .hero-inner .container { grid-template-columns:1fr; }
  .hero-stats-col { flex-direction:row; flex-wrap:wrap; }
  .hero-stat-card { flex:1; min-width:120px; }
  .hbb-item { padding:16px 18px; }
  .ql-grid { grid-template-columns:repeat(3,1fr); }
  .ql-item:nth-child(3) { border-right:none; }
  .ql-item:nth-child(4) { border-right:1px solid #f1f5f9; }
  .identity-scroll { grid-template-columns:repeat(2,1fr); }
  .news-layout  { grid-template-columns:1fr; }
  .news-hero-card { grid-row:auto; aspect-ratio:16/9; }
  .events-grid  { grid-template-columns:1fr; }
  .pharmacy-layout { grid-template-columns:1fr; }
  .pe-card-1,.pe-card-2 { grid-column:span 6; min-height:280px; }
  .pe-card-3,.pe-card-4,.pe-card-5 { grid-column:span 4; min-height:220px; }
  .pe-card-6 { grid-column:span 12; }
  .story-grid { grid-template-columns:1fr; gap:40px; }
}
@media (max-width:640px) {
  .adana-hero { min-height:100svh; }
  .hero-title-city { font-size:64px; letter-spacing:-2px; }
  .hero-bottom-bar .container { flex-direction:column; gap:0; }
  .hbb-item { border-right:none; border-bottom:1px solid rgba(255,255,255,.07); }
  .festival-inner { flex-direction:column; gap:18px; }
  .festival-cd { flex-wrap:wrap; }
  .ql-grid { grid-template-columns:repeat(3,1fr); }
  .ql-item { padding:20px 10px; }
  .ql-icon-wrap { width:42px; height:42px; }
  .ql-icon-wrap svg { width:20px; height:20px; }
  .identity-scroll { grid-template-columns:repeat(2,1fr); gap:10px; }
  .places-editorial { grid-template-columns:1fr 1fr; }
  .pe-card-1 { grid-column:span 2; min-height:240px; }
  .pe-card-2,.pe-card-3 { grid-column:span 1; min-height:200px; }
  .pe-card-4,.pe-card-5,.pe-card-6 { grid-column:span 2; min-height:180px; }
  .live-grid { grid-template-columns:1fr; }
  .section-title { font-size:24px; }
  .section-head-row { flex-direction:column; align-items:flex-start; }
}

/* ──────────────────────────────────────────────────────
   CANLI VERİ WIDGET İÇ STILLER
   script.js tarafından enjekte edilen içeriklerin
   live-card-body içinde düzgün görünmesi için
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Genel body alanı düzeni */
.live-card-body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ── Hava Durumu ─────────────────────────────────────── */
#weatherWidget .weather-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}
#weatherWidget .weather-state-badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.18);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#weatherWidget .weather-main-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
#weatherWidget .weather-icon-badge {
  flex: 0 0 auto;
  width: 52px; height: 52px;
  border-radius: 16px;
  display: grid; place-items: center;
  background: rgba(255,255,255,.22);
}
#weatherWidget .weather-icon svg { width:100%; height:100%; stroke-width:2; }
#weatherWidget .weather-kicker {
  font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em;
  opacity: .8; color: inherit;
}
#weatherWidget .weather-temp {
  font-size: 32px; font-weight: 900; line-height: 1;
  background: linear-gradient(135deg,#fff,rgba(255,255,255,.75));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
#weatherWidget .weather-city { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.85); }
#weatherWidget .weather-desc { font-size: 16px; font-weight: 800; color: rgba(255,255,255,.95); text-transform: capitalize; }
#weatherWidget .weather-advice {
  font-size: 12px; font-weight: 600; line-height: 1.5;
  color: rgba(255,255,255,.8);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px; padding: 8px 12px;
}
#weatherWidget .weather-details {
  display: flex; justify-content: space-around;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.18);
  margin-top: auto;
}
#weatherWidget .weather-detail {
  display: flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,.85); font-size: 13px; font-weight: 600;
}
#weatherWidget .weather-detail svg { width:16px; height:16px; stroke:rgba(255,255,255,.7); stroke-width:2; }
#weatherWidget .weather-error { color: rgba(255,255,255,.7); text-align:center; font-size:13px; }

/* Hava widget renk tonları */
#weatherWidget[data-weather-tone="sun"]   { background: linear-gradient(135deg,#fb923c,#facc15); }
#weatherWidget[data-weather-tone="moon"]  { background: linear-gradient(135deg,#1e293b,#334155); }
#weatherWidget[data-weather-tone="rain"]  { background: linear-gradient(135deg,#0f766e,#0ea5e9); }
#weatherWidget[data-weather-tone="storm"] { background: linear-gradient(135deg,#4c1d95,#2563eb); }
#weatherWidget[data-weather-tone="cloud"] { background: linear-gradient(135deg,#475569,#94a3b8); }

/* ── Piyasa (Finans) ─────────────────────────────────── */
#financeWidget .live-card-body {
  padding: 0 !important;
  overflow: visible !important;
}
#financeWidget .market-premium-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}
#financeWidget .market-premium-card {
  /* styles.css'deki flex override'ını iptal et */
  display: block !important;
  border-radius: 14px !important;
  padding: 14px 14px !important;
  color: #fff !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .25s ease !important;
  box-sizing: border-box !important;
}
#financeWidget .market-premium-card:hover { transform: translateY(-3px) !important; }
#financeWidget .market-premium-card::before {
  content: '' !important;
  position: absolute !important;
  top: -40% !important; right: -40% !important;
  width: 80% !important; height: 80% !important;
  background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
#financeWidget .mp-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
}
#financeWidget .mp-icon {
  font-size: 22px !important;
  line-height: 1 !important;
}
#financeWidget .mp-unit {
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  opacity: .85 !important;
  background: rgba(255,255,255,.2) !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
  color: #fff !important;
}
#financeWidget .mp-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.92) !important;
  margin-bottom: 4px !important;
  display: block !important;
  line-height: 1.2 !important;
}
#financeWidget .mp-value {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #fff !important;
  line-height: 1.1 !important;
  letter-spacing: -.5px !important;
  display: block !important;
  -webkit-text-fill-color: #fff !important;
}
#financeWidget .mp-value small {
  font-size: 14px !important;
  margin-left: 2px !important;
  opacity: .9 !important;
  font-weight: 700 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#financeWidget .market-updated-label {
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}
#financeWidget .live-dot {
  display: inline-block !important;
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  animation: live-pulse 2s infinite !important;
}
@keyframes live-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.6); }
  50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

/* ── Deprem ──────────────────────────────────────────── */
#earthquakeWidget .earthquake-ticker-wrapper {
  overflow: hidden;
  max-height: 220px;
  position: relative;
}
#earthquakeWidget .earthquake-ticker-track {
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: eq-scroll 16s linear infinite;
}
#earthquakeWidget .earthquake-ticker-track:hover { animation-play-state: paused; }
@keyframes eq-scroll {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
#earthquakeWidget .earthquake-item {
  display: flex; align-items: baseline;
  justify-content: space-between; gap: 10px;
  padding: 9px 12px; border-radius: 10px;
  background: rgba(15,23,42,.055);
  border: 1px solid rgba(15,23,42,.08);
  flex-shrink: 0;
}
#earthquakeWidget .eq-left { display:flex; flex-direction:column; gap:2px; min-width:0; }
#earthquakeWidget .eq-loc {
  font-weight:700; font-size:13px; color:#0f172a;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#earthquakeWidget .eq-meta { font-size:11px; color:#64748b; }
#earthquakeWidget .eq-mag {
  flex:0 0 auto; font-weight:900; font-size:17px;
  color:#d97706; text-shadow:0 0 12px rgba(217,119,6,.25);
  white-space:nowrap;
}

/* ── Baraj Doluluk ───────────────────────────────────── */
#damWidget .dam-content {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  text-align: center; height: 100%; gap: 6px;
}
#damWidget .dam-percentage {
  font-size: 48px; font-weight: 900; line-height: 1;
  background: linear-gradient(135deg,#0ea5e9,#2563eb);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
#damWidget .dam-label {
  font-size: 12px; font-weight: 700; color: #64748b;
  text-transform: uppercase; letter-spacing: .08em;
}
#damWidget .dam-link {
  display:inline-block; margin-top:10px;
  padding:6px 16px; background:rgba(14,165,233,.1);
  color:#0ea5e9; border-radius:20px;
  font-size:12px; font-weight:700; text-decoration:none;
  transition:all .25s;
}
#damWidget .dam-link:hover { background:#0ea5e9; color:#fff; transform:translateY(-2px); }

/* ===================================================
   SON DAKİKA HABER TICKER
   =================================================== */
.breaking-news-bar {
  display: flex;
  align-items: center;
  background: linear-gradient(100deg, #7f1d1d 0%, #dc2626 40%, #ef4444 100%);
  position: relative;
  overflow: hidden;
  border-bottom: 3px solid #fca5a5;
}
.breaking-news-bar::before {
  content:''; position:absolute; inset:0;
  background: repeating-linear-gradient(
    -45deg, transparent, transparent 20px,
    rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px
  );
}
.breaking-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 22px;
  background: rgba(0,0,0,.3);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.breaking-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #fff;
  animation: breakingPulse 1.2s ease-in-out infinite;
  box-shadow: 0 0 8px rgba(255,255,255,.6);
}
@keyframes breakingPulse {
  0%,100% { opacity:1; transform:scale(1); box-shadow:0 0 8px rgba(255,255,255,.6); }
  50%     { opacity:.4; transform:scale(.7); box-shadow:0 0 4px rgba(255,255,255,.3); }
}
.breaking-ticker-wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.breaking-ticker-wrap::before,
.breaking-ticker-wrap::after {
  content:''; position:absolute; top:0; bottom:0; width:40px; z-index:2; pointer-events:none;
}
.breaking-ticker-wrap::before { left:0;  background:linear-gradient(to right, #dc2626, transparent); }
.breaking-ticker-wrap::after  { right:0; background:linear-gradient(to left,  #ef4444, transparent); }
.breaking-ticker {
  display: flex;
  gap: 0;
  width: max-content;
  animation: breakingScroll 35s linear infinite;
}
.breaking-ticker:hover { animation-play-state: paused; }
@keyframes breakingScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.breaking-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  border-right: 1px solid rgba(255,255,255,.15);
  transition: background .2s;
}
.breaking-item:hover {
  background: rgba(255,255,255,.1);
}
.breaking-item svg {
  color: #fde68a;
  flex-shrink: 0;
}
.breaking-all-link {
  display: flex;
  align-items: center;
  padding: 14px 22px;
  background: rgba(0,0,0,.2);
  color: #fde68a;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  transition: all .2s;
}
.breaking-all-link:hover {
  background: rgba(0,0,0,.4);
  color: #fff;
}

/* ===================================================
   ETKİNLİKLER — Sinema Tarzı Poster Slider
   =================================================== */
.home-events-cinema { padding:96px 0; background:#f8fafc; overflow:hidden; }
.events-poster-wrap { overflow:hidden; margin-top:28px; position:relative; }
.events-poster-wrap::before, .events-poster-wrap::after {
  content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;
}
.events-poster-wrap::before { left:0;  background:linear-gradient(to right, #f8fafc, transparent); }
.events-poster-wrap::after  { right:0; background:linear-gradient(to left,  #f8fafc, transparent); }
.events-poster-track {
  display:flex; gap:16px; width:max-content;
  animation:eventsScroll 45s linear infinite;
  padding:8px 0 20px;
}
.events-poster-track:hover { animation-play-state:paused; }
@keyframes eventsScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.event-poster-card {
  flex-shrink:0; width:220px; border-radius:18px; overflow:hidden;
  display:block; position:relative; transition:all .28s cubic-bezier(.22,1,.36,1);
  box-shadow:0 6px 20px rgba(0,0,0,.1);
  aspect-ratio: 2/3;
  border: 1px solid #e2e8f0;
}
.event-poster-card:hover {
  transform:scale(1.04) translateY(-6px);
  box-shadow:0 20px 40px rgba(249,115,22,.2);
  z-index:2;
  border-color:#f97316;
}
.event-poster-card img {
  width:100%; height:100%; display:block; object-fit:cover;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.event-poster-card:hover img { transform:scale(1.08); }

.event-poster-date {
  position:absolute; top:12px; left:12px;
  background:linear-gradient(135deg,#f97316,#ea580c);
  border-radius:12px; padding:6px 10px;
  text-align:center; z-index:3;
  box-shadow:0 4px 12px rgba(249,115,22,.4);
}
.epd-month {
  display:block; font-size:9px; font-weight:700;
  color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.5px;
}
.epd-day {
  display:block; font-size:22px; font-weight:900;
  color:#fff; line-height:1;
}

.event-poster-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 45%, transparent 100%);
  padding:18px;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.event-poster-cat {
  display:inline-flex; align-self:flex-start; align-items:center; gap:4px;
  font-size:10px; font-weight:700; padding:3px 8px; border-radius:999px;
  margin-bottom:6px;
  background:rgba(255,255,255,.15); backdrop-filter:blur(6px); color:#fff;
  border:1px solid rgba(255,255,255,.2);
}
.event-poster-title {
  font-size:14px; font-weight:800; color:#fff; line-height:1.3;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.event-poster-loc {
  display:flex; align-items:center; gap:4px;
  font-size:11px; color:rgba(255,255,255,.7); margin-top:5px;
}

/* ===================================================
   SİNEMA — AYDINLIK TEMA
   =================================================== */
.home-cinema-light {
  background: #f8fafc !important;
}
.home-cinema-light .section-title { color: #0f172a !important; }
.home-cinema-light .section-sub   { color: #64748b !important; }
.home-cinema-light .section-eyebrow { color: #f97316 !important; }
.home-cinema-light .see-all-link {
  border-color:#fed7aa !important;
  color:#f97316 !important;
  background:transparent !important;
}
.home-cinema-light .see-all-link:hover {
  background:#f97316 !important;
  color:#fff !important;
  border-color:#f97316 !important;
}
.cinema-track-wrap-light::before { background:linear-gradient(to right, #f8fafc, transparent) !important; }
.cinema-track-wrap-light::after  { background:linear-gradient(to left,  #f8fafc, transparent) !important; }
.cinema-poster-light {
  box-shadow:0 4px 16px rgba(0,0,0,.1) !important;
  border: 1px solid #e2e8f0;
}
.cinema-poster-light:hover {
  box-shadow:0 16px 40px rgba(0,0,0,.15) !important;
  border-color: #cbd5e1;
}

/* ===================================================
   CANLI VERİLER v2 — Daha Dikkat Çekici
   =================================================== */
.home-live-v2 { padding:96px 0; background:linear-gradient(180deg,#f0f4ff 0%,#fff 100%); }
.live-grid-v2 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.live-card-v2 {
  border-radius:20px;
  border:1.5px solid #e2e8f0;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  transition:all .3s cubic-bezier(.22,1,.36,1);
  position:relative;
}
.live-card-v2::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,transparent,#f97316,transparent);
  opacity:0; transition:opacity .3s;
}
.live-card-v2:hover {
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(0,0,0,.1);
  border-color:#cbd5e1;
}
.live-card-v2:hover::before { opacity:1; }

.lv2-head {
  display:flex; align-items:center; gap:12px;
  padding:18px 20px; border-bottom:1px solid #f1f5f9;
  background:linear-gradient(135deg,#fafbfc,#fff);
}
.lv2-icon {
  width:40px; height:40px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.lv2-title { font-size:14px; font-weight:800; color:#1e293b; flex:1; }
.lv2-live {
  display:inline-flex; align-items:center; gap:5px;
  font-size:10px; font-weight:700; color:#16a34a;
  background:#f0fdf4; padding:4px 10px; border-radius:999px;
  border:1px solid #bbf7d0;
}
.lv2-live::before {
  content:''; display:block; width:7px; height:7px;
  border-radius:50%; background:#22c55e;
  animation:blink 1.5s infinite;
}
.lv2-badge-new {
  display:inline-flex; align-items:center;
  font-size:10px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a78bfa);
  padding:4px 10px; border-radius:999px;
  letter-spacing:.5px; text-transform:uppercase;
}

/* Otobüs kartı */
.live-card-bus {
  text-decoration:none;
  grid-column: span 2;
  cursor:pointer;
  border-color:#ede9fe;
  background:linear-gradient(135deg,#faf5ff,#fff);
}
.live-card-bus:hover { border-color:#c4b5fd; }
.bus-quick-body { padding:18px 20px !important; }
.bus-quick-info { display:flex; flex-direction:column; gap:12px; }
.bus-route-chip {
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:#4c1d95;
}
.bus-quick-routes { display:flex; gap:6px; flex-wrap:wrap; }
.bus-line-pill {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:28px; padding:0 10px;
  border-radius:8px; font-size:12px; font-weight:800;
  background:linear-gradient(135deg,#7c3aed,#6d28d9);
  color:#fff;
  box-shadow:0 2px 8px rgba(124,58,237,.25);
}
.bus-line-pill.bus-more {
  background:#e2e8f0; color:#64748b;
  box-shadow:none;
}
.bus-cta-text {
  font-size:13px; font-weight:700; color:#7c3aed;
  transition:color .2s;
}
.live-card-bus:hover .bus-cta-text { color:#4c1d95; }

/* v2 responsive */
@media (max-width:1100px) {
  .live-grid-v2 { grid-template-columns:repeat(2,1fr); }
  .live-card-bus { grid-column:span 2; }
}
@media (max-width:640px) {
  .live-grid-v2 { grid-template-columns:1fr; }
  .live-card-bus { grid-column:span 1; }
}

/* ===================================================
   ÇUKUROVA ESİNTİSİ — AYDINLIK TEMA
   =================================================== */
.adana-story-light {
  background: linear-gradient(135deg, #fff8f0 0%, #fff3e6 50%, #fffbf5 100%) !important;
  position: relative;
  overflow: hidden;
}
.adana-story-light::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 50% 70% at 80% 40%, rgba(249,115,22,.06) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 15% 70%, rgba(251,191,36,.05) 0%, transparent 50%);
}
.adana-story-light .story-text h2 {
  color: #0f172a !important;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 16px;
}
.adana-story-light .story-text p {
  color: #475569 !important;
  line-height: 1.85;
  font-size: 15px;
  margin-bottom: 28px;
}
.story-cta-light {
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 28px; border-radius:14px;
  background:linear-gradient(135deg,#f97316,#ea580c) !important;
  color:#fff !important;
  border:none !important;
  font-weight:700; font-size:14px;
  box-shadow:0 8px 24px rgba(249,115,22,.35);
  transition:all .25s;
}
.story-cta-light:hover {
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(249,115,22,.45);
}

.story-facts-light { display:flex; flex-direction:column; gap:12px; }
.story-fact-light {
  display:flex; align-items:center; gap:16px;
  padding:20px 22px; border-radius:16px;
  background:#fff !important;
  border:1.5px solid #fde8d0 !important;
  backdrop-filter:none;
  box-shadow:0 2px 12px rgba(249,115,22,.06);
  transition:all .25s;
}
.story-fact-light:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(249,115,22,.12);
  border-color:#fdba74 !important;
}
.sf-icon-light {
  width:44px; height:44px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#fff7ed,#ffedd5) !important;
  border:1px solid #fde8d0;
}
.sf-text-light {
  font-size:14px; color:#475569 !important; font-weight:500; line-height:1.4;
}
.sf-text-light strong {
  color:#0f172a !important; display:block; font-size:15px; margin-bottom:2px;
}

/* Responsive — Çukurova Esintisi */
@media (max-width:900px) {
  .adana-story-light .story-grid { grid-template-columns:1fr; gap:40px; }
}

/* ===================================================
   BREAKING NEWS — Responsive
   =================================================== */
@media (max-width:900px) {
  .breaking-all-link { display:none; }
}
@media (max-width:640px) {
  .breaking-badge { padding:12px 14px; font-size:10px; letter-spacing:1px; }
  .breaking-item { padding:12px 18px; font-size:12px; }
}

/* ===================================================
   ETKİNLİK POSTER — Responsive
   =================================================== */
@media (max-width:640px) {
  .event-poster-card { width:180px; }
  .event-poster-title { font-size:12px; }
  .epd-day { font-size:18px; }
}