/* === GRID === */
.pixelas-listings {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    gap: 26px;
    margin-top: 40px;
}

/* === KART === */
.pixelas-card {
    position: relative;
    height: 390px;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background:#f8f8f8;
    border: 2px solid #222;   /* ÇERÇEVE */
    transition: transform .2s ease, box-shadow .2s ease;
}
.pixelas-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.15);
}

/* === ARKA PLAN GÖRSEL (yukardan boşluk) === */
.pixelas-thumb-wrap {
    height: 240px; 
    background-size: cover;
    background-position: center bottom; /* 🔥 Görsel biraz aşağıdan alınır */
    position: relative;
}

/* === GRADIENT === */
.pixelas-thumb-wrap::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(255,255,255,.3), rgba(0,0,0,.8));
}

/* === ŞEHİR YAZISI (AŞAĞIDA + KOYU RENK) === */
.pixelas-city-on-image {
    position:absolute;
    bottom: 18px;    /* 🔥 Daha aşağıda */
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 14px;
    border-radius: 6px;
    background: rgba(255,255,255,0.85);
    border: 1px solid #000;     /* 🔥 Çerçeve eklendi */
    color: #000;                /* 🔥 Siyah renk */
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    text-align: center;
}

/* === ALT BLOK === */
.pixelas-bottom{ background:#fff; padding:15px 14px; border-top:1px solid #eee; }
.pixelas-title{ font-size:16px; font-weight:600; margin-bottom:6px; }
.pixelas-info{ display:flex; justify-content:space-between; font-size:14px; color:#666; margin-bottom:12px; }

.pixelas-btn-row{ display:flex; gap:10px; }
.pixelas-btn{ flex:1; padding:8px 10px; border-radius:6px; color:#fff; text-align:center; text-decoration:none; font-weight:600; font-size:14px; transition:opacity .2s ease; }

.call{ background:#1e88e5; }
.whatsapp{ background:#25d366; }
.details{ background:#333; }
.pixelas-btn:hover{ opacity:.85; }

@media(max-width:768px){
    .pixelas-btn-row{ flex-direction:column; }
}
/* ==== SWIPER SLIDER ==== */
.pixelas-slider { width:100%; margin-top:40px; }
.swiper-slide { display:flex; justify-content:center; }

.swiper-button-next, .swiper-button-prev {
    color:#000; font-weight:bold;
}

.swiper-pagination-bullet-active {
    background:#000 !important;
}