/*
* @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/
*/

.section-featured-collection,
.section-product-template-product-grid {
    .collection-listing {
        padding: 0;
    }

    .slider-nav__btn {
        &[name="next"] {
            padding-right: 0;
            padding-left: 0;
        }

        svg {
            width: 20px;
            height: 21px;
        }
    }

    .collection-slider {
        .has-paging {
            .has-paging__title {
                flex-grow: initial;
            }
        }
    }

    .product-grid {
        column-gap: 6px;
        padding-right: 80px;
    }

    .collection-slider-row {
        margin-bottom: 120px;
    }

    .hometitle {
        display: flex;
        justify-content: space-between;
        margin-right: auto;
        margin-left: auto;
        padding-right: var(--container-pad-x);
        padding-left: var(--container-pad-x);
        max-width: 1440px;
    }

    .view-all {
        margin-bottom: 0;

        .btn {
            font-weight: 600;
        }
    }
}

@media (min-width: 768px) {
    .section-featured-collection,
    .section-product-template-product-grid {
        margin-top: 100px;

        .collection-slider {
            .has-paging {
                .slider-nav__btn {
                    margin: -10px 10px;
                }
            }
        }

        .slider-nav__container {
            display: flex;
            justify-content: center;
            align-items: center;

            .view-all {
                margin-top: 0;
                margin-left: 30px;
            }
        }
    }
}

@media (max-width: 768px) {
    .section-product-template-product-grid,
    .section-featured-collection {
        .view-all {
            position: absolute;
            right: 0;
            bottom: -60px;
            left: 0;
            margin: 0;
        }
    }
}