/* assets/css/slider.css  veya  style.css sonuna yapıştır */
.emlak-unique-slider-wrapper * { margin:0; padding:0; box-sizing:border-box; }

.emlak-unique-slider {
    position: relative;
    width: 100%;
    height: 55vh !important;
    min-height: 380px !important;
    overflow: hidden;
    background: #000;
    font-family: system-ui, -apple-system, sans-serif;
}
@media (min-width: 1024px) {
    .emlak-unique-slider { height: 70vh !important; min-height: 520px !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .emlak-unique-slider { height: 62vh !important; }
}

.emlak-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; }
.emlak-slide.active { opacity: 1; z-index: 1; }

.emlak-blur-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(20px); transform: scale(1.1); }
.emlak-main-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.4s ease; }
.emlak-main-img.loaded { opacity: 1; }
.emlak-main-img.loaded + .emlak-blur-bg { opacity: 0.3; }

.emlak-gradient { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 50%, transparent 100%); }

.emlak-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 24px 80px; color: white; z-index: 2; max-width: 1400px; margin: 0 auto; width: 100%; }
@media (min-width: 768px) { .emlak-content { padding: 80px 48px 100px; } }
@media (min-width: 1024px) { .emlak-content { padding-left: 80px; padding-right: 80px; } }

.emlak-status { display: inline-block; padding: 8px 20px; border-radius: 50px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }
.emlak-status-green { background: #10b981; }
.emlak-status-blue { background: #3b82f6; }

.emlak-title { font-size: 42px; line-height: 1.1; font-weight: 900; margin-bottom: 16px; max-width: 90%; }
.emlak-title a { color: inherit; text-decoration: none; transition: color .3s; }
.emlak-title a:hover { color: #fcd34d; }
@media (min-width: 768px) { .emlak-title { font-size: 64px; } }
@media (min-width: 1024px) { .emlak-title { font-size: 82px; } }

.emlak-desc { font-size: 18px; line-height: 1.6; color: #e2e8f0; margin-bottom: 32px; max-width: 700px; display: none; }
@media (min-width: 768px) { .emlak-desc { display: block; } }

.emlak-bottom { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
@media (min-width: 640px) { .emlak-bottom { flex-direction: row; align-items: center; gap: 32px; } }

.emlak-price { font-size: 48px; font-weight: 900; letter-spacing: -1px; }
@media (min-width: 768px) { .emlak-price { font-size: 60px; } }

.emlak-btn { background: white; color: black; padding: 16px 36px; border-radius: 50px; font-weight: 800; text-decoration: none; transition: all .3s; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.emlak-btn:hover { background: #fcd34d; transform: translateY(-4px) scale(1.05); }

.emlak-dots { position: absolute; top: 32px; right: 24px; display: flex; flex-direction: column; gap: 12px; z-index: 50; }
.emlak-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.4); border: none; cursor: pointer; transition: all .4s; }
.emlak-dot.active, .emlak-dot:hover { background: white; transform: scale(1.4); }

.emlak-prev, .emlak-next { position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border: none; cursor: pointer; z-index: 40; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.emlak-prev { left: 20px; }
.emlak-next { right: 20px; }
.emlak-prev:hover, .emlak-next:hover { background: rgba(255,255,255,0.35); }
.emlak-prev::after, .emlak-next::after { content: ''; width: 16px; height: 16px; border: solid white; border-width: 0 4px 4px 0; display: inline-block; }
.emlak-prev::after { transform: rotate(135deg); }
.emlak-next::after { transform: rotate(-45deg); }