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

.template-product {
    .sliding-scale-container {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        column-gap: 15px;
        padding: 20px;
        margin-bottom: 30px;
        background-color: var(--color-primary-50);
        border-radius: var(--btn-border-radius);
        font-size: var(--font-size-m);
        @media (min-width: 767.98px) {
            padding: 30px 20px;
            font-size: var(--base-text-size);
        }

        svg {
            width: 44px;
            margin-top: 6px;
        }

        .metafield-rich_text_field {
            p {
                margin-bottom: 0;
                color: var(--color-primary-950);
            }

            ul {
                margin: 10px 0 0;
                padding-left: 25px;
                list-style: disc;
            }

            p,
            li,
            a,
            span {
                color: var(--color-primary-950);
            }
        }
    }
}