/* ITNETCOM_HOME_PRODUCT_SECTION_DIVIDERS_V2 BEGIN */

.latest-products-section {
    position: relative;
    isolation: isolate;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    background: #ffffff !important;
}

/*
 * Separatore coerente con il brand ITNETCOM:
 * rosso, nero e grigio neutro.
 */
.latest-products-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1180px, calc(100% - 48px));
    height: 3px;
    transform: translateX(-50%);
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            rgba(229, 231, 235, 0) 0%,
            #e5e7eb 8%,
            #e30613 34%,
            #111111 50%,
            #e30613 66%,
            #e5e7eb 92%,
            rgba(229, 231, 235, 0) 100%
        );
}

/*
 * Fascia neutra molto leggera per separare visivamente
 * le diverse categorie senza creare riquadri colorati.
 */
.latest-products-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    border-top: 1px solid rgba(229, 231, 235, 0.75);
    border-bottom: 1px solid rgba(229, 231, 235, 0.75);
    background:
        linear-gradient(
            180deg,
            rgba(248, 249, 250, 0.72) 0,
            rgba(255, 255, 255, 0) 72px
        );
}

.latest-products-section + .latest-products-section {
    margin-top: 0;
}

/* Kicker sempre nel rosso ufficiale del sito. */
.latest-products-section .latest-products-kicker {
    color: var(--brand-red, #e30613) !important;
}

/* Pallino attivo coerente con il brand. */
.latest-products-section .latest-products-dot.is-active {
    background: var(--brand-red, #e30613) !important;
}

/* Sezione in evidenza: stessa struttura, senza colori alternativi. */
.latest-products-section.home-featured-products-section::before {
    background:
        linear-gradient(
            90deg,
            rgba(229, 231, 235, 0) 0%,
            #e5e7eb 8%,
            #e30613 34%,
            #111111 50%,
            #e30613 66%,
            #e5e7eb 92%,
            rgba(229, 231, 235, 0) 100%
        );
}

@media (max-width: 820px) {
    .latest-products-section {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .latest-products-section::before {
        width: calc(100% - 32px);
        height: 3px;
    }

    .latest-products-section::after {
        background:
            linear-gradient(
                180deg,
                rgba(248, 249, 250, 0.68) 0,
                rgba(255, 255, 255, 0) 58px
            );
    }
}

@media (max-width: 720px) {
    .latest-products-section {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }

    .latest-products-section::before {
        width: calc(100% - 24px);
        height: 2px;
    }
}

/* ITNETCOM_HOME_PRODUCT_SECTION_DIVIDERS_V2 END */