/* =========================================================
   SEOEmlak v318 — MOBİL TEK KART SİSTEMİ (SIFIRDAN)
   Aynı renderer: Ana Sayfa + Satılık + Kiralık + Projeler + Liste + Detaylı Liste
   Desktop etkilenmez.
   ========================================================= */
.fe-mpc,.fe-mpc-stack{display:none}

@media (max-width:640px){
  /* --- ortak liste kabı --- */
  .fe-mpc-stack{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  /* Ana sayfada eski desktop slider/kartlar yerine merkezi mobil kart */
  .fe-featured-panel .fe-featured-viewport,
  .fe-featured-panel .fe-slider-arrow,
  .fe-featured-panel .fe-slider-dots,
  .fe-opportunities .fe-opportunity-grid,
  .fe-opportunities .fe-opportunity-view-switch,
  .fe-home-featured-unified-list,
  .fe-home-opportunity-unified-list{display:none!important}
  .eml-home-featured-stack,.eml-home-opportunity-stack{display:flex!important}

  /* Sonuç sayfasında desktop kart gizlenir, tek mobil renderer görünür */
  .fe-listings-family-scope .fe-result-card{display:none!important}
  .fe-listings-family-scope .fe-listing-card-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;
    width:100%!important;
    padding:8px 0 12px!important;
    margin:0!important;
  }

  .fe-featured-panel .fe-container,
  .fe-opportunities .fe-container,
  .fe-listings-family-scope .fe-container,
  .fe-home-featured .fe-container,
  .fe-home-opportunities .fe-container{
    width:100%!important;
    max-width:none!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  /* --- Kart kabuğu --- */
  .fe-mpc{
    display:block!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid #2e5f8d!important;
    border-radius:18px!important;
    background:#10375c!important;
    box-shadow:
      0 10px 24px rgba(2,16,31,.20)!important,
      0 0 0 1px rgba(84,168,255,.10)!important,
      0 0 18px rgba(44,146,255,.10)!important;
  }
  .fe-mpc-link{display:block!important;color:inherit!important;text-decoration:none!important}

  /* Üst bölüm: görsel + başlık/konum/fiyat */
  .fe-mpc-main{
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    min-height:118px!important;
    background:#10375c!important;
  }
  .fe-mpc-media{
    position:relative!important;
    width:132px!important;
    height:118px!important;
    overflow:hidden!important;
    background:#dce8f2!important;
  }
  .fe-mpc-media>img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}

  /* görsel overlayleri */
  .fe-mpc-tx{
    position:absolute!important;left:9px!important;top:9px!important;z-index:4!important;
    display:inline-flex!important;align-items:center!important;gap:5px!important;
    height:28px!important;padding:0 9px!important;border-radius:7px!important;
    color:#fff!important;font-size:10.5px!important;font-weight:850!important;line-height:1!important;
    box-shadow:0 4px 11px rgba(0,0,0,.17)!important;
  }
  .fe-mpc-tx .fe-icon{width:12px!important;height:12px!important}
  .fe-mpc-tx-sale{background:#258eff!important}
  .fe-mpc-tx-rent{background:#18b568!important}
  .fe-mpc-tx-daily_rent{background:#13a6bd!important}
  .fe-mpc-tx-project{background:#7e4bf1!important}

  .fe-mpc-photos{
    position:absolute!important;left:9px!important;bottom:8px!important;z-index:4!important;
    display:inline-flex!important;align-items:center!important;gap:4px!important;
    height:25px!important;padding:0 7px!important;border-radius:7px!important;
    background:rgba(5,24,45,.86)!important;color:#fff!important;font-size:9.5px!important;font-weight:800!important;
    backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
  }
  .fe-mpc-photos .fe-icon{width:11px!important;height:11px!important}

  .fe-mpc-fav{display:none!important}

  .fe-mpc-state{
    position:absolute!important;right:8px!important;bottom:8px!important;z-index:5!important;
    display:inline-flex!important;align-items:center!important;height:22px!important;padding:0 7px!important;
    border-radius:999px!important;color:#fff!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;
  }
  .fe-mpc-state.urgent{background:#f15b40!important}
  .fe-mpc-state.first{background:#7056ef!important}
  .fe-mpc-state.new{background:#16ad67!important}

  .fe-mpc-body{
    position:relative!important;
    min-width:0!important;
    height:118px!important;
    padding:12px 14px 10px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    background:#10375c!important;
  }
  .fe-mpc-title-row{display:flex!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;margin:0!important;padding:0!important}
  .fe-mpc-title{
    flex:1 1 auto!important;min-width:0!important;margin:0!important;
    color:#f4f8fd!important;font-size:13px!important;line-height:1.18!important;font-weight:850!important;letter-spacing:-.1px!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  }
  .fe-mpc-arrow{flex:0 0 auto!important;color:#9ccaff!important;font-size:20px!important;line-height:16px!important;margin-top:1px!important;text-shadow:0 0 8px rgba(156,202,255,.18)!important}

  .fe-mpc-location{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;
    width:100%!important;margin-top:11px!important;padding:0!important;
    color:#c6daf0!important;font-size:11px!important;line-height:1.2!important;text-align:left!important;
  }
  .fe-mpc-location .fe-icon{
    flex:0 0 13px!important;width:13px!important;height:13px!important;margin-top:0!important;
    color:#59bdff!important;filter:drop-shadow(0 0 6px rgba(89,189,255,.28))!important;
  }
  .fe-mpc-location span{
    min-width:0!important;max-width:calc(100% - 20px)!important;display:block!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;
  }

  .fe-mpc-desc{display:none!important}
  .fe-mpc-price{
    margin-top:auto!important;align-self:flex-end!important;padding-right:2px!important;
    color:#3db1ff!important;font-size:14px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.15px!important;white-space:nowrap!important;
  }
  .fe-mpc-price small{font-size:9px!important;font-weight:800!important;color:#8dcefb!important}

  /* ALT ÖZELLİK ŞERİDİ — kartın dışına taşmış gibi, ama kart ailesine bağlı */
  .fe-mpc-features{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    height:42px!important;
    padding:5px 7px!important;
    border-top:1px solid #2f5f8c!important;
    background:linear-gradient(180deg,#0e3459 0%,#0c2f50 100%)!important;
  }
  .fe-mpc-features>span{
    min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    padding:0 7px!important;
    color:#e6f1fb!important;font-size:10.8px!important;line-height:1!important;font-weight:780!important;white-space:nowrap!important;overflow:hidden!important;
    border-right:1px solid rgba(82,129,171,.70)!important;
  }
  .fe-mpc-features>span:last-child{border-right:0!important}
  .fe-mpc-features .fe-icon{
    flex:0 0 14px!important;width:14px!important;height:14px!important;
    filter:drop-shadow(0 0 6px rgba(255,255,255,.08))!important;
  }
  .fe-mpc-features .area .fe-icon{color:#a48dff!important}
  .fe-mpc-features .room .fe-icon{color:#63c7ff!important}
  .fe-mpc-features .type .fe-icon{color:#ffbf66!important}
  .fe-mpc-features b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* DETAYLI LİSTE: aynı kart, yalnız içerik zenginleşir */
  body.fe-view-detailed .fe-mpc-main{grid-template-columns:140px minmax(0,1fr)!important;min-height:158px!important}
  body.fe-view-detailed .fe-mpc-media{width:140px!important;height:158px!important}
  body.fe-view-detailed .fe-mpc-body{height:158px!important;padding:12px 14px 10px 14px!important}
  body.fe-view-detailed .fe-mpc-title{font-size:13px!important;-webkit-line-clamp:3!important}
  body.fe-view-detailed .fe-mpc-location{margin-top:16px!important}
  body.fe-view-detailed .fe-mpc-desc{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;
    margin:7px 0 0!important;color:#b6cadc!important;font-size:10.2px!important;line-height:1.32!important;
  }

  /* Ana sayfa da aynı tek aileyi kullanır; Listele sabit */
  .fe-mpc-home .fe-mpc-main{min-height:118px!important}
  .fe-mpc-home .fe-mpc-media,.fe-mpc-home .fe-mpc-body{height:118px!important}

  /* Gündüz modu */
  html[data-fe-theme="light"] .fe-mpc,
  html[data-theme="light"] .fe-mpc,
  body.fe-light .fe-mpc{background:#fff!important;border-color:#d4e1ed!important;box-shadow:0 7px 18px rgba(28,61,94,.08)!important}
  html[data-fe-theme="light"] .fe-mpc-main,
  html[data-theme="light"] .fe-mpc-main,
  body.fe-light .fe-mpc-main,
  html[data-fe-theme="light"] .fe-mpc-body,
  html[data-theme="light"] .fe-mpc-body,
  body.fe-light .fe-mpc-body{background:#fff!important}
  html[data-fe-theme="light"] .fe-mpc-title,
  html[data-theme="light"] .fe-mpc-title,
  body.fe-light .fe-mpc-title{color:#163651!important}
  html[data-fe-theme="light"] .fe-mpc-location,
  html[data-theme="light"] .fe-mpc-location,
  body.fe-light .fe-mpc-location{color:#617d96!important}
  html[data-fe-theme="light"] .fe-mpc-desc,
  html[data-theme="light"] .fe-mpc-desc,
  body.fe-light .fe-mpc-desc{color:#6f8498!important}
  html[data-fe-theme="light"] .fe-mpc-price,
  html[data-theme="light"] .fe-mpc-price,
  body.fe-light .fe-mpc-price{color:#087ff5!important}
  html[data-fe-theme="light"] .fe-mpc-features,
  html[data-theme="light"] .fe-mpc-features,
  body.fe-light .fe-mpc-features{background:#f6f9fc!important;border-top-color:#d8e4ef!important}
  html[data-fe-theme="light"] .fe-mpc-features>span,
  html[data-theme="light"] .fe-mpc-features>span,
  body.fe-light .fe-mpc-features>span{color:#4c687f!important;border-right-color:#d7e3ee!important}

  /* Dar telefonlar */
  @media (max-width:390px){
    .fe-mpc-main{grid-template-columns:116px minmax(0,1fr)!important;min-height:112px!important}
    .fe-mpc-media{width:116px!important;height:112px!important}
    .fe-mpc-body{height:112px!important;padding:10px 11px 8px 11px!important}
    .fe-mpc-title{font-size:12px!important}
    .fe-mpc-location{font-size:9.8px!important;margin-top:9px!important;padding:0 2px!important}
    .fe-mpc-price{font-size:12.5px!important}
    .fe-mpc-features{height:40px!important;padding:4px 5px!important}
    .fe-mpc-features>span{font-size:9.6px!important;padding:0 4px!important;gap:4px!important}
    .fe-mpc-features .fe-icon{width:12px!important;height:12px!important;flex-basis:12px!important}
    .fe-mpc-tx{height:25px!important;font-size:9.5px!important;padding:0 7px!important}
    .fe-mpc-fav{width:31px!important;height:31px!important}
    body.fe-view-detailed .fe-mpc-main{grid-template-columns:122px minmax(0,1fr)!important;min-height:148px!important}
    body.fe-view-detailed .fe-mpc-media{width:122px!important;height:148px!important}
    body.fe-view-detailed .fe-mpc-body{height:148px!important;padding:10px 9px 8px 10px!important}
    body.fe-view-detailed .fe-mpc-desc{font-size:9.4px!important;-webkit-line-clamp:3!important}
    .fe-mpc-home .fe-mpc-main{min-height:112px!important}
    .fe-mpc-home .fe-mpc-media,.fe-mpc-home .fe-mpc-body{height:112px!important}
  }

  /* v321 FINAL MOBIL KART OVERRIDES */
  .fe-mpc-fav,.eml-mobile-fav{display:none!important}
  .fe-mpc{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .fe-mpc-stack{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
  .fe-mpc-main{grid-template-columns:132px minmax(0,1fr)!important;min-height:118px!important}
  .fe-mpc-media{width:132px!important;height:118px!important}
  .fe-mpc-body{height:118px!important;padding:11px 13px 9px 13px!important;display:flex!important;flex-direction:column!important}
  .fe-mpc-title-row{margin:0!important;padding:0!important;align-items:flex-start!important}
  .fe-mpc-title{margin:0!important;-webkit-line-clamp:2!important;line-height:1.2!important}
  .fe-mpc-location{
    margin-top:16px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
  }
  .fe-mpc-location span{
    display:block!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }
  .fe-mpc-price{margin-top:auto!important;align-self:flex-end!important;padding-right:2px!important}
  .fe-mpc-features{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;height:42px!important}

  body.fe-view-detailed .fe-mpc-main{grid-template-columns:140px minmax(0,1fr)!important;min-height:158px!important}
  body.fe-view-detailed .fe-mpc-media{width:140px!important;height:158px!important}
  body.fe-view-detailed .fe-mpc-body{height:158px!important;padding:12px 13px 9px 13px!important}
  body.fe-view-detailed .fe-mpc-location{margin-top:10px!important}

  @media (max-width:390px){
    .fe-mpc-main{grid-template-columns:116px minmax(0,1fr)!important;min-height:112px!important}
    .fe-mpc-media{width:116px!important;height:112px!important}
    .fe-mpc-body{height:112px!important;padding:10px 10px 8px 10px!important}
    .fe-mpc-location{margin-top:8px!important;font-size:9.8px!important}
    .fe-mpc-features{height:40px!important}
    body.fe-view-detailed .fe-mpc-main{grid-template-columns:122px minmax(0,1fr)!important;min-height:148px!important}
    body.fe-view-detailed .fe-mpc-media{width:122px!important;height:148px!important}
    body.fe-view-detailed .fe-mpc-body{height:148px!important}
  }

  /* v321c — final balanced title/location spacing */
  .fe-mpc-location{margin-top:24px!important}
  body.fe-view-detailed .fe-mpc-location{margin-top:24px!important}
  @media (max-width:390px){
    .fe-mpc-location{margin-top:20px!important}
    body.fe-view-detailed .fe-mpc-location{margin-top:20px!important}
  }

}