/* === Hero Slider === */
.hero-slider{position:relative; height:480px; border-radius:18px; overflow:hidden; margin:16px 0; border:1px solid #1f2937}
.hero-slider .slides{display:flex; width:100%; height:100%; transition:transform .6s ease}
.hero-slider .slide{min-width:100%; height:100%; background-size:cover; background-position:center; position:relative}
.hero-slider .slide::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}
.hero-slider .slide .overlay{position:absolute; inset:0; display:grid; align-content:center; padding:32px; z-index:1}
.hero-slider h1{font-size:42px; margin:0 0 10px}
.hero-slider p{max-width:720px; color:#cbd5e1}
.hero-slider .controls{position:absolute; bottom:14px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:2}
.slider-dot{width:10px; height:10px; border-radius:50%; background:#64748b; border:1px solid #334155; cursor:pointer}
.slider-dot.active{background:#facc15}

/* View toggle */
.btn.small{padding:6px 10px; font-size:12px; border-radius:8px}
.view-toggle{display:flex; gap:8px; align-items:center}

/* Listings (card/list) */
.listings{gap:16px}
.listing-item{display:block; overflow:hidden}
.listing-item a{display:flex; flex-direction:column; gap:0}
.listing-item .thumb{height:160px; background:#111827; background-size:cover; background-position:center}
.listing-item .content{padding:12px}
.listing-item .top-row{display:flex; align-items:center; justify-content:space-between}
#ilanlar.cards-mode{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#ilanlar.list-mode{display:grid; grid-template-columns:1fr}
#ilanlar.list-mode .listing-item a{flex-direction:row}
#ilanlar.list-mode .listing-item .thumb{width:240px; height:160px; flex:0 0 240px; border-top-left-radius:16px; border-bottom-left-radius:16px}
#ilanlar.list-mode .listing-item .content{flex:1}