/**
 * BLACKMITT - Modern public front-end theme
 * Ana sayfa, menü kategorileri, ürün listesi ve ürün detayı için güncel arayüz
 */

 :root {
  --bm-header-h: 60px;
  --bm-accent: var(--ft-primary, #e85d04);
  --bm-accent-hover: var(--ft-accent, var(--ft-secondary, #c94f03));
  --bm-dark: var(--ft-bg, #1a1a1a);
  --bm-card-bg: var(--ft-surface, #ffffff);
  --bm-card-shadow: var(--ft-shadow-soft, 0 4px 20px rgba(0,0,0,0.08));
  --bm-card-shadow-hover: var(--ft-shadow-strong, 0 8px 30px rgba(0,0,0,0.12));
  --bm-radius: var(--ft-radius-card, 12px);
  --bm-radius-sm: var(--ft-radius-sm, 8px);
  --bm-surface-2: var(--ft-surface-2, #f3f4f6);
  --bm-border: var(--ft-border, rgba(15,23,42,0.08));
  --bm-page-text: var(--ft-text-pages, var(--ft-text, #334155));
  --bm-primary-foreground: var(--ft-primary-foreground, #fff);
  --bm-text-heading: var(--ft-text-menu-heading, var(--ft-text-menu, #e2e8f0));
  --bm-text: var(--ft-text-menu-card, #1f2937);
  --bm-text-muted: var(--ft-text-muted, #6b7280);
}

#pages_maincontent{ padding-top: var(--bm-header-h) !important; }

.page-content{
  padding-top: 0 !important;
}

#pages_maincontent{
  background: linear-gradient(180deg, var(--ft-page-bg-start, #f3efe7) 0%, var(--ft-page-bg-mid, #f7f7f9) 45%, var(--ft-page-bg-end, #f5f5f7) 100%) !important;
}

/* Genel tipografi */
body {
  font-family: var(--ft-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  color: var(--ft-text-global, #1f355a);
}
h2.page_title, h3.page_subtitle { font-weight: 600; }

/* ========== Ana sayfa – Alt toolbar kartları ========== */
.swiper-container-toolbar { padding: 12px 8px 16px; }
.toolbar-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 0 4px;
}
.toolbar-icon a {
  width: calc(33.333% - 8px) !important;
  max-width: 110px;
  margin: 0 !important;
  padding: 14px 8px !important;
  border-radius: var(--bm-radius) !important;
  box-shadow: var(--bm-card-shadow);
  transition: transform 0.2s, box-shadow 0.2s;
  background: var(--bm-card-bg) !important;
}
.toolbar-icon a:hover, .toolbar-icon a:active {
  transform: translateY(-2px);
  box-shadow: var(--bm-card-shadow-hover);
}
.toolbar-icon a img {
  max-width: 36px !important;
  margin: 0 auto 8px !important;
  display: block;
  filter: contrast(0.9);
}
.toolbar-icon a span {
  font-size: 11px !important;
  font-weight: 500;
  color: var(--bm-text) !important;
  letter-spacing: 0;
  text-transform: none;
}
@media (min-width: 500px) {
  .toolbar-icon a { width: calc(16.666% - 8px) !important; max-width: none; }
}

/* Slider caption – buton */
.slider-caption a[href] span.subtitle {
  padding: 10px 18px !important;
  border-radius: var(--bm-radius-sm) !important;
  font-weight: 600 !important;
  transition: background 0.2s;
}
.slider-caption a[href]:hover span.subtitle { background: var(--bm-accent-hover) !important; }

body[data-front-beam="1"] .button_full.btyellow,
body[data-front-beam="1"] .post_swipe{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body[data-front-beam="1"] .button_full.btyellow::after,
body[data-front-beam="1"] .post_swipe::after{
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(108deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 38%, rgba(255,255,255,.45) 50%, rgba(255,255,255,.10) 62%, rgba(255,255,255,0) 100%);
  background-size: 240% 100%;
  animation: frontBeamSweep 3.2s linear infinite;
  pointer-events: none;
  z-index: 2;
}

@keyframes frontBeamSweep {
  0% { background-position: 135% 0; }
  100% { background-position: -135% 0; }
}

/* ========== Kategori sayfası (Menü Kategorilerimiz – Yiyecekler, Tatlılar) ========== */
#pages_maincontent .page_single.layout_fullwidth_padding {
  padding: 16px 5% 24px;
  max-width: 900px;
  margin: 0 auto;
}
#pages_maincontent .page_title {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--bm-text-heading) !important;
  margin-bottom: 20px !important;
  border: none !important;
  padding-bottom: 12px !important;
}
.bm-title{
  color: var(--bm-text-heading) !important;
}
.modern-category-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 8px;
}
@media (min-width: 500px) {
  .modern-category-grid { grid-template-columns: repeat(2, 1fr); }
}
.modern-category-card {
  display: block;
  border-radius: var(--bm-radius);
  overflow: hidden;
  box-shadow: var(--bm-card-shadow);
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-border);
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.modern-category-card:hover, .modern-category-card:active {
  transform: translateY(-4px);
  box-shadow: var(--bm-card-shadow-hover);
}
.modern-category-card .card-img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}
.modern-category-card .card-label {
  padding: 14px 16px;
  font-weight: 600;
  font-size: 1rem;
  color: var(--bm-text);
  text-align: center;
  background: var(--bm-card-bg);
}
.modern-category-card .card-desc {
  font-size: 0.85rem;
  color: var(--bm-text-muted);
  text-align: center;
  padding: 0 16px 12px;
  line-height: 1.4;
}

.modern-category-card .card-label,
.post_title,
.post_category a,
.shop_item_details h3{
  color: var(--bm-text) !important;
}

.modern-category-card .card-desc,
.shop_item_details p,
.mf-page-copy,
.mf-contact-meta .item{
  color: var(--bm-page-text) !important;
}

.post_details h2{
  color: var(--bm-text-muted) !important;
}

/* Eski videocontainer’ı modern kartla değiştirince görünmesin */
.modern-category-grid .videocontainer {
  display: none;
}

/* ========== Menü listesi (Yiyecekler / Tatlılar ürün listesi) ========== */
#pages_maincontent .button_full.btyellow {
  border-radius: var(--bm-radius-sm);
  font-weight: 600;
  background: var(--bm-accent) !important;
  color: var(--bm-primary-foreground) !important;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid var(--bm-border) !important;
  box-shadow: var(--bm-card-shadow);
}
#pages_maincontent .button_full.btyellow:hover { background: var(--bm-accent-hover) !important; }

#pages_maincontent .page_title{
  margin-top: 6px !important;
}

.posts { padding: 0 0 20px; }
.posts li {
  border: 1px solid var(--bm-border) !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  border-radius: var(--bm-radius);
  overflow: hidden;
  box-shadow: var(--bm-card-shadow) !important;
  background: var(--bm-card-bg);
}

.posts li:hover{
  box-shadow: var(--bm-card-shadow-hover) !important;
  transform: translateY(-2px);
}

.post_entry {
  display: flex;
  align-items: center;
  padding: 14px !important;
  gap: 12px;
  position: relative;
}
.post_thumb {
  width: 80px !important;
  min-width: 80px;
  height: 80px;
  border-radius: var(--bm-radius-sm);
  overflow: hidden;
}
.post_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post_details {
  flex: 1;
  min-width: 0;
  margin: 0 !important;
  width: auto !important;
  padding-right: 56px; /* sağ üst aksiyon butonu için yer */
}
.post_category a {
  font-size: 0.95rem !important;
  font-weight: 600;
  color: var(--bm-text) !important;
}
.post_details h2 {
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  color: var(--bm-text-muted) !important;
  margin: 4px 0 0 !important;
}
.post_swipe {
  width: 44px !important;
  min-width: 44px;
  height: 44px !important;
  border-radius: var(--bm-radius-sm) !important;
  background: var(--bm-accent) !important;
  display: flex !important;
  align-items:center !important;
  justify-content:center !important;
  position: absolute !important;
  top: 12px;
  right: 12px;
  /* animasyon + GPU + hover davranışı tek blokta */
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  will-change: transform;
  z-index: 10 !important;                 /* kartın üstünde kalsın */
  transform: translateZ(0);              /* GPU katmanına al */
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.post_swipe::before{
  content:"+";
  color:var(--bm-primary-foreground);
  font-size:22px;
  font-weight:700;
  line-height:1;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}


/* ========== Ürün detay sayfası ========== */
.shop_item {
  border-radius: var(--bm-radius);
  overflow: hidden;
  box-shadow: var(--bm-card-shadow);
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-border);
}
.shop_item .shop_thumb {
  border-radius: var(--bm-radius) var(--bm-radius) 0 0;
  overflow: hidden;
}
.shop_item .shop_thumb img { display: block; width: 100%; max-height: 280px; object-fit: cover; }
body[data-front-mode="dark"] .shop_item {
  background: var(--bm-surface-2);
}
.shop_item .shop_item_price {
  border-radius: 50%;
  background: var(--bm-accent) !important;
  color: var(--bm-primary-foreground) !important;
  font-weight: 700 !important;
  width: 56px !important;
  height: 56px !important;
  line-height: 56px !important;
  font-size: 0.95rem !important;
}
.shop_item_details {
  padding: 16px !important;
}
.shop_item_details h3 {
  font-weight: 600 !important;
  font-size: 1rem !important;
  margin-bottom: 8px !important;
  border: none !important;
  padding: 0 !important;
  color: var(--bm-text) !important;
}
.shop_item_details p {
  color: var(--bm-text-muted);
  line-height: 1.5;
  font-size: 0.9rem;
  margin: 0 !important;
  text-align: left;
  overflow-wrap: anywhere;
}
.shop_item_details .shop_item_desc p{
  margin: 0 0 12px !important;
}
.shop_item_details .shop_item_desc p:last-child{
  margin-bottom: 0 !important;
}
.shop_item_details p + p{
  margin-top: 12px !important;
}
/* urun-detay.php açıklaması nl2br() ile <br> üretir; satır arası boşluk ver */
.shop_item_details p br{
  display: block;
  margin-top: 10px;
  content: "";
}
#pages_maincontent center p {
  font-size: 0.85rem;
  color: var(--bm-text-muted);
}

/* Navbar – hafif iyileştirme */
.navbarpages.navbarpagesbg { background: var(--bm-dark) !important; }
.logo_text { font-weight: 700 !important; }


/* ====== TOOLBAR (3 sütun / 2 satır) - FIX ====== */

/* swiper toolbar alanı taşma yapmasın */
.swiper-container-toolbar{
  width: 100% !important;
  padding: 12px 8px 16px !important;
  overflow: hidden !important;
}

/* bazı swiper temaları wrapper'a translate verir, toolbar’da istemiyoruz */
.swiper-container-toolbar .swiper-wrapper{
  width: 100% !important;
}

/* toolbar'daki slide %100 olsun */
.swiper-container-toolbar .swiper-slide{
  width: 100% !important;
  flex: 0 0 100% !important;
}

/* 6 kart: 3 sütun grid */
.swiper-container-toolbar .toolbar-icon{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 12px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* kartlar hücreyi doldursun */
.swiper-container-toolbar .toolbar-icon > a{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* çok küçük ekranda 2 sütun */
@media (max-width: 360px){
  .swiper-container-toolbar .toolbar-icon{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* sayfa yatay taşma varsa komple kes */
html, body{
  overflow-x: hidden !important;
}

/* ========== Genel arka plan (daha sade, içerik okunabilir) ========== */

/* Bootstrap dil modali Framework7 katmanlarının ÜSTÜNDE olsun */
.language-modal{
  z-index: 8000 !important;
}
.modal-backdrop{
  z-index: 7500 !important;
}

/* ========== Dil seçimi modali (language-modal) ========== */
.language-modal .modal-dialog{
  max-width: 420px !important;
  margin: 48px auto !important;
  pointer-events: none;
}
.language-modal .modal-content{
  pointer-events: auto;
  background: color-mix(in srgb, var(--bm-dark) 88%, transparent) !important;
  border-radius: 18px !important;
  border: 1px solid var(--bm-border) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,0.6) !important;
  color: var(--bm-text-heading) !important;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.language-modal .modal-header{
  padding: 16px 16px 10px !important;
  border: 0 !important;
  align-items: center !important;
}
.language-modal .modal-title{
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  color: var(--bm-text-heading) !important;
}
.language-modal .language-close{
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--bm-border) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--bm-card-bg) 18%, transparent) !important;
  color: var(--bm-text-heading) !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
.language-modal .language-close:hover{
  background: color-mix(in srgb, var(--bm-card-bg) 28%, transparent) !important;
  border-color: color-mix(in srgb, var(--bm-accent) 52%, var(--bm-border)) !important;
}
.language-modal .modal-body{
  padding: 12px 16px 18px !important;
}
.language-modal .language-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
.language-modal .language-item{
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--bm-dark) 94%, transparent), color-mix(in srgb, var(--bm-surface-2) 88%, transparent)) !important;
  border: 1px solid var(--bm-border) !important;
  text-decoration: none !important;
  color: var(--bm-text-heading) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.language-modal .language-item img{
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  box-shadow: 0 10px 18px rgba(0,0,0,0.35) !important;
  flex: 0 0 auto;
}
.language-modal .language-item span{
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  color: var(--bm-text-heading) !important;
}
.language-modal .language-item::after{
  content: "›";
  margin-left: auto;
  font-size: 22px;
  line-height: 1;
  opacity: 0.7;
  color: var(--bm-text-muted) !important;
}
.language-modal .language-item:hover,
.language-modal .language-item:active{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.45);
  border-color: color-mix(in srgb, var(--bm-accent) 55%, var(--bm-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--bm-accent) 42%, transparent), color-mix(in srgb, var(--bm-accent-hover) 26%, transparent)) !important;
}
.language-modal .language-item.is-active{
  border-color: color-mix(in srgb, var(--ft-success) 70%, var(--bm-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ft-success) 22%, transparent), color-mix(in srgb, var(--bm-surface-2) 92%, transparent)) !important;
}
.language-modal .language-item.is-active::before{
  content: "✓";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  color: color-mix(in srgb, var(--ft-success) 15%, #02150d);
  background: var(--ft-success);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--ft-success) 28%, transparent);
}
.language-modal .language-item.is-active::after{
  content: "";
}

/* Menü listesi - serviste olmayan ürün için eksi ikon görünümü */
.post_swipe_off{
  position: absolute !important; /* zaten absolute, garanti */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: var(--bm-surface-2) !important;
  transition: none !important;
}
.post_swipe_off img{
  display:none !important;       /* opacity değil, hiç yer kaplamasın */
}
.post_swipe_off::before{
  content:"−";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color: var(--bm-text-heading);
  font-size:22px;
  font-weight:800;
  line-height:1;
  width:1em;
  height:1em;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ========== Modern header + logo autoscale ========== */
.navbarpages{
  background: color-mix(in srgb, var(--bm-dark) 78%, transparent) !important;
  border-bottom: 1px solid var(--bm-border) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.35) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 10px !important;
  height: 60px !important;
  overflow: hidden !important;
}
.navbarpages.navbarpagesbg{
  background: rgba(2, 6, 23, 0.82) !important;
}
.navbar_left,
.navbar_right{
  float: none !important;
}
.navbar_left{
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.logo_text{
  line-height: 1 !important;
  font-size: 0 !important;
}
.logo_text a{
  display: flex !important;
  align-items: center !important;
  min-width: 0;
}
.logo_text a img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 40px !important;
  max-width: min(180px, 55vw) !important;
  object-fit: contain !important;
}
.navbar_right{
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  position: relative;
}
.navbar_right.navbar_right_menu{
  padding-right: 0 !important;
}
.navbar_right a{
  width: 44px;
  height: 44px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px;
  background: color-mix(in srgb, var(--bm-card-bg) 18%, transparent);
  border: 1px solid var(--bm-border);
}
.navbar_right a:hover{
  border-color: color-mix(in srgb, var(--bm-accent) 50%, var(--bm-border));
  background: color-mix(in srgb, var(--bm-card-bg) 28%, transparent);
}
.navbar_right img{
  padding: 0 !important;
  max-width: 20px !important;
  opacity: 0.95;
}

/* Sol taraftan açılan menü (3 çizgili menü) koyu tema */
.panel.panel-left,
.panel.panel-left.panel-reveal,
.panel-left .swiper-container-subnav,
.panel-left .swiper-wrapper,
.panel-left .swiper-slide,
.panel-left nav.main_nav_icons_inline_2,
.panel-left nav.main_nav_underline{
  background: var(--bm-surface-2) !important;
}
.panel-left .main_nav_icons_inline_2 ul li,
.panel-left .main_nav_underline ul li{
  border-color: var(--bm-border) !important;
}
.panel-left .main_nav_icons_inline_2 ul li a span,
.panel-left .main_nav_underline ul li a span{
  color: var(--bm-text-heading) !important;
}
body[data-front-mode="light"] .panel-left .main_nav_icons_inline_2 ul li a img,
body[data-front-mode="light"] .panel-left .main_nav_underline ul li a img{
  filter: brightness(0) saturate(100%) opacity(.82);
}

/* Mouse ile üstüne gelince (desktop) */
.post_swipe:hover{
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* Tıklama / dokunma anı */
.post_swipe:active{
  transform: translateY(0) scale(0.94);
  box-shadow: 0 6px 16px rgba(0,0,0,.16);
}

@keyframes swipePop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.15); }
  70%  { transform: scale(0.92); }
  100% { transform: scale(1); }
}

.post_swipe.pop-animate{
  animation: swipePop 0.22s ease forwards;
}

/* Serviste değil olanlarda animasyon olmasın */
.post_swipe_off.pop-animate{
  animation: none !important;
}

/* Dokunmatik cihazlarda hover efektini kapat (scroll’da hover emülasyonu bug yapıyor) */
@media (hover: none) and (pointer: coarse){
  .post_swipe:hover{
    transform: none !important;
    box-shadow: none !important;
  }
  /* aktifte çok hafif basılma kalsın (istersen tamamen kapat) */
  .post_swipe:active{
    transform: scale(0.97) !important;
  }
}



/* === Menü kartları (swipeout) – tek, sade düzen === */
.posts{
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 0 20px !important; /* alt boşluğu biz yönetiyoruz */
}
.posts::before,
.posts::after{
  content: none !important;
  display: none !important;
}
.page_single.layout_fullwidth_padding{
  background: transparent !important;
  overflow: visible !important;
  overflow-x: hidden !important;
}
.page-content{
  overflow-y: auto !important;
}
.posts li.swipeout{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  overflow: visible !important;
  margin: 0 !important;
}
.posts li.swipeout .swipeout-content.item-content{
  background: var(--bm-card-bg) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: var(--bm-card-shadow) !important;
  border: 1px solid var(--bm-border) !important;
}
.posts li.swipeout .item-inner,
.posts li.swipeout .item-content{
  border: 0 !important;
  background-image: none !important;
  margin: 0 !important;
}
/* Framework7 item divider / swipeout artefact FIX */
.posts .item-inner::after,
.posts .item-inner::before,
.posts .item-content::after,
.posts .item-content::before,
.posts li.swipeout::before,
.posts li.swipeout::after,
.posts li.swipeout .swipeout-content::before,
.posts li.swipeout .swipeout-content::after{
  content: none !important;
  display: none !important;
  background: none !important;
}
/* Kartlar arası boşluk (kontrollü) */
.posts li.swipeout + li.swipeout{
  margin-top: 12px !important;
}

/* --------------------------------------------*/

/* === Ürün Başlık + Fiyat Modern Layout === */

.post_title_price{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
  text-decoration: none !important;
}

/* Ürün adı */
.post_title{
  font-size: 0.95rem !important;
  font-weight: 600;
  color: var(--bm-text);
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Fiyat */
.post_price{
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--bm-accent);
  background: var(--ft-accent-soft);
  border: 1px solid color-mix(in srgb, var(--bm-accent) 20%, transparent);
  padding: 4px 8px;
  border-radius: 8px;
}

/*-------------------------------*/

/* ========== Hakkimizda / Iletisim modern sayfalar ========== */
.mf-page-shell{
  width: min(100%, 860px);
  max-width: 860px;
  margin: 16px auto 28px;
  padding: 0 14px;
  box-sizing: border-box;
}

#pages_maincontent .mf-page-shell,
#pages_maincontent .mf-page-shell *{
  box-sizing: border-box;
}

.mf-page-hero{
  background: linear-gradient(135deg, color-mix(in srgb, var(--bm-accent) 92%, white 8%), color-mix(in srgb, var(--bm-accent-hover) 86%, var(--bm-accent) 14%));
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: var(--bm-card-shadow-hover);
  color: var(--bm-primary-foreground);
}

.mf-page-hero h1{
  margin: 0;
  font-size: 30px;
  line-height: 1.05;
  font-weight: 800;
}

.mf-page-hero p{
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: color-mix(in srgb, var(--bm-primary-foreground) 82%, transparent);
}

.mf-page-orb-right{
  background: color-mix(in srgb, var(--bm-primary-foreground) 18%, transparent);
}

.mf-page-orb-left{
  background: color-mix(in srgb, var(--bm-accent-hover) 22%, transparent);
}

.mf-page-card{
  margin-top: 12px;
  border-radius: 20px;
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-border);
  box-shadow: var(--bm-card-shadow);
  padding: 16px;
  overflow: hidden;
}

.mf-page-copy{
  color: var(--ft-text-pages, #334155);
  font-size: 15px;
  line-height: 1.7;
}

.mf-page-copy p{
  margin: 0 0 10px;
}

.mf-page-copy p:last-child{
  margin-bottom: 0;
}

.mf-page-cta{
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 999px;
  padding: 0 18px;
  background: linear-gradient(135deg, var(--bm-accent), var(--bm-accent-hover));
  color: var(--bm-primary-foreground) !important;
  text-decoration: none !important;
  font-weight: 700;
}

.mf-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.mf-form-grid .full{
  grid-column: 1 / -1;
}

.mf-contact-form label{
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--ft-text-pages, #475569);
  text-transform: uppercase;
  letter-spacing: .02em;
}

.mf-contact-form .form_input,
.mf-contact-form .form_textarea{
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  box-sizing: border-box !important;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  min-height: 44px;
  padding: 10px 12px;
  background: var(--bm-surface-2);
  color: var(--bm-page-text);
  margin: 0 !important;
}

.mf-contact-form .form_textarea{
  min-height: 130px;
  resize: vertical;
}

.mf-contact-form .form_submit{
  width: 100% !important;
  box-sizing: border-box !important;
  display: block;
  border: 0;
  border-radius: 999px;
  min-height: 46px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--bm-accent), var(--bm-accent-hover));
  color: var(--bm-primary-foreground);
}

.mf-branch-switch{
  margin-bottom: 12px;
  display: grid;
  gap: 6px;
}

.mf-branch-switch label{
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--ft-text-pages, #475569);
  text-transform: uppercase;
}

.mf-branch-switch select{
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid var(--bm-border);
  background: var(--bm-surface-2);
  color: var(--bm-page-text);
  padding: 10px 12px;
}

.mf-branch-switch span{
  color: var(--ft-text-pages, #64748b);
  font-size: 12px;
}

.mf-branch-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mf-branch-tab{
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  border-radius: 999px;
  padding: 0 12px;
  text-decoration: none !important;
  border: 1px solid var(--bm-border);
  background: var(--bm-surface-2);
  color: var(--bm-page-text);
  font-size: 13px;
  font-weight: 600;
}

.mf-branch-tab.is-active{
  border-color: color-mix(in srgb, var(--bm-accent) 58%, var(--bm-border));
  background: var(--ft-accent-soft);
  color: var(--bm-accent);
}

.mf-branch-badge{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 12px;
  border-radius: 999px;
  padding: 0 12px;
  background: var(--ft-accent-soft);
  border: 1px solid color-mix(in srgb, var(--bm-accent) 32%, var(--bm-border));
  color: var(--bm-accent);
  font-size: 12px;
  font-weight: 700;
}

.mf-map-frame{
  margin-top: 14px;
  border: 1px solid var(--bm-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bm-card-bg) 70%, transparent);
}

.mf-map-frame iframe{
  width: 100%;
  height: 240px;
  border: 0;
  display: block;
}

.mf-map-empty{
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--bm-text-muted);
  padding: 14px;
}

.mf-contact-meta{
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.mf-contact-meta .item{
  background: var(--bm-surface-2);
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  padding: 10px 12px;
  color: var(--bm-page-text);
  font-size: 14px;
}

@media (max-width: 680px){
  .mf-page-hero h1{ font-size: 26px; }
  .mf-form-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 920px){
  .mf-form-grid{
    grid-template-columns: 1fr;
  }
}