/* =========================
   Istanbul Medikal - App CSS (FINAL v3)
   FIX: Kategoriler + Hızlı Kısayollar + Mini KPI
========================= */

:root{
  --mx-bg: #f6f8fb;
  --mx-card: #ffffff;
  --mx-ink: #0f172a;
  --mx-muted: rgba(15,23,42,.70);
  --mx-line: rgba(15,23,42,.10);
  --mx-shadow: 0 10px 30px rgba(2,6,23,.08);

  --mx-primary: #0ea5e9;
  --mx-primary-2: #075985;

  --mx-hero-overlay-left: rgba(0, 0, 0, 0.82);
  --mx-hero-overlay-mid:  rgba(0, 0, 0, 0.45);
  --mx-hero-overlay-right:rgba(0, 0, 0, 0.22);

  --mx-radius: 22px;
}

/* ===== Font ===== */
html, body{
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{ letter-spacing: -0.2px; }

.mx-bg{ background: var(--mx-bg); color: var(--mx-ink); }
.mx-muted{ color: var(--mx-muted); }

.mx-card{
  background: var(--mx-card);
  border: 1px solid var(--mx-line);
  border-radius: var(--mx-radius);
  box-shadow: var(--mx-shadow);
}

/* ===== Button hover FIX ===== */
.mx-btn-call,
a.mx-btn-call,
button.mx-btn-call{
  background: var(--mx-primary) !important;
  border: 1px solid rgba(14,165,233,.35) !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: .1px;
}
.mx-btn-call:hover,
.mx-btn-call:focus,
.mx-btn-call:active{
  background: #0b92cf !important;
  border-color: rgba(14,165,233,.55) !important;
  color:#fff !important;
  box-shadow: 0 0 0 .18rem rgba(14,165,233,.22) !important;
  text-decoration: none !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{ color:#fff !important; }
.btn-outline-success:hover,
.btn-outline-success:focus{ color:#fff !important; }

.mx-topbar{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}
.mx-brand{ color: var(--mx-ink); font-weight: 800; }
.mx-mini{ font-size: 12px; color: rgba(15,23,42,.56); font-weight: 650; }

.mx-logo{
  width:42px; height:42px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(14,165,233,.22);
  background: rgba(14,165,233,.10);
}

.btn{ border-radius: 999px; }
.mx-btn-soft{ font-weight: 750; border-radius: 999px; }

.mx-dd{
  border: 1px solid var(--mx-line);
  border-radius: 16px;
  box-shadow: var(--mx-shadow);
  padding: 8px;
}

/* Live dot */
.mx-live-dot{
  width:10px; height:10px; border-radius:50%;
  background:#22c55e;
  box-shadow: 0 0 0 0 rgba(34,197,94,.45);
  animation: mxPulse 1.2s ease-in-out infinite;
}
@keyframes mxPulse{
  0%{ box-shadow: 0 0 0 0 rgba(34,197,94,.45); }
  70%{ box-shadow: 0 0 0 10px rgba(34,197,94,0); }
  100%{ box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* Icon colors */
.mx-i{ font-size: 1.05em; }
.mx-i-blue{ color:#0ea5e9; }
.mx-i-red{ color:#ef4444; }
.mx-i-amber{ color:#f59e0b; }
.mx-i-green{ color:#22c55e; }
.mx-i-heart{ color:#ef4444; font-size: 18px; }

/* ===== ÜST BAND (küçük) ===== */
.mx-alertbar{
  background: linear-gradient(90deg, rgba(239,68,68,.94), rgba(245,158,11,.88));
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.mx-alertbar .container{ padding-top: 6px !important; padding-bottom: 6px !important; }
.mx-alertbar .mx-alert-text{
  font-weight: 900;
  letter-spacing: .15px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 12.5px;
  line-height: 1.1;
}
.mx-blink{
  width:9px;height:9px;border-radius:50%;
  background:#fff;
  opacity:.9;
  animation: mxBlink 1s ease-in-out infinite;
}
@keyframes mxBlink{
  0%,100%{ transform: scale(1); opacity:.9; }
  50%{ transform: scale(.7); opacity:.45; }
}

/* Strip */
.mx-strip{
  background: rgba(14,165,233,.10);
  border-bottom: 1px solid rgba(14,165,233,.18);
}
.mx-strip-text{ font-weight: 750; color: rgba(15,23,42,.86); }
.mx-strip-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(255,255,255,.72);
  font-weight: 750;
  color: rgba(15,23,42,.74);
  font-size: 12px;
}

/* Loader */
.mx-loader{
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(14,165,233,.06));
  display:flex;
  align-items:center;
  justify-content:center;
}
.mx-loader-card{
  width: min(420px, calc(100vw - 36px));
  padding: 18px 18px;
  border-radius: 18px;
  border: 1px solid var(--mx-line);
  background: rgba(255,255,255,.96);
  box-shadow: var(--mx-shadow);
}
.mx-loader-title{ font-weight: 850; font-size: 18px; }
.mx-loader-sub{ color: rgba(15,23,42,.62); font-weight: 650; }
.mx-progress{
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(14,165,233,.20);
  background: rgba(14,165,233,.08);
  overflow:hidden;
}
.mx-progress-bar{
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #0ea5e9, #22c55e);
  border-radius: 999px;
  transition: width .22s ease;
}

/* HERO */
.mx-hero{ min-height: 420px; }
.mx-hero-slide{ position: relative; height: 100%; min-height: 420px; }
.mx-hero-bg{ position:absolute; inset:0; background-size: cover; background-position: center; transform: scale(1.02); }
.mx-hero-overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, var(--mx-hero-overlay-left), var(--mx-hero-overlay-mid), var(--mx-hero-overlay-right));
  backdrop-filter: blur(1.5px);
}
.mx-hero-content{ position: relative; z-index: 2; padding: 24px 24px; color: #fff; max-width: 740px; }
.mx-h1{ font-weight: 900; letter-spacing: -0.5px; font-size: clamp(26px, 3vw, 44px); margin: 6px 0 10px; }
.mx-hsub{ font-size: 15px; color: rgba(255,255,255,.90); font-weight: 600; max-width: 560px; }

.mx-btn-ghost{
  border-color: rgba(255,255,255,.42) !important;
  color:#fff !important;
  font-weight: 800;
  background: rgba(0,0,0,.10);
}
.mx-btn-ghost:hover{ background: rgba(0,0,0,.18); }

.mx-tag{
  display:inline-flex; align-items:center; gap:6px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(6px);
  font-weight: 800;
  font-size: 12px;
}
.mx-tag-red{ background: rgba(239,68,68,.22); }
.mx-tag-blue{ background: rgba(14,165,233,.22); }
.mx-tag-green{ background: rgba(34,197,94,.22); }
.mx-tag-amber{ background: rgba(245,158,11,.22); }

/* ===== HIZLI ÜRÜN KISAYOLLARI – FIX (v1 geri geldi) ===== */
.mx-quick{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid var(--mx-line);
  background: rgba(14,165,233,.06);
  text-decoration:none;
  color: var(--mx-ink);
}
.mx-quick:hover{ filter: brightness(1.01); }
.mx-quick-ico{
  width: 40px; height:40px;
  border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(255,255,255,.90);
}
.mx-quick-title{ display:block; font-weight: 850; }
.mx-quick-sub{ display:block; font-size: 12px; color: rgba(15,23,42,.60); font-weight: 600; }

.mx-mini-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.mx-mini-kpi{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--mx-line);
  background: rgba(255,255,255,.90);
}
.mx-mini-num{ font-weight: 900; }
.mx-mini-lbl{ font-size: 12px; color: rgba(15,23,42,.58); font-weight: 600; }

/* ===== KATEGORİ KARTLARI – FIX (v1 geri geldi) ===== */
.mx-cat{ text-decoration:none; color: var(--mx-ink); display:block; }
.mx-cat:hover{ filter: brightness(1.01); }
.mx-cat-ico{
  width: 46px; height:46px;
  border-radius: 18px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(255,255,255,.90);
  font-size: 22px;
}
.mx-cat-tags{ display:flex; gap: 8px; flex-wrap: wrap; }

/* Mobilde kategoriler: bootstrap kolonlarına dokunma (CSS bozmasın) */
@media (max-width: 576px){
  /* sadece kart içlerini biraz sıkılaştır */
  #kategoriler .mx-cat{ padding: 14px !important; }
}

/* ===== 3’lü güven paneli ===== */
.mx-trust{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 576px){
  .mx-trust{ grid-template-columns: 1fr; }
}
.mx-trust-item{
  border: 1px solid var(--mx-line);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--mx-shadow);
  padding: 14px;
  display:flex;
  align-items:flex-start;
  gap: 12px;
}
.mx-trust-ico{
  width: 42px; height: 42px;
  border-radius: 16px;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(14,165,233,.08);
  display:flex; align-items:center; justify-content:center;
  color: var(--mx-primary-2);
  font-size: 20px;
}
.mx-trust-title{ font-weight: 900; margin: 0; font-size: 14px; }
.mx-trust-sub{ margin: 4px 0 0; font-size: 12px; color: rgba(15,23,42,.68); font-weight: 650; }

/* ===== En çok arananlar ===== */
.mx-popstrip{
  border: 1px solid rgba(14,165,233,.16);
  background: rgba(14,165,233,.06);
  border-radius: 18px;
  padding: 12px;
}
.mx-popstrip-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.mx-pop-title{ font-weight: 900; margin:0; font-size: 14px; }
.mx-pop-sub{ margin:0; font-size: 12px; color: rgba(15,23,42,.62); font-weight: 650; }

/* ===== İlçe alanı ===== */
.mx-ilce-box{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.90);
  border-radius: 18px;
  padding: 14px;
  box-shadow: var(--mx-shadow);
}
.mx-ilce-suggest{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 992px){
  .mx-ilce-suggest{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 576px){
  .mx-ilce-suggest{ grid-template-columns: 1fr; }
}
.mx-ilce-card{
  border: 1px solid var(--mx-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--mx-shadow);
  padding: 14px;
}
.mx-ilce-name{
  font-weight: 900;
  margin: 0 0 4px;
}
.mx-ilce-sub{
  font-size: 12px;
  color: rgba(15,23,42,.62);
  font-weight: 650;
  margin: 0 0 10px;
}
.mx-ilce-actions{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* ===== Chips ===== */
.mx-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(14,165,233,.07);
  font-weight: 800;
  color: rgba(15,23,42,.82);
  font-size: 12px;
}
.mx-chip:hover{ filter: brightness(1.01); }

/* Google reviews */
.mx-gmb-head{
  display:flex; align-items:center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
}
.mx-gmb-verified{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.22);
  background: rgba(14,165,233,.10);
  color:#075985;
  font-weight: 850;
}
.mx-gmb-pill{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.82);
  font-weight: 750;
}

.mx-gmb-track{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 992px){ .mx-gmb-track{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 576px){ .mx-gmb-track{ grid-template-columns: 1fr; } }

.mx-review{
  border: 1px solid var(--mx-line);
  background: #fff;
  border-radius: 18px;
  padding: 14px;
  box-shadow: var(--mx-shadow);
}
.mx-review-stars{ color:#f59e0b; font-weight: 850; letter-spacing: .2px; }
.mx-review-time{ font-size: 12px; color: rgba(15,23,42,.52); font-weight: 650; }
.mx-review-text{ color: rgba(15,23,42,.86); font-size: 14px; line-height: 1.45; font-weight: 600; }
.mx-review-badge{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(14,165,233,.22);
  background: rgba(14,165,233,.10);
  color:#075985;
  font-weight: 850;
}
.mx-review-tag{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(245,158,11,.22);
  background: rgba(245,158,11,.10);
  color:#7a4a00;
  font-weight: 850;
}
.mx-review-meta{
  margin-top: 10px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: rgba(15,23,42,.65);
  font-weight: 650;
}
.mx-review-meta i{ margin-right:6px; }

/* Product grid */
.mx-prod-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 992px){ .mx-prod-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 576px){ .mx-prod-grid{ grid-template-columns: 1fr; } }

.mx-prod-ico{
  width: 44px; height:44px;
  border-radius: 18px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(14,165,233,.06);
  font-size: 22px;
  color: var(--mx-primary-2);
}
.mx-prod-cat{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: rgba(15,23,42,.55);
}
.mx-prod-title{ font-size: 16px; line-height: 1.25; font-weight: 850; }
.mx-prod-desc{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(15,23,42,.78);
  font-weight: 650;
}
.mx-prod-meta{
  font-size: 12px;
  color: rgba(15,23,42,.68);
  font-weight: 650;
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items:center;
}
.mx-dotsep{ color: rgba(15,23,42,.35); }
.mx-prod-star{ color:#b45309; font-weight: 850; }
.mx-like{ font-size: 18px; color: rgba(15,23,42,.35); }

.mx-tag2{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.84);
  color: rgba(15,23,42,.78);
}
.mx-t-red{ border-color: rgba(239,68,68,.22); background: rgba(239,68,68,.08); }
.mx-t-blue{ border-color: rgba(14,165,233,.22); background: rgba(14,165,233,.08); }
.mx-t-green{ border-color: rgba(34,197,94,.22); background: rgba(34,197,94,.08); }
.mx-t-amber{ border-color: rgba(245,158,11,.22); background: rgba(245,158,11,.08); }
.mx-t-purple{ border-color: rgba(168,85,247,.22); background: rgba(168,85,247,.08); }
.mx-t-slate{ border-color: rgba(100,116,139,.22); background: rgba(100,116,139,.08); }

/* Sticky callbar */
.mx-callbar{
  position: fixed;
  left:0; right:0; bottom:0;
  z-index: 9998;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--mx-line);
}
.mx-callbar-text{ color: rgba(15,23,42,.82); font-weight: 800; }

/* Toasts (mobilde kesin kapat) */
.mx-toasts{
  position: fixed;
  right: 12px;
  bottom: 92px;
  z-index: 9999;
  display:grid;
  gap: 10px;
  pointer-events:none;
  max-width: min(360px, calc(100vw - 24px));
}
@media (max-width: 576px){
  .mx-toasts{ display:none !important; }
}

@media (max-width: 576px){
  .mx-hero-content{ padding: 18px 18px; }
}

/* =========================
   PATCH v4
   - Toast background fix
   - En çok arananlar mobile grid fix
   - Kategoriler mobile 2x2
   - Slider fixed height
   - Strip text smaller
========================= */

/* ✅ Toast / canlı bildirim kartı (arka plan + gölge geri) */
.mx-toast{
  pointer-events: none;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(2,6,23,.14);
  transform: translateX(10px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
}
.mx-toast.show{
  transform: translateX(0);
  opacity: 1;
}
.mx-toast-ico{
  width: 40px;
  height: 40px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(14,165,233,.12);
  border: 1px solid rgba(14,165,233,.18);
  color: #075985;
  flex: 0 0 auto;
}
.mx-toast-title{
  font-weight: 900;
  font-size: 12.5px;
  line-height: 1.1;
  margin-bottom: 3px;
}
.mx-toast-desc{
  font-size: 12px;
  color: rgba(15,23,42,.68);
  font-weight: 650;
  line-height: 1.25;
}

/* ✅ Slider sabit height (zıplama bitir) */
.mx-hero{ min-height: 420px; }
.mx-hero-slide{ min-height: 420px; }
@media (max-width: 576px){
  .mx-hero{ min-height: 520px; }
  .mx-hero-slide{ min-height: 520px; }
}

/* ✅ Strip yazıları küçült (kabalık azalır) */
.mx-strip-text{ font-size: 12.5px; }
.mx-strip-pill{ font-size: 11.5px; padding: 5px 9px; }
@media (max-width: 576px){
  .mx-strip-text{ font-size: 12px; }
  .mx-strip-pill{ font-size: 11px; }
}

/* ✅ Kategoriler mobilde 2x2 (4 kart) */
#kategoriler .row{ row-gap: 12px; }
@media (max-width: 576px){
  #kategoriler .col-12.col-md-6.col-lg-3{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  #kategoriler .mx-card{ height: 100%; }
}

/* ✅ En çok arananlar: mobilde 2 sütun grid + premium kart */
.mx-popstrip .d-flex.flex-wrap.gap-2{
  display:grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px !important;
}
.mx-popstrip [data-q].mx-chip{
  justify-content: center;
  width: 100%;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 8px 18px rgba(2,6,23,.06);
}
.mx-popstrip [data-q].mx-chip:hover{
  filter: brightness(1.01);
}
@media (max-width: 992px){
  .mx-popstrip .d-flex.flex-wrap.gap-2{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 576px){
  .mx-popstrip .d-flex.flex-wrap.gap-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================
   PATCH v5 (index fixes)
   - Hero görselsiz
   - Hero metrics CSS geri
   - Galeri mx-photo görünür
   - SSS başlık/body ayrımı
   - Footer premium
========================= */

/* HERO: görselsiz mod */
.mx-hero-bg{ display:none !important; } /* hero-1.jpg/hero-2.jpg görseli görünmesin */
.mx-hero-overlay{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(14,165,233,.28), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(34,197,94,.18), transparent 55%),
              linear-gradient(180deg, rgba(11,31,58,.98), rgba(7,24,45,.95));
}

/* Hero content arka planı cam gibi, daha net */
.mx-hero-content{
  max-width: 720px;
}
.mx-hero-content .mx-hsub{ color: rgba(255,255,255,.92); }

/* ✅ Hero metrics (şu an bakan / puan / değerlendirme) */
.mx-hero-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 576px){
  .mx-hero-metrics{ grid-template-columns: 1fr; }
}
.mx-metric{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
}
.mx-metric-ico{
  width: 42px; height: 42px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
}
.mx-metric-num{
  font-weight: 900;
  font-size: 18px;
  line-height: 1.1;
}
.mx-metric-lbl{
  font-size: 12px;
  color: rgba(255,255,255,.78);
  font-weight: 650;
}

/* ✅ Slider sabit height (zıplamayı kesin bitir) */
.mx-hero, .mx-hero-slide{ min-height: 520px; }
@media (min-width: 992px){
  .mx-hero, .mx-hero-slide{ min-height: 520px; }
}

/* ✅ İşletmeden görüntüler: mx-photo görünür hale */
.mx-photo{
  width: 100%;
  height: 160px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.10);
  background-size: cover;
  background-position: center;
  background-color: rgba(15,23,42,.06);
  box-shadow: 0 10px 26px rgba(2,6,23,.10);
}
@media (max-width: 576px){
  .mx-photo{ height: 140px; }
}

/* ✅ SSS: başlık koyu, body daha açık */
.accordion-item{
  border-radius: 16px !important;
  overflow:hidden;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
}
.accordion-button{
  font-weight: 900 !important;
  color: rgba(15,23,42,.92) !important;
  background: rgba(255,255,255,.92) !important;
}
.accordion-button:not(.collapsed){
  color: #075985 !important;
  background: rgba(14,165,233,.08) !important;
}
.accordion-body{
  font-weight: 650;
  color: rgba(15,23,42,.72);
  line-height: 1.55;
  background: rgba(255,255,255,.94);
}

/* ✅ Footer premium */
.mx-footer{
  margin-top: 26px;
  border-top: 1px solid rgba(15,23,42,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(14,165,233,.05));
}
.mx-footer h6{
  font-weight: 900;
  letter-spacing: -0.2px;
}
.mx-footer a{
  color: rgba(15,23,42,.78);
  text-decoration: none;
  font-weight: 650;
}
.mx-footer a:hover{ color: #075985; text-decoration: underline; }
.mx-footer-card{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
}
.mx-footer-badges{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.mx-footer-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(14,165,233,.18);
  background: rgba(14,165,233,.08);
  font-weight: 800;
  font-size: 12px;
  color: rgba(15,23,42,.82);
}