/* Şehir Portalı — ortak ön yüz kabuğu: kart sistemi, 1600px tuval, uygulama arayüzü, header, tasarım sistemi ve mobil görünüm (bu sırayla). */
/* ==== sp-layer-1-shell ==== */
/*
 * Şehir Portalı — sp-layer-shell (1.0.44 birleşik katman)
 * Ortak kart sistemi (2.7.6.97) + 1600px public tuval (2.7.6.106) + liste sayfası kompozisyonu (2.7.6.109).
 * Aşağıdaki bölümler eski yükleme sırasıyla birebir aynıdır; sıra değiştirilmemelidir.
 */

/* ==== unified-content-cards.css (eski tutamaç: sp-unified-content-cards) ==== */
/* Ortak içerik kart dili
   Haber / Yazı / Firma / Seri İlan / Etkinlik / Anket ve widget grid kartları.
   Hero, manşet, slider gibi özel yerleşimler bu kurala zorlanmaz. */

:root{
  --sp-card-bg:var(--sp-surface,#fff);
  --sp-card-border:var(--sp-border,#e1e7ee);
  --sp-card-text:var(--sp-text,#172033);
  --sp-card-muted:var(--sp-muted,#667085);
  --sp-card-accent:var(--sp-primary,#b31f35);
  --sp-card-radius:14px;
  --sp-card-gap:10px;
}

/* Ortak grid — gerektiğinde 1–8 sütun seçilebilir. */
.sp-unified-content-grid.sp-cols-1{grid-template-columns:1fr}
.sp-unified-content-grid.sp-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-unified-content-grid.sp-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-unified-content-grid.sp-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-unified-content-grid.sp-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sp-unified-content-grid.sp-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.sp-unified-content-grid.sp-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.sp-unified-content-grid.sp-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}

/* Ortak kart yüzeyi */

/* Görsel alan — tüm kartlarda aynı oran ve davranış */
.sp-unified-content-media,
.sp-news-stream-media,
.sp-directory-card .sp-card-media,
.sp-classified-card .sp-card-media,
.sp-event-card .sp-card-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#eef2f6!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}
.sp-account-content-placeholder,
.sp-no-image,
.sp21-placeholder{
  width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#98a2b3;background:#eef2f6;
}
.sp-account-content-placeholder .dashicons{display:block;margin:0 auto 4px}

/* İçerik gövdesi */
.sp-unified-content-meta,
.sp-news-stream-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  min-width:0;
  margin:0 0 6px!important;
  color:#98a2b3!important;
  font-size:8.5px!important;
  line-height:1.2!important;
}
.sp-unified-content-meta span,
.sp-news-stream-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-unified-content-card h3,
.sp-news-stream-card h2,
.sp-directory-card h3,
.sp-classified-card h3,
.sp-event-card h3{
  margin:0!important;
  color:var(--sp-card-text)!important;
  font-size:13.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.sp-unified-content-location{display:block;margin-top:7px;color:var(--sp-card-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hesabım kart aksiyonları kartın altında sabit kalır. */
.sp-account-content-actions.sp-unified-content-actions a:hover,
.spp-account-poll-actions.sp-unified-content-actions a:hover{border-color:#c7d4e2!important;background:#f7f9fc!important}
.sp-account-content-actions.sp-unified-content-actions .is-view,
.spp-account-poll-actions.sp-unified-content-actions .is-view{color:#0b63ce!important;background:#f4f8ff!important;border-color:#d7e6fb!important}
.sp-account-content-actions.sp-unified-content-actions .is-edit,
.spp-account-poll-actions.sp-unified-content-actions .is-edit{color:#24653b!important;background:#f3fbf5!important;border-color:#d8eddd!important}
.sp-account-content-actions.sp-unified-content-actions .is-delete,
.spp-account-poll-actions.sp-unified-content-actions .is-delete{color:#b42334!important;background:#fff7f8!important;border-color:#f5dadd!important}

/* Hesabım listeleri */
.sp-account-listing-shell .sp-account-content-grid,
.sp-account-direct-module-shell .sp-account-content-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Anket kartı: görsel yerine kurumsal ikon alanı. */
.sp-account-poll-media{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:7px!important;
  padding:13px!important;
  background:linear-gradient(145deg,#fff3f5,#f7f9fc)!important;
  color:var(--sp-brand-red,#a51d31)!important;
  font-size:10px!important;
  font-weight:800!important;
}
.sp-account-poll-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#ffe8ec!important;color:#b31f35!important;font-size:20px!important;line-height:40px!important}
.sp-account-poll-card .sp-unified-content-body>p{display:block!important}

/* Önizleme modal ve Haber önizlemesindeki kart özeti */
.sp-unified-preview-card{
  overflow:hidden;border:1px solid var(--sp-card-border);border-radius:var(--sp-card-radius);background:var(--sp-card-bg);box-shadow:0 4px 14px rgba(15,23,42,.035);margin-bottom:14px
}
.sp-unified-preview-card .sp-unified-content-media{aspect-ratio:16/7!important}
.sp-unified-preview-card .sp-unified-content-body{padding:13px!important}
.sp-unified-preview-card .sp-unified-content-body h3{font-size:16px!important}

/* Widget Oluşturucu grid kartları: kaynak ne olursa olsun aynı yüzey dili. */
.spwb-widget .spwb-grid>.spwb-item,
.spwb-widget.spwb-slider .spwb-item{
  border:1px solid var(--sp-card-border,#e1e7ee)!important;
  border-radius:var(--radius,14px)!important;
  background:var(--sp-card-bg,#fff)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
}
.spwb-widget .spwb-grid .spwb-copy{padding:10px!important}

/* Ana Sayfa Düzenleyici grid modüllerindeki normal firma/ilan/etkinlik kart dili */
.sp-hb-cell.sp-hb-display-grid .sp21-firm-card,
.sp-hb-cell.sp-hb-display-grid .spmc-classified-card,
.sp-hb-cell.sp-hb-display-grid .spmc-event-card{
  overflow:hidden!important;border:1px solid var(--sp-card-border)!important;border-radius:var(--sp-card-radius)!important;background:var(--sp-card-bg)!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important
}

/* Önceki 2.7.6.x yatay Hesabım kart kurallarını kesin olarak dikey ortak karta çevir. */
.sp-account-listing-shell .sp-account-content-card.sp-unified-content-card,
.sp-account-direct-module-shell .sp-account-content-card.sp-unified-content-card{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
}
.sp-account-listing-shell .sp-account-content-card .sp-account-content-media.sp-unified-content-media,
.sp-account-direct-module-shell .sp-account-content-card .sp-account-content-media.sp-unified-content-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
}
.sp-account-listing-shell .sp-account-content-card .sp-account-content-media img,
.sp-account-direct-module-shell .sp-account-content-card .sp-account-content-media img,
.sp-account-listing-shell .sp-account-content-card .sp-account-content-placeholder,
.sp-account-direct-module-shell .sp-account-content-card .sp-account-content-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.sp-account-listing-shell .sp-account-content-card .sp-account-content-body.sp-unified-content-body,
.sp-account-direct-module-shell .sp-account-content-card .sp-account-content-body.sp-unified-content-body{
  width:auto!important;
  padding:11px!important;
}
.sp-account-listing-shell .sp-account-content-card .sp-account-content-actions.sp-unified-content-actions,
.sp-account-direct-module-shell .sp-account-content-card .sp-account-content-actions.sp-unified-content-actions{
  grid-column:auto!important;
  grid-row:auto!important;
  width:auto!important;
  margin-top:auto!important;
}

/* Firma / Seri İlan / Etkinlik form önizlemesi de aynı kart yüzeyini kullanır. */
.sp-directory-preview-card.sp-unified-preview-card{display:grid!important;gap:0!important;padding:0!important}
.sp-directory-preview-card.sp-unified-preview-card>.sp-directory-preview-gallery{padding:10px;border-bottom:1px solid #edf1f5;background:#f8fafc}
.sp-directory-preview-card.sp-unified-preview-card>div:not(.sp-directory-preview-gallery){padding:13px 14px 10px}
.sp-directory-preview-card.sp-unified-preview-card>.sp-directory-preview-section{margin:0 12px 12px;padding:12px!important}
.sp-directory-preview-card.sp-unified-preview-card .sp-directory-preview-title{margin:3px 0 8px!important;font-size:17px!important;line-height:1.3!important}
.sp-directory-preview-card.sp-unified-preview-card .sp-directory-preview-kicker{color:var(--sp-card-accent);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.sp-news-card-preview.sp-unified-preview-card{max-width:680px;margin:0 auto 16px}
.sp-news-preview-article{padding-top:14px;border-top:1px solid #edf1f5}

/* =========================================================
   ORTAK KART MOTORU / GERÇEK DOM BÜTÜNLÜĞÜ
   2.7.6.96 yalnız stil katmanıydı. Bu sürümde Hesabım ve public
   kartların markup'ı da Tüm Haberler kart sınıflarını taşıyor.
   ========================================================= */
body:not(.wp-admin) .sp-account-listing-shell .sp-account-content-grid,
body:not(.wp-admin) .sp-account-direct-module-shell .sp-account-content-grid,
body:not(.wp-admin) .spp-account-cards.sp-account-content-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}

body:not(.wp-admin) :is(
  .sp-account-content-card,
  .sp-account-poll-card,
  .sp-directory-card,
  .sp-classified-card,
  .sp-event-card,
  .sp-directory-preview-summary,
  .sp-news-card-preview
) :is(.sp-news-stream-media,.sp-unified-content-media,.sp-card-media){
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#eef1f4!important;
  flex:0 0 auto!important;
}

body:not(.wp-admin) :is(
  .sp-account-content-card,
  .sp-account-poll-card,
  .sp-directory-card,
  .sp-classified-card,
  .sp-event-card,
  .sp-directory-preview-summary,
  .sp-news-card-preview
) :is(h2,h3){
  margin:7px 0 5px!important;
  color:#172033!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:760!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

/* Firma / İlan / Etkinlik form önizlemesinde üstte tek gerçek kart özeti. */
body:not(.wp-admin) .sp-directory-preview-card.sp-unified-preview-card{
  display:block!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body:not(.wp-admin) .sp-directory-preview-summary{margin:0 0 14px!important}
body:not(.wp-admin) .sp-directory-preview-summary-media>.sp-directory-preview-gallery{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#eef1f4!important;
}
body:not(.wp-admin) .sp-directory-preview-summary-media .sp-directory-preview-gallery img{
  display:none!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
}
body:not(.wp-admin) .sp-directory-preview-summary-media .sp-directory-preview-gallery img:first-child{display:block!important}
body:not(.wp-admin) .sp-directory-preview-summary-media:empty::before{
  content:'Önizleme';display:grid;place-items:center;width:100%;height:100%;color:#98a2b3;font-size:11px
}
body:not(.wp-admin) .sp-directory-preview-summary-copy .sp-directory-preview-meta{margin-top:7px!important}
body:not(.wp-admin) .sp-directory-preview-card>.sp-directory-preview-section{margin:0 0 10px!important}

/* Public Firma Rehberi / Seri İlan / Etkinlik gridleri de Tüm Haberler yoğunluğuna gelir. */
body:not(.wp-admin) :is(.sp-directory-grid,.sp-classified-grid,.sp-event-grid){
  gap:10px!important;
}

/* Normal ana sayfa / widget kartlarında eski sınıflar korunur, yüzey aynı olur. */
body:not(.wp-admin) :is(.sp-hb-display-grid,.spwb-grid) :is(.sp-directory-card,.sp-classified-card,.sp-event-card,.spwb-item){
  border:1px solid #e1e7ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}

@media(max-width:1180px){
  body:not(.wp-admin) .sp-account-listing-shell .sp-account-content-grid,
  body:not(.wp-admin) .sp-account-direct-module-shell .sp-account-content-grid,
  body:not(.wp-admin) .spp-account-cards.sp-account-content-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
/* ========================================================================
   MERKEZÎ KART + İÇERİK SAYFASI TASARIM SİSTEMİ
   Referans: Hesabım > İçerik Ekle kartlarının ferah, okunaklı kart dili.
   Amaç: Haber, Yazı, Firma, Seri İlan, Etkinlik, Anket ve yardımcı modüllerde
   aynı yüzey, yazı hiyerarşisi, radius ve boşluk sistemini kullanmak.
   ======================================================================== */
:root{
  --sp-ui-card-bg:var(--sp-surface,#fff);
  --sp-ui-card-border:var(--sp-border,#dfe6ee);
  --sp-ui-card-text:var(--sp-text,#172033);
  --sp-ui-card-muted:var(--sp-muted,#667085);
  --sp-ui-card-accent:var(--sp-primary,#b31f35);
  --sp-ui-card-radius:18px;
  --sp-ui-card-shadow:0 6px 20px rgba(15,23,42,.045);
  --sp-ui-card-pad:16px;
  --sp-ui-grid-gap:12px;
  --sp-ui-title-size:16px;
  --sp-ui-body-size:12.5px;
  --sp-ui-meta-size:10.5px;
}

/* Referans kart ile normal içerik kartları aynı yüzey dilini kullanır. */
body:not(.wp-admin) :is(
  .sp-submit-hub-card,
  .sp-unified-content-card,
  .sp-news-stream-card,
  .sp-directory-card,
  .sp-classified-card,
  .sp-event-card,
  .sp-content-card,
  .sp-account-poll-card,
  .sp-pharmacy-card,
  .sp-pharmacy-day-card,
  .sp-prayer-card,
  .sp-death-card,
  .spmg-media,
  .spp-poll,
  .sp-economy-slide,
  .sp-sport-slide,
  .spwb-grid>.spwb-item
){
  box-sizing:border-box!important;
  border:1px solid var(--sp-ui-card-border)!important;
  border-radius:var(--sp-ui-card-radius)!important;
  background:var(--sp-ui-card-bg)!important;
  color:var(--sp-ui-card-text)!important;
  box-shadow:var(--sp-ui-card-shadow)!important;
}

/* Haber/Yazı kısa kod kartları da aynı gerçek DOM görünümünü alır. */
body:not(.wp-admin) .sp-content-card>a{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  color:inherit!important;
  text-decoration:none!important;
}
body:not(.wp-admin) .sp-content-card>a>img,
body:not(.wp-admin) .sp-content-card>a>.sp-noimg{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  object-fit:cover!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#eef2f6!important;
}
body:not(.wp-admin) .sp-content-card>a>.sp-noimg{display:grid!important;place-items:center!important;color:#98a2b3!important}
body:not(.wp-admin) .sp-content-card>a>div{padding:var(--sp-ui-card-pad)!important;}

/* Ortak görsel alanı */
body:not(.wp-admin) :is(
 .sp-unified-content-media,
 .sp-news-stream-media,
 .sp-directory-card .sp-card-media,
 .sp-classified-card .sp-card-media,
 .sp-event-card .sp-card-media){
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#eef2f6!important;
}

/* Ortak içerik gövdesi ve yazı karakterleri */

body:not(.wp-admin) :is(
 .sp-unified-content-card,
 .sp-news-stream-card,
 .sp-directory-card,
 .sp-classified-card,
 .sp-event-card,
 .sp-content-card,
 .sp-account-poll-card
) :is(h2,h3){
  margin:0!important;
  color:var(--sp-ui-card-text)!important;
  font-family:inherit!important;
  font-size:var(--sp-ui-title-size)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  overflow-wrap:anywhere!important;
}

body:not(.wp-admin) :is(
 .sp-unified-content-card,
 .sp-news-stream-card,
 .sp-directory-card,
 .sp-classified-card,
 .sp-event-card,
 .sp-content-card,
 .sp-account-poll-card
) :is(p){
  margin:8px 0 0!important;
  color:var(--sp-ui-card-muted)!important;
  font-size:var(--sp-ui-body-size)!important;
  line-height:1.55!important;
}
body:not(.wp-admin) :is(
 .sp-unified-content-meta,
 .sp-news-stream-meta,
 .sp-content-card small,
 .sp-directory-card small,
 .sp-classified-card small,
 .sp-event-card small){
  color:#7b8798!important;
  font-size:var(--sp-ui-meta-size)!important;
  line-height:1.35!important;
  font-weight:650!important;
}
body:not(.wp-admin) :is(.sp-card-link){
  display:inline-flex!important;
  align-items:center!important;
  margin-top:10px!important;
  color:var(--sp-ui-card-accent)!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* Hesabım liste kartları: görsel + metin + işlem alanı aynı kartın içinde. */

/* Eski Galerilerim/Reklamlarım satırları da kart-grid görünümüne alınır. */
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--sp-ui-grid-gap)!important;
}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--sp-ui-card-border)!important;
  border-radius:var(--sp-ui-card-radius)!important;
  background:var(--sp-ui-card-bg)!important;
  box-shadow:var(--sp-ui-card-shadow)!important;
}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-thumb{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#eef2f6!important;
}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-main{padding:var(--sp-ui-card-pad)!important;flex:1 1 auto!important;}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-main h3{margin:0!important;font-size:var(--sp-ui-title-size)!important;line-height:1.35!important;}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-main p{font-size:var(--sp-ui-body-size)!important;line-height:1.55!important;color:var(--sp-ui-card-muted)!important;}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;gap:7px!important;padding:11px 13px 13px!important;border-top:1px solid #edf1f5!important;}
body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid)>article>.sp-own-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;}

/* Yardımcı modül kartlarının yüzeyi ortak; modülün özel verisi/ikonları korunur. */
body:not(.wp-admin) :is(.sp-prayer-card,.sp-pharmacy-card,.sp-pharmacy-day-card,
 .sp-death-card,.spp-poll,.sp-economy-slide,.sp-sport-slide,.spmg-media
) :is(h2,h3,strong){color:var(--sp-ui-card-text);font-family:inherit;}

/* Yardımcı modül tam sayfaları: aynı içerik kabuğu + yazı hiyerarşisi. */
body:not(.wp-admin) :is(
 .sp-weather-page,.sp-pharmacy-page,.sp-prayer-wrap,.sp-economy-page,.sp-death-wrap.sp-death-detail,
 .sp-sports-page,.sp-social-media-page
){
  width:min(var(--sp-layout-inner-max,1600px),calc(100% - (var(--sp-layout-edge,10px) * 2)))!important;
  margin:20px auto 38px!important;
  color:var(--sp-ui-card-text)!important;
  font-family:inherit!important;
}
body:not(.wp-admin) :is(
 .sp-weather-page,.sp-pharmacy-page,.sp-prayer-wrap,.sp-economy-page,.sp-death-wrap.sp-death-detail,
 .sp-sports-page,.sp-social-media-page
) :is(h1,h2,h3){font-family:inherit!important;letter-spacing:-.02em!important;color:var(--sp-ui-card-text)!important;}
body:not(.wp-admin) :is(
 .sp-weather-page,.sp-pharmacy-page,.sp-prayer-wrap,.sp-economy-page,.sp-death-wrap.sp-death-detail,
 .sp-sports-page,.sp-social-media-page
)>:is(.sp-pharmacy-page-head,.sp-prayer-hero,.sp-market-groups,.sp-death-hero,.sp-sports-widget,.sp-social-follow){
  border:1px solid var(--sp-ui-card-border)!important;
  border-radius:var(--sp-ui-card-radius)!important;
  background:var(--sp-ui-card-bg)!important;
  box-shadow:var(--sp-ui-card-shadow)!important;
}

/* Haber/Yazı/Firma/İlan/Etkinlik detay sayfaları aynı beyaz kart kabuğu ve tipografi. */
body.single-post:not(.wp-admin) .sp-entry-meta{font-size:12px!important;color:var(--sp-ui-card-muted)!important;}
body.single-post:not(.wp-admin) .sp-entry-content :is(h2,h3,h4){color:var(--sp-ui-card-text)!important;font-family:inherit!important;line-height:1.3!important;}
body.single-post:not(.wp-admin) .sp-entry-content h2{font-size:23px!important;}
body.single-post:not(.wp-admin) .sp-entry-content h3{font-size:19px!important;}

/* Firma / İlan / Etkinlik detaylarının iç panellerinde aynı kart radius / yazı ölçüsü. */
body:is(.single-sp_directory,.single-sp_classified,.single-sp_event):not(.wp-admin) :is(
 .sp-dir-web-section,.sp-dir-info-card,.sp-dir-layout section
){padding:18px!important;}
body:is(.single-sp_directory,.single-sp_classified,.single-sp_event):not(.wp-admin) :is(
 .sp-dir-web-section,.sp-dir-info-card,.sp-dir-layout section
) :is(p,li){font-size:14px!important;line-height:1.65!important;color:var(--sp-ui-card-muted)!important;}

/* Grid sütun sayısı arttıkça yalnız font kontrollü küçülür; kart dili değişmez. */
body:not(.wp-admin) .sp-unified-content-grid:is(.sp-cols-5,.sp-cols-6) .sp-unified-content-card h3{font-size:14px!important;}
body:not(.wp-admin) .sp-unified-content-grid:is(.sp-cols-7,.sp-cols-8) .sp-unified-content-card h3{font-size:12.5px!important;}
body:not(.wp-admin) .sp-unified-content-grid:is(.sp-cols-7,.sp-cols-8) .sp-unified-content-body{padding:11px!important;}
body:not(.wp-admin) .sp-unified-content-grid:is(.sp-cols-7,.sp-cols-8) .sp-unified-content-body>p{font-size:11px!important;}

@media(max-width:1180px){
 body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:767px){
 :root{--sp-ui-card-radius:16px;--sp-ui-card-pad:13px;--sp-ui-grid-gap:9px;--sp-ui-title-size:14px;--sp-ui-body-size:11.5px;--sp-ui-meta-size:9.5px;}
 body:not(.wp-admin) .sp-account-main .sp-own-list:not(.sp-account-content-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body:not(.wp-admin) :is(.sp-weather-page,.sp-pharmacy-page,.sp-prayer-wrap,.sp-economy-page,.sp-death-wrap.sp-death-detail,.sp-sports-page,.sp-social-media-page){width:calc(100% - (var(--sp-layout-edge,10px) * 2))!important;margin:0 auto var(--sp-layout-y-gap,20px)!important;}
     body:is(.single-sp_directory,.single-sp_classified,.single-sp_event):not(.wp-admin) :is(.sp-dir-web-section,.sp-dir-info-card,.sp-dir-layout section){padding:15px!important;}
}

/* Koyu tema: ortak sistem değişkenlere bağlı kalır. */
html[data-theme="dark"],body[data-theme="dark"],.sp-dark{
 --sp-ui-card-bg:var(--sp-surface,#16202d);
 --sp-ui-card-border:var(--sp-border,#2b394a);
 --sp-ui-card-text:var(--sp-text,#f8fafc);
 --sp-ui-card-muted:var(--sp-muted,#c3ccd7);
}

/* ==== global-layout-1600.css (eski tutamaç: sp-global-layout-1600) ==== */
/* Genel public sayfa genişliği ve tek üst alan standardı.
   Yalnız yerleşim/görünüm katmanı; modül ayarları ve iş mantığı değişmez. */
:root{--sp-container:var(--sp-layout-inner-max,1600px);}

/* Tema genelinde ana içerik genişliği: en fazla 1600px, her iki kenarda en az 10px. */

/* Ana kabın içindeki modül sayfaları eski 1120/1180/1240/1280 sınırlarına takılmasın. */

/* Aynı element hem sp-container hem özel içerik kabuğu ise 1600px kuralı geçerli olsun. */

/* Ortak üst alan: breadcrumb + tek H1. Üstte dengeli nefes alanı korunur. */
body:not(.home):not(.wp-admin) .sp-container > :is(
  .sp-primary-page-title,.sp-primary-page-head,.sp-archive-header,.sp-cpt-archive-head,
  .sp-list-head,.sp-page-title,.sp-module-title
):first-of-type{
  margin-top:0!important;
  margin-bottom:var(--sp-layout-y-gap,20px)!important;
}

/* JS tarafından tespit edilen ikinci/tekrar başlık bloğu tamamen kaldırılır. */
body:not(.home):not(.wp-admin) .sp-ui-duplicate-head-block{display:none!important;}
body:not(.home):not(.wp-admin) .sp-ui-action-only-secondary-head{
  margin-top:0!important;
  padding-top:0!important;
  justify-content:flex-end!important;
}

@media(max-width:767px){
    body:not(.home):not(.wp-admin) .sp-container > .sp-breadcrumbs:first-child{margin:20px 0 12px!important;}
  body:not(.home):not(.wp-admin) .sp-container > :is(
    .sp-primary-page-title,.sp-primary-page-head,.sp-archive-header,.sp-cpt-archive-head,
    .sp-list-head,.sp-page-title,.sp-module-title
  ):first-of-type{margin-bottom:20px!important;}
}

/* Public modül/sayfa üst alanı kesin sadeleştirme.
   Modül sayfasında modülün kendi adı; normal sayfada tek sayfa adı kalır.
   Breadcrumb, tekrar kabuk başlığı, kicker ve açıklamalar gösterilmez. */
body:not(.home):not(.wp-admin) .sp-breadcrumbs{
  display:none!important;
}
body:not(.home):not(.wp-admin) .sp-ui-shell-heading-hidden,
body:not(.home):not(.wp-admin) .sp-ui-shell-head-block-hidden,
body:not(.home):not(.wp-admin) .sp-ui-head-extra-hidden{
  display:none!important;
}
/* Yardımcı modüllerdeki üst etiket/kicker yalnızca başlık çevresinde temizlenir; ikon ve işlem butonlarına dokunulmaz. */
body:not(.home):not(.wp-admin) :is(
  .sp-helper-public>header,
  .sp-sports-page>header,
  .sp-social-media-page>header,
  .sp-weather-page>header,
  .sp-economy-page>header,
  .sp-camera-page>header
) > span:not(.dashicons),
body:not(.home):not(.wp-admin) :is(
  .sp-helper-public>header,
  .sp-sports-page>header,
  .sp-social-media-page>header,
  .sp-weather-page>header,
  .sp-economy-page>header,
  .sp-camera-page>header
) > p{
  display:none!important;
}

/* Portalın bütün ANA DIŞ kabuklarında tek 1600px standardı. */

/* ==== portal-page-composition-109.css (eski tutamaç: sp-portal-page-composition-109) ==== */
/* 2.7.6.106 tabanı üzerinde yalnız istenen public sayfa kompozisyonu. */
:root{--sp-page-gap:10px;--sp-page-line:#e1e7ee;--sp-page-surface:#fff;--sp-page-text:#172033;--sp-page-muted:#667085;--sp-page-accent:var(--sp-brand-red,#a51d31)}

/* Modül kendi başlığını üretiyorsa üstteki tema breadcrumb/ikinci başlık alanı kullanılmaz. */
body:not(.wp-admin) .sp-module-page-canvas>.sp-breadcrumbs{display:none!important}

/* Ekle butonlu liste sayfaları tek düzey kardeş bölümlerdir; iç içe kart görünümü yoktur. */
body:not(.wp-admin) .sp-module-owned-head h1{margin:0!important}
body:not(.wp-admin) .sp-module-owned-head p{display:none!important}

body:not(.wp-admin) .sp-page-section{min-width:0!important;margin:0!important;padding:10px!important;border:1px solid var(--sp-page-line)!important;border-radius:12px!important;background:var(--sp-page-surface)!important;overflow:hidden!important}

/* Son Eklenen: en çok 20 öğe. Yeni slider dışında mevcut modül kolon ayarlarına dokunulmaz. */
body:not(.wp-admin) .sp-page-slider{width:100%!important;min-width:0!important;overflow:hidden!important}
body:not(.wp-admin) .sp-page-slider-track{display:flex!important;align-items:stretch!important;gap:10px!important;width:max-content!important;min-width:100%!important;will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
body:not(.wp-admin) .sp-page-slider-track>*{flex:0 0 var(--sp-page-card-width)!important;width:var(--sp-page-card-width)!important;min-width:0!important;max-width:none!important;margin:0!important;align-self:stretch!important}
body:not(.wp-admin) .sp-page-slider-actions{display:flex!important;gap:6px!important}
body:not(.wp-admin) .sp-page-slider-actions button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--sp-page-line);border-radius:8px;background:#fff;color:#344054;font-size:21px;line-height:1;cursor:pointer}
body:not(.wp-admin) .sp-page-slider-actions button:disabled{opacity:.4;cursor:default}

/* Slider kartlarında uzun metin kart genişliğini/yüksekliğini bozmaz. */
body:not(.wp-admin) .sp-page-slider-track :is(.sp-news-stream-card,.sp-directory-card,.sp-page-simple-card,.spmg-archive-card){height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body:not(.wp-admin) .sp-page-slider-track :is(.sp-news-stream-media,.sp-card-media,.sp-page-simple-media,.spmg-archive-card>span){display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#eef2f6!important}
body:not(.wp-admin) .sp-page-slider-track :is(.sp-news-stream-media,.sp-card-media,.sp-page-simple-media,.spmg-archive-card>span) img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
body:not(.wp-admin) .sp-page-slider-track :is(h2,h3,b){overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important}
body:not(.wp-admin) .sp-page-slider-track p{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important}

/* Ortak kategori alanı; yalnız bu yeni bölümün grididir. */
body:not(.wp-admin) .sp-page-category-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
body:not(.wp-admin) .sp-page-category-card{min-width:0!important;min-height:58px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border:1px solid var(--sp-page-line)!important;border-radius:10px!important;background:#fff!important;color:var(--sp-page-text)!important;text-decoration:none!important}
body:not(.wp-admin) .sp-page-category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#fff1f3;color:var(--sp-page-accent)}
body:not(.wp-admin) .sp-page-category-copy{min-width:0!important}
body:not(.wp-admin) .sp-page-category-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25}
body:not(.wp-admin) .sp-page-category-copy small{display:block;margin-top:2px;color:var(--sp-page-muted);font-size:8.5px}

/* Sadece istenen 10px ritmi: mevcut kolon sayısı, kart boyutu ve modül ayarları korunur. */

/* Ekle/düzenle formlarında yalnız üst seviye bölüm konumu; form alanı/ayarları değiştirilmez. */
body:not(.wp-admin) :is(.sp-directory-form-wrap,.sp-classified-form-wrap,.sp-event-form-wrap,.sp-gallery-form-wrap,.spp-module-form-wrap,.spp-module-form){display:flex!important;flex-direction:column!important;gap:10px!important}
body:not(.wp-admin) :is(.sp-directory-form-wrap,.sp-classified-form-wrap,.sp-event-form-wrap,.sp-gallery-form-wrap)>.sp-form-section,
body:not(.wp-admin) :is(.sp-directory-form-wrap,.sp-classified-form-wrap,.sp-event-form-wrap,.sp-gallery-form-wrap)>form>.sp-form-section,
body:not(.wp-admin) .spp-module-form>.spp-form-section{margin:0!important}

body:not(.wp-admin) .sp-page-simple-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#fff3f5;color:var(--sp-page-accent)}
body:not(.wp-admin) .sp-page-simple-copy{padding:8px!important;min-width:0!important}
body:not(.wp-admin) .sp-page-simple-copy small{display:block;color:var(--sp-page-accent);font-size:9px;font-weight:850}
body:not(.wp-admin) .sp-page-simple-copy h3{margin:4px 0!important;font-size:12px!important;line-height:1.25!important}
body:not(.wp-admin) .sp-page-simple-copy h3 a{color:var(--sp-page-text);text-decoration:none}
body:not(.wp-admin) .sp-page-simple-copy>span{display:block;color:var(--sp-page-muted);font-size:9px}

@media(max-width:1200px){body:not(.wp-admin) .sp-page-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:899px){body:not(.wp-admin) .sp-page-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:699px){body:not(.wp-admin) .sp-page-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Taşınabilir modül kompozisyon eş düzeyi */
body:not(.wp-admin) .sp-module-page-composition>.sp-ipb-portable-module{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}

/* PORTAL DIŞ KABUK 0 / GERÇEK KART 10PX */

/* Tarihsel düzenleme — Başlıksız public sayfalarda ilk gerçek bölüm dış kenarla aynı üst hatta */

/* ==== unified-app-interface ==== */
/*
 * Uygulama Arayüzü Faz 1
 * Yalnız dış kabuk / responsive uygulama hissi.
 * Modül içeriklerinin kendi kart, grid, form ve ayar kurallarına dokunmaz.
 */
:root{
  --sp-app-shell-max:var(--sp-layout-inner-max,1600px);
  --sp-app-shell-edge:var(--sp-layout-edge,10px);
  --sp-app-shell-radius:18px;
  --sp-app-shell-line:color-mix(in srgb,var(--sp-border,#e5e7eb) 92%,transparent);
  --sp-app-shell-bg:color-mix(in srgb,var(--sp-bg,#f6f7f9) 96%,#fff 4%);
  --sp-app-shell-surface:var(--sp-surface,#fff);
  --sp-app-shell-shadow:0 10px 34px rgba(15,23,42,.08);
  --sp-app-route-duration:.18s;
}

html{background:var(--sp-app-shell-bg)}
body.sp-unified-app-ui{
  min-height:100vh;
  background:var(--sp-app-shell-bg)!important;
}
body.sp-unified-app-ui .sp-site-main{
  position:relative;
  isolation:isolate;
}

/* ---------------------------------------------------------
   Ortak uygulama üst barı — mevcut Header Builder çıktısını kullanır.
   Menü, logo, arama, tema ve Hesabım ayarları aynen korunur.
   --------------------------------------------------------- */
@media(min-width:768px){
  body.sp-unified-app-ui .sp-header{
    width:min(var(--sp-app-shell-max),calc(100% - (var(--sp-app-shell-edge) * 2)))!important;
    max-width:var(--sp-app-shell-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border:1px solid var(--sp-app-shell-line)!important;
    border-radius:var(--sp-app-shell-radius)!important;
    background:color-mix(in srgb,var(--sp-app-shell-surface) 94%,transparent)!important;
    box-shadow:var(--sp-app-shell-shadow)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:visible!important;
  }

  /* MyCity katmanı header'ı fixed yaptığı sayfalarda aynı uygulama kabuğu ortalanır. */
  body.sp-unified-app-ui.sp-mycity-ui .sp-header,
  body.sp-unified-app-ui.sp-mycity-ui .sp-header.is-sticky{
    left:50%!important;
    right:auto!important;
    top:10px!important;
    transform:translateX(-50%)!important;
  }
  body.admin-bar.sp-unified-app-ui.sp-mycity-ui .sp-header,
  body.admin-bar.sp-unified-app-ui.sp-mycity-ui .sp-header.is-sticky{
    top:42px!important;
  }

  body.sp-unified-app-ui .sp-header-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
      body.sp-unified-app-ui .sp-primary-nav a:hover,
  body.sp-unified-app-ui .sp-primary-nav .current-menu-item>a,
  body.sp-unified-app-ui .sp-primary-nav .current_page_item>a{
    background:color-mix(in srgb,var(--sp-primary,#d71920) 9%,transparent);
    color:var(--sp-primary,#d71920);
  }
  body.sp-unified-app-ui .sp-header-actions :is(.sp-icon-action,.sp-theme-toggle,.sp-account-action){
    border-radius:11px!important;
  }
}

/* Tablet: aynı uygulama dili, daha sıkı yoğunluk. */
@media(min-width:768px) and (max-width:1199px){
  body.sp-unified-app-ui .sp-header-inner{gap:12px!important;min-height:64px!important}
  body.sp-unified-app-ui .sp-brand img{max-height:42px!important}
  body.sp-unified-app-ui .sp-primary-nav{min-width:0!important;overflow:auto hidden!important;scrollbar-width:none}
  body.sp-unified-app-ui .sp-primary-nav::-webkit-scrollbar{display:none}
    body.sp-unified-app-ui .sp-primary-nav a{min-height:34px;padding:6px 8px;font-size:13px;white-space:nowrap}
  }

/* Mobil: mevcut onaylı mobil alt menü ve 58x58 Ekle düğmesi değiştirilmez. */
@media(max-width:767px){
  body.sp-unified-app-ui .sp-header{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    background:color-mix(in srgb,var(--sp-app-shell-surface) 96%,transparent)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
    html.sp-pwa-standalone body.sp-unified-app-ui .sp-header{
    padding-top:env(safe-area-inset-top)!important;
  }
}

/* PWA standalone: uygulama ekranı çentiği / güvenli alan. */
html.sp-pwa-standalone body.sp-unified-app-ui{
  min-height:calc(var(--sp-vh,1vh) * 100);
}
html.sp-pwa-standalone body.sp-unified-app-ui .sp-site-main{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}

/* Uygulama footer'ı da ana 1600px kabukla hizalanır; footer içeriği değiştirilmez. */
body.sp-unified-app-ui .sp-app-footer-inner,
body.sp-unified-app-ui .sp-app-footer-bottom{
  width:min(var(--sp-app-shell-max),calc(100% - (var(--sp-app-shell-edge) * 2)))!important;
  max-width:var(--sp-app-shell-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ---------------------------------------------------------
   Uygulama tipi arama katmanı. Mevcut Header Builder Ara düğmesi açar.
   Arama WordPress'in mevcut ?s= akışını kullanır.
   --------------------------------------------------------- */
.sp-app-search-layer[hidden]{display:none!important}
.sp-app-search-layer{
  position:fixed;
  inset:0;
  z-index:100050;
  display:grid;
  place-items:start center;
  padding:max(84px,calc(env(safe-area-inset-top) + 72px)) 10px 10px;
}
.sp-app-search-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  cursor:default;
}
.sp-app-search-dialog{
  position:relative;
  z-index:1;
  width:min(720px,100%);
  padding:16px;
  border:1px solid var(--sp-app-shell-line);
  border-radius:20px;
  background:var(--sp-app-shell-surface);
  color:var(--sp-text,#1c2430);
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.sp-app-search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 12px;
}
.sp-app-search-head strong{display:block;font-size:18px;line-height:1.2}
.sp-app-search-head span{display:block;margin-top:3px;color:var(--sp-muted,#6b7280);font-size:12px}
.sp-app-search-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:11px;
  background:var(--sp-surface,#fff);
  color:var(--sp-text,#1c2430);
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.sp-app-search-form{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:54px;
  padding:6px 7px 6px 13px;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:15px;
  background:color-mix(in srgb,var(--sp-bg,#f6f7f9) 84%,var(--sp-surface,#fff));
}
.sp-app-search-form .dashicons{color:var(--sp-muted,#6b7280)}
.sp-app-search-form input[type="search"]{
  min-width:0;
  width:100%;
  min-height:40px;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--sp-text,#1c2430)!important;
  box-shadow:none!important;
  font:inherit;
  font-size:15px;
}
.sp-app-search-form button[type="submit"]{
  min-height:40px;
  padding:0 16px;
  border:0;
  border-radius:11px;
  background:var(--sp-primary,#d71920);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.sp-app-search-hint{margin:9px 2px 0;color:var(--sp-muted,#6b7280);font-size:11px}
html.sp-app-search-open,html.sp-app-search-open body{overflow:hidden!important}

@media(max-width:767px){
  .sp-app-search-layer{
    place-items:end stretch;
    padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }
  .sp-app-search-dialog{
    width:100%;
    max-height:min(82vh,620px);
    border-radius:20px 20px 14px 14px;
  }
  .sp-app-search-head strong{font-size:16px}
  .sp-app-search-form{grid-template-columns:22px minmax(0,1fr) auto;min-height:50px}
  .sp-app-search-form button[type="submit"]{padding:0 13px}
}

/* ---------------------------------------------------------
   Hafif uygulama geçişi / yükleniyor göstergesi.
   SPA yönlendirmesi yapmaz; yalnız görsel geribildirim verir.
   --------------------------------------------------------- */
.sp-app-route-progress{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:100100;
  height:3px;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity .12s ease;
}
.sp-app-route-progress>span{
  display:block;
  width:38%;
  height:100%;
  border-radius:999px;
  background:var(--sp-primary,#d71920);
  transform:translateX(-110%);
}
html.sp-app-is-navigating .sp-app-route-progress{opacity:1}
html.sp-app-is-navigating .sp-app-route-progress>span{animation:spAppRoute 1s ease-in-out infinite}
html.sp-app-is-navigating body.sp-unified-app-ui .sp-site-main{opacity:.82}

@keyframes spAppRoute{
  0%{transform:translateX(-110%)}
  65%{transform:translateX(185%)}
  100%{transform:translateX(285%)}
}
@keyframes spAppEnter{
  from{opacity:.72;transform:translateY(3px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:no-preference){
  body.sp-unified-app-ui .sp-site-main{animation:spAppEnter var(--sp-app-route-duration) ease-out both;transition:opacity .12s ease}
}
/* Koyu tema: yalnız kabuk ve arama katmanının yüzeyleri. */
html[data-sp-theme="dark"] .sp-app-search-dialog,
html[data-theme="dark"] .sp-app-search-dialog{
  background:var(--sp-surface,#171e27);
  border-color:var(--sp-border,#2a3442);
}

/* =========================================================
   Faz 2: Mobil alt menü sabitleme
   2.7.6.111'deki onaylı global alt menünün görünümünü değiştirmez;
   yalnız viewport tabanına sabit kalmasını garanti eder.
   ========================================================= */
/* =========================================================
   Uygulama Arayüzü Faz 3
   Hızlı işlemler + favori/bildirim/mesaj rozetleri.
   Mevcut modül kartlarına, alt menü ölçülerine ve veri akışlarına dokunmaz.
   ========================================================= */
.sp-app-quick-trigger{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin:0;
  padding:0;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:11px;
  background:var(--sp-surface,#fff);
  color:var(--sp-text,#1c2430);
  cursor:pointer;
  box-shadow:none;
}
.sp-app-quick-trigger:hover{background:color-mix(in srgb,var(--sp-primary,#d71920) 7%,var(--sp-surface,#fff));color:var(--sp-primary,#d71920)}
.sp-app-quick-trigger .dashicons{font-size:19px;width:19px;height:19px;line-height:19px}
.sp-app-quick-trigger-badge,
.sp-app-nav-badge{
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  background:var(--sp-primary,#d71920);
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  box-sizing:border-box;
}
.sp-app-quick-trigger-badge{position:absolute;right:-5px;top:-5px;border:2px solid var(--sp-surface,#fff)}
.sp-mobile-nav-item .sp-app-nav-badge{position:absolute;top:4px;left:calc(50% + 8px);z-index:2;border:2px solid var(--sp-surface,#fff)}
.sp-mobile-nav-add .sp-app-nav-badge{display:none!important}

.sp-app-quick-layer[hidden]{display:none!important}
.sp-app-quick-layer{
  position:fixed;
  inset:0;
  z-index:100070;
  display:grid;
  place-items:center;
  padding:max(72px,calc(env(safe-area-inset-top) + 60px)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
}
.sp-app-quick-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sp-app-quick-dialog{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-height:min(82vh,680px);
  overflow:auto;
  padding:14px;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:20px;
  background:var(--sp-surface,#fff);
  box-shadow:0 26px 80px rgba(15,23,42,.24);
}
.sp-app-quick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.sp-app-quick-head>div{display:grid;gap:2px;min-width:0}
.sp-app-quick-head strong{font-size:18px;line-height:1.25;color:var(--sp-text,#1c2430)}
.sp-app-quick-head span{font-size:12px;line-height:1.45;color:var(--sp-muted,#6b7280)}
.sp-app-quick-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;background:var(--sp-bg,#f6f7f9);color:var(--sp-text,#1c2430);font-size:22px;cursor:pointer}
.sp-app-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sp-app-quick-card{
  position:relative;
  min-width:0;
  min-height:86px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:14px;
  background:var(--sp-surface,#fff);
  color:var(--sp-text,#1c2430);
  text-decoration:none;
  text-align:left;
  font:inherit;
  font-weight:750;
  cursor:pointer;
  box-sizing:border-box;
}
.sp-app-quick-card:hover{border-color:color-mix(in srgb,var(--sp-primary,#d71920) 35%,var(--sp-border,#e5e7eb));background:color-mix(in srgb,var(--sp-primary,#d71920) 4%,var(--sp-surface,#fff));color:var(--sp-primary,#d71920)}
.sp-app-quick-icon{display:grid;place-items:center;width:38px!important;height:38px!important;border-radius:11px;background:color-mix(in srgb,var(--sp-primary,#d71920) 9%,transparent);color:var(--sp-primary,#d71920);font-size:19px!important;line-height:38px!important}
.sp-app-quick-card>span:last-of-type{overflow:hidden;text-overflow:ellipsis}
.sp-app-quick-badge{position:absolute;right:8px;top:8px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--sp-primary,#d71920);color:#fff;font-size:10px;font-weight:800}
html.sp-app-quick-open,html.sp-app-quick-open body{overflow:hidden!important}

@media(max-width:767px){
      .sp-app-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sp-app-quick-card{min-height:78px;grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;padding:8px 6px;font-size:11px;line-height:1.25}
  .sp-app-quick-icon{width:34px!important;height:34px!important;line-height:34px!important}
}
@media(max-width:390px){.sp-app-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   Uygulama Arayüzü Faz 4
   Navigasyon durumu + geri davranışı + kontrollü geçiş/scroll restorasyonu.
   Mevcut modül içerikleri ve mobil alt menü ölçüleri değiştirilmez.
   ========================================================= */

/* Geri düğmesi mevcut header-actions içine eklenir; yeni başlık/breadcrumb üretmez. */
.sp-app-back-button{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin:0;
  padding:0;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:11px;
  background:var(--sp-surface,#fff);
  color:var(--sp-text,#1c2430);
  cursor:pointer;
  box-shadow:none;
}
.sp-app-back-button:hover{
  background:color-mix(in srgb,var(--sp-primary,#d71920) 7%,var(--sp-surface,#fff));
  color:var(--sp-primary,#d71920);
}
.sp-app-back-button .dashicons{width:19px;height:19px;font-size:19px;line-height:19px}
html.sp-app-home-route .sp-app-back-button{display:none!important}

/* Aktif navigasyon — yalnız görsel durum, link hedefleri değişmez. */
body.sp-unified-app-ui .sp-primary-nav a.is-sp-app-active,
body.sp-unified-app-ui .sp-primary-nav a[aria-current="page"]{
  background:color-mix(in srgb,var(--sp-primary,#d71920) 11%,transparent)!important;
  color:var(--sp-primary,#d71920)!important;
  font-weight:750;
}
body.sp-unified-app-ui .sp-primary-nav a.is-sp-app-active::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:2px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  opacity:.78;
}
body.sp-unified-app-ui .sp-primary-nav a{position:relative}

@media(max-width:767px){
  /* Faz 2/3'teki 58x58 merkez Ekle öğesi aynen bırakılır. */
  body.sp-unified-app-ui .sp-mobile-bottom-nav.sp-global-mobile-nav .sp-mobile-nav-item.is-sp-app-active:not([data-key="add"]),
  body.sp-unified-app-ui .sp-mobile-bottom-nav.sp-global-mobile-nav .sp-mobile-nav-item[aria-current="page"]:not([data-key="add"]){
    color:var(--sp-primary,#d71920)!important;
  }
  body.sp-unified-app-ui .sp-mobile-bottom-nav.sp-global-mobile-nav .sp-mobile-nav-item.is-sp-app-active:not([data-key="add"])::before{
    content:"";
    position:absolute;
    left:50%;
    top:4px;
    width:28px;
    height:3px;
    border-radius:999px;
    background:var(--sp-primary,#d71920);
    transform:translateX(-50%);
  }
  }

/* Tablet navigasyonu tek satırda uygulama sekmesi gibi kaydırılabilir kalır. */
@media(min-width:768px) and (max-width:1199px){
  body.sp-unified-app-ui .sp-primary-nav{
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
  }
  body.sp-unified-app-ui .sp-primary-nav li{scroll-snap-align:start}
}

/* Geçiş biraz daha uygulama hissi verir; gerçek sayfa yönlendirmesi korunur. */
html.sp-app-is-navigating body.sp-unified-app-ui .sp-site-main{
  opacity:.72;
  transform:translateY(2px);
  transition:opacity .14s ease,transform .14s ease;
}

/* 160 ms'den uzun yönlendirmelerde hafif skeleton yüzeyi. İçerik DOM'una dokunmaz. */
html.sp-app-show-skeleton body.sp-unified-app-ui::after{
  content:"";
  position:fixed;
  z-index:100040;
  left:max(10px,env(safe-area-inset-left));
  right:max(10px,env(safe-area-inset-right));
  top:calc(var(--sp-header-height,72px) + max(10px,env(safe-area-inset-top)));
  height:94px;
  max-width:1580px;
  margin-inline:auto;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:16px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,255,255,.58) 50%,transparent 100%) -180px 0/180px 100% no-repeat,
    linear-gradient(var(--sp-surface,#fff),var(--sp-surface,#fff)) padding-box;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
  animation:spAppSkeleton 1.05s ease-in-out infinite;
}
@keyframes spAppSkeleton{
  0%{background-position:-180px 0,0 0}
  100%{background-position:calc(100% + 180px) 0,0 0}
}

html[data-sp-theme="dark"].sp-app-show-skeleton body.sp-unified-app-ui::after,
html[data-theme="dark"].sp-app-show-skeleton body.sp-unified-app-ui::after{
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%) -180px 0/180px 100% no-repeat,
    linear-gradient(var(--sp-surface,#171e27),var(--sp-surface,#171e27)) padding-box;
  border-color:var(--sp-border,#2a3442);
}

@media(max-width:767px){
  html.sp-app-show-skeleton body.sp-unified-app-ui::after{
    top:calc(62px + env(safe-area-inset-top));
    height:82px;
    border-radius:14px;
  }
}

@media(prefers-reduced-motion:reduce){
  html.sp-app-is-navigating body.sp-unified-app-ui .sp-site-main{transform:none!important;transition:none!important}
  html.sp-app-show-skeleton body.sp-unified-app-ui::after{animation:none!important}
}

/* =========================================================
   Uygulama Arayüzü Faz 5
   Kişisel Merkez: favoriler + bildirimler + mesajlar.
   Yalnız dış arayüz katmanı; mevcut hesap/veri işlemleri değiştirilmez.
   ========================================================= */
.sp-app-center-trigger{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin:0;
  padding:0;
  border:1px solid var(--sp-border,#e5e7eb);
  border-radius:11px;
  background:var(--sp-surface,#fff);
  color:var(--sp-text,#1c2430);
  cursor:pointer;
}
.sp-app-center-trigger:hover{background:color-mix(in srgb,var(--sp-primary,#d71920) 7%,var(--sp-surface,#fff));color:var(--sp-primary,#d71920)}
.sp-app-center-trigger .dashicons{width:19px;height:19px;font-size:19px;line-height:19px}
.sp-app-center-trigger-badge{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--sp-surface,#fff);border-radius:999px;background:var(--sp-primary,#d71920);color:#fff;font-size:10px;line-height:1;font-weight:800}

.sp-app-center-layer[hidden]{display:none!important}
.sp-app-center-layer{position:fixed;inset:0;z-index:100085;display:grid;place-items:center;padding:max(72px,calc(env(safe-area-inset-top) + 60px)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
.sp-app-center-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sp-app-center-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(82vh,760px);overflow:auto;padding:14px;border:1px solid var(--sp-border,#e5e7eb);border-radius:20px;background:var(--sp-surface,#fff);box-shadow:0 26px 80px rgba(15,23,42,.24)}
.sp-app-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.sp-app-center-head>div{display:grid;gap:2px;min-width:0}.sp-app-center-head strong{font-size:18px;line-height:1.25;color:var(--sp-text,#1c2430)}.sp-app-center-head span{font-size:12px;line-height:1.45;color:var(--sp-muted,#6b7280)}
.sp-app-center-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;background:var(--sp-bg,#f6f7f9);color:var(--sp-text,#1c2430);font-size:22px;cursor:pointer}
.sp-app-center-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.sp-app-center-tabs button{position:relative;min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:46px;padding:8px 10px;border:1px solid var(--sp-border,#e5e7eb);border-radius:12px;background:var(--sp-bg,#f6f7f9);color:var(--sp-text,#1c2430);font:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
.sp-app-center-tabs button.is-active{border-color:color-mix(in srgb,var(--sp-primary,#d71920) 40%,var(--sp-border,#e5e7eb));background:color-mix(in srgb,var(--sp-primary,#d71920) 8%,var(--sp-surface,#fff));color:var(--sp-primary,#d71920)}
.sp-app-center-tabs b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--sp-primary,#d71920);color:#fff;font-size:10px;font-weight:800}
.sp-app-center-panel[hidden]{display:none!important}.sp-app-center-panel{display:grid;gap:10px}
.sp-app-center-list{display:grid;gap:8px}.sp-app-center-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px 10px;border:1px solid var(--sp-border,#e5e7eb);border-radius:12px;background:var(--sp-surface,#fff);color:var(--sp-text,#1c2430);text-decoration:none}
.sp-app-center-row:hover{border-color:color-mix(in srgb,var(--sp-primary,#d71920) 28%,var(--sp-border,#e5e7eb));background:color-mix(in srgb,var(--sp-primary,#d71920) 3%,var(--sp-surface,#fff))}.sp-app-center-row.is-unread::before{content:"";position:absolute;left:5px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--sp-primary,#d71920);transform:translateY(-50%)}
.sp-app-center-row-icon{display:grid!important;place-items:center;width:36px!important;height:36px!important;border-radius:10px;background:color-mix(in srgb,var(--sp-primary,#d71920) 8%,transparent);color:var(--sp-primary,#d71920);font-size:18px!important;line-height:36px!important}
.sp-app-center-row-main{min-width:0;display:grid;gap:2px}.sp-app-center-row-main strong,.sp-app-center-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-app-center-row-main strong{font-size:13px;line-height:1.3}.sp-app-center-row-main small{font-size:11px;color:var(--sp-muted,#6b7280)}.sp-app-center-row time{font-size:10px;color:var(--sp-muted,#6b7280);white-space:nowrap}
.sp-app-center-favorites{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sp-app-center-favorite{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid var(--sp-border,#e5e7eb);border-radius:12px;background:var(--sp-surface,#fff);color:var(--sp-text,#1c2430);text-decoration:none}.sp-app-center-favorite:hover{border-color:color-mix(in srgb,var(--sp-primary,#d71920) 28%,var(--sp-border,#e5e7eb))}
.sp-app-center-favorite-media{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:10px;background:var(--sp-bg,#f6f7f9);color:var(--sp-primary,#d71920)}.sp-app-center-favorite-media img{width:100%;height:100%;object-fit:cover}.sp-app-center-favorite-main{display:grid;gap:2px;min-width:0}.sp-app-center-favorite-main small{font-size:10px;color:var(--sp-primary,#d71920);font-weight:750}.sp-app-center-favorite-main strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-app-center-all{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid var(--sp-border,#e5e7eb);border-radius:11px;background:var(--sp-bg,#f6f7f9);color:var(--sp-text,#1c2430);font-size:12px;font-weight:750;text-decoration:none}.sp-app-center-all:hover{color:var(--sp-primary,#d71920)}
.sp-app-center-empty,.sp-app-center-login{display:grid;justify-items:center;text-align:center;gap:7px;padding:28px 14px;border:1px dashed var(--sp-border,#e5e7eb);border-radius:14px;background:var(--sp-bg,#f6f7f9)}.sp-app-center-empty .dashicons,.sp-app-center-login .dashicons{width:34px;height:34px;font-size:34px;line-height:34px;color:var(--sp-primary,#d71920)}.sp-app-center-empty strong,.sp-app-center-login strong{font-size:14px}.sp-app-center-empty p,.sp-app-center-login p{margin:0;color:var(--sp-muted,#6b7280);font-size:12px}.sp-app-center-login a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:10px;background:var(--sp-primary,#d71920);color:#fff;text-decoration:none;font-size:12px;font-weight:750}
html.sp-app-center-open,html.sp-app-center-open body{overflow:hidden!important}

@media(max-width:900px){.sp-app-center-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sp-app-center-tabs{gap:7px}.sp-app-center-tabs button{grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px;min-height:62px;padding:7px 5px}.sp-app-center-tabs button b{position:absolute;right:5px;top:5px}.sp-app-center-row{grid-template-columns:34px minmax(0,1fr);gap:8px}.sp-app-center-row time{grid-column:2;font-size:9px}.sp-app-center-row-icon{width:34px!important;height:34px!important;line-height:34px!important}.sp-app-center-favorites{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-app-center-favorite{grid-template-columns:44px minmax(0,1fr);gap:7px}.sp-app-center-favorite-media{width:44px;height:44px}}
@media(max-width:390px){.sp-app-center-favorites{grid-template-columns:1fr}}

/* Mobil Kişisel Merkez / Hızlı İşlemler alt menü çakışması.
   1.0.26 temel sürümündeki sabit alt navigasyon ve yükseltilmiş + düğmesi
   korunur. Her iki katman navigasyondan yukarıda açılır; paneller navigasyonun
   üstündeki güvenli alana yerleşir ve uzun içerik panel içinde kaydırılır. */
@media (max-width:767px){
  body.sp-unified-app-ui > .sp-app-center-layer,
  body.sp-unified-app-ui > .sp-app-quick-layer{
    box-sizing:border-box!important;
    display:grid;
    place-items:end stretch!important;
    /* Alt navigasyon + yukarı taşan içerik ekle düğmesi için güvenli pay. */
    padding:
      max(10px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      calc(118px + env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
  }
  body.sp-unified-app-ui > .sp-app-center-layer > .sp-app-center-dialog,
  body.sp-unified-app-ui > .sp-app-quick-layer > .sp-app-quick-dialog{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:0!important;
    max-height:min(680px,calc(100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    margin:0!important;
    border-radius:18px!important;
  }
}
/* Eski mobil tarayıcılar: dynamic viewport unit desteği yoksa normal vh. */
@supports not (height:100dvh){
  @media(max-width:767px){
    body.sp-unified-app-ui > .sp-app-center-layer > .sp-app-center-dialog,
    body.sp-unified-app-ui > .sp-app-quick-layer > .sp-app-quick-dialog{
      max-height:min(680px,calc(100vh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;
    }
  }
}

/* Kişisel Merkez ve Hızlı İşlemler kesin mobil katman onarımı.
   Modal body sonuna taşınır (JS); alt nav ve yüksek + butonu kapanmaz / içerik
   nav altında kalmaz. Önceki 1.0.27 kurallarını yalnız bu iki modal için ezer. */
body.sp-unified-app-ui > #sp-app-center-layer:not([hidden]),
body.sp-unified-app-ui > #sp-app-quick-layer:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:2147483640!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
}
@media (max-width:767px){
  body.sp-unified-app-ui > #sp-app-center-layer:not([hidden]),
  body.sp-unified-app-ui > #sp-app-quick-layer:not([hidden]){
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    place-items:end stretch!important;
    padding:max(10px,env(safe-area-inset-top))
            max(10px,env(safe-area-inset-right))
            calc(112px + env(safe-area-inset-bottom))
            max(10px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
  }
  body.sp-unified-app-ui > #sp-app-center-layer:not([hidden]) > .sp-app-center-dialog,
  body.sp-unified-app-ui > #sp-app-quick-layer:not([hidden]) > .sp-app-quick-dialog{
    position:relative!important;
    justify-self:stretch!important;
    align-self:end!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:min(680px,calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    border-radius:18px!important;
  }
  /* Modal açıkken alt menüye tıklanmasını önlemek için arka zemin modal altında kalır. */
  body.sp-unified-app-ui > #sp-app-center-layer .sp-app-center-backdrop,
  body.sp-unified-app-ui > #sp-app-quick-layer .sp-app-quick-backdrop{
    z-index:0!important;
  }
  }
@supports not (height:100dvh){
  @media(max-width:767px){
    body.sp-unified-app-ui > #sp-app-center-layer:not([hidden]),
    body.sp-unified-app-ui > #sp-app-quick-layer:not([hidden]){
      height:100vh!important;
      max-height:100vh!important;
    }
    body.sp-unified-app-ui > #sp-app-center-layer:not([hidden]) > .sp-app-center-dialog,
    body.sp-unified-app-ui > #sp-app-quick-layer:not([hidden]) > .sp-app-quick-dialog{
      max-height:min(680px,calc(100vh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;
    }
  }
}

/* ==== header-clean-base ==== */
/* Şehir Portalı 2.0.0 Clean Base — Header / mobil header konsolidasyonu.
 * 1.0.42 davranışı ve cascade sırası korunarak beş üretim CSS katmanı tek dosyada birleştirilmiştir.
 */

/* ===== Kaynak: header-ai-hotfix-276123.css ===== */
/*
 * Üst Menü + AI Asistan hedefli görünüm düzeltmesi.
 * Yalnız header yerleşimi ve AI Asistan yüzen düğmesi; modül/veri/ayar akışlarına dokunmaz.
 */

/* Masaüstü: ana menü linkleri tek satırda kalsın. */
@media (min-width:1200px){
  body.sp-unified-app-ui .sp-header-inner{
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
    body.sp-unified-app-ui .sp-primary-nav{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain;
  }
  body.sp-unified-app-ui .sp-primary-nav::-webkit-scrollbar{display:none!important}
    body.sp-unified-app-ui .sp-primary-nav li{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  }
/* Mobil: soldaki menü ve sağdaki araçlar logonun alanına giremez. */
@media (max-width:767px){
            body.sp-unified-app-ui .sp-header .sp-header-actions,
  body .sp-header .sp-header-actions{
    grid-column:3!important;
    justify-self:stretch!important;
    width:108px!important;
    max-width:108px!important;
    min-width:0!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    padding:2px 1px!important;
  }
  body.sp-unified-app-ui .sp-header .sp-header-actions::-webkit-scrollbar,
  body .sp-header .sp-header-actions::-webkit-scrollbar{display:none!important}
  body.sp-unified-app-ui .sp-header .sp-header-actions > *,
  body .sp-header .sp-header-actions > *{flex:0 0 auto!important}
}
/* AI Asistan: onaylanan sağ-alt yüzen noktaya, yalnız chat ikonu ile geri döner. */
body:not(.wp-admin) .sp-ai-toggle{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--sp-primary,#c1121f)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:0 8px 24px rgba(15,23,42,.22)!important;
  cursor:pointer!important;
}
body:not(.wp-admin) .sp-ai-toggle::before{
  content:"\f125";
  display:block;
  width:24px;
  height:24px;
  font-family:dashicons!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:24px!important;
  text-align:center;
  color:#fff!important;
}
body:not(.wp-admin) .sp-ai-toggle:hover,
body:not(.wp-admin) .sp-ai-toggle:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(15,23,42,.28)!important;
}

@media (max-width:767px){
    body:not(.wp-admin) .sp-ai-toggle{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }
  }

/* ===== Kaynak: pwa-ai-fixed-hotfix-276124.css ===== */
/*
 * PWA güncelleme uyarısı + AI Asistan sabit ekran konumu.
 * Yalnız görünüm/konum katmanıdır; modül, veri ve kayıt akışlarına dokunmaz.
 */

/* Yeni sürüm uyarısı her cihazda görünür ekranın tam ortasında açılsın. */
body:not(.wp-admin) .sp-pwa-update{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(560px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;
  z-index:2147483000!important;
}

/* AI Asistan doğrudan viewport'a sabitlenir; sayfa kaydırmasından etkilenmez. */
body:not(.wp-admin) #sp-ai-chat.sp-ai-chat{
  position:fixed!important;
  left:auto!important;
  top:auto!important;
  right:20px!important;
  bottom:24px!important;
  margin:0!important;
  transform:none!important;
  z-index:2147481900!important;
}
body:not(.wp-admin) #sp-ai-chat .sp-ai-panel{
  position:absolute!important;
  right:0!important;
  left:auto!important;
  bottom:64px!important;
  top:auto!important;
}

@media (max-width:767px){
  body:not(.wp-admin) .sp-pwa-update{
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(520px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 28px)!important;
  }

  /* Sabit alt menünün ve merkez Ekle düğmesinin üstünde güvenli boşluk bırak. */
  body:not(.wp-admin) #sp-ai-chat.sp-ai-chat{
    right:12px!important;
    bottom:calc(112px + env(safe-area-inset-bottom))!important;
  }
  body:not(.wp-admin) #sp-ai-chat .sp-ai-panel{
    right:0!important;
    bottom:64px!important;
    width:min(360px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 210px)!important;
  }
}

@media (max-width:390px){
  body:not(.wp-admin) #sp-ai-chat.sp-ai-chat{
    right:10px!important;
    bottom:calc(110px + env(safe-area-inset-bottom))!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.wp-admin) .sp-pwa-update,
  body:not(.wp-admin) #sp-ai-chat.sp-ai-chat{
    transition:none!important;
    animation:none!important;
  }
}

/* ===== Kaynak: header-layout-hotfix-276125.css ===== */
/*
 * Üst menü son hizalama düzeltmesi.
 * Yalnız header görünümü: mobilde sağ araçlar tam görünür, logo hafif sola;
 * masaüstünde logo biraz daha küçük, ana menü bağlantıları biraz daha büyük.
 */

/* Masaüstü: logoyu biraz küçült, menü yazılarını büyüt; tek satır davranışı korunur. */
@media (min-width:1200px){
  body.sp-unified-app-ui .sp-header .sp-brand img,
  body .sp-header .sp-brand img{
    max-height:36px!important;
    width:auto!important;
    object-fit:contain!important;
  }
  body.sp-unified-app-ui .sp-header .sp-brand,
  body .sp-header .sp-brand{
    flex:0 0 auto!important;
    max-width:156px!important;
  }
  body.sp-unified-app-ui .sp-primary-nav a,
  body .sp-primary-nav a{
    font-size:15px!important;
    line-height:1.15!important;
    padding:7px 9px!important;
    white-space:nowrap!important;
  }
}

/* Mobil: sağ araç alanına yeterli sabit yer ver, merkez alanını doğal olarak sola taşı. */
@media (max-width:767px){
            body.sp-unified-app-ui .sp-header .sp-header-actions .sp-icon-action,
  body.sp-unified-app-ui .sp-header .sp-header-actions .sp-theme-toggle,
  body.sp-unified-app-ui .sp-header .sp-header-actions .sp-account-action,
  body .sp-header .sp-header-actions .sp-icon-action,
  body .sp-header .sp-header-actions .sp-theme-toggle,
  body .sp-header .sp-header-actions .sp-account-action{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
  }
}

/* ===== Kaynak: header-mobile-logo-hotfix-276126.css ===== */
/*
 * Mobil üst menü logo konumu.
 * Yalnız mobil header: logo menü düğmesinin hemen yanına alınır ve kırpılmadan ölçeklenir.
 * Sağ araç alanı, masaüstü header ve diğer arayüzler değiştirilmez.
 */
/* ===== Kaynak: header-mobile-overlap-hotfix-276127.css ===== */
/*
 * Mobil üst menü çakışma düzeltmesi.
 * Yalnız mobil header yerleşimi: menü + tam görünen logo + sağ araçlar birbirinin alanına girmez.
 * Masaüstü, alt menü, AI Asistan, PWA ve modül görünümleri değiştirilmez.
 */
@media (max-width:767px){
  /* Sağ araç grubu gerçek genişliğini alır; logo yalnız kalan orta alanda ölçeklenir. */
  
  
  /* Logo menü düğmesinin hemen yanında; hiçbir araç logonun üstüne gelemez. */
  body.sp-unified-app-ui .sp-header .sp-brand,
  body .sp-header .sp-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:min(160px,100%)!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-align:left!important;
  }
    
  /* Arama / tema / Hesabım / Hızlı İşlemler / Bildirimler (+ gerekiyorsa Geri)
     tek satırda, logodan tamamen bağımsız bir sağ blokta kalır. */
  
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-icon-action,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-theme-toggle,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-account-action,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-app-quick-trigger,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-app-center-trigger,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-app-back-button,
  body .sp-header .sp-header-actions > .sp-icon-action,
  body .sp-header .sp-header-actions > .sp-theme-toggle,
  body .sp-header .sp-header-actions > .sp-account-action,
  body .sp-header .sp-header-actions > .sp-app-quick-trigger,
  body .sp-header .sp-header-actions > .sp-app-center-trigger,
  body .sp-header .sp-header-actions > .sp-app-back-button{
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:0!important;
    margin:0!important;
    border-radius:9px!important;
    box-sizing:border-box!important;
  }

  
  /* Açılır ana menü yine üst bandın altında tam genişlikte kalır. */
  }

/* Dar telefonlarda tüm sağ ikonları görünür tutmak için yalnız ölçüler sıkılaştırılır. */
@media (max-width:340px){
  body.sp-unified-app-ui .sp-header .sp-header-inner,
  body .sp-header .sp-header-inner{
    grid-template-columns:35px minmax(48px,1fr) max-content!important;
    column-gap:3px!important;
  }
  body.sp-unified-app-ui .sp-header .sp-menu-toggle,
  body .sp-header .sp-menu-toggle{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
  }
  body.sp-unified-app-ui .sp-header .sp-brand img,
  body .sp-header .sp-brand img{max-height:31px!important}
  body.sp-unified-app-ui .sp-header .sp-header-actions,
  body .sp-header .sp-header-actions{gap:1px!important}
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-icon-action,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-theme-toggle,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-account-action,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-app-quick-trigger,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-app-center-trigger,
  body.sp-unified-app-ui .sp-header .sp-header-actions > .sp-app-back-button,
  body .sp-header .sp-header-actions > .sp-icon-action,
  body .sp-header .sp-header-actions > .sp-theme-toggle,
  body .sp-header .sp-header-actions > .sp-account-action,
  body .sp-header .sp-header-actions > .sp-app-quick-trigger,
  body .sp-header .sp-header-actions > .sp-app-center-trigger,
  body .sp-header .sp-header-actions > .sp-app-back-button{
    flex-basis:28px!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
}

/* Güvenli masaüstü header boşluk dengesi. Menü yapısını/breakpoint'i değiştirmez. */
@media (min-width:1500px){
  body:not(.wp-admin) .sp-header .sp-header-inner{
    padding-left:18px!important;
    padding-right:18px!important;
  }
    }

/* ==== theme-design-system-phase1 ==== */
/*
 * Tema Yenileme Faz 1
 * Yalnız public web + mobil tasarım sistemi / ana kabuk görünümü.
 * Veri, modül mantığı, ölçü ayarları ve mevcut responsive yerleşimler korunur.
 */

:root{
  --sp-ui-bg:#f4f7fb;
  --sp-ui-surface:#ffffff;
  --sp-ui-surface-soft:#f8fafc;
  --sp-ui-text:#182230;
  --sp-ui-muted:#667085;
  --sp-ui-border:#e5eaf0;
  --sp-ui-primary:var(--sp-brand-red-bright,#d71920);
  --sp-ui-primary-deep:#a9151b;
  --sp-ui-secondary:#1769aa;
  --sp-ui-success:#16a36a;
  --sp-ui-warning:#f59e0b;
  --sp-ui-radius-sm:12px;
  --sp-ui-radius:16px;
  --sp-ui-radius-lg:22px;
  --sp-ui-shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --sp-ui-shadow-sm:none;
  --sp-ui-shadow-md:0 2px 8px rgba(16,24,40,.05);
  --sp-ui-focus:0 0 0 3px rgba(215,25,32,.14);
}

html[data-sp-theme="dark"],
html[data-theme="dark"]{
  --sp-ui-bg:#0b111a;
  --sp-ui-surface:#101923;
  --sp-ui-surface-soft:#151f2b;
  --sp-ui-text:#f5f7fa;
  --sp-ui-muted:#a9b4c3;
  --sp-ui-border:#243142;
  --sp-ui-primary:#ef3b43;
  --sp-ui-primary-deep:var(--sp-brand-red-bright,#d71920);
  --sp-ui-secondary:#55a7eb;
  --sp-ui-shadow-xs:0 1px 2px rgba(0,0,0,.18);
  --sp-ui-shadow-sm:none;
  --sp-ui-shadow-md:0 2px 8px rgba(0,0,0,.18);
}

body:not(.wp-admin){
  --sp-bg:var(--sp-ui-bg);
  --sp-surface:var(--sp-ui-surface);
  --sp-text:var(--sp-ui-text);
  --sp-muted:var(--sp-ui-muted);
  --sp-border:var(--sp-ui-border);
  --sp-primary:var(--sp-ui-primary);
  background:var(--sp-ui-bg);
  color:var(--sp-ui-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Üst kabuk: yalnız görsel stil; 2.7.6.123–127 yerleşim/hizalama kuralları korunur. */
body:not(.wp-admin) .sp-header,
body.sp-unified-app-ui .sp-header{
  background:color-mix(in srgb,var(--sp-ui-surface) 94%,transparent)!important;
  border-bottom:1px solid var(--sp-ui-border)!important;
  box-shadow:0 5px 18px rgba(16,24,40,.035)!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
body:not(.wp-admin) .sp-primary-nav a{
  color:var(--sp-ui-text);
  border-radius:10px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
body:not(.wp-admin) .sp-primary-nav a:hover,
body:not(.wp-admin) .sp-primary-nav .current-menu-item>a,
body:not(.wp-admin) .sp-primary-nav a[aria-current="page"]{
  color:var(--sp-ui-primary);
  background:color-mix(in srgb,var(--sp-ui-primary) 7%,transparent);
}
body:not(.wp-admin) :is(.sp-menu-toggle,.sp-icon-action,.sp-theme-toggle,.sp-account-action){
  border-color:var(--sp-ui-border)!important;
  background:var(--sp-ui-surface)!important;
  color:var(--sp-ui-text)!important;
  box-shadow:var(--sp-ui-shadow-xs);
}
body:not(.wp-admin) :is(.sp-menu-toggle,.sp-icon-action,.sp-theme-toggle,.sp-account-action):hover{
  border-color:color-mix(in srgb,var(--sp-ui-primary) 25%,var(--sp-ui-border))!important;
  background:color-mix(in srgb,var(--sp-ui-primary) 5%,var(--sp-ui-surface))!important;
}

/* Ortak yüzey ve kart dili. Kolon sayıları / grid kuralları değiştirilmez. */

/* Tarihsel düzenleme — Yapısal taşıyıcılar kart değildir.
   Dış taşıyıcı + iç gerçek modül birlikte çizildiğinde oluşan çift/kalın çerçeveyi kaldırır. */

@media (hover:hover){
  body:not(.wp-admin) :is(.sp21-service-card,.spmc-service-card,.sp-public-card,.sp-list-card,.sp-directory-card,.sp-classified-card,.sp-event-card,.sp-gallery-card):hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--sp-ui-primary) 18%,var(--sp-ui-border))!important;
    box-shadow:var(--sp-ui-shadow-md);
  }
}

/* Başlık standardı: 2.7.6.135'te onaylanan Gündemden Haber / Şehir Servisleri ölçüsü korunur. */
body:not(.wp-admin) :is(.sp21-section-head p,.sp-page-title p,.sp-module-title p,.sp-list-head p,.sp-detail-head p){
  color:var(--sp-ui-muted)!important;
}

/* Buton / form dili. İşlev ve boyut mantığı korunur. */
body:not(.wp-admin) :is(.sp-button,.sp-inline-btn,.sp-news-like-add,.sp-account-btn){
  border-radius:12px!important;
  box-shadow:0 5px 14px rgba(215,25,32,.12);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
@media (hover:hover){
  body:not(.wp-admin) :is(.sp-button,.sp-inline-btn,.sp-news-like-add,.sp-account-btn):hover{
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(215,25,32,.16);
  }
}
body:not(.wp-admin) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
  border-color:var(--sp-ui-border);
  border-radius:12px;
  background:var(--sp-ui-surface);
  color:var(--sp-ui-text);
}
body:not(.wp-admin) :is(input,select,textarea):focus{
  border-color:color-mix(in srgb,var(--sp-ui-primary) 55%,var(--sp-ui-border));
  box-shadow:var(--sp-ui-focus);
  outline:none;
}

/* Ana sayfa hero: aynı DOM ve içerik; yalnız görsel yüzey. */
body:not(.wp-admin) .sp21-hero,
body:not(.wp-admin) .sp-portal-widget .sp21-hero{
  border-radius:var(--sp-ui-radius-lg);
  box-shadow:var(--sp-ui-shadow-md);
}
body:not(.wp-admin) .sp21-hero-copy h1{
  letter-spacing:-.035em;
  text-wrap:balance;
}
body:not(.wp-admin) .sp21-hero-actions a{
  border-radius:12px!important;
}

/* Hızlı servis ikonları: ferah, uygulama benzeri yüzey; eczane özel görseli korunur. */
body:not(.wp-admin) .sp21-service-icon{
  border:1px solid color-mix(in srgb,var(--sp-ui-border) 78%,transparent);
  box-shadow:var(--sp-ui-shadow-xs);
}
body:not(.wp-admin) .sp21-service-card strong,
body:not(.wp-admin) .spmc-service-copy b{
  color:var(--sp-ui-text)!important;
}
body:not(.wp-admin) .sp21-service-card small,
body:not(.wp-admin) .spmc-service-copy small{
  color:var(--sp-ui-muted)!important;
}

/* Mobil kabuk: yalnız yüzey/okunabilirlik. Alt menü konumu ve 58x58 Ekle ölçüsü değiştirilmez. */
@media(max-width:767px){
  body:not(.wp-admin){
    background:var(--sp-ui-bg)!important;
  }
    body:not(.wp-admin) .sp-header{
    box-shadow:0 4px 14px rgba(16,24,40,.045)!important;
  }
  body:not(.wp-admin) .sp-mobile-bottom-nav.sp-global-mobile-nav{
    background:color-mix(in srgb,var(--sp-ui-surface) 96%,transparent)!important;
    border-color:var(--sp-ui-border)!important;
    box-shadow:0 -8px 24px rgba(16,24,40,.075)!important;
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
  }
    body:not(.wp-admin) .sp-mobile-nav-item.is-active,
  body:not(.wp-admin) .sp-mobile-nav-item[aria-current="page"]{
    color:var(--sp-ui-primary)!important;
  }
  }

/* Koyu temada içerik yüzeyleri ve metin kontrastı. */

/* ==== theme-mobile-phase3 ==== */
/*
 * Tema Yenileme Faz 3
 * Kapsam: yalnız mobil public uygulama görünümü (ana sayfa, keşfet/liste, hesabım, alt menü ve ortak kart yüzeyi).
 * Veri, sorgu, modül, yönetim ve yönlendirme mantığı değiştirilmez.
 */
@media(max-width:767px){
  body:not(.wp-admin){
    --sp-mobile-page-pad:10px;
    --sp-mobile-card-radius:16px;
    --sp-mobile-card-border:color-mix(in srgb,var(--sp-ui-border) 88%,transparent);
    --sp-mobile-card-shadow:0 5px 18px rgba(15,23,42,.055);
  }

  /* Mobil sayfa kabuğu: uygulama hissi, mevcut max-width ve veri akışını bozmaz. */
  
  /* Mobil üst içerik başlıkları */
  body:not(.wp-admin) :is(.sp-list-head,.sp-page-title,.sp-module-title,.sp-detail-head,.sp-panel-head,.sp-home-section-head){
    border-radius:14px!important;
  }
  body:not(.wp-admin) :is(.sp-list-head,.sp-page-title,.sp-module-title,.sp-detail-head) h1,
  body:not(.wp-admin) .sp-panel-head h1,
  body:not(.wp-admin) .sp-home-section-head h3{
    letter-spacing:-.02em!important;
  }

  /* Keşfet / içerik listeleri: telefon ekranında kart hissini kuvvetlendir. */
  body:not(.wp-admin) :is(.sp-own-list,.sp-home-feed){
    gap:9px!important;
  }
  body:not(.wp-admin) :is(.sp-own-list article,.sp-home-card){
    border:1px solid var(--sp-mobile-card-border)!important;
    border-radius:var(--sp-mobile-card-radius)!important;
    background:var(--sp-ui-surface)!important;
    box-shadow:var(--sp-mobile-card-shadow)!important;
    overflow:hidden!important;
  }

  /* Ana sayfa / mobil hızlı erişim */
  body:not(.wp-admin) .sp-mobile-home{
    gap:12px!important;
  }
  body:not(.wp-admin) .sp-mobile-home-top{
    padding:13px!important;
    border:1px solid var(--sp-mobile-card-border)!important;
    border-radius:16px!important;
    background:var(--sp-ui-surface)!important;
    box-shadow:var(--sp-mobile-card-shadow)!important;
  }
  body:not(.wp-admin) .sp-home-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body:not(.wp-admin) .sp-home-actions a{
    min-height:72px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border:1px solid var(--sp-mobile-card-border)!important;
    border-radius:14px!important;
    background:var(--sp-ui-surface)!important;
    box-shadow:0 3px 12px rgba(15,23,42,.04)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  /* Hesabım: profil üstte, işlemler telefon uygulaması gibi kartlaşır. */
  body:not(.wp-admin) .sp-account-shell{
    gap:10px!important;
  }
  body:not(.wp-admin) .sp-account-side{
    margin-bottom:10px!important;
    border-radius:18px!important;
  }
  body:not(.wp-admin) .sp-account-main{
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid var(--sp-mobile-card-border)!important;
    background:var(--sp-ui-surface)!important;
    box-shadow:var(--sp-mobile-card-shadow)!important;
  }
  body:not(.wp-admin) .sp-account-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:10px 0 12px!important;
  }
  body:not(.wp-admin) .sp-account-stats>div{
    min-height:72px!important;
    padding:10px!important;
    border-radius:13px!important;
  }
  
  
  

  /* Global mobil alt menü: mevcut 58x58 Ekle ölçüsünü değiştirmeden daha çağdaş yüzey. */
  body:not(.wp-admin) .sp-mobile-bottom-nav{
    height:70px!important;
    min-height:70px!important;
    border-top:1px solid color-mix(in srgb,var(--sp-ui-border) 86%,transparent)!important;
    background:color-mix(in srgb,var(--sp-ui-surface) 94%,transparent)!important;
    box-shadow:0 -8px 26px rgba(15,23,42,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  body:not(.wp-admin) .sp-mobile-bottom-nav .sp-mobile-nav-item:not([data-key="add"]){
    min-height:58px!important;
    border-radius:12px!important;
    color:var(--sp-ui-muted)!important;
  }
  body:not(.wp-admin) .sp-mobile-bottom-nav .sp-mobile-nav-item:not([data-key="add"]).is-active{
    color:var(--sp-ui-primary)!important;
    background:color-mix(in srgb,var(--sp-ui-primary) 8%,transparent)!important;
  }
  body:not(.wp-admin) .sp-mobile-bottom-nav .sp-mobile-nav-item .dashicons{
    font-size:20px!important;
    width:20px!important;
    height:20px!important;
    line-height:20px!important;
  }
  body:not(.wp-admin) .sp-mobile-bottom-nav .sp-mobile-nav-label{
    font-size:9px!important;
    font-weight:800!important;
  }
  
  /* Koyu tema mobil yüzeyleri */
  html[data-sp-theme="dark"] body:not(.wp-admin) :is(.sp-mobile-home-top,.sp-account-main,.sp-home-actions a),
  html[data-theme="dark"] body:not(.wp-admin) :is(.sp-mobile-home-top,.sp-account-main,.sp-home-actions a){
    background:var(--sp-ui-surface)!important;
    border-color:var(--sp-ui-border)!important;
  }
}

/* Çok dar ekranlarda 3'lü hızlı erişim korunur, yalnız boşluk/punto sıkılaşır. */
@media(max-width:390px){
  body:not(.wp-admin) .sp-home-actions{gap:6px!important}
  body:not(.wp-admin) .sp-home-actions a{min-height:68px!important;padding:7px 4px!important;font-size:9.5px!important}
}