/** Shopify CDN: Minification failed Line 786:0 Unexpected "}" **/ :root { --fc-primary-color: #081C46; --fc-lightgray: #FCFCFC; --fc-gray: #F3F4F7; --fc-green: #107640; --fc-section-heading-font-weight: normal; --fc-section-heading-font-family: 'Freigeist Black'; --fc-product-title-font-size: 32px; --fc-product-title-line-height: 38px; @media (min-width: 769px) { --fc-section-heading-font-size: 32px; --fc-section-heading-line-height: 38px; } @media (max-width: 768px) { --fc-section-heading-font-size: 24px; --fc-section-heading-line-height: 29px; } } body { background: #fff!important; } .utility-bar { background-color: var(--fc-primary-color); } p.announcement-bar__message.h5 span, .announcement-bar__message.h5 { font-family: 'Poppins'!important; font-weight: 400!important; font-size: 12px!important; line-height: 18px!important; color: #FFFFFF!important; height: 32px; display: flex; align-items: center; justify-content: center; flex-direction: column; letter-spacing: normal; } .utility-bar__grid.page-width { padding-left: 6px; padding-right: 6px; } .sticky-header { background: var(--fc-lightgray); } .rb-faq-shopify-section { background: var(--fc-gray); padding: 64px 140px !important; margin-bottom: 0!important; } .rb-faq-shopify-section__heading { font-family: var(--fc-section-heading-font-family) !important; font-size: var(--fc-section-heading-font-size) !important; line-height: var(--fc-section-heading-line-height) !important; font-weight: var(--fc-section-heading-font-weight) !important; color: var(--fc-primary-color) !important; text-align: left !important; margin: 0 auto 30px !important; padding: 0 !important; max-width: 1440px; } .rb-faq-container { margin: 0 auto !important; padding: 0 !important; max-width: 1440px !important; } .rb-faq-container-item { margin-bottom: 0!important; border-radius: 0!important; } .rb-faq-question { border-radius: 0!important; border-top: 1px solid var(--fc-primary-color); font-family: 'Overused Grotesk', 'Arial', sans-serif !important; font-weight: 500 !important; font-size: 16px !important; line-height: 23px !important; color: var(--fc-primary-color) !important; padding: 24px 0!important; margin: 0!important; gap: 24px; align-items: center; } .rb-faq-answer { padding: 0!important; } .rb-faq-answer p { font-family: 'Overused Grotesk'; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; color: var(--fc-primary-color) !important; margin: 0!important; } .rb-faq-answer p + p { margin-top: 16px!important; } .tab-toggle:checked ~ .rb-faq-question { padding-bottom: 16px!important; } .tab-toggle:checked ~ .rb-faq-answer { padding-bottom: 24px!important; } .rb-faq-container-item:last-child .tab-toggle:checked ~ .rb-faq-answer { padding-bottom: 0!important; } .rb-faq-question::after { content: '' !important; background: url('/cdn/shop/files/icon-plus.svg?v=1763386974') no-repeat center center; width: 12px; height: 12px; display: block; flex: 0 0 12px; } .tab-toggle:checked ~ .rb-faq-question::after { background: url('/cdn/shop/files/icon-minus.svg?v=1763386973') no-repeat center center; transform: rotate(180deg) !important; } @media (max-width: 768px) { .rb-faq-shopify-section { padding: 64px 16px !important; } .rb-faq-question { font-size: 14px !important; line-height: 19px !important; } .rb-faq-answer p { font-size: 12px !important; line-height: 16px !important; } } .product__vendor { font-family: var(--fc-section-heading-font-family); font-weight: var(--fc-section-heading-font-weight); font-size: 14px; line-height: 17px; color: var(--fc-primary-color); text-transform: uppercase; margin: 0 0 24px!important; } .product__vendor a, .product__vendor a:hover { text-decoration: none; color: var(--fc-primary-color); } .product__title { margin-bottom: 8px; } .product__title-heading { text-transform: capitalize; font-family: var(--fc-section-heading-font-family) !important; font-weight: var(--fc-section-heading-font-weight) !important; font-size: var(--fc-product-title-font-size) !important; line-height: var(--fc-product-title-line-height) !important; color: var(--fc-primary-color); } .product__description { margin: 0 0 32px !important; } .product__description, .product__description p { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-weight: 500 !important; font-size: 16px !important; line-height: 23px !important; color: var(--fc-primary-color) !important; } product-info .page-width { max-width: 100%; width: 100%; display: flex; padding: 0; } .product { gap: 104px !important; justify-content: center; width: 100%; } .product .product__media-wrapper { max-width: 575px !important; width: 100% !important; } .product .product__info-wrapper { max-width: 482px !important; width: 100% !important; padding: 0!important; } .product .product__info-wrapper .hengam-product-price-wrapper .hengam-final-price, .product .product__info-wrapper .price .price-item { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 600!important; font-size: 24px; line-height: 34px; color: var(--fc-primary-color); } .product .product__info-wrapper .price .price-item strong { font-weight: 600!important; } .product__info-container>*+* { margin: 0; } .product .product__info-wrapper variant-swatch-king label.swatch-label { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: var(--fc-primary-color); margin-bottom: 8px; display: block; } .product .product__info-wrapper variant-swatch-king .swatch-drop-down-wrapper { margin: 0 0 24px; } .product .product__info-wrapper variant-swatch-king .swatch-drop-down-inner { display: block; min-width: 100%; } .product .product__info-wrapper variant-swatch-king .swatch-drop-down-selected { height: 55px; background: #FFFFFF; border: 1px solid #081C46; border-radius: 8px; min-height: 100%; } .product .product__info-wrapper .selling_plan_app_container { margin-bottom: 24px; } .product .product__info-wrapper .subscription-options { margin: 0; } .product .product__info-wrapper .subscription-options li>label { background: #F3F4F7; border: 1px solid #F3F4F7; border-radius: 8px; outline: none !important; padding: 16px 20px; } .product .product__info-wrapper .subscription-options li>label:has(input[type="radio"]:checked) { background: #FFFFFF; border-color: #081C46; } .product .product__info-wrapper .subscription-options li.one-time-purchase>label { height: 52px; justify-content: center; } .subscription-options--cards .selling_plan_app_plans_list input[type="radio"] { display: none; } .subscription-options--cards .radio-area { position: relative; min-height: 16px; } .product .subscription-options--cards .radio-area__radio { position: absolute; width: 16px; height: 16px; top: 2px; padding: 0; } .product .subscription-options--cards .radio-area__radio:before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid var(--fc-primary-color); border-radius: 50%; position: absolute; top: 0; left: 0; } .subscription-options--cards .selling_plan_app_plans_list label:has(input[type="radio"]:checked) .radio-area__radio:after { content: ''; display: block; width: 8px; height: 8px; background-color: var(--fc-primary-color); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .subscription-options--cards .option-name { padding-left: 32px; } .subscription-options--cards .card-row--options { margin-top: 16px !important; position: relative; height: 52px; background: #F3F4F7; border-radius: 8px; position: relative; } .subscription-options--cards .card-row--options:after { content: ''; display: block; width: 14px; height: 16px; background: url('/cdn/shop/files/chevron-down.png?v=1763697169') no-repeat center center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; } .product .product__info-wrapper .subscription-options .frequency-select { height: 52px; background: transparent; border: 1px solid #081C46; border-radius: 8px; width: 100%; display: block; max-width: 100%; outline: none !important; box-shadow: none !important; position: relative; z-index: 2; font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: var(--fc-primary-color); } .subscription-options--cards label:has(input[type="radio"]:checked) .card-row--options { background: #FFFFFF; } .subscription-options--cards .card-content { gap: 0; } .subscription-options--cards .total-price { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 500; font-size: 14px!important; line-height: 20px!important; color: var(--fc-primary-color); } .subscription-options--cards .subscription-compared-at-price { font-family: 'Overused Grotesk'; font-style: normal; font-weight: 400; font-size: 12px!important; line-height: 20px!important; color: var(--fc-primary-color)!important; text-decoration: line-through; } .subscription-options--cards .option-name { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; color: var(--fc-primary-color); } .product-form__buttons { max-width: 100%; } .product-form__submit { height: 54px; font-family: var(--fc-section-heading-font-family); font-style: normal; font-weight: var(--fc-section-heading-font-weight); font-size: 18px!important; line-height: 22px!important; color: #FFFFFF; margin-bottom: 24px; } .product .product__info-wrapper .list-payment { justify-content: center; column-gap: 11px; row-gap: 8px; margin: 0 0 32px; padding: 0; } .product .product__info-wrapper .list-payment__item { padding: 0; } .product .product__info-wrapper .list-payment svg { width: 31px; height: 20px; } .product__info-container .product-form { margin: 0 0 24px; } .product__extra-image-wrapper img { border-radius: 16px; } @media (max-width: 768px) { .product__media-toggle:after { display: none!important; } product-info { padding-bottom: 50px !important; } .product { gap: 28px !important; } .product .product__media-wrapper { max-width: 100% !important; } .product .product__info-wrapper { max-width: 100% !important; padding: 0 16px !important; } .product__description, .product__description p { font-size: 14px !important; line-height: 20px !important; } .product__extra-image-wrapper { display: none;} .product .product__info-wrapper .hengam-product-price-wrapper .hengam-final-price, .product .product__info-wrapper .price .price-item { font-size: 24px; line-height: 31px; } .slider.slider--mobile .media > img { border-radius: 0; } .slider.slider--mobile, .slider.slider--mobile .slider__slide { padding: 0; margin: 0; } .product .product__media-list .product__media-item { width: calc(100% - 3rem)!important; } .product .product__media-icon { display: none; } .product__title-heading { margin-bottom: 8px; } .product .product__info-wrapper .subscription-options .frequency-select { font-size: 12px; } .product-form__submit { font-size: 16px !important; } } .fdl-breadcrumbs-app-extension:not(.product__info-wrapper .fdl-breadcrumbs-app-extension) .fdl-page-width { margin: 0 93px 40px; } .product__info-wrapper .fdl-breadcrumbs-app-extension { display: none; } .fdl-breadcrumbs > .fdl-padding { padding: 0 !important; margin-top: 33px; margin-bottom: 40px; } .fdl-font-size { font-family: 'Overused Grotesk'; font-style: normal; font-weight: 400!important; font-size: 12px!important; line-height: 22px!important; letter-spacing: 0.6px; color: #73798C!important; } .fdl-breadcrumbs__text--active { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 700!important; font-size: 12px!important; line-height: 22px; letter-spacing: 0.6px; color: var(--fc-primary-color)!important; } @media (max-width: 768px) { .fdl-breadcrumbs-app-extension__top { display: none; } .product__info-wrapper .fdl-breadcrumbs-app-extension { display: block; } .fdl-breadcrumbs__list li:nth-child(5), .fdl-breadcrumbs__list li:nth-child(6) { display: none !important; } .fdl-breadcrumbs-app-extension .fdl-page-width { margin: 0 0 16px; } .fdl-breadcrumbs>.fdl-padding { padding: 0 !important; margin-top: 0; margin-bottom: 0; } } /* Price Percentage Info */ .price__percentage-info-container { display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; padding: 8px; height: 39px; background: #FFC7B2; border-radius: 4px; color: var(--fc-primary-color); } .price__percentage-info-discount { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 23px; color: var(--fc-primary-color); } .price__percentage-info-text { font-family: 'Overused Grotesk'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; color: var(--fc-primary-color); letter-spacing: 0; } .price__percentage-info-icon { width: 16px; height: 16px; cursor: pointer; position: relative; } .price__percentage-info-icon svg { display: block; } .price__percentage-info-tooltip { display: none; font-family: 'Overused Grotesk'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; color: var(--fc-primary-color); position: absolute; bottom: calc(100% + 14px); right: -8px; background-color: #081C46; border: 1px solid #081C46; color: #FFFFFF; border-radius: 4px; padding: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 1000; width: 252px; letter-spacing: 0; } .price__percentage-info-tooltip.price__percentage-info-tooltip--active { display: block; } .price__percentage-info-tooltip p { margin: 0; } .price__percentage-info-tooltip::after { content: ''; position: absolute; top: calc(100% + 1px); right: 6px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #081C46; } .price__percentage-info-tooltip::before { content: ''; position: absolute; top: calc(100% + 1px); right: 6px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #081C46; margin-top: -1px; z-index: -1; } /* Related products */ .section-related-products { background-color: var(--fc-gray); } .section-related-products .product-grid { gap: 16px !important; } .section-related-products .product-grid .grid__item { width: 100% !important; max-width: 180px !important; } .section-related-products .related-products__heading { margin-bottom: 40px; color: var(--fc-primary-color) !important; font-family: var(--fc-section-heading-font-family) !important; font-size: var(--fc-section-heading-font-size) !important; font-style: normal !important; font-weight: var(--fc-section-heading-font-weight) !important; line-height: normal !important; } .section-related-products .related-products { padding: 48px 0; max-width: 1160px !important; } .section-related-products .product-card-wrapper { border-radius: 16px; background-color: #F9F9FB; /* padding: 8px 0 20px; */ padding: 48px 0 20px; } /* .section-related-products .product-card-wrapper.card-wrapper__flavor-profile { padding: 48px 0 20px !important; } */ .section-related-products .card__heading { font-family: var(--fc-section-heading-font-family); font-style: normal; font-weight: var(--fc-section-heading-font-weight); font-size: 16px; line-height: 19px; color: var(--fc-primary-color); } .section-related-products .card__information { padding: 0 8px !important; } .section-related-products .card__information .card__heading { margin-bottom: 7px; display: block; } .section-related-products .card__information .price { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #081C46; margin: 0 !important; } .section-related-products .card__information .product-vendor { font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 600; font-size: 12px; line-height: 17px; color: #73798C; text-transform: uppercase; margin-bottom: 4px; } .card-product__smaaksectie { display: flex; justify-content: center; align-items: center; padding: 4px 12px; gap: 4px; position: absolute; height: 25px; left: 0px; top: 16px; background-color: #653111; border-radius: 0px 8px 8px 0px; font-family: 'Overused Grotesk', 'Arial', sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 17px; color: #FFFFFF; } .card-product__smaaksectie--funky { background-color: #1C7200; } .card-product__smaaksectie--citrus { background-color: #FFD522; } .card-product__smaaksectie--rijp-fruit { background-color: #94BF2C; } .card-product__smaaksectie--bessen { background-color: #485CA3; } .card-product__smaaksectie--floraal { background-color: #F1BAFD; } .card-product__smaaksectie--zoet { background-color: #F970C5; } .card-product__smaaksectie--gebak { background-color: #BBBBFC; } .card-product__smaaksectie--chocolade, .card-product__smaaksectie--chocolate { background-color: #633313; } .card-product__smaaksectie--notig { background-color: #FF7900; } variant-swatch-king .swatch-drop-down { color: #081C46 !important; font-family: "Overused Grotesk", "Arial", sans-serif; font-size: 16px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } fh-selling-plans-widget .subscription-options--cards .option-name { color: #081C46 !important; font-family: "Overused Grotesk" !important; font-size: 16px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } fh-selling-plans-widget .selling_plan_theme_integration legend { color: #081C46 !important; font-family: "Overused Grotesk" !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } .icon-checklist-text__text li { color: #081C46 !important; font-family: "Overused Grotesk" !important; font-size: 16px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } .price-v2__main-container { margin-bottom: 24px !important; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .price-v2__main-container .price__container { margin-bottom: 0 !important; } .subscription-options--cards .subscription-compared-at-price, fh-selling-plans-widget .subscription-options--cards .total-price { font-weight: 600 !important; font-family: 'Overused Grotesk', 'Arial', sans-serif; } @media (max-width: 768px) { .section-related-products .card__information .product-vendor { font-size: 10px; } .section-related-products .card__information .price { font-size: 12px; } .section-related-products .card__inner.color-scheme-1 { height: 120px; margin-bottom: 23px; } .section-related-products .card .card__inner .card__media { margin: 0; } .section-related-products .product-card-wrapper { width: 180px; } .section-related-products .product-grid { column-gap: 16px !important; row-gap: 48px !important; } .section-related-products .related-products__heading { margin-bottom: 48px; } .section-related-products .related-products { padding: 64px 16px 35px; } .section-related-products .product-grid .grid__item:nth-child(3), .section-related-products .product-grid .grid__item:nth-child(4) { display: none; } .section-related-products .product-grid .grid__item { width: 100% !important; max-width: calc(50% - 8px) !important; } variant-swatch-king .swatch-drop-down, fh-selling-plans-widget .subscription-options--cards .option-name, .icon-checklist-text__text li { font-size: 14px !important; } } }