/*
* @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-shop-the-look {
    margin-block-start: 30px;
    margin-block-end: -100px;

    @media (min-width: 768px) {
        margin-block-start: 70px;
        margin-block-end: 0;
    }

    .section-shop-the-look__single-product {
        margin: 20px 40px;
    }

    .slideshow-nav__btn {
        border-radius: 0;
        background-color: var(--white);
    }

    .text-overlay__inner {
        padding-block-start: 60px;

        .text-overlay__title {
            max-width: none;

            @media (min-width: 768px) {
                max-width: 80px;
            }
        }

        .text-overlay__button-row {
            margin: 30px 0 0 0;

            .text-overlay__button {
                margin: 0;

                @media (max-width: 767.98px) {
                    width: 100%;
                }
            }
        }
    }

    .product-block {
        padding: 6px 12px;
        background-color: var(--white);
        border: none;
        @media (min-width: 768px) {
            padding: 6px;
        }

        .quick-add-to-cart-container,
        &:hover .quick-add-to-cart-container {
            display: none;
        }

        .product-block__detail {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding-inline-start: 5px;

            .inner {
                margin: 0;
            }

            .product-block__category {
                display: none;
            }

            .product-block__title {
                text-align: left;
            }

            .product-price {
                justify-content: flex-start;
            }
        }

        .block-inner-inner {
            align-items: center;

            .img-ar--contain img {
                object-fit: cover;
            }

            .label-wrapper {
                display: none;
            }

            .image-cont,
            .img-ar,
            .theme-img {
                flex: initial;
                aspect-ratio: 1 / 1;
                height: 100px;
                width: 100px;
                @media (min-width: 768px) {
                    height: 125px;
                    width: 125px;
                }
            }
        }
    }

    .lightish-spaced-row {
        position: relative;
        z-index: 2;
        bottom: 190px;
        margin: 0;

        .product-grid--carousel {
            column-gap: 10px;
        }

        .slider__item,
        .slider__grid,
        .product-block {
            max-width: 360px;
        }
    }
}