/* LOOVIE HOMEPAGE DYNAMIC CATEGORIES PROPORTIONAL V2
   Fix layout section "Temukan Gaya Favoritmu" jika kategori hanya 1 atau 2.
*/

body.loovie-luxury-v5 .lv5-cat-grid {
    width: 100%;
}

/* 2 kategori: dibuat seimbang dan center, bukan kecil + besar */
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-2,
body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(280px, 430px)) !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 28px !important;
}

body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-2 > .lv5-cat-card,
body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:nth-child(2):last-child) > .lv5-cat-card {
    min-height: 460px !important;
    height: 460px !important;
    max-width: 430px !important;
    width: 100% !important;
    grid-column: auto !important;
}

/* Hilangkan aturan kartu ke-2 yang sebelumnya selalu lebih besar */
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-2 > .lv5-cat-card:nth-child(2),
body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:nth-child(2):last-child) > .lv5-cat-card:nth-child(2) {
    min-height: 460px !important;
    height: 460px !important;
    transform: none !important;
}

/* 1 kategori: center dan lebih elegan */
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-1,
body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:first-child:last-child) {
    grid-template-columns: minmax(300px, 520px) !important;
    justify-content: center !important;
}

body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-1 > .lv5-cat-card,
body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:first-child:last-child) > .lv5-cat-card {
    min-height: 460px !important;
    height: 460px !important;
    max-width: 520px !important;
    width: 100% !important;
}

/* 3 kategori atau lebih: tetap pakai desain luxury awal */
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-3,
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-many {
    grid-template-columns: 1fr 1.45fr 1fr !important;
    justify-content: initial !important;
    align-items: center !important;
}

body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-3 > .lv5-cat-card,
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-many > .lv5-cat-card {
    max-width: none !important;
}

body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-3 > .lv5-cat-card:nth-child(2),
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-many > .lv5-cat-card:nth-child(2) {
    min-height: 540px !important;
}

/* Foto placeholder tidak terlalu dominan saat 2 kategori */
body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-2 .loovie-public-product-photo-empty,
body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:nth-child(2):last-child) .loovie-public-product-photo-empty {
    font-size: .85rem !important;
}

/* Mobile/tablet: tetap 1 kolom agar tidak sempit */
@media (max-width: 900px) {
    body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-2,
    body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-1,
    body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:nth-child(2):last-child),
    body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:first-child:last-child) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-2 > .lv5-cat-card,
    body.loovie-luxury-v5 .lv5-cat-grid.lv5-cat-count-1 > .lv5-cat-card,
    body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:nth-child(2):last-child) > .lv5-cat-card,
    body.loovie-luxury-v5 .lv5-cat-grid:has(> .lv5-cat-card:first-child:last-child) > .lv5-cat-card {
        max-width: none !important;
        width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
    }
}