.featured-products {
    .container-wide {
        h2 {
            margin: 0 0 72px;
            color: var(--color-neutral-700);
            font-family: var(--font-family-title), serif;
            font-size: 70px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 0;
            text-align: center;

            @media (max-width: 768px) {
                font-size: 48px;
                margin-bottom: 40px;
                line-height: 1.05;
            }
        }

        @media (max-width: 768px) {
            padding-inline: 0;
        }
    }

    .woocommerce ul.products,
    ul.products {
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, 430px);
        justify-content: center;
        gap: 40px 48px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        list-style: none;

        &::before,
        &::after {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 90vw;
            max-width: 100vw;
            height: 1px;
            background-color: var(--color-primary-200);
            z-index: 0;
            pointer-events: none;
        }

        &::before {
            top: 276px;
        }

        &::after {
            top: 740px;
        }

        @media (max-width: 1024px) {
            grid-template-columns: repeat(2, 1fr);
            justify-content: stretch;
            gap: 24px;
            width: 100%;
            max-width: none;

            &::after {
                display: none;
            }
        }

        @media (max-width: 768px) {
            grid-template-columns: 1fr;
            gap: 24px;

            &::before {
                display: none;
            }
        }
    }
}