/**
 * servicelist-page.css
 * Hizmetler sayfası: tüm hizmetler dikey liste, slider YOK.
 * Mobil: inverted kaldırılır, tek sütun.
 */

/* Section arka planı yok, headerBanner zaten var */
.servicelist-page {
    background: transparent !important;
    padding-top: 40px;
    padding-bottom: 80px;
    margin-bottom: 0;
}

/* Üst head (label, title, subtitle) gizle – headerBanner'da var */
.servicelist-page .services-sec__head {
    display: none;
}

/* Ana sayfa grid mantığı: 5 col, büyük/küçük kartlar – pattern 4'lü tekrar */
.servicelist-page .services-sec__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

/* 4n+1: sol büyük (1-4) */
.servicelist-page .services-card-wrap:nth-child(4n+1) {
    grid-column: 1 / 4;
}

/* 4n+2: sağ küçük (4-6) */
.servicelist-page .services-card-wrap:nth-child(4n+2) {
    grid-column: 4 / 6;
}

/* 4n+3: sol küçük (1-3) */
.servicelist-page .services-card-wrap:nth-child(4n+3) {
    grid-column: 1 / 3;
}

/* 4n+4: sağ büyük (3-6) */
.servicelist-page .services-card-wrap:nth-child(4n+4) {
    grid-column: 3 / 6;
}

/* Mini hizmetler grid'ini gizle */
.servicelist-page .services-sec__more {
    display: none;
}

/* ========== TABLET ========== */
@media (max-width: 1023px) {
    .servicelist-page {
        padding-top: 32px;
        padding-bottom: 64px;
    }

    .servicelist-page .services-sec__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .servicelist-page .services-card-wrap:nth-child(4n+1),
    .servicelist-page .services-card-wrap:nth-child(4n+2),
    .servicelist-page .services-card-wrap:nth-child(4n+3),
    .servicelist-page .services-card-wrap:nth-child(4n+4),
    .servicelist-page .services-card-wrap:nth-child(n) {
        grid-column: auto;
    }

    .servicelist-page .services-card {
        min-height: 300px;
    }
}

/* ========== MOBİL – Slider YOK, dikey liste + inverted kaldır ========== */
@media (max-width: 768px) {
    .servicelist-page {
        padding: 32px 16px 56px;
    }

    /* index.css slider kurallarını iptal: grid, overflow yok */
    .servicelist-page .services-sec__inner {
        overflow: visible;
        padding: 0;
    }

    .servicelist-page .services-sec__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        overflow: visible;
        scroll-snap-type: none;
        padding: 0;
        margin: 0;
    }

    .servicelist-page .services-card-wrap {
        flex: none;
        min-width: unset;
        scroll-snap-align: unset;
    }

    /* Inverted (data-shape) mobilde kaldır – sade yuvarlatılmış köşe */
    .servicelist-page .services-card[data-shape] {
        clip-path: none !important;
        -webkit-clip-path: none !important;
        border-radius: 12px;
    }

    .servicelist-page .services-card {
        min-height: 260px;
    }

    .servicelist-page .services-card__content {
        padding: 20px 18px;
    }

    .servicelist-page .services-card__desc {
        max-height: none;
    }

    .servicelist-page .services-card__btn {
        right: 14px;
        bottom: 14px;
        width: 44px;
        height: 44px;
    }
}

/* Küçük mobil – daha kompakt */
@media (max-width: 480px) {
    .servicelist-page {
        padding: 24px 12px 48px;
    }

    .servicelist-page .services-sec__grid {
        gap: 12px;
    }

    .servicelist-page .services-card {
        min-height: 240px;
    }

    .servicelist-page .services-card__content {
        padding: 16px 14px;
    }

    .servicelist-page .services-card__tag {
        font-size: 9px;
    }

    .servicelist-page .services-card__title {
        font-size: 18px;
    }
}