/* =========================================
   HOME – Kiemelt ajánlataink (kompakt + középre zárt container)
   Csak a kiemelt blokkra hat.
   ========================================= */

.home-section--featured {
    max-width: 1240px;
    margin: 18px auto 0;
    padding: 18px 16px 8px;
}

/* Fejléc */
.home-featured-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 14px;
}

.home-featured-head__left {
    min-width: 0;
}

/* GRID: kompakt, átlátható, középre rendezett */
.home-featured-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
    justify-items: stretch;
}

@media (min-width:1024px) {
    .home-featured-grid {
        grid-template-columns: repeat(4, minmax(0, var(--pc-card-max, 220px)));
        justify-content: center;
        gap: 14px;
    }
}

/* Tablet */
@media (max-width: 980px) {
    .home-section--featured {
        padding: 16px 14px 8px;
    }

    .home-featured-grid {
        grid-template-columns: repeat(auto-fill, minmax(calc(var(--pc-card-max, 220px) - 10px), 1fr));
        gap: 12px;
    }
}

/* Mobil */
@media (max-width: 720px) {
    .home-section--featured {
        padding: 14px 12px 8px;
    }

    .home-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        justify-items: stretch;
        /* mobilon jobb, ha kitölti */
    }
}

@media (max-width: 430px) {
    .home-section--featured {
        padding: 12px 10px 8px;
    }

    .home-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 8px;
    }

    .home-featured-grid > .category-product {
        min-width: 0;
        width: 100%;
    }
}

/* --- Kártya finomhangolás CSAK a kiemelt blokkban --- */
.home-section--featured .category-product {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Képmező: Premium Commerce arány */
.home-section--featured .category-product-image-wrapper {
    aspect-ratio: 5 / 4;
    padding: calc(var(--pc-media-pad, 12px) - 2px);
}

/* Ikonok kicsit visszafogottabbak */
.home-section--featured .pc-icon {
    width: calc(var(--pc-icon, 30px) - 2px);
    height: calc(var(--pc-icon, 30px) - 2px);
    border-radius: var(--pc-icon-r, 10px);
}

.home-section--featured .pc-icon svg {
    width: 15px;
    height: 15px;
}

/* Belső térköz feszesebb */
.home-section--featured .category-product-body {
    padding: calc(var(--pc-body-pad, 12px) - 1px);
    gap: calc(var(--pc-body-gap, 8px) - 1px);
}

/* Kontrolok ne legyenek túl magasak */
.home-section--featured .category-product-qty,
.home-section--featured .category-product-add {
    height: calc(var(--pc-ctl-h2, 36px) - 2px);
}

.home-section--featured .qty-btn {
    width: calc(var(--pc-qty-btn-w, 34px) - 2px);
}

@media (max-width: 430px) {
    .home-section--featured .category-product {
        min-height: 0;
        height: auto;
    }

    .home-section--featured .category-product-image-wrapper {
        aspect-ratio: 5 / 4;
        padding: calc(var(--pc-media-pad, 12px) - 1px);
    }
}