/*
* @author  Agence Dn'D <contact@dnd.fr>
* @license https://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
* @link    https://www.dnd.fr/
*/

.collection-slider.carousel[inactive] {
    .slider-nav {
        display: flex;
    }
}

.section-product-template-product-grid.custom-section {
    .collection-slider-row {
        padding-bottom: 48px;
    }

    .hometitle {
        gap: 48px;
        padding-inline: var(--container-pad-x);

        @media (min-width: 768px) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-inline: 0;
            margin-block-end: 24px;
        }
    }

    .has-paging__title {
        text-align: left;
        font-size: var(--base-text-size-xxl);
        line-height: 1.3;
        color: var(--secondary-600);

        @media (min-width: 768px) {
            font-size: var(--title-size-desktop);
        }
    }

    .slider-nav__btns {
        display: flex;
        gap: 16px;
    }

    .slider-nav__btn {
        width: 40px;
        height: 40px;
        background: none;
        border-radius: 60px;

        @media (min-width: 768px) {
            margin: 0;
        }

        &:hover {
            background-color: rgba(255, 255, 255, 0.3);
        }

        svg {
            width: 18px;
            height: 18px;
        }

        &[disabled] {
            background-color: rgba(0, 0, 0, 0.05);
            opacity: 1;
            pointer-events: none;

            svg {
                opacity: 0.4;
            }
        }
    }

    .product-block__image {
        background-color: var(--white);
    }

    .button-row {
        margin-block-start: 24px;

        .button-row__btn {
            margin: 0;
        }
    }
}