/* SCROLLING TEXT */
.shopify-section.section-scrolling-text .scrolling-text--inner {
    padding: 14px 0;
}

/* RICH TEXT WITH IMAGE*/
.shopify-section.section-image-with-text {
    & h3.h3 {
        font-weight: 600;
        width: 85%;

        @media (max-width: 900px) {
            font-size: 35px;
            width: 90%;
            line-height: 1.3;
        }
    }

    & .image-with-text__content {
        padding-left: 0px;

        @media (max-width: 900px) {
            padding-right: 0px;
        }
    }
}

/* RESULTS WITH STATISTICS */
.results-with-statistics--header {
    & h2 {
        font-size: 46px !important;
        font-weight: 600 !important;
        margin-bottom: 17px !important;
    }

    & p {
        font-size: 22px !important;
        @media (max-width: 700px) {
            display: none;
        }
    }
}

.results-with-statistics-internal {
    @media (max-width: 768px) {
        max-width: 90% !important;
    }
}

/* FITNES FOR YOUR FACE */
.results-with-statistics + .shopify-section.section-image-with-text {
    max-width: 1200px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    @media (max-width: 1250px) {
        max-width: 90% !important;
    }

    & .row,
    & .row .columns {
        padding: 0px !important;
    }

    & .image-with-text {
        align-items: start !important;
        justify-content: space-between;

        @media (max-width: 990px) {
            flex-direction: column-reverse !important;
        }
    }

    & .image-with-text__content--inner {
        margin-left: 0px;
    }

    & .image-with-text__image.image-with-text__inner {
        max-width: 580px;
        width: 100%;

        @media (max-width: 1250px) {
            max-width: 50% !important;
        }

        @media (max-width: 990px) {
            max-width: 100% !important;
        }
    }

    & .image-with-text__content {
        width: 100%;
        max-width: 550px;
        padding: 0px !important;

        @media (max-width: 1250px) {
            max-width: 45% !important;
        }

        @media (max-width: 990px) {
            max-width: 100% !important;
        }

        @media (max-width: 700px) {
            & p {
                display: none;
            }
        }
    }

    & h3.h3 {
        max-width: 65%;
        font-size: 46px;
        line-height: 48px;

        @media (max-width: 1250px) {
            max-width: 90%;
        }
    }

    & .rte {
        & p {
            font-size: 20px;
        }

        & p:last-of-type {
            font-size: 12px !important;
            margin-top: 28px;
        }
    }
}

/* FAQ*/
.results-with-statistics
    + .shopify-section.section-image-with-text
    + .shopify-section.section-image-with-text {
    max-width: 1200px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    @media (max-width: 1250px) {
        max-width: 90% !important;
        margin-top: 1.25rem;
    }

    .h3 {
        font-size: 46px;

        @media (max-width: 1250px) {
            margin-bottom: 0px;
        }
    }

    & .row,
    & .row .columns {
        padding: 0px !important;
    }

    & .accordion:first-of-type {
        border-top: unset !important;
    }

    & .accordion {
        border-bottom-color: #515f69;
    }

    & .image-with-text {
        justify-content: space-between;

        @media (max-width: 990px) {
            flex-direction: column-reverse;
        }
    }

    & .image-with-text__content {
        max-width: 580px;
        width: 100%;
        padding: 0px !important;

        @media (max-width: 1250px) {
            max-width: 45% !important;
        }

        @media (max-width: 990px) {
            max-width: 100% !important;
        }
    }

    & .image-with-text__image.image-with-text__inner {
        max-width: 550px;
        width: 100%;
        margin-top: -8%;

        @media (max-width: 1250px) {
            max-width: 45% !important;
            margin-top: 0px;
        }

        @media (max-width: 990px) {
            max-width: 100% !important;
        }
    }
}

/* SHOP BY CATEGORY TITLE */
.results-with-statistics
    + .shopify-section.section-image-with-text
    + .shopify-section.section-image-with-text
    + .shopify-section.section-rich-text {
    & h3.h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;

        @media (max-width: 900px) {
            padding-left: 12px !important;
            font-size: 16px;
        }
    }

    & .row,
    & .row .columns {
        padding-left: 0px;

        @media (min-width: 900px) {
            padding-left: 20px;
        }
    }

    & .rich-text__inner {
        padding-left: 0px;
    }
}

/* SHOP BY CATEGORY */
.shopify-section.section-gallery {
    & .gallery {
        @media (max-width: 700px) {
            margin-bottom: 2rem;
        }
    }

    & .row,
    & .row .columns {
        padding: 0px !important;

        @media (min-width: 900px) {
            padding: 0 20px !important;
        }
    }

    & .row {
        @media (max-width: 900px) {
            padding-left: 12px !important;
        }
    }

    & .gallery-spacing--small .gallery__inner {
        gap: 12px;

        @media (max-width: 900px) {
            display: flex;
            width: 100%;
            overflow-x: scroll;
        }
    }

    & .gallery__item {
        @media (max-width: 900px) {
            flex: 1 0 45%;
        }
    }

    & figure {
        border-radius: 5px;

        padding: 0px;
        overflow: unset !important;
        height: auto !important;
        background-color: unset !important;

        & img {
            position: relative !important;
            border-radius: 5px;
            height: 180px;

            @media (min-width: 700px) {
                height: 360px;
            }
        }
    }

    & h4.h2 {
        text-align: center;
        text-decoration: underline;
        color: #515f69;
        font-size: 17px;
        font-weight: 500;

        @media (max-width: 900px) {
            font-size: 14px;
            margin-top: 10px;
        }
    }

    & .gallery__item-content--below {
        position: relative !important;
        padding: 0px !important;
    }

    & .gallery__item-content.content-bottom-left {
        justify-content: center;
    }

    & a {
        display: block;
    }
}

/* DISCOVER YOUR PERSONALIZED ROUTINE */
.shopify-section.section-image-with-text:last-of-type {
    & .row,
    & .row .columns {
        padding: 0px;

        @media (min-width: 900px) {
            padding: 0 20px !important;
        }
    }

    & .image-with-text__content {
        padding-left: 20px !important;
        @media (max-width: 700px) {
            padding-top: 0px;
        }
    }

    & .image-with-text {
        @media (max-width: 700px) {
            flex-direction: column-reverse;
            margin-top: 0px;
        }
    }

    & .rte {
        @media (max-width: 900px) {
            padding-left: 5px;
        }
    }

    & p {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 21px !important;
        margin-bottom: 10px !important;

        @media (max-width: 900px) {
            font-size: 16px !important;
        }

        &:before {
            content: "";
            background-image: url(/cdn/shop/files/check_mark_bullet_icon_bold.svg);
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-flex;
            width: 22px;
            height: 22px;
            flex: 0 0 22px;
        }
    }

    & a.button {
        width: 100%;
        max-width: 235px;
        background-color: white;
        border-color: 1px solid #515f69;
        margin-top: 28px;

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

        &:hover {
            background-color: #515f69;

            & span {
                color: white;
            }
        }

        & span {
            color: #515f69;
        }
    }

    .image-with-text__image {
        @media (max-width: 900px) {
            padding: 0 20px 0 20px;
        }
    }
}