/** Shopify CDN: Minification failed

Line 395:1 Unexpected "{"

**/
/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
@import url('custom-vars.css');

/* Typography */

:root {
    --font-heading-family: 'Forum', serif;
    --font-heading-card-family: 'Forum', serif;
    --font-header-menu-family: 'Forum', serif;
}

/* Header */

.color-background-3 {
    .header__menu-item,
    .link--text,
    .header__icon svg {
        color: var(--custom-color-white);
    }
}

/* Search */

.header__search {
    .search__form {
        .field {
            flex-direction: row;
        }
    }
}

/* Cart */

.cart__blocks-content {
    background-color: var(--custom-color-beige-soft) !important;
    padding: 3rem !important;
}

/* Footer */

.footer {
    .footer-block {
        p, a {
            color: #d0d0d0;
        }
    }

    .footer-block--logo {
        .footer-block__text {
            p {
                margin-bottom: 3rem;
            }
        }
    }

    .newsletter__text {
        font-size: 1.4rem !important;
    }

    .newsletter__form {
        flex-direction: column !important;

        .footer__column--social {
            width: 100%;
            max-width: 100%;
        }
    }

    .footer__content-top {
        border-bottom: .1rem solid rgb(var(--color-border));
    }

    .footer__content-middle {
        display: none;
    }

    .footer-block__heading,
    .newsletter__title,
    .footer__column--social span {
        font-family: var(--font-body-family);
        font-size: 1.8rem;
        color: rgb(var(--color-foreground));
    }
}

/* Productpage */

.template-product {
    .product {
        margin-bottom: 8rem;

        @media screen and (max-width: 749px) {
            margin-bottom: 2rem;
        }
    }

    .product__tax {
        display: none;
    }

    .product-recommendations__heading {
        margin-top: 6.4rem;

        @media screen and (max-width: 749px) {
            margin-top: 2.4rem;
        }
    }
}

/* Product Card Badge */

.product__badge .badge,
.card__badge .badge {
    border-radius: 0 !important;
}

/* Collections */

.collection-hero {
    background-color: var(--custom-color-beige-soft);

    .container {
        display: flex;

        @media screen and (max-width: 749px) {
            flex-direction: column;
        }
    }

    .collection-hero__wrapper {
        background-color: transparent;

        .collection-hero__inner {
            @media screen and (max-width: 749px) {
                padding: 2rem 0 1rem;
            }
        }
    }

    .collection-hero__overlay {
        position: relative !important;
    }

    .collection-hero__image-wrapper {
        position: relative !important;
        width: 100%;
    }
}

.collection-hero__text-wrapper {
    background-color: var(--custom-color-white);
    max-width: 46rem;
    padding: 4rem;
}

@media screen and (max-width: 749px) {
    .collection-hero__text-wrapper {
        max-width: inherit;
        padding: 3rem;
    }
}

.collection-hero__description {
    font-size: 1.4rem;
}

.template-collection {
    .rich-text {
        font-size: 1.4rem;

        &.container {
            max-width: 100%;
        }

        .rich-text__blocks {
            max-width: 80rem;
            margin: 0 auto;
            padding: 4rem 0;
        }

        .metafield-rich_text_field {
            h3 {
                font-size: calc(var(--font-heading-h3-scale) * 2rem);

                @media only screen and (min-width: 750px) {
                    font-size: calc(var(--font-heading-h3-scale) * 2.2rem);
                }

                @media only screen and (min-width: 1360px) {
                    font-size: calc(var(--font-heading-h3-scale) * 2.4rem);
                }

                @media only screen and (min-width: 1600px) {
                    font-size: calc(var(--font-heading-h3-scale) * 3.2rem);
                }
            }

            h2, h3, h4 {
                margin-bottom: 0;
            }

            > h2:first-child, 
            > h3:first-child, 
            > h4:first-child {
                margin-top: 0;
            }
        }
    }
}

@media screen and (min-width: 1200px) {
    .products-grid_no-filter .collection-product-list .collection-product-card {
        width: calc(33.3333333333% - .5333333333rem) !important;
    }
}

/* Collections - Filter

.facets-container {
    display: none;

    .button {
        display: none;
    }

    .loading-overlay {
        //display: none;
    }
}

.collection-wrapper {
    &.collection-wrapper--all {
        .facets-container {
            display: block;
        }
    }
}

*/

/* Buttons */

.button--primary, 
.button--secondary, 
.button--tertiary, 
.customer .button--primary, 
.customer .button--secondary, 
.customer .button--tertiary {
    min-height: inherit;
    padding: 1rem 2.5rem;
    border-radius: 0;
}

.button--tertiary {
    padding: 0;
    font-size: 1.8rem;
    border-bottom: 1px solid var(--custom-color-black-soft);
    min-height: 0;
    border-radius: 0;

    &:hover {
        border-bottom: 1px solid var(--custom-color-beige-light);
    }
}

.popular-products__button,
.carousel__button {
    border: 1px solid #2A2926;
}

.popular-products__button {
    width: 100%;

    @media screen and (max-width: 749px) {
        margin-top: 2rem;
    }
}

/* Benefits Block */

.benefits {
    .benefits__container {
        max-width: 100rem;
        margin: 0 auto;
        padding: 4rem 0;

        &.benefits__container--4 {
            @media screen and (max-width: 1199px) {
                grid-template-columns: repeat(4, 1fr);
            }

            @media screen and (max-width: 990px) {
                grid-template-columns: repeat(2, 1fr);
            }
        }
    }

    .benefits__item {
        min-height: inherit;
        border: none;
        /* border-radius: 10rem; */
        padding: 1rem 2rem;
        cursor: default;
        flex-direction: column;
        text-align: center;

        svg {
            color: var(--custom-color-beige-dark);
        }

        &:hover {
            /* background-color: var(--custom-color-beige-soft); */
        }

        .benefits__icon {
            min-width: 8rem !important;
            max-width: 8rem !important;
            height: 8rem !important;
        }
    }

    .benefits__heading {
        font-family: var(--font-body-family);
        font-size: 1.4rem;

        p, h6 {
            margin: 0;
        }
    }
}

@media screen and (max-width: 749px) {
    #shopify-section-template--26438324027773__07c07fd4-62d2-4d60-882d-874bec9c751e {
        .benefits__container {

        }

        .benefits__item {
            margin: .5rem 0;
        }
    }
}

/* Homepage - Social media gallery */

#shopify-section-template--26438324027773__instagram_collage_ggJkRN {
    background-color: var(--custom-color-white-soft);
}

/* Homepage - Blog slider */

.section-template--26438324027773__5e25fe21-5ed7-47bf-bfed-05b6209a0399-padding {
    .article-card__title {
        font-family: var(--font-body-family);
        font-size: 1.6rem;
    }
}

/* Veelgestelde vragen - Collapsable content */

.collapsible-content {
    .collapsible-content__question {
        font-family: var(--font-body-family);
    }
}

/* Video iFrame Fix */

.video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Soldout Badge */

.badge--soldout {
    background-color: var(--custom-color-beige-dark) !important;
    color: var(--custom-color-white) !important;
}

/* Color Swatch - Variants */

 {

}

.template-product {
    .color-swatch[title="Grapefruit & Lime"] .visually-hidden,
    .color-swatch[title="Lily & Green Tea"] .visually-hidden,
    .color-swatch[title="Lily & Green tea"] .visually-hidden,
    .color-swatch[title="Tea & Cardamom"] .visually-hidden {
        font-size: 0;
        clip: inherit;
        overflow: visible;

        &:before {
            content: '';
            position: absolute;
            top: -20px;
            left: 5px;
            width: 15px;
            height: 15px;
            z-index: 99;
            border-radius: 100%;
            background-color: var(--custom-color-beige-dark);
            border: 2px solid var(--custom-color-white);
        }
    }
}

.card-information__wrapper {
    .color-swatch[title="Grapefruit & Lime"] .visually-hidden,
    .color-swatch[title="Lily & Green Tea"] .visually-hidden,
    .color-swatch[title="Lily & Green tea"] .visually-hidden,
    .color-swatch[title="Tea & Cardamom"] .visually-hidden {
        font-size: 0;
        clip: inherit;
        overflow: visible;

        &:before {
            content: '';
            position: absolute;
            top: -10px;
            left: 3px;
            width: 10px;
            height: 10px;
            z-index: 99;
            border-radius: 100%;
            background-color: var(--custom-color-beige-dark);
            border: 2px solid var(--custom-color-white);
        }
    }
}

.variant-picker__subtext {
    font-size: 14px;
    margin-bottom: 2rem;

    span {
        display: block;
        margin: .5rem 0;
    }

    svg {
        margin-right: 1rem;
    }
}

.variant-picker__subtext .scent {
    color: var(--custom-color-beige-dark);
}

/* Color Swatch */

.product__text-icon-multiple {
    display: flex;
    flex-direction: column;
    gap: 7px 16px;
    font-size: 12px;
    margin-bottom: 2rem;
}

.product__text-icon__item {
    display: flex;
    align-items: center;
    color: var(--custom-color-black-soft);
}

.product__text-icon__item .icon {
    margin-right: 10px;
}

/* Product Slider */

.product__slider-nav,
.product-recommendations__slider-nav,
.carousel__slider-nav {
    .swiper-button-next, 
    .swiper-button-prev {
        border: none !important;
        background-color: transparent;
        width: 4rem;
        height: 4rem;

        svg {
            width: 1.6rem;
            height: 1.6rem;

            path {
                stroke: var(--custom-color-black-dark);
            }
        }
    }
}

.carousel__slider-nav {
    svg {
        path {
            stroke: var(--custom-color-white) !important;
        }
    }
}

.product-recommendations__slider-nav,
.carousel__slider-nav {
    .swiper-button-next, 
    .swiper-button-prev {
        &:hover {
            background-color: var(--custom-color-black-dark);

            svg {
                path {
                    stroke: var(--custom-color-white);
                }
            }
        }
    }
}

.product__media-list {
    &:hover {
        .product__slider-nav {
            .swiper-button-next, 
            .swiper-button-prev {
                background-color: var(--custom-color-black-dark);

                svg {
                    path {
                        stroke: var(--custom-color-white);
                    }
                }
            }
        }
    }
}

.popular-products__navigation {
    top: calc(50% - 4rem) !important;
    margin-top: inherit !important;
    gap: inherit !important;

    @media screen and (max-width: 576px) {
        top: 50% !important;
    }

    .popular-products__arrow--next,
    .popular-products__arrow--prev {
        background-color: transparent;
        width: 4rem;
        height: 4rem;

        &:hover {
            background-color: var(--custom-color-black-dark);

            svg {
                path {
                    stroke: var(--custom-color-white);
                }
            }
        }
    }
}

/* Swiper */

.swiper-button-next, 
.swiper-button-prev {
    border-radius: 0;

    &.dark {
        background-color: #2A2926;
    }
}

/* Product About */

.product__info-container {
    .about,
    .custom-liquid {
        margin-bottom: 0 !important;
    }

    .about:last-child,
    .custom-liquid {
        .about__accordion-item {
            border-top: 0;
        }
    }
}

/* Navigation */

.header__inline-menu {
    .list-menu-item:nth-child(3) {
        .header__submenu {
            width: 24rem;

            li:nth-last-of-type(-n+3) {
                a {
                    &:after {
                        content: 'Sale';
                        margin-left: 1rem;
                        background-color: var(--custom-color-beige-dark);
                        padding: .4rem 1.2rem;
                        font-size: 1.3rem;
                        border-radius: 0rem;
                    }
                }
            }
        }
    }

    .list-menu--submenu {
        padding-right: 30px;

        &:after {
            content: "";
            display: block;
            width: 12px;
            height: 6px;
            background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707108L6.70703 6.70711L12.707 0.707108' stroke='%232A2926' stroke-linecap='square'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
        }
    }

    .list-menu-item:last-of-type span {
        color: var(--custom-color-beige-dark);
        font-weight: bold;

        .color-background-3 & {
            color: var(--custom-color-white-soft);
        }
    }
}

.header__icons>*:not(:last-child):after {
    display: none;
}

.header__icons>*:not(:last-child) {
    margin-right: 0;
}

/* Announcement Bar */

.announcement-bar__message {
    min-height: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.announcement-bar__text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.announcement-bar__link {
    text-decoration: underline;
    height: 100%;
}

.announcement-item {
    margin: 0 1.5rem;
}

@media screen and (max-width: 749px) {
    .announcement-item {
        margin: 0 .5rem;
    }
}

/* Media block */

.media-slideshow__overlay {
    background: linear-gradient(180deg, rgba(42, 41, 38, 0) 56.56%, rgba(42, 41, 38, 0.45) 100%) !important;

    @media screen and (max-width: 749px) {
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%) !important;
    }
}

/* BOGOS APP */

.bogos-progress-bar-container {
    gap: 0 !important;
}

.bogos-progress-bar-container .bogos-progress-track,
.bogos-progress-bar-container .bogos-progress-fill {
    border-radius: 0 !important;
}

/* RUBIK APP */