/* ============================================================
   EMLAK ALANYA — RESPONSIVE
   Breakpoints: 1024px | 768px | 480px
   ============================================================ */

/* ---- Global Taşma Engeli ---- */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

* {
    min-width: 0;
}

/* ---- Tablet (max 1024px) ---- */
@media (max-width: 1024px) {
    .methods-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .properties-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .footer-grid .footer-col:first-child {
        grid-column: 1 / -1;
    }

    .detail-grid {
        grid-template-columns: 1fr 300px;
        gap: 24px;
    }

    .detail-info {
        position: static;
    }

    .slider-baslik {
        font-size: 2.2rem;
    }
}

/* ---- Tablet Dar (max 860px) ---- */
@media (max-width: 860px) {
    .detail-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .detail-info {
        position: static;
        width: 100%;
        box-sizing: border-box;
    }

    .detail-left {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .gallery-slider {
        height: 320px;
    }
}

/* ---- Mobil (max 768px) ---- */
@media (max-width: 768px) {
    .section-title {
        font-size: 1.6rem;
    }

    /* Header */
    .main-nav {
        display: none;
        position: fixed;
        top: 68px;
        left: 0;
        width: 100%;
        background: #0B1220;
        padding: 20px;
        border-bottom: 1px solid rgba(212,175,55,0.2);
        z-index: 999;
    }

    .main-nav.open {
        display: block;
    }

    .main-nav ul {
        flex-direction: column;
        gap: 0;
    }

    .main-nav ul li a {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        font-size: 1rem;
    }

    .hamburger {
        display: flex;
    }

    .btn-whatsapp-header span {
        display: none;
    }

    .btn-whatsapp-header {
        padding: 8px 12px;
    }

    /* Slider */
    .slider-section {
        height: auto;
        min-height: 100vh;
    }

    .slider-content {
        flex-direction: column;
        padding: 100px 20px 40px;
        justify-content: flex-start;
        transform: none;
        left: 0;
        position: relative;
    }

    .slider-left {
        max-width: 100%;
    }

    .slider-baslik {
        font-size: 1.8rem;
    }

    .slider-right {
        width: 100%;
    }

    /* Grids */
    .methods-grid {
        grid-template-columns: 1fr;
    }

    .process-grid {
        grid-template-columns: 1fr 1fr;
    }

    .properties-grid {
        grid-template-columns: 1fr;
    }

    .why-grid {
        grid-template-columns: 1fr 1fr;
    }

    .services-grid-2 {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    /* Filter */
    .filter-form {
        flex-direction: column;
    }

    .filter-form select,
    .filter-form input {
        width: 100%;
        min-width: unset;
    }

    /* Detail Sayfa */
    .detail-page {
        overflow-x: hidden;
    }

    .detail-container {
        padding: 24px 16px;
        overflow-x: hidden;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .detail-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        overflow-x: hidden;
        width: 100%;
    }

    .detail-left {
        width: 100%;
        overflow: hidden;
        min-width: 0;
    }

    .detail-gallery {
        width: 100%;
        overflow: hidden;
    }

    .gallery-slider {
        height: 260px;
        width: 100%;
    }

    .gallery-slide,
    .gallery-slide-img {
        width: 100%;
        max-width: 100%;
    }

    .gallery-thumbs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width: 100%;
    }

    .gallery-thumbs::-webkit-scrollbar {
        display: none;
    }

    .gallery-thumb {
        width: 64px;
        height: 48px;
        flex-shrink: 0;
    }

    .detail-info {
        position: static;
        width: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .detail-specs {
        grid-template-columns: 1fr 1fr;
    }

    .detail-desc-box {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .detail-form-wrap {
        width: 100%;
        box-sizing: border-box;
    }

    .detail-title {
        font-size: 1.25rem;
    }

    .detail-price {
        font-size: 1.4rem;
    }

    /* Request form mobil */
    .request-form input,
    .request-form textarea {
        font-size: 16px;
    }
}

/* ---- Küçük Mobil (max 480px) ---- */
@media (max-width: 480px) {
    .section-dark,
    .section-light,
    .section-properties,
    .section-cta {
        padding: 56px 0;
    }

    .section-title {
        font-size: 1.4rem;
    }

    .process-grid {
        grid-template-columns: 1fr;
    }

    .why-grid {
        grid-template-columns: 1fr;
    }

    .property-meta {
        grid-template-columns: 1fr 1fr;
    }

    .detail-specs {
        grid-template-columns: 1fr;
    }

    .detail-title {
        font-size: 1.1rem;
    }

    .detail-price {
        font-size: 1.25rem;
    }

    .gallery-slider {
        height: 220px;
    }

    .gallery-thumb {
        width: 56px;
        height: 44px;
    }

    .slider-baslik {
        font-size: 1.5rem;
    }

    .pagination a,
    .pagination span {
        width: 32px;
        height: 32px;
        font-size: 0.82rem;
    }

    .btn-whatsapp-detail {
        font-size: 0.88rem;
        padding: 11px;
    }

    .detail-badges {
        gap: 4px;
    }

    .property-badge {
        font-size: 0.7rem;
        padding: 2px 6px;
    }
}