/* İlan Şehri V7.4.2D — masaüstü akış, kategori ve filtre iyileştirmeleri */

/* Gereksiz hızlı keşif satırını kaldır */
.v81-mobile-quick-chips,
.market-location-status,
.results-location-status{
  display:none !important;
}

/* Yatay kaydırma alanları: kaydırma çubuğunu sakla, masaüstünde daha akıcı yap */
.market-category-strip,
.results-category-strip,
.smart-home-track,
.results-subcategory-cards{
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.market-category-strip::-webkit-scrollbar,
.results-category-strip::-webkit-scrollbar,
.smart-home-track::-webkit-scrollbar,
.results-subcategory-cards::-webkit-scrollbar{
  display:none;
}
.market-category-strip.is-enhanced-scroll,
.results-category-strip.is-enhanced-scroll,
.smart-home-track.is-enhanced-scroll,
.results-subcategory-cards.is-enhanced-scroll{
  cursor:grab;
}
.market-category-strip.is-dragging,
.results-category-strip.is-dragging,
.smart-home-track.is-dragging,
.results-subcategory-cards.is-dragging{
  cursor:grabbing;
  user-select:none;
}

/* Ana sayfa popüler kategoriler */
.market-home .v70-category-section{
  border-radius:26px;
}
.market-home .market-section-title.v70-section-title,
.market-home .v70-section-title{
  align-items:center;
  margin-bottom:18px;
}
.market-home .market-category-strip,
.market-home .v81-category-track{
  display:flex !important;
  gap:14px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:4px 2px 8px !important;
  scroll-snap-type:x proximity;
  grid-template-columns:none !important;
}
.market-home .market-category-strip > a,
.market-home .v81-category-track > a{
  position:relative;
  flex:0 0 164px !important;
  min-width:164px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:16px !important;
  text-align:left !important;
  border:1px solid color-mix(in srgb,var(--category-color,#ff7a00) 25%,#e4e7ec) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--category-color,#ff7a00) 7%,#ffffff) 100%) !important;
  box-shadow:0 10px 24px rgba(16,24,40,.05) !important;
  scroll-snap-align:start;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.market-home .market-category-strip > a:hover,
.market-home .v81-category-track > a:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(16,24,40,.08) !important;
  border-color:var(--category-color,#ff7a00) !important;
}
.market-home .market-category-strip > a.active,
.market-home .v81-category-track > a.active{
  border-color:var(--category-color,#ff7a00) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--category-color,#ff7a00) 12%,transparent),0 14px 28px rgba(16,24,40,.08) !important;
}
.market-home .market-category-strip > a i,
.market-home .v81-category-track > a i{
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:color-mix(in srgb,var(--category-color,#ff7a00) 16%,#ffffff) !important;
  color:var(--category-color,#ff7a00) !important;
  border:1px solid color-mix(in srgb,var(--category-color,#ff7a00) 24%,#ffffff) !important;
  font-size:28px !important;
  font-style:normal !important;
}
.market-home .market-category-strip > a span,
.market-home .v81-category-track > a span{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  min-height:2.6em;
  white-space:normal !important;
  text-overflow:unset !important;
  color:#101828 !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:850 !important;
}
.market-home .market-category-strip > a small,
.market-home .v81-category-track > a small{
  display:block !important;
  margin-top:auto !important;
  color:#667085 !important;
  font-size:11px !important;
  font-weight:700 !important;
}

/* Ana sayfa ilan rayları ve takas fırsatları: masaüstünde de yatay akış */
.smart-home-feed{
  gap:22px;
}
.smart-home-section{
  min-width:0;
}
.smart-home-track{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(238px,280px) !important;
  gap:14px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:4px 2px 10px !important;
  scroll-snap-type:x proximity;
}
.smart-home-section:nth-child(-n+2) .smart-home-track{
  grid-template-columns:none !important;
  grid-auto-flow:column !important;
  overflow-x:auto !important;
}
.smart-home-card-slot{
  scroll-snap-align:start;
}

/* Arama sayfası kategori satırı */
.search-results-page .results-category-strip{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:4px 2px 12px !important;
  margin:4px 0 8px !important;
  scroll-snap-type:x proximity;
}
.search-results-page .results-category-strip > a{
  flex:0 0 auto !important;
  min-width:max-content;
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 16px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid color-mix(in srgb,var(--category-color,#ff7a00) 22%,#e4e7ec) !important;
  color:#344054 !important;
  font-size:13px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  scroll-snap-align:start;
  box-shadow:0 6px 18px rgba(16,24,40,.04);
}
.search-results-page .results-category-strip > a i{
  font-style:normal !important;
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--category-color,#ff7a00) 12%,#ffffff);
  color:var(--category-color,#ff7a00);
}
.search-results-page .results-category-strip > a.active{
  background:color-mix(in srgb,var(--category-color,#ff7a00) 10%,#ffffff) !important;
  border-color:var(--category-color,#ff7a00) !important;
  color:#101828 !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--category-color,#ff7a00) 10%,transparent),0 8px 18px rgba(16,24,40,.05);
}

/* Arama araç çubuğu ve filtre paneli */
.search-results-toolbar{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid #eaecf0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 30px rgba(16,24,40,.04);
}
.results-primary-search{
  min-height:56px !important;
  border-radius:16px !important;
  border:1px solid #e5e7eb !important;
  background:#f8fafc !important;
}
.results-primary-search > span{
  color:#f97316;
}
.results-primary-search input{
  font-size:14px !important;
}
.results-primary-search button,
.results-sort-button,
.results-filter-drawer > summary{
  min-height:56px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  font-size:13px !important;
  font-weight:850 !important;
}
.results-sort-button{
  border:1px solid #e4e7ec !important;
  background:#fff !important;
  color:#344054 !important;
}
.results-filter-drawer{
  position:static !important;
}
.results-filter-drawer > summary{
  border:1px solid #e4e7ec !important;
  background:#fff !important;
  color:#344054 !important;
}
.market-filter-drawer[open] > .filter-drawer-backdrop,
.results-filter-drawer[open] > .filter-drawer-backdrop{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:118 !important;
  background:rgba(16,24,40,.42) !important;
}
.market-filter-popover,
.results-filter-panel{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  bottom:18px !important;
  left:auto !important;
  width:min(430px,calc(100vw - 36px)) !important;
  max-height:none !important;
  overflow:auto !important;
  z-index:120 !important;
  padding:18px !important;
  border-radius:24px !important;
  border:1px solid #eaecf0 !important;
  background:#fff !important;
  box-shadow:0 30px 80px rgba(16,24,40,.22) !important;
}
.market-filter-popover form,
.results-filter-panel form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.market-filter-popover label,
.results-filter-panel label{
  display:grid !important;
  gap:6px !important;
  min-width:0 !important;
  font-size:11px !important;
  font-weight:800 !important;
  color:#344054 !important;
}
.market-filter-popover select,
.market-filter-popover input,
.results-filter-panel select,
.results-filter-panel input{
  min-height:46px !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  font-size:14px !important;
}
.market-price-fields,
.results-price-fields,
.smart-category-filter-grid,
.smart-range-field > div{
  gap:10px !important;
}
.filter-panel-head{
  position:sticky;
  top:-18px;
  z-index:2;
  background:#fff;
  padding:0 0 14px !important;
  margin:0 0 14px !important;
}
.filter-panel-head b{
  font-size:18px !important;
}
.filter-panel-head span{
  font-size:12px !important;
}
.filter-panel-head > button{
  min-height:42px;
  border-radius:13px !important;
  padding:0 14px !important;
  font-size:12px !important;
}
.market-filter-actions,
.results-filter-actions{
  grid-column:1/-1 !important;
  position:sticky;
  bottom:-18px;
  z-index:2;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  background:#fff;
  padding:14px 0 0 !important;
}
.market-filter-actions a,
.market-filter-actions button,
.results-filter-actions a,
.results-filter-actions button{
  min-height:46px;
  border-radius:14px !important;
  padding:0 16px !important;
  font-size:12px !important;
  font-weight:850 !important;
}

/* Mobilde de aynı düzeltmeler düzenli kalsın */
@media (max-width:760px){
  .market-home .v70-category-section{
    border-radius:0 !important;
  }
  .market-home .market-category-strip > a,
  .market-home .v81-category-track > a{
    flex-basis:96px !important;
    min-width:96px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    gap:8px !important;
    align-items:center !important;
    text-align:center !important;
  }
  .market-home .market-category-strip > a i,
  .market-home .v81-category-track > a i{
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;
    margin:0 auto !important;
  }
  .market-home .market-category-strip > a span,
  .market-home .v81-category-track > a span{
    min-height:2.5em;
    font-size:12px !important;
    text-align:center !important;
  }
  .market-home .market-category-strip > a small,
  .market-home .v81-category-track > a small{
    display:none !important;
  }
  .smart-home-track,
  .smart-home-section:nth-child(-n+2) .smart-home-track{
    grid-auto-columns:72vw !important;
    gap:10px !important;
  }
  .search-results-toolbar{
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    padding:10px;
    border-radius:18px;
  }
  .results-primary-search{
    grid-column:1/-1;
  }
  .results-primary-search button,
  .results-sort-button,
  .results-filter-drawer > summary{
    min-height:46px !important;
    border-radius:14px !important;
    padding:0 14px !important;
    font-size:13px !important;
  }
  .market-filter-popover,
  .results-filter-panel{
    top:10px !important;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto !important;
    border-radius:20px !important;
    padding:15px !important;
  }
  .market-filter-popover form,
  .results-filter-panel form,
  .smart-category-filter-grid{
    grid-template-columns:1fr !important;
  }
  .market-price-fields,
  .results-price-fields,
  .smart-range-field > div{
    grid-template-columns:1fr 1fr !important;
  }
  .search-results-page .results-category-strip > a{
    min-height:42px !important;
    padding:0 12px !important;
    font-size:11px !important;
  }
  .search-results-page .results-category-strip > a i{
    width:24px;
    height:24px;
    border-radius:8px;
    font-size:14px;
  }
}
