*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif}
.topbar{height:48px;position:sticky;top:0;z-index:20;background:#050505;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.brand{font-size:20px;font-weight:900;letter-spacing:.4px}
.sub{font-size:10px;font-weight:800;color:#a9a9a9;letter-spacing:1.4px}
.showcase{width:100%;max-width:520px;margin:0 auto;background:#101010;min-height:100vh}
.tier{padding:0 0 5px}
.tier-title{height:61px;display:flex;align-items:center;justify-content:center;gap:13px;border-top:3px solid rgba(255,255,255,.18);border-bottom:3px solid rgba(0,0,0,.55);text-shadow:0 2px 2px #000;box-shadow:inset 0 0 0 2px rgba(255,255,255,.11)}
.tier-title strong{font-size:34px;line-height:1;font-weight:1000;letter-spacing:1.8px;-webkit-text-stroke:1px rgba(0,0,0,.55)}
.heart{font-size:26px}
.tier-premium .tier-title{background:linear-gradient(180deg,#ff327e,#eb1463)}
.tier-vip .tier-title{background:linear-gradient(180deg,#fa2680,#e90c64)}
.tier-gold .tier-title{background:linear-gradient(180deg,#f23988,#dc1a74)}
.tier-normal .tier-title{background:linear-gradient(180deg,#ff3e87,#e51f70)}
.listing-card{display:block;color:#fff;text-decoration:none;background:#242424;border-bottom:4px solid #080808}
.collage{position:relative;width:100%;display:grid;overflow:hidden;background:#181818;aspect-ratio:2.55/1}
.collage.count-1{grid-template-columns:1fr}
.collage.count-2{grid-template-columns:repeat(2,1fr)}
.collage.count-3{grid-template-columns:repeat(3,1fr)}
.collage.count-4{grid-template-columns:repeat(4,1fr)}
.collage img{width:100%;height:100%;min-width:0;object-fit:cover;display:block;border-right:1px solid rgba(255,255,255,.2)}
.collage img:last-of-type{border-right:0}
.image-placeholder{display:flex;align-items:center;justify-content:center;background:#1d1d1d;color:#777;font-size:34px;font-weight:900}
.corner-label{position:absolute;left:7px;top:7px;font-size:12px;font-weight:1000;letter-spacing:.4px;text-shadow:0 1px 3px #000,0 1px 3px #000}
.listing-name{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:18px;font-weight:1000;letter-spacing:.35px;text-shadow:0 2px 3px #000,0 2px 5px #000;-webkit-text-stroke:.35px #111}
.info-bar{min-height:35px;background:#414141;border-top:1px solid #686868;display:grid;grid-template-columns:minmax(75px,1fr) auto minmax(105px,1fr);gap:5px;align-items:center;padding:3px 7px;font-size:12px;font-weight:1000;letter-spacing:.15px;text-shadow:0 1px 1px #111}
.area{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:13px}
.wa{display:inline-flex;align-items:center;justify-content:center;background:#12dd46;color:#071b0d;border-radius:5px;width:23px;height:21px;font-style:normal;font-size:9px;font-weight:1000;text-shadow:none}
.service{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Banner da ilan gibi tam genişlik blok */
.banner-card{display:block;width:100%;background:#111;border-bottom:5px solid #080808;text-decoration:none;overflow:hidden}
.banner-card img{display:block;width:100%;height:auto;max-height:210px;object-fit:cover}
.banner-fallback{min-height:110px;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;background:linear-gradient(135deg,#ee2c83,#c91365);color:#fff;font-size:27px;font-weight:1000;text-shadow:0 2px 2px #000}

.empty{padding:60px 20px;text-align:center;color:#aaa}
@media(min-width:521px){body{background:#151515}.showcase{box-shadow:0 0 35px rgba(0,0,0,.5)}}
@media(max-width:390px){
 .tier-title{height:55px}
 .tier-title strong{font-size:29px}
 .listing-name{font-size:16px}
 .info-bar{font-size:10.5px;grid-template-columns:minmax(65px,1fr) auto minmax(90px,1fr)}
 .phone{font-size:11px}
}