/* xcms: nominify */

@import "https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Open+Sans:wght@400;600&display=swap";

button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

:root {
    --c-snow: #fff;
    --c-carbon: #000;
    --primary-surface: #79b076;
    --primary-contrast: #fff;
    --gray-surface: #f7f7fa;
    --body-surface: #fff;
    --body-contrast: #565454;
    --title-contrast: #2d3436;
    --strong-contrast: var(--title-contrast);
    --navigation-contrast: var(--title-contrast);
    --catslider-contrast: var(--body-contrast);
    --shadow-color: #ced6e0;
    --header-main-surface: var(--gray-surface);
    --header-main-contrast: #2d3436;
    --header-shop-surface: var(--gray-surface);
    --header-shop-contrast: #2d3436;
    --category-bar-main-surface: var(--gray-surface);
    --category-bar-main-contrast: #2d3436;
    --contentblock-base-surface: var(--gray-surface);
    --contentblock-base-contrast: #2d3436;
    --contentblock-gray-surface: var(--gray-surface);
    --contentblock-gray-contrast: #050505;
    --contentblock-dark-surface: #2d3436;
    --contentblock-dark-contrast: #fff;
    --button-primary-surface: var(--primary-surface);
    --button-primary-contrast: var(--primary-contrast);
    --button-hover-primary-surface: #86b783;
    --button-hover-primary-contrast: var(--primary-contrast);
    --button-dark-surface: #2d3436;
    --button-dark-contrast: #fff;
    --button-hover-dark-surface: #3f494c;
    --button-hover-dark-contrast: #fff;
    --button-line-surface: transparent;
    --button-line-contrast: var(--primary-surface);
    --button-disabled-surface: #ddd;
    --button-disabled-contrast: #2d3436;
    --button-empty-contrast: var(--primary-surface);
    --button-hover-empty-contrast: var(--primary-surface);
    --footer-surface: var(--gray-surface);
    --footer-contrast: #2d3436;
    --cart-base-contrast: #2d3436;
    --cart-footer-surface: var(--gray-surface);
    --message-default-surface: #e7fcff;
    --message-default-contrast: #2d3436;
    --message-default-extra-contrast: rgba(0, 0, 0, 40%);
    --message-default-border-color: #00e5ff;
    --message-primary-surface: var(--primary-surface);
    --message-primary-contrast: var(--primary-contrast);
    --message-primary-border-color: var(--primary-surface);
    --message-warning-surface: #fff5e7;
    --message-warning-contrast: #2d3436;
    --message-warning-border-color: #ffce8a;
    --message-error-surface: #ffe0e0;
    --message-error-contrast: #2d3436;
    --message-error-border-color: #ffa6b6;
    --product-category-title-surface: var(--header-shop-surface);
    --product-category-title-contrast: var(--header-shop-contrast);
    --product-item-border-color: #ced6e0;
    --product-item-border-color-hover: #57606f;
    --product-modal-footer-surface: #f1f2f6;
    --product-modal-footer-contrast: #2d3436;
    --tooltip-base-surface: #2d3436;
    --tooltip-base-contrast: #fff;
    --font-title-family: "Karla";
    --font-title-weight: 600;
    --font-title-line-height: 1.3;
    --font-body-family: "Karla";
    --font-body-weight: 400;
    --font-body-line-height: 1.65;
    --font-strong-family: var(--font-title-family);
    --font-strong-weight: var(--font-title-weight);
    --font-button-family: var(--font-title-family);
    --font-button-weight: var(--font-title-weight);
    --font-nav-family: var(--font-title-family);
    --font-nav-weight: var(--font-title-weight);
    --font-cart-family: var(--font-title-family);
    --font-cart-weight: var(--font-title-weight);
    --font-input-label-family: var(--font-title-family);
    --font-input-label-weight: var(--font-title-weight);
    --font-input-family: var(--font-title-family);
    --font-input-weight: var(--font-title-weight);
    --font-input-size: 1.6rem
}

@media (max-width: 48em) {
    :root {
        --font-input-size: 16px
    }
}

:root {
    --fs-base: clamp(15px, 1.8vw, 1.8rem);
    --fs-h1: clamp(3rem, 4.6vw, 4.6rem);
    --fs-h2: clamp(2.8rem, 4.2vw, 4.2rem);
    --fs-h3: clamp(2rem, 3vw, 3rem);
    --fs-h4: clamp(1.8rem, 2.4vw, 2.4rem);
    --fs-h5: clamp(1.6rem, 2vw, 2rem);
    --m-small: 1.5rem;
    --m-base: 2.5rem;
    --m-large: 5rem;
    --m-grid: 10rem;
    --m-space: 5rem;
    --z-base: 10;
    --z-mobilenav: 15;
    --z-content: 18;
    --z-menu: 99;
    --z-cookies: 100
}

@media (max-width: 48em) {
    :root {
        --m-space: 30px;
        --m-grid: 20px;
        --m-large: 40px;
        --m-base: 20px;
        --m-small: 10px
    }
}

html {
    overflow-y: visible;
    overflow-x: hidden;
    box-sizing: border-box;
    min-height: 100vh;
    font-size: 56.25%
}

@media (min-width: 48em) {
    html {
        font-size: 40%
    }
}

@media (min-width: 64em) {
    html {
        font-size: 50%
    }
}

@media (min-width: 80em) {
    html {
        font-size: 62.5%
    }
}

@media (--max48) {
    html.is-locked {
        overflow: hidden;
        width: 100%;
        max-height: 100%;
        position: fixed
    }
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-body-family), system-ui, sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--fs-base);
    line-height: var(--font-body-line-height);
    color: var(--body-contrast)
}

*,
*:before,
*:after {
    box-sizing: inherit
}

#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

main {
    flex: 1 0 auto;
    width: 100%;
    outline: 0;
    position: relative
}

main .l-main--primary {
    background-color: transparent !important
}

main .content-screen.is-hidden {
    display: none;
    transform: translateY(5rem)
}

@media (--min48) {
    main {
        z-index: var(--z-base)
    }
}

@media (min-width: 48em) {
    .hide-desktop {
        display: none !important
    }
}

@media (max-width: 47.999em) {
    .hide-mobile {
        display: none !important
    }
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .25s ease
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.fade-fast-enter-active,
.fade-fast-leave-active {
    transition: opacity .125s ease
}

.fade-fast-enter-from,
.fade-fast-leave-to {
    opacity: 0
}

.route-fade-enter-active,
.route-fade-leave-active {
    transition: opacity .2s ease
}

.route-fade-enter-from,
.route-fade-leave-to {
    opacity: 0
}

table.shadow-table {
    --radius: 10px;
    --cell-padding: 1rem;
    width: 100%;
    font-size: min(var(--fs-base), 16px);
    border-collapse: collapse;
    position: relative
}

table.shadow-table thead {
    font-size: .8em;
    text-align: left
}

table.shadow-table td,
table.shadow-table th {
    padding: var(--cell-padding)
}

table.shadow-table td:first-of-type,
table.shadow-table th:first-of-type {
    padding-inline-start: 4rem
}

table.shadow-table td:last-of-type,
table.shadow-table th:last-of-type {
    padding-inline-end: 2rem
}

table.shadow-table tbody {
    position: relative
}

table.shadow-table tbody>* {
    z-index: 1
}

table.shadow-table tbody:after {
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    box-shadow: 4px 12px 50px #00000026;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 0
}

table.shadow-table tbody td {
    height: 70px;
    background: #fff
}

table.shadow-table tbody td.nowrap {
    white-space: nowrap
}

table.shadow-table tbody tr.s-open>td {
    font-weight: 700
}

table.shadow-table tbody tr:not(:last-of-type)>td {
    border-block-end: 1px solid #e9e9e9
}

table.shadow-table tbody tr:first-of-type>td:first-of-type {
    border-top-left-radius: var(--radius)
}

table.shadow-table tbody tr:first-of-type>td:last-of-type {
    border-top-right-radius: var(--radius)
}

table.shadow-table tbody tr:last-of-type>td:first-of-type {
    border-bottom-left-radius: var(--radius)
}

table.shadow-table tbody tr:last-of-type>td:last-of-type {
    border-bottom-right-radius: var(--radius)
}

@media (max-width: 47.99em) {
    table.shadow-table {
        --cell-padding: 1rem 2rem
    }
}

table.base-table {
    border-collapse: collapse
}

table.base-table th {
    text-align: left
}

table.base-table tr td,
table.base-table tr th {
    padding: .4rem 2rem
}

table.base-table tr td:first-child,
table.base-table tr th:first-child {
    padding-inline-start: 0
}

table.base-table tr td:last-child,
table.base-table tr th:last-child {
    padding-inline-end: 0
}

table.base-table tr.line-top>* {
    border-block-start: 2px solid #000;
    padding-block-start: 1rem
}

.table-parent-scrollable {
    overflow: auto;
    margin-inline-start: calc(var(--m-grid) * -1);
    margin-inline-end: calc(var(--m-grid) * -1);
    padding-block-end: 50px;
    padding-inline-start: var(--m-grid);
    padding-inline-end: var(--m-grid);
    -webkit-scrollbar-width: thin;
    scrollbar-width: thin
}

.centered-message {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    min-height: 20rem;
    padding: 4rem 0
}

.centered-message.light {
    opacity: .6
}

#tab-login,
#no-results,
.c-arrow__item,
.flag-dropdown,
.c-product__oldprice {
    display: none
}

.s-hidden {
    display: none !important
}

.js-enlarge {
    cursor: pointer
}

.l-icon {
    display: inline-block;
    vertical-align: -.1em;
    fill: currentcolor
}

.l-icon.l-icon--xxs {
    width: .8rem;
    height: .8rem
}

.l-icon.l-icon--xs,
.l-icon.l-icon--sm {
    width: 1rem;
    height: 1rem
}

.l-icon.l-icon--button {
    width: 1.4rem;
    height: 1.4rem
}

.l-icon.l-icon--md {
    width: 1.8rem;
    height: 1.8rem
}

.l-icon.l-icon--lg {
    width: 2.2rem;
    height: 2rem
}

.l-icon.l-icon--xl {
    width: 3rem;
    height: 3rem
}

.l-icon.l-icon--flip-y {
    transform: scaleY(-1)
}

.l-icon.l-icon--flip-x {
    transform: scaleX(-1)
}

.l-icon.l-icon--rotate-90 {
    transform: rotate(90deg)
}

.l-icon.l-icon--rotate--90-neg {
    transform: rotate(-90deg)
}

.l-icon.l-icon--rotate-180 {
    transform: rotate(180deg)
}

.l-icon.l-icon--radius {
    border-radius: 50%
}

.button .l-icon {
    width: 1.4rem;
    height: 1.4rem
}

.l-icon__wrap {
    --gap: .6rem;
    display: flex;
    gap: var(--gap);
    align-items: center
}

.l-icon__wrap [class*=l-icon] {
    flex-shrink: 0
}

@media (min-width: 48em) {
    ul .l-icon__wrap {
        --gap: 1.6rem
    }
}

@keyframes animatieFadeInEnSlideUp {
    0% {
        opacity: 0;
        transform: translateY(5rem)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes buttonLoadingAnimation {
    0% {
        transform: translate(-100%)
    }
    40% {
        transform: translate(0)
    }
    80% {
        transform: translate(100%)
    }
    to {
        transform: translate(100%)
    }
}

@keyframes isAddedAnimation {
    0% {
        background: 0 0
    }
    50% {
        background: #f1b700
    }
    to {
        background: 0 0
    }
}

@keyframes animateNav {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes a-ripple {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    to {
        opacity: 0;
        width: 200%;
        padding-bottom: 200%
    }
}

@keyframes rotateWheelOnHomepage {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes staranimatie {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-360deg)
    }
}

@keyframes bulletAnimation {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    25% {
        opacity: .8;
        transform: translateY(-.5rem)
    }
    50% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes initialAnimation {
    0% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes animatieFadeDph {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.l-content {
    margin: 0 auto !important;
    padding-inline-start: env(safe-area-inset-left) !important;
    padding-inline-end: env(safe-area-inset-right) !important
}

.l-content {
    width: calc(100% - var(--m-grid) * 2);
    max-width: 140rem;
    padding-block-start: var(--m-large);
    padding-block-end: var(--m-large)
}

.l-content .l-content {
    padding: 0 !important
}

.l-content .l-content {
    width: auto;
    max-width: none
}

.l-content.l-content--no-padding-bottom {
    padding-block-end: 0
}

.c-contentbox__grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

@supports (display:grid) {
    .c-contentbox__grid {
        display: grid;
        flex-wrap: nowrap;
        grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));
        grid-gap: 3.6rem
    }
    @media screen and (max-width: 47.999em) {
        .c-contentbox__grid {
            grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr))
        }
    }
}

.l-item * {
    margin: 0
}

.l-item>*+* {
    margin-block-start: var(--m-base)
}

.l-item.l-item--xs>*+* {
    margin-block-start: .5rem
}

.l-item.l-item--sm>*+* {
    margin-block-start: var(--m-small)
}

.l-item.l-item--lg>*+* {
    margin-block-start: var(--m-large)
}

.l-item.l-item--xl>*+* {
    margin-block-start: calc(var(--m-large) + var(--m-base))
}

.l-item--small {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.l-item>style,
.l-item>script {
    display: none
}

.leaflet-popup {
    margin: 0;
    padding: 0
}

.leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    padding: 5rem 0 0;
    box-shadow: none;
    background: transparent;
    font-family: var(--font-title-family), system-ui, sans-serif
}

.leaflet-popup .leaflet-popup-content {
    min-width: 35rem;
    margin: 0;
    border-radius: 5px;
    padding: 7rem 3rem 3rem;
    background: #fff;
    position: relative
}

.leaflet-popup a.leaflet-popup-close-button {
    top: 10px;
    right: 15px
}

.leaflet-marker-icon {
    color: var(--primary-surface)
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
.look-title {
    margin: 0;
    font-family: var(--font-title-family), system-ui, sans-serif;
    font-weight: var(--font-title-weight);
    line-height: var(--font-title-line-height);
    color: var(--title-contrast);
    position: relative
}

h1,
.h1 {
    font-size: var(--fs-h1)
}

h2,
.h2 {
    font-size: var(--fs-h2)
}

h3,
.h3 {
    font-size: var(--fs-h3)
}

h4,
.h4 {
    font-size: var(--fs-h4)
}

h5,
.h5 {
    font-size: var(--fs-h5)
}

strong,
.look-strong {
    color: var(--title-contrast)
}

a {
    color: inherit
}

a:hover,
a:focus {
    text-decoration: none
}

p:empty {
    display: none;
    margin: 0
}

.l-list--nopadding,
.l-list {
    padding: 0;
    list-style: none
}

.l-list {
    margin: 0
}

.rte>* {
    margin: 0
}

.rte>*+* {
    margin: 1rem 0 0
}

.rte--center {
    text-align: center
}

.rte--xl {
    font-size: calc(2rem + .1vw)
}

.rte--xl>* {
    margin: 0
}

.rte--xl>*+* {
    margin: 2.4rem 0 0
}

.rte--xl strong {
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900
}

.rte--xl h2 {
    font-size: calc(3rem + .4vw);
    margin-bottom: -.5rem
}

.rte--large {
    font-size: calc(1.6rem + .1vw)
}

.rte--large>* {
    margin: 0
}

.rte--large>*+* {
    margin: 2.4rem 0 0
}

.rte--large strong {
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900
}

.rte--large h2 {
    font-size: calc(3rem + .4vw);
    margin-bottom: -.5rem
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]),
.c-reviews__more {
    --btn-size: 5rem;
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--btn-size);
    outline: 0;
    border: 2px solid #000;
    border-radius: calc(var(--btn-size) / 2);
    padding: calc(var(--btn-size) / 4) calc(var(--btn-size) / 2);
    font-family: var(--font-button-family), system-ui, sans-serif;
    font-weight: var(--font-button-weight);
    font-size: 1.6rem;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"])>*,
.c-reviews__more>* {
    pointer-events: none
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"])>*:not(:last-child),
.c-reviews__more>*:not(:last-child) {
    margin-inline-end: var(--gap)
}

@media (max-width: 48em) {
    .btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]),
    .c-reviews__more {
        justify-content: center;
        text-align: center
    }
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--price,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--primary,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--conversion,
.c-reviews__more.btn--price,
.c-reviews__more.btn--primary,
.c-reviews__more.btn--conversion {
    border-color: var(--button-primary-surface);
    background: var(--button-primary-surface);
    color: var(--button-primary-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--price:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--price:focus,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--primary:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--primary:focus,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--conversion:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--conversion:focus,
.c-reviews__more.btn--price:hover,
.c-reviews__more.btn--price:focus,
.c-reviews__more.btn--primary:hover,
.c-reviews__more.btn--primary:focus,
.c-reviews__more.btn--conversion:hover,
.c-reviews__more.btn--conversion:focus {
    border-color: var(--button-hover-primary-surface);
    background: var(--button-hover-primary-surface);
    color: var(--button-hover-primary-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--price,
.c-reviews__more.btn--price {
    gap: 5px
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--price .btn--price-add,
.c-reviews__more.btn--price .btn--price-add {
    display: flex;
    order: -1;
    background-color: transparent
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--orange-line,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--secondary,
.c-reviews__more.btn--orange-line,
.c-reviews__more.btn--secondary {
    --gap: 6px;
    height: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    color: var(--button-empty-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--orange-line:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--orange-line:focus,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--secondary:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--secondary:focus,
.c-reviews__more.btn--orange-line:hover,
.c-reviews__more.btn--orange-line:focus,
.c-reviews__more.btn--secondary:hover,
.c-reviews__more.btn--secondary:focus {
    filter: brightness(.95);
    color: var(--button-hover-empty-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--line,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--white-g,
.c-reviews__more.btn--line,
.c-reviews__more.btn--white-g {
    border-color: currentcolor;
    background: var(--button-line-surface);
    color: var(--button-line-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--line:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--line:focus,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--white-g:hover,
.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--white-g:focus,
.c-reviews__more.btn--line:hover,
.c-reviews__more.btn--line:focus,
.c-reviews__more.btn--white-g:hover,
.c-reviews__more.btn--white-g:focus {
    background: var(--button-hover-line-surface);
    color: var(--button-hover-line-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--100,
.c-reviews__more.btn--100 {
    text-transform: uppercase;
    white-space: nowrap
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"])[disabled=disabled],
.c-reviews__more[disabled=disabled] {
    border-color: var(--button-disabled-surface);
    background: var(--button-disabled-surface);
    color: var(--button-disabled-contrast);
    cursor: not-allowed
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"])[disabled=disabled]:hover,
.c-reviews__more[disabled=disabled]:hover {
    border-color: var(--button-disabled-surface);
    background: var(--button-disabled-surface);
    color: var(--button-disabled-contrast)
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--mob-nav .btn,
.c-reviews__more.btn--mob-nav .btn {
    -webkit-appearance: none;
    appearance: none;
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: center;
    justify-items: center;
    height: 100%;
    outline: 0;
    border: 0;
    padding: 1.25rem .5rem;
    aspect-ratio: 1/1;
    background: transparent;
    font-family: var(--font-button-family), system-ui, sans-serif;
    font-weight: var(--font-button-weight);
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease
}

.btn:not(.btn--price-add, .form__input + .btn, input, .btn__amount, .c-header__zipcode, [class*="c-language-flag"]).btn--mob-nav .btn:deep(svg.l-icon),
.c-reviews__more.btn--mob-nav .btn:deep(svg.l-icon) {
    width: 1.8rem;
    height: 1.8rem;
    color: var(--primary-surface)
}

.l-image__parent {
    position: relative
}

.l-image__parent.square {
    padding-block-start: 100%
}

.l-image__parent.square>.img {
    position: absolute;
    top: 0
}

.l-image__item,
.c-upselling__image {
    opacity: 0;
    width: 100%;
    pw-height: 100%;
    object-fit: cover;
    position: relative;
    transition: opacity .25s ease
}

.l-image__item.lazyloaded,
.c-upselling__image.lazyloaded {
    opacity: 1
}

.l-image__item:not(.lazyload),
.c-upselling__image:not(.lazyload) {
    opacity: 1
}

.c-product__image {
   	max-width: 12rem;
    max-height: 12rem;
}

@media screen and (min-width: 48em) {
    .c-product__image {
        max-width: 12rem
    }
}

.c-pageheader__prijzenrad {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: var(--padding);
    right: var(--m-grid);
    z-index: calc(var(--z-menu) - 1)
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__prijzenrad {
        position: relative;
        top: 0;
        left: 0;
        right: 0
    }
    .c-pageheader__prijzenrad--desktop {
        display: none
    }
}

@media screen and (min-width: 48em) {
    .c-pageheader__prijzenrad--mobile {
        display: none
    }
}

.c-pageheader__prijzenrad__rad {
    width: 20rem;
    height: 20rem;
    position: absolute;
    z-index: 1
}

@media screen and (min-width: 48em) {
    .c-pageheader__prijzenrad__rad {
        margin: auto;
        top: 0;
        bottom: 0
    }
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__prijzenrad__rad {
        width: 12rem;
        height: 12rem
    }
}

.c-pageheader__prijzenrad__rad>.c-wheel__container {
    width: 100%;
    height: 100%
}

.c-pageheader__prijzenrad__rad .c-wheel__canvas,
.c-pageheader__prijzenrad__rad .c-wheel__overlay-container {
    width: 100%;
    height: 100%
}

.c-pageheader__prijzenrad__rad .c-wheel__overlay-button {
    transform: scale(.4)
}

.c-pageheader__prijzenrad__text {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 48em) {
    .c-pageheader__prijzenrad__text {
        width: auto;
        padding-left: 10rem
    }
}

.c-pageheader__prijzenrad__row {
    max-width: 45rem;
    border-radius: 1rem;
    background: #fff;
    line-height: 1.4;
    color: #454545;
    position: relative;
    padding: 1.2rem 2.4rem 1.2rem 12rem
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__prijzenrad__row {
        width: 100%;
        max-width: none;
        border-radius: 0 0 1rem 1rem;
        font-size: calc(1.2rem + .1vw)
    }
}

.c-pageheader__prijzenrad__row:first-child:not(:last-child) {
    border-radius: 1rem 1rem 0 0
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__prijzenrad__row:first-child:not(:last-child) {
        border-radius: 0
    }
}

.c-pageheader__prijzenrad__row:last-child:not(:first-child) {
    border-radius: 0 0 1rem 1rem
}

.c-pageheader__prijzenrad__row:not(:first-child, :last-child) {
    border-radius: 0
}

.c-pageheader__prijzenrad__row--dark {
    background: #454545;
    color: #fff
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__prijzenrad__row--dark {
        font-size: calc(1rem + .1vw)
    }
}

.c-pageheader__prijzenrad__price-image {
    width: 10rem;
    height: 7rem;
    object-fit: contain;
    font-family: "object-fit: contain";
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: calc(100% - 10rem);
    z-index: 100
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__prijzenrad__price-image {
        width: 8rem;
        height: 5rem
    }
}

.c-pageheader__prijzenrad__title {
    font-size: calc(1.4rem + .1vw);
    text-transform: uppercase
}

.c-pageheader__prijzenrad__title strong {
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900
}

.c-dph__prijzenrad {
    display: none
}

.c-dph__images-holder {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, minmax(85px, 400px));
    grid-row: 1;
    grid-row-start: 1;
    grid-row-end: span 2;
    grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 2;
    align-items: flex-start;
    justify-items: end;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    pointer-events: none;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    transition: transform .5s cubic-bezier(.02, .63, .36, .99);
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-columns: (minmax(85px, 400px)) [2];
    -ms-grid-rows: 1fr
}

@media screen and (max-width: 47.999em) {
    .c-dph__images-holder {
        grid-row: 1;
        grid-row-start: 1;
        grid-row-end: span 2;
        grid-column: 1;
        grid-column-start: 1;
        grid-column-end: span 2;
        width: calc(100% + 4.8rem);
        height: calc(100% + 4.8rem);
        padding: 0;
        position: absolute;
        top: -4.8rem;
        left: -2.4rem;
        right: -2.4rem;
        z-index: 0;
        -ms-grid-column-span: 2;
        -ms-grid-row-span: 2
    }
    .c-dph__images-holder:after {
        display: block;
        float: left;
        width: 100%;
        height: 100%;
        background: linear-gradient(bottom, rgba(0, 0, 0, 0%), rgba(0, 0, 0, 60%), rgba(0, 0, 0, 20%));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0%), rgba(0, 0, 0, 60%), rgba(0, 0, 0, 20%));
        content: "";
        position: absolute
    }
}

.c-dph__reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1.6rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    margin-top: 2rem
}

@media screen and (min-width: 48em) {
    .c-dph__reviews--mobile {
        display: none
    }
}

.c-dph__reviews .c-reviews__stars {
    margin-bottom: .6rem
}

.c-dph__reviews .c-reviews__star-holder {
    font-size: 1rem
}

.c-dph__prijzenrad {
    display: flex;
    align-items: center;
    position: absolute;
    top: 3rem;
    bottom: auto;
    left: auto;
    right: 3rem;
    z-index: 100
}

@media screen and (max-width: 47.999em) {
    .c-dph__prijzenrad {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin-top: -.6rem
    }
    .c-dph__prijzenrad--desktop {
        display: none
    }
}

@media screen and (min-width: 48em) {
    .c-dph__prijzenrad--mobile {
        display: none
    }
}

.c-dph__prijzenrad__rad {
    width: 20rem;
    height: 20rem;
    position: absolute
}

@media screen and (min-width: 48em) {
    .c-dph__prijzenrad__rad {
        margin: auto;
        top: 0;
        bottom: 0
    }
}

@media screen and (max-width: 47.999em) {
    .c-dph__prijzenrad__rad {
        width: 9rem;
        height: 9rem
    }
}

.c-dph__prijzenrad__rad>.c-wheel__container {
    width: 100%;
    height: 100%
}

.c-dph__prijzenrad__rad .c-wheel__canvas,
.c-dph__prijzenrad__rad .c-wheel__overlay-container {
    width: 100%;
    height: 100%
}

.c-dph__prijzenrad__rad .c-wheel__overlay-button {
    transform: scale(.4)
}

.c-dph__prijzenrad__text {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 48em) {
    .c-dph__prijzenrad__text {
        width: auto;
        padding-left: 10rem
    }
}

.c-dph__prijzenrad__row {
    max-width: 45rem;
    border-radius: 1rem;
    background: #fff;
    line-height: 1.4;
    color: #454545;
    position: relative;
    padding: 1.2rem 2.4rem 1.2rem 12rem
}

@media screen and (max-width: 47.999em) {
    .c-dph__prijzenrad__row {
        width: 100%;
        max-width: none;
        border-radius: 0 0 1rem 1rem;
        font-size: calc(1.2rem + .1vw)
    }
}

.c-dph__prijzenrad__row:first-child:not(:last-child) {
    border-radius: 1rem 1rem 0 0
}

@media screen and (max-width: 47.999em) {
    .c-dph__prijzenrad__row:first-child:not(:last-child) {
        border-radius: 0
    }
}

.c-dph__prijzenrad__row:last-child:not(:first-child) {
    border-radius: 0 0 1rem 1rem
}

.c-dph__prijzenrad__row:not(:first-child, :last-child) {
    border-radius: 0
}

.c-dph__prijzenrad__row--dark {
    background: #454545;
    color: #fff
}

@media screen and (max-width: 47.999em) {
    .c-dph__prijzenrad__row--dark {
        font-size: calc(1rem + .1vw)
    }
}

.c-dph__prijzenrad__price-image {
    width: 10rem;
    height: 7rem;
    object-fit: contain;
    font-family: "object-fit: contain";
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: calc(100% - 10rem);
    z-index: 100
}

@media screen and (max-width: 47.999em) {
    .c-dph__prijzenrad__price-image {
        width: 8rem;
        height: 5rem;
        top: -2.5rem
    }
}

.c-dph__prijzenrad__title {
    font-size: calc(1.4rem + .1vw);
    text-transform: uppercase
}

.c-dph__prijzenrad__title strong {
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900
}

@media screen and (max-width: 47.999em) {
    [class*=homepage__postcodetabs] .c-dph__prijzenrad__row:first-child:not(:last-child) {
        border-radius: 0 1rem 0 0
    }
    [class*=homepage__postcodetabs] .c-dph__prijzenrad__row:last-child:not(:first-child) {
        border-radius: 0
    }
    [class*=homepage__postcodetabs] .c-dph__prijzenrad__row:first-child {
        padding-top: 2.6rem;
        padding-right: 2.6rem
    }
    .c-tabs__tab-content--round[class*=--home] {
        border-radius: 0 1rem 1rem
    }
    .c-tabs__tab-content--prijzenrad {
        border-radius: 0 0 1rem 1rem !important
    }
    .c-dph__prijzenrad__rad {
        top: 1rem;
        left: 1.5rem
    }
}

.c-wheel__holder {
    opacity: 0;
    position: relative
}

@media screen and (max-width: 100em) {
    .c-wheel__holder {
        width: 100%;
        max-width: 450px;
        height: 100%;
        margin: auto
    }
    .c-wheel__holder:before {
        display: block;
        padding-top: 100%;
        content: ""
    }
}

.c-wheel__container {
    width: 100%;
    max-width: 450px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .8s ease-in-out, opacity .6s ease-in-out
}

@media screen and (max-width: 63.999em) {
    .c-wheel__container {
        width: 100%;
        height: 100%
    }
}

.c-wheel__container:first-child {
    z-index: 16
}

.c-wheel__container:first-child.switch {
    opacity: 0;
    transform: rotateY(-180deg)
}

.c-wheel__container:last-child:not(:first-child) {
    opacity: 0;
    z-index: 15;
    transform: rotateY(180deg)
}

.c-wheel__container:last-child:not(:first-child).switch {
    opacity: 1;
    transform: rotateY(0)
}

.c-wheel__canvas {
    width: 100%;
    height: 100%
}

.c-wheel__canvas--img-rotate {
    animation: rotateWheelOnHomepage 40s infinite forwards linear
}

.c-wheel__overlay-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.c-wheel__flipper {
    display: block;
    width: 4px;
    height: 2.4rem;
    margin: auto;
    background: #dacfcf;
    position: absolute;
    top: -8px;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: 0
}

.c-wheel__flipper:after {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9a9a9a;
    content: "";
    position: relative;
    left: -2px
}

.c-wheel__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin: auto;
    border-radius: 50%;
    background: #ededed;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.c-wheel__dot:after {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #808080;
    content: "";
    position: relative;
    z-index: 1
}

.c-wheel__fade {
    width: 40rem;
    max-width: 100%;
    height: 40rem;
    max-height: 100%;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 30%) 10%, rgba(255, 255, 255, 0%) 50%);
    position: absolute;
    z-index: 0
}

.c-wheel__star {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    animation: staranimatie 50s linear infinite
}

.c-wheel__star>img {
    width: 100%;
    height: 100%
}

.c-wheel__overview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    box-shadow: 1px 1px 2px #0000001a;
    background: #fff;
    position: relative;
    top: 0;
    z-index: 100
}

@media screen and (max-width: 47.999em) {
    .c-wheel__overview {
        position: relative
    }
}

.c-wheel__overview__parent {
    position: relative
}

.c-wheel__overview__initial.s-hidden {
    display: none
}

@media screen and (min-width: 48em) {
    .c-wheel__overview.is-active {
        width: calc(200% + 4.8rem)
    }
}

.c-wheel__overview.has-before:before {
    width: 0;
    height: 0;
    margin: auto;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    transform: rotate(45deg)
}

@media screen and (min-width: 48em) {
    .c-wheel__overview.has-before:before {
        left: auto;
        right: -30px;
        transform-origin: top left;
        border-right: 30px solid white;
        border-bottom: 30px solid transparent
    }
}

@media screen and (max-width: 47.999em) {
    .c-wheel__overview.has-before:before {
        top: -20px;
        left: -10px;
        transform-origin: bottom left;
        border-top: 20px solid white;
        border-right: 20px solid transparent
    }
}

.c-wheel__scene-container {
    display: flex;
    width: 100%;
    color: #454545
}

.c-wheel__scene-container:not(:empty) {
    padding: 2.5rem
}

@media screen and (min-width: 48em) {
    .c-wheel__scene-container:not(:empty) {
        min-height: 45rem;
        padding: 5rem 4rem
    }
}

.c-wheel__error {
    background: #fff !important
}

.c-wheel__error {
    opacity: 0;
    width: 100%;
    text-align: center;
    transition: none
}

.c-wheel__scene {
    width: 100%
}

.c-wheel__scene--center {
    align-self: center
}

.c-wheel__scene__twodiv-holder {
    display: flex;
    width: 100%;
    z-index: 10
}

@media screen and (max-width: 47.999em) {
    .c-wheel__scene__twodiv-holder {
        flex-direction: column
    }
    .c-wheel__scene--6:first-child {
        padding-bottom: 4.8rem;
        border-bottom: 1px solid #d5d5d5
    }
}

.c-wheel__scene--6:last-child {
    width: 100%
}

@media screen and (min-width: 48em) {
    .c-wheel__scene--6:last-child {
        margin-left: 4.8rem
    }
}

@media screen and (max-width: 47.999em) {
    .c-wheel__scene--6:last-child {
        margin-top: 4.8rem
    }
}

.c-wheel-scene {
    width: 100%
}

.c-wheel-scene__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

@supports (display:grid) {
    .c-wheel-scene__grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
        gap: 2rem;
        align-items: stretch
    }
    @media screen and (max-width: 47.999em) {
        .c-wheel-scene__grid {
            grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr))
        }
    }
}

.c-wheel-scene__grid--extragrid {
    grid-template-columns: 1fr 2rem 1fr;
    grid-gap: 1rem
}

.c-wheel-scene__grid--extragrid>[class*=__item]:not([class*="arrow"]) {
    width: calc(50% - 20px);
    height: 0;
    padding-top: 1rem
}

.c-wheel-scene__grid--extragrid>[class*=__item--text] {
    height: 100% !important;
    padding-top: 1rem !important
}

.c-wheel-scene__grid--single {
    max-width: 30rem;
    margin-right: auto;
    margin-left: auto
}

.c-wheel-scene__grid--single>[class*=item] {
    width: 100%;
    height: 13rem
}

@supports (display:grid) {
    .c-wheel-scene__grid--single>[class*=item] {
        width: auto;
        height: auto
    }
}

.c-wheel-scene__item {
    padding-top: 20.25% !important
}

.c-wheel-scene__item {
    overflow: hidden;
    width: calc(100% / 3 - 1rem);
    height: 0;
    background: black;
    position: relative;
    margin-left: 1rem
}

.c-wheel-scene__item:nth-child(3n+1) {
    margin-left: 0
}

.c-wheel-scene__item:nth-child(n+4) {
    margin-top: 1rem
}

@supports (display:grid) {
    .c-wheel-scene__item {
        width: auto !important;
        margin: 0 !important;
        padding-top: 56.25% !important
    }
}

.c-wheel-scene__item__elem {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-wheel-scene__item__elem--fit {
    object-fit: contain;
    font-family: "object-fit: contain"
}

.c-wheel-scene__item__elem--rotate {
    transform: rotate(-90deg)
}

.c-wheel-scene__item--arrow {
    width: 20px;
    height: 100%;
    height: 20px;
    padding: 0;
    background: transparent;
    color: #000
}

@supports (display:grid) {
    .c-wheel-scene__item--arrow {
        width: auto;
        height: auto
    }
}

.c-wheel-scene__item--text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1rem;
    font-size: 14px;
    line-height: 1.2;
    text-align: center
}

@supports (display:grid) {
    .c-wheel-scene__item--text {
        height: 100%;
        padding-top: 1rem
    }
}

.c-wheel-scene__item--text>* {
    position: relative
}

.c-wheel-scene__item--text--unknown {
    border: 2px dashed #dadada;
    background: transparent;
    color: #dadada
}

.c-wheel-scene__steps {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 9px;
    position: absolute;
    top: -1.6rem;
    right: 0
}

@media screen and (min-width: 48em) {
    .c-wheel-scene__steps {
        height: 5rem;
        font-size: 14px;
        top: -5rem;
        padding-top: .8rem
    }
}

.form__fakebox .c-wheel-scene__form-end--gray {
    background: #e6e6e6
}

.c-wheel-scene__form-end__sub {
    display: none;
    margin-top: 0;
    padding: 2.4rem 1.8rem;
    background: #f2f2f2
}

.c-wheel-scene__content {
    text-align: center
}

@media screen and (max-width: 47.999em) {
    .c-wheel-scene__content>button.btn {
        width: 100%
    }
}

.c-wheel-scene__title {
    font-size: calc(2rem + .1vw)
}

.c-wheel-scene__bullets {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 3rem
}

.c-wheel-scene__bullets__item {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #008952;
    animation: bulletAnimation 1s 0s infinite forwards ease-in-out
}

.c-wheel-scene__bullets__item+.c-wheel-scene__bullets__item {
    margin-left: 1rem
}

.c-wheel-scene__bullets__item:nth-child(2) {
    animation-delay: 1.2s
}

.c-wheel-scene__bullets__item:nth-child(3) {
    animation-delay: 2.4s
}

.c-groteprijs__item {
    display: flex;
    align-items: center;
    padding: 1.2rem 0 1.2rem 2.4rem;
    background: #fff;
    color: #454545;
    position: relative
}

.c-groteprijs__item--small {
    padding: 1.2rem 0
}

.c-groteprijs__item--extra-margin {
    margin-top: 4.8rem
}

.c-groteprijs__tekst {
    width: calc(100% - 150px)
}

[class*=groteprijs__item--small] .c-groteprijs__tekst {
    width: calc(100% - 110px)
}

.c-groteprijs__image {
    width: 150px
}

.c-groteprijs__image img {
    width: 100%
}

[class*=groteprijs__item--small] .c-groteprijs__image {
    width: 110px
}

.c-groteprijs__image>* {
    margin-top: -3.6rem
}

[class*=groteprijs__item--small] .c-groteprijs__image>* {
    margin-top: 0
}

.c-groteprijs__plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin: auto;
    border-radius: 50%;
    background: white;
    content: "";
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0
}

.c-wheel__overlay-button {
    z-index: 1
}

.c-tabs__container {
    --radius: 5px;
    --side-padding: 4rem;
    display: flex
}

.c-tabs__container .c-tabs__content {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.c-tabs__container .c-tabs__content .c-tabs__tab-item {
    --margin-left-not-first: calc(var(--radius) * -2);
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    height: 5.8rem;
    outline: 0;
    border: 0;
    border-radius: var(--radius) var(--radius) 0 0;
    padding: 1rem var(--side-padding);
    background: buttonface;
    font-family: var(--font-button-family);
    font-weight: var(--font-button-weight);
    font-size: 1.8rem;
    color: buttontext;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition: background .2s ease, filter .2s ease
}

.c-tabs__container .c-tabs__content .c-tabs__tab-item svg {
    display: none
}

.c-tabs__container .c-tabs__content .c-tabs__tab-item:not(.is-active):hover {
    filter: brightness(.95)
}

.c-tabs__container .c-tabs__content .c-tabs__tab-item.is-active {
    background: #fff;
    z-index: 1
}

.c-tabs__tab-content {
    border-radius: 0 5px 5px;
    padding: 3.6rem 2rem;
    box-shadow: 4px 12px 50px #00000026;
    background: #fff
}

.c-tabs__tab-content .rte--center {
    margin-block-start: 2rem
}

@media (min-width: 48em) {
    .c-tabs__tab-content {
        padding-inline: 4rem
    }
}

#cookie-msg {
    display: none;
    width: 50%;
    min-width: 300px;
    padding: 1rem 5.5rem 1rem 1rem;
    box-shadow: 0 1px 6px #0000004d;
    background: #fff;
    font-size: 1.25rem;
    line-height: 1.2em;
    text-align: center;
    position: fixed;
    bottom: 1em;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%)
}

#cookie-msg a {
    text-decoration: underline
}

#cookie-msg button {
    background-color: #fff;
    color: #454545;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.c-badge__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    box-shadow: 0 3px 3px #00000026;
    background: #f1b700;
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: .9rem;
    color: #454545;
    transform: rotate(15deg)
}

[class*=image-holder] .c-badge__item {
    position: absolute;
    top: -.5rem;
    bottom: auto;
    left: auto;
    right: -1rem
}

@media screen and (min-width: 48em) {
    .c-badge__item {
        width: 5rem;
        height: 5rem;
        font-size: calc(1rem + .1vw)
    }
    [class*=image-holder] .c-badge__item {
        top: auto;
        bottom: -1.5rem;
        right: -1
    }
}

p.error,
.c-message__item {
    --font-size: 1.7rem;
    --surface: var(--message-default-surface);
    --contrast: var(--message-default-contrast);
    --border-color: var(--message-default-border-color);
    --image-size: min(14rem, 25vw);
    overflow: hidden;
    display: block;
    border: 1px solid var(--border-color);
    padding: 1.8rem;
    background: var(--surface);
    font-size: var(--font-size);
    line-height: 1.4;
    color: var(--contrast)
}

p.error,
.c-message__item.c-message--error {
    --surface: var(--message-error-surface);
    --contrast: var(--message-error-contrast);
    --border-color: var(--message-error-border-color)
}

.c-message__item.c-message--error {
    --border-color: transparent;
    border-width: 0
}

.c-product__description--fadeout {
    display: none;
    width: 90%;
    height: 2em;
    background-image: linear-gradient(rgba(255, 255, 255, 0%) 0, rgba(255, 255, 255, 100%) 100%);
    position: absolute;
    bottom: 0
}

.mfp-bg {
    overflow: hidden;
    opacity: .8;
    width: 100%;
    height: 100%;
    background: #0b0b0b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1042
}

.mfp-wrap {
    outline: none !important
}

.mfp-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1043
}

.mfp-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    position: relative;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    width: auto;
    color: #ccc;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 8px;
    right: 8px;
    z-index: 1044;
    margin-top: -.8em
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    outline: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
    touch-action: manipulation;
    cursor: pointer;
    z-index: 1046
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mfp-close {
    opacity: .65;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    width: 100%;
    color: #fff;
    text-align: right;
    right: -6px;
    padding-right: 6px
}

.mfp-counter {
    font-size: 12px;
    line-height: 18px;
    color: #ccc;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0
}

.mfp-arrow {
    opacity: .65;
    width: 90px;
    height: 110px;
    margin: -55px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    display: block;
    width: 0;
    height: 0;
    border: medium inset transparent;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 35px;
    margin-left: 35px
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 900px;
    line-height: 0
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px #0009;
    background: #000;
    position: absolute;
    top: 0;
    left: 0
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    pw-margin: 0 auto;
    margin: 40px 0;
    line-height: 0
    background: #fff;
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    display: block;
    width: auto;
    height: auto;
    box-shadow: 0 0 8px #0009;
    background: #444;
    content: "";
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    right: 0;
    z-index: -1
}

.mfp-figure small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #bdbdbd
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    width: 100%;
    cursor: auto;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -36px
}

.mfp-title {
    line-height: 18px;
    color: #f3f3f3;
    text-align: left;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, 60%);
        position: fixed;
        top: auto;
        bottom: 0
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px
    }
    .mfp-img-mobile .mfp-close {
        width: 35px;
        height: 35px;
        padding: 0;
        background: rgba(0, 0, 0, 60%);
        line-height: 35px;
        text-align: center;
        position: fixed;
        top: 0;
        right: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(.75)
    }
    .mfp-arrow-left {
        transform-origin: 0 0
    }
    .mfp-arrow-right {
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    opacity: 1;
    width: inherit;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: white;
    font-size: 44px;
    line-height: 4.5rem;
    color: var(--title-contrast);
    text-align: center;
    top: -10px;
    right: 0;
    padding-right: 0
}

.c-amount__indicator {
    -webkit-appearance: none;
    appearance: none;
    width: 10rem;
    min-width: 0;
    height: 10rem;
    margin: 0 1.5rem;
    border: 3px solid #d6d6d6;
    border-radius: 3rem;
    padding: 1rem;
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    color: #008952;
    text-align: center
}

.c-cart__product .c-amount__indicator {
    width: 7rem;
    height: 7rem;
    margin: 0 1rem;
    border-radius: 2rem;
    font-size: calc(2.4rem + .3vw)
}

.c-product__item .c-amount__indicator {
    opacity: 0;
    width: auto;
    height: auto;
    margin: 0 .5rem;
    border: 0;
    border-radius: .8rem;
    padding: 0;
    background: transparent;
    font-size: 15px;
    color: #fff
}

.c-product__item>input:checked~label .c-amount__indicator {
    opacity: 1
}

.c-amount__holder-buttons {
    opacity: 0;
    display: flex;
    pointer-events: none;
    position: absolute;
    top: .8rem;
    right: .8rem;
    z-index: 10;
    transition: opacity .3s ease
}

.c-amount__holder-buttons>*+* {
    margin-left: 1rem
}

.c-product__item input:checked+label .c-amount__holder-buttons {
    opacity: 1;
    pointer-events: auto;
    transition-delay: .2s
}

.c-amount__button {
    padding: 0 !important
}

.c-amount__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    position: relative;
    transition: all .2s ease-in-out
}

@media screen and (max-width: 47.999em) {
    .c-amount__button {
        outline: none
    }
}

.c-cart__product .c-amount__button {
    width: 7rem;
    height: 7rem
}

.c-product__item .c-amount__button {
    overflow: visible;
    width: 4rem;
    height: 4rem
}

.c-product__item .c-amount__button:before {
    width: calc(100% + 2rem);
    height: calc(100% + 1rem);
    margin: auto;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    left: -1rem;
    right: 0;
    z-index: 1
}

.c-product__item .c-amount__button[data-amount-property=minus] {
    border: 3px solid #ededed;
    background: #fff
}

.c-product__item .c-amount__button[disabled] {
    opacity: 0
}

.c-product__item .c-amount__button>.l-icon {
    width: 1.5rem;
    height: 1.5rem
}

.c-amount__button[disabled] {
    opacity: .3;
    transform: scale(.95)
}

.c-amount__button>.l-icon {
    position: relative;
    z-index: 10
}

.c-ripple {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0
}

.c-ripple__circle {
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 50%);
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.c-ripple.is-active .c-ripple__circle {
    animation: a-ripple .25s ease-in
}

@keyframes a-ripple {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    to {
        opacity: 0;
        width: 200%;
        padding-bottom: 200%
    }
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    to {
        opacity: 0;
        width: 200%;
        padding-bottom: 200%
    }
}

.c-shoppingcart__aside {
    --spacing-top: 0;
    --padding-side: 3rem;
    --cart-height: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid #ced6e0;
    border-radius: 5px;
    background: #fff;
    font-family: var(--font-cart-family);
    color: var(--cart-base-contrast)
}

.c-shoppingcart__aside>*:not(:first-of-type) {
    border-block-start: 1px solid #ced6e0
}

.c-shoppingcart__aside .c-shoppingcart__header {
    padding: 3rem var(--padding-side)
}

.c-shoppingcart__aside .c-shoppingcart__products {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 1.5rem;
    gap: 1.5rem;
    padding: 2rem var(--padding-side) 2.5rem
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__row {
    --shift-padding: .6rem;
    display: flex;
    column-gap: 2rem;
    align-items: start;
    font-size: 1.8rem
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__col>* {
    margin-block: 0
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__col>*+* {
    margin-block-start: .4rem
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__col:empty {
    display: none
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__col:first-child {
    flex-grow: 1
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__col:last-child {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: .4rem;
    align-items: flex-end;
    justify-content: space-between
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__extras {
    opacity: .5;
    font-size: 1.3rem;
    color: #57606f
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__combined-price {
    font-weight: bolder;
    color: var(--title-contrast)
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__combined-price .c-shoppingcart__item__edit {
    margin-inline-end: 1rem
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item .c-shoppingcart__item__combined-price .c-shoppingcart__item__edit .l-icon {
    width: 1.6rem;
    height: 1.6rem
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item.c-shoppingcart__item--actie,
.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item.plastic_bag_costs_row {
    display: none
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item:not([class="c-shoppingcart__item"], [class="c-shoppingcart__item is-added"]) {
    padding-block-start: 2rem;
    position: relative
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item:not([class="c-shoppingcart__item"], [class="c-shoppingcart__item is-added"]):before {
    display: block;
    width: calc(100% + (var(--padding-side) * 2));
    height: 1px;
    background-color: #ced6e0;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item:not([class="c-shoppingcart__item"], [class="c-shoppingcart__item is-added"]) .c-shoppingcart__item__row {
    align-items: center
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item:not([class="c-shoppingcart__item"], [class="c-shoppingcart__item is-added"]).points_in_row .c-shoppingcart__item__col:last-child {
    display: none
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item:not([class="c-shoppingcart__item"], [class="c-shoppingcart__item is-added"]).points_in_row .c-shoppingcart__item__name {
    gap: 1.5rem
}

.c-shoppingcart__aside .c-shoppingcart__products .c-shoppingcart__item:not([class="c-shoppingcart__item"], [class="c-shoppingcart__item is-added"]).points_in_row .c-shoppingcart__item__name span {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1.6rem;
    align-items: baseline
}

.c-shoppingcart__aside .c-shoppingcart__footer,
.c-shoppingcart__aside .c-shoppingcart__footer__disclaimer {
    padding-inline: var(--padding-side);
    background: var(--cart-footer-surface)
}

.c-shoppingcart__aside .c-shoppingcart__footer {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-block: 3rem
}

.c-shoppingcart__aside .c-shoppingcart__footer .c-shoppingcart__footer__total-price {
    display: flex;
    flex-direction: column
}

.c-shoppingcart__aside .c-shoppingcart__footer .c-shoppingcart__footer__total-price p {
    margin: 0;
    font-size: 80%
}

.c-shoppingcart__aside .c-shoppingcart__footer .c-shoppingcart__footer__total-price span {
    font-weight: bolder;
    font-size: 3rem;
    line-height: 1.1
}

@media (min-width: 48em) {
    .c-shoppingcart__aside .c-shoppingcart__footer {
        position: sticky;
        bottom: 0;
        z-index: 1
    }
}

.c-shoppingcart__aside .c-shoppingcart__footer__disclaimer {
    padding-block-end: 3rem;
    font-size: 1.2rem;
    line-height: 1.15
}

.c-shoppingcart__aside .c-shoppingcart__footer__disclaimer p {
    margin: 0
}

.c-bevestiging__floating-container .c-shoppingcart__aside {
    position: static
}

@media (max-width: 48em) {
    .c-shoppingcart__aside {
        max-width: 100vw;
        background: #fff;
        position: sticky;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100
    }
}

@media (min-width: 48em) {
    .c-shoppingcart__aside {
        --spacing-top: 10rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - var(--spacing-top) - 100px) /* -100px is footer */;
        position: sticky;
        top: var(--spacing-top)
    }
}

.c-shoppingcart__item[\:has\(\:not\(.c-upselling__container--shop-shoppingcart\%20*\)\)] {
    display: none
}

.c-shoppingcart__item:has(:not(.c-upselling__container--shop-shoppingcart *)) {
    display: none
}

@media screen and (min-width: 64em) {
    .c-cart-mobile__floating-bar {
        display: none !important
    }
}

.c-cart-mobile__order-overview {
    display: flex;
    flex: 1 0 auto;
    flex-flow: column nowrap;
    justify-content: center;
    line-height: 1.4;
    position: relative;
    margin-right: 2rem;
    padding-right: 2rem
}

.c-cart-mobile__order-overview--align-right {
    align-items: flex-end;
    margin-right: 0;
    margin-left: 1rem
}

@media screen and (max-width: 21.999em) {
    .c-cart-mobile__order-overview {
        margin-right: 1rem
    }
}

.c-cart-mobile__line {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 4px;
    height: 110%;
    position: absolute;
    right: 0
}

.c-cart-mobile__line__dot {
    opacity: .25;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #707070
}

@media screen and (max-width: 21.999em) {
    .c-cart-mobile__line__dot:nth-child(n+7) {
        display: none
    }
}

.c-cart-mobile__combined-price {
    font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: calc(2.4rem + .3vw)
}

@media screen and (max-width: 21.999em) {
    .c-cart-mobile__combined-price {
        font-size: calc(2rem + .1vw)
    }
}

.c-cart-mobile__order-amount {
    font-size: calc(1.4rem + .1vw)
}

.c-cart-mobile__hint-tab {
    display: none
}

@media screen and (max-width: 63.999em) {
    .c-cart-mobile__hint-tab {
        display: block;
        border-radius: 0 4rem 0 0;
        padding: .6rem 2rem 0;
        box-shadow: 0 -5px 10px #0000001a;
        background: #fff;
        font-size: 1rem;
        line-height: 1;
        color: #454545;
        position: absolute;
        top: auto;
        bottom: 100%;
        left: 0;
        right: auto
    }
}

@media screen and (max-width: 47.999em) {
    .c-cart-mobile__floating-bar .c-floatingpanel__col {
        margin-bottom: calc(env(safe-area-inset-bottom)/2)
    }
    .c-cart-mobile__hint-tab {
        margin-left: env(safe-area-inset-left)
    }
    .c-floatingpanel__item.c-cart-mobile__floating-bar>:first-child {
        padding-left: env(safe-area-inset-left)
    }
    .c-floatingpanel__item.c-cart-mobile__floating-bar>:last-child {
        padding-right: env(safe-area-inset-right)
    }
    .c-cart-mobile__order-amount,
    .c-cart-mobile__combined-price {
        text-align: center
    }
}

.social,
.social li {
    margin: 0;
    padding: 0;
    list-style: none
}

.social {
    display: flex;
    width: 100%;
    margin-top: 1rem
}

.social li+li {
    margin-left: 1rem
}

.social a {
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #fff0 url(https://d2zv6vzmaqao5e.cloudfront.net/css/foodticket/clients/foodticket-v2/svg/_cms4_facebook-logo.svg) center center no-repeat;
    background-size: 40px;
    text-indent: -200px
}

.social a[target=twitter] {
    background-image: url(https://d2zv6vzmaqao5e.cloudfront.net/css/foodticket/clients/foodticket-v2/svg/_cms4_twitter-logo.svg)
}

.social a[target=instagram] {
    background-image: url(https://d2zv6vzmaqao5e.cloudfront.net/css/foodticket/clients/foodticket-v2/svg/_cms4_instagram-logo.svg)
}

@media screen and (max-width: 47.999em) {
    .c-pageheader__content .social {
        justify-content: center
    }
    .c-pageheader__content .social a {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        background-size: 22px
    }
}

#app-info img {
    max-width: 200px !important
}

.c-reviews__in-header {
    display: flex;
    gap: 1rem;
    align-items: center
}

.c-reviews__stars {
    display: flex;
    gap: .5rem;
    align-items: center;
    position: relative;
    top: -1px
}

.c-reviews__stars .c-reviews__star-holder {
    display: flex;
    width: 2rem
}

.c-reviews__stars .c-reviews__staricon {
    width: 2rem;
    height: 2rem;
    color: #ced6e0;
    fill: #ced6e0
}

.c-reviews__stars .c-reviews__staricon.s-active {
    color: #f9b403;
    fill: #f9b403
}

.c-reviews__stars .c-reviews__staricon--half {
    width: 50%
}

.c-reviews__stars .c-reviews__staricon--flip {
    transform: scaleX(-1)
}

.c-reviews__stars--large .c-reviews__star-holder {
    width: 3rem
}

.c-reviews__stars--large .c-reviews__staricon {
    width: 3rem;
    height: 3rem
}

.c-reviews__stars--large .c-reviews__startext {
    margin-left: 1rem;
    font-size: clamp(3rem, 4.2vw, 4.2rem);
    line-height: 1
}

.c-reviews__item {
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    max-height: 30rem;
    border: 1px solid #ced6e0;
    border-radius: 5px;
    padding: var(--m-base);
    background: #fff;
    position: relative
}

.c-reviews__item>*+* {
    margin-block-start: 0
}

.c-reviews__item+.c-reviews__item,
.c-reviews__more {
    margin-block-start: 2rem
}

.c-review-progress__container {
    display: flex;
    flex-direction: column
}

.c-review-progress__item {
    display: flex;
    align-items: center
}

.c-review-progress__item span {
    width: 11px
}

.c-review-progress__item>*+* {
    margin-left: 1.2rem
}

.c-review-progress__item+.c-review-progress__item {
    margin-top: .3rem
}

.c-review-progress__text {
    flex: 1
}

.c-review-progress__star,
.c-review-progress__star.l-icon {
    flex: 0 0 auto;
    width: 1.5rem;
    height: 1.5rem;
    color: #f1b700
}

.c-review-progress__bar {
    width: 100%;
    height: 4px;
    background: #ededed
}

.c-review-progress__bar:after {
    display: block;
    width: 10%;
    height: 100%;
    background: #008952;
    content: ""
}

.gldp-flatwhite {
    box-shadow: 1px 1px 1px 1px #0000001a;
    background: white;
    font-family: helvetica;
    position: absolute
}

.gldp-flatwhite .core {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 14px;
    color: #222;
    text-align: center;
    cursor: pointer;
    position: relative
}

.gldp-flatwhite .border {
    border-width: 0;
    border-style: solid;
    border-color: #fff
}

.gldp-flatwhite .monyear,
.gldp-flatwhite .monyear select {
    font-size: 16px !important
}

.gldp-flatwhite .monyear,
.gldp-flatwhite .monyear select {
    background: #eee;
    font-weight: 700
}

.gldp-flatwhite .monyear span {
    margin: 0 5px
}

.gldp-flatwhite .prev-arrow,
.gldp-flatwhite .next-arrow {
    color: #666;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 75%)
}

.gldp-flatwhite .prev-arrow:active,
.gldp-flatwhite .next-arrow:active {
    color: #000
}

.gldp-flatwhite .prev-arrow-off,
.gldp-flatwhite .next-arrow-off {
    opacity: .15;
    color: #000
}

.gldp-flatwhite .dow {
    cursor: wait !important
}

.gldp-flatwhite .dow {
    background: #eee;
    font-weight: 700;
    color: #222
}

.gldp-flatwhite .mon,
.gldp-flatwhite .tue,
.gldp-flatwhite .wed,
.gldp-flatwhite .thu,
.gldp-flatwhite .fri {
    font-weight: 700
}

.gldp-flatwhite .sat,
.gldp-flatwhite .sun {
    font-weight: 700;
    color: #888
}

.gldp-flatwhite .outday {
    color: #aaa !important
}

.gldp-flatwhite .mon:hover,
.gldp-flatwhite .tue:hover,
.gldp-flatwhite .wed:hover,
.gldp-flatwhite .thu:hover,
.gldp-flatwhite .fri:hover,
.gldp-flatwhite .sat:hover,
.gldp-flatwhite .sun:hover {
    background: #eee
}

.gldp-flatwhite .noday {
    cursor: wait !important
}

.gldp-flatwhite .noday {
    background: #ddd;
    font-weight: 400;
    color: #bbb
}

.gldp-flatwhite .selected {
    border-color: #888;
    background: #aaa;
    font-weight: 700;
    color: #fff
}

.gldp-flatwhite .today {
    border-color: #000;
    background: #222;
    font-weight: 700;
    color: #fff
}

.gldp-flatwhite .special {
    border-color: #444;
    background: #666;
    font-weight: 700;
    color: #fff
}

.l-col--1-1[\:has\(.c-spaarpunten__flex-parent\)] {
    display: grid;
    grid-column: 1 / -1;
    gap: 15px
}

.l-col--1-1:has(.c-spaarpunten__flex-parent) {
    display: grid;
    grid-column: 1 / -1;
    gap: 15px
}

@media (min-width: 48em) {
    .l-col--1-1[\:has\(.c-spaarpunten__flex-parent\)] {
        grid-template-columns: 1fr 1fr 1fr
    }
    .l-col--1-1:has(.c-spaarpunten__flex-parent) {
        grid-template-columns: 1fr 1fr 1fr
    }
    .l-col--1-1[\:has\(.c-spaarpunten__flex-parent\)] h1,
    .l-col--1-1[\:has\(.c-spaarpunten__flex-parent\)] h3 {
        grid-column: 1 / 3
    }
    .l-col--1-1:has(.c-spaarpunten__flex-parent) h1,
    .l-col--1-1:has(.c-spaarpunten__flex-parent) h3 {
        grid-column: 1 / 3
    }
    .l-col--1-1[\:has\(.c-spaarpunten__flex-parent\)] .c-spaarpunten__flex-parent {
        grid-row: 1 / 3;
        grid-column: 3 / 4
    }
    .l-col--1-1:has(.c-spaarpunten__flex-parent) .c-spaarpunten__flex-parent {
        grid-row: 1 / 3;
        grid-column: 3 / 4
    }
}

.c-spaarpunten__item {
    display: flex;
    gap: 15px
}

.c-spaarpunten__item .c-spaarpunten__divider {
    display: none
}

.c-categorie__col--spaarpunten {
    display: none !important
}

.c-categorie__container+.l-container {
    margin-block-start: 0 !important
}

.form-error {
    margin-block-start: 6px;
    font-size: 12px;
    color: #d63031
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(175px, 1fr));
    row-gap: var(--grid-row-gap);
    column-gap: var(--grid-column-gap)
}

@media (max-width: 48em) {
    .form-grid {
        grid-template-columns: minmax(0, 1fr)
    }
    .form-grid.auto {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))
    }
}

fieldset {
    --padding: 3rem;
    --radius: 5px;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border: 1px solid #ced6e0;
    border-radius: var(--radius);
    padding: 0
}

fieldset legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: left;
    width: 100%;
    border-radius: var(--radius) var(--radius) 0 0;
    padding: calc(var(--padding) * .65) var(--padding);
    background: #f7f7fa;
    font-weight: 700;
    font-size: 2.2rem
}

fieldset .legend-slotted {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: 1.4rem
}

fieldset .form-content {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    padding: var(--padding) var(--padding) calc(var(--padding) * 1.25);
    clear: left
}

fieldset .l-icon {
    margin-inline-end: 1.6rem;
    color: var(--primary-surface)
}

.form__input__combine-field__item.error {
    background-color: #fdd !important;
    color: red !important
}

.form__input__combine-field__container {
    display: flex;
    gap: 2rem
}

.form__input__combine-field__container .form__input__combine-field__border,
.form__input__combine-field__container [data-lastpass-icon-root] {
    display: none
}

.form__input__combine-field__container.c-shopzoekdata__col>* {
    margin-block-start: 0
}

.form__input__combine-field__container.c-shopzoekdata__col input {
    flex-grow: 1
}

.form__input__combine-field__container.c-shopzoekdata__col input[placeholder*=Huisnummer] {
    max-width: 11rem !important
}

.form__label+.form__input__combine-field__container {
    margin-block-start: 2rem
}

@media (max-width: 48em) {
    .form__input__combine-field__container {
        gap: 2rem 1.5rem
    }
}

.c-shopzoekdata__holder {
    display: flex;
    gap: 2rem
}

.c-shopzoekdata__holder input:not([type="checkbox"], [type="radio"]) {
    --height: 6rem
}

.c-shopzoekdata__holder .btn {
    --btn-size: 6rem;
    --gap: 1.4rem;
    padding-inline-start: calc(var(--btn-size) / 3);
    padding-inline-end: calc(var(--btn-size) / 3);
    font-size: 1.8rem;
    text-transform: uppercase
}

.c-shopzoekdata__holder .btn svg {
    display: none
}

@media (max-width: 48em) {
    .c-shopzoekdata__holder {
        flex-direction: column
    }
    .c-shopzoekdata__holder .btn {
        width: 100%
    }
}

@media (min-width: 48em) {
    .c-shopzoekdata__holder {
        align-items: flex-end
    }
}

.form__parent>*+*,
.form__group>*+* {
    margin-block-start: 3rem
}

.form__parent>h3+*,
.form__parent>h3+input+*,
.form__group>h3+*,
.form__group>h3+input+* {
    margin-block-start: 1rem
}

.form__row.form__row--split {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between
}

.form__row.form__row--split:not([class*="autohandle"])>* {
    width: 48%
}

.c-shop__filters .form__row {
    margin-block-start: 0
}

.form__combine-button {
    display: flex;
    position: relative
}

.form__combine-button button {
    margin-block-start: 0;
    border: 0;
    background-color: transparent;
    color: #2d3436;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.form__combine-button button .l-icon {
    width: 1.9rem !important;
    height: 1.9rem !important
}

.form__label {
    display: block;
    width: 100%;
    pw-margin-block-end: 4px;
    font-family: var(--font-input-label-family);
    font-weight: var(--font-input-label-weight);
    font-size: 1.8rem;
    color: hsl(var(--c-body));
    transition: .2s all
}

[disabled]+label {
    cursor: default !important
}

[disabled]+label {
    opacity: .5
}

.form__actiecode {
    background-repeat: no-repeat;
    background-position: 95% 50%
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

input:not([type="checkbox"], [type="radio"], .c-amount__indicator),
select,
textarea,
.btn__amount>*,
.cse-row iframe.js-iframe {
    margin: 0 !important
}

input:not([type="checkbox"], [type="radio"], .c-amount__indicator),
select,
textarea,
.btn__amount>*,
.cse-row iframe.js-iframe {
    --height: 5rem;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    outline: 0;
    border: 0;
    border-radius: 3px;
    padding: 10px 20px;
    box-shadow: 0 2px 1px var(--shadow-color);
    background-color: #f9f9fb;
    font-family: var(--font-input-family);
    font-size: 16px;
    color: #57606f;
    transition: box-shadow .2s ease
}

input:not([type="checkbox"], [type="radio"], .c-amount__indicator)::placeholder,
select::placeholder,
textarea::placeholder,
.btn__amount>*::placeholder,
.cse-row iframe.js-iframe::placeholder {
    color: #a0a5ae
}

input:not([type="checkbox"], [type="radio"]),
select,
.btn__amount>*,
.cse-row iframe.js-iframe {
    height: var(--height) !important
}

input:not([type="checkbox"], [type="radio"]),
select,
.btn__amount>*,
.cse-row iframe.js-iframe {
    display: flex;
    align-items: center
}

select {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpZD0iY2hldnJvbi1yaWdodF8xNF8iPjxwb2x5Z29uIHBvaW50cz0iMzksMTIuNyAzNC42LDguMyAyMCwyMi44IDUuNCw4LjMgMSwxMi43IDIwLDMxLjcgIi8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 10px 10px
}

select[style*="position: absolute"] {
    border-inline-end: 1px solid var(--shadow-color)
}

textarea {
    resize: vertical
}

.btn__amount {
    display: flex;
    flex-shrink: 0
}

.btn__amount>* {
    --height: 34px !important
}

.btn__amount .btn__amount__remove,
.btn__amount .btn__amount__add {
    justify-content: center;
    width: var(--height);
    padding: 0;
    cursor: pointer
}

.btn__amount .btn__amount__remove {
    border-radius: var(--height) 0 0 var(--height)
}

.btn__amount .btn__amount__indicator {
    width: auto;
    border-radius: 0;
    padding-inline: 10px;
    text-align: center
}

.btn__amount .btn__amount__add {
    border-radius: 0 var(--height) var(--height) 0
}

[name=date] {
    background-image: url"https://d2zv6vzmaqao5e.cloudfront.net/css/foodticket/gfx/calendar/1.png");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 30px
}

.form__fakebox {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.form__fakebox input[type=checkbox],
.form__fakebox input[type=radio] {
    opacity: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute
}

.form__fakebox input[type=checkbox]+label,
.form__fakebox input[type=radio]+label {
    display: inline-flex;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.form__fakebox input[type=checkbox]+label:before,
.form__fakebox input[type=radio]+label:before {
    display: inline-block;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin-inline-end: 1.5rem;
    border-width: 2px;
    border-style: solid;
    border-color: #dee5e8;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: relative;
    top: .5rem;
    transition: transform .2s, border .2s
}

.form__fakebox input[type=checkbox]+label>span,
.form__fakebox input[type=radio]+label>span {
    overflow: hidden;
    font-size: 1.8rem
}

.form__fakebox input[type=checkbox]+label .form__input__content,
.form__fakebox input[type=radio]+label .form__input__content {
    display: flex;
    flex-grow: 1;
    justify-content: space-between
}

.form__fakebox input[type=checkbox]+label .form__input__content .form__input__icon,
.form__fakebox input[type=radio]+label .form__input__content .form__input__icon {
    line-height: 1
}

.form__fakebox input[type=checkbox]+label .form__input__content__subtext,
.form__fakebox input[type=radio]+label .form__input__content__subtext {
    font-weight: 400;
    font-size: 1.2rem;
    font-style: italic
}
.form__input__content__payment_costs_text {
    font-weight: 400;
    font-size: 1.2rem !important;
    font-style: italic;
    width: 100%;
    display: none;
    padding-top: 0.5rem;
    text-align: right;
}

.form__fakebox input[type=checkbox]+label .payment__details,
.form__fakebox input[type=radio]+label .payment__details {
    display: none;
    width: 100%
}

.form__fakebox input[type=checkbox]+label .form__input--payment-option,
.form__fakebox input[type=radio]+label .form__input--payment-option {
    margin-block-start: 1.8rem !important
}

.form__fakebox input[type=checkbox]+label[for*=payment],
.form__fakebox input[type=radio]+label[for*=payment] {
    flex-wrap: wrap
}

.form__fakebox input[type=checkbox][type=checkbox]+label:before,
.form__fakebox input[type=radio][type=checkbox]+label:before {
    border-radius: 3px
}

.form__fakebox input[type=checkbox][type=checkbox]:active+label:before,
.form__fakebox input[type=radio][type=checkbox]:active+label:before {
    transition: transform .2s ease;
    transform: scale(.8)
}

.form__fakebox input[type=checkbox][type=checkbox]:focus+label:before,
.form__fakebox input[type=radio][type=checkbox]:focus+label:before {
    border-color: var(--body-contrast)
}

.form__fakebox input[type=checkbox][type=checkbox]:checked+label:before,
.form__fakebox input[type=radio][type=checkbox]:checked+label:before {
    border-color: var(--body-contrast);
    box-shadow: none;
    background-color: var(--body-contrast);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgdmlld0JveD0nMCAwIDEyIDEyJz48cG9seWxpbmUgcG9pbnRzPScxIDYuNSA0IDkuNSAxMSAyLjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInLz48L3N2Zz4=);
    background-size: 1.2rem
}

.form__fakebox input[type=checkbox][type=checkbox]:checked:active+label:before,
.form__fakebox input[type=radio][type=checkbox]:checked:active+label:before {
    border-color: var(--body-contrast);
    transition: none;
    transform: none
}

.form__fakebox input[type=checkbox][type=radio]+label:before,
.form__fakebox input[type=radio][type=radio]+label:before {
    border-radius: 50%
}

.form__fakebox input[type=checkbox][type=radio]:checked+label:before,
.form__fakebox input[type=radio][type=radio]:checked+label:before {
    border-color: var(--body-contrast);
    box-shadow: none;
    background: radial-gradient(var(--body-contrast) 40%, #fff 50%)
}

.form__fakebox:not(.form__fakebox--checkbox) {
    width: 100%;
    border: 1px solid #ced6e0;
    border-radius: 5px;
    padding: 0;
    background-color: #fff;
    transition: background .2s ease
}

.form__fakebox:not(.form__fakebox--checkbox) .form__fakebox__label {
    padding: 1.8rem 2.2rem
}

.select_tip_row ul,
.select_tip_row li {
    margin: 0;
    padding: 0;
    list-style: none
}

.select_tip_row ul {
    --grid-row-gap: 1.5rem;
    --grid-column-gap: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--grid-row-gap);
    column-gap: var(--grid-column-gap)
}

.select_tip_row ul li:not(:nth-last-child(2),
:last-child) span {
    overflow: hidden;
    margin-inline-start: .5rem;
    font-weight: 400;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select_tip_row ul li:not(:last-child) {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border: 1px solid #ced6e0;
    border-radius: 5px;
    padding: 1.8rem 2.2rem;
    font-weight: 700;
    font-size: 1.8rem;
    color: hsl(var(--c-body));
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease
}

.select_tip_row ul li:not(:last-child):before {
    display: inline-block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-inline-end: 1.5rem;
    border-width: 2px;
    border-style: solid;
    border-color: #dee5e8;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    transition: transform .2s, border .2s
}

.select_tip_row ul li:not(:last-child) br {
    display: none
}

.select_tip_row ul li:not(:last-child):hover {
    background: #f5f5f5
}

.select_tip_row ul li:not(:last-child):hover:before {
    border-color: hsl(var(--c-body))
}

.select_tip_row ul li:not(:last-child).selected {
    background-color: transparent
}

.select_tip_row ul li:not(:last-child).selected:before {
    border-color: var(--body-contrast);
    box-shadow: none;
    background: radial-gradient(var(--body-contrast) 40%, #fff 50%)
}

.select_tip_row ul li:last-child {
    display: none
}

.select_tip_row ul li:nth-last-child(2).selected+li {
    display: flex;
    align-items: center
}

.form__fakebox input.s-invalid~[class*=form__fakebox__validation] {
    display: block
}

.form__fakebox__validation {
    display: none;
    width: 100%;
    border-radius: 0 0 4px 4px;
    padding: 1rem 2rem;
    background: #f0932b;
    color: #fff
}

.c-product__added {
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: transparent;
    font-family: var(--font-base);
    color: transparent;
    pointer-events: none;
    position: absolute;
    top: .8rem;
    left: .8rem;
    right: auto;
    transition: all .5s .4s cubic-bezier(.19, .18, .03, 1.6);
    transform: scale(.5)
}

.c-product__added .l-icon {
    width: 2.2rem;
    height: 2.2rem
}

label .c-product__added {
    opacity: 1;
    visibility: visible;
    border: 4px solid rgba(0, 0, 0, 20%);
    border-radius: 10px;
    background: rgba(0, 0, 0, 1%);
    transition-delay: 0s;
    transform: scale(.75)
}

.s-incart .c-product__added,
input:checked+label .c-product__added {
    opacity: 1;
    visibility: inherit;
    border-color: transparent;
    border-radius: 50%;
    background: #008952;
    color: #fff;
    transform: scale(1)
}

.c-product__item[disabled] .c-product__added {
    opacity: 0
}

.form__group.error label:not([for^="box-all"]),
.form__row.error label:not([for^="box-all"]),
.form__group.error h4 {
    color: red !important
}

.form__group.error .form__fakebox__label:not([for^="box-all"]),
.form__row.error .form__fakebox__label:not([for^="box-all"]),
.form__group.error input:not(.c-amount__indicator),
.form__row.error input,
.form__group.error select,
.form__row.error select,
.form__row.error textarea,
[data-extraid].error .c-product__item {
    background-color: #fdd !important;
    color: red !important
}

.form__group.error .form__fakebox__label:not([for^="box-all"]),
.form__row.error .form__fakebox__label:not([for^="box-all"]),
.form__group.error input:not(.c-amount__indicator),
.form__row.error input,
.form__group.error select,
.form__row.error select,
.form__row.error textarea,
[data-extraid].error .c-product__item {
    border-color: red
}

.form__group.error label:not([for^="box-all"]) .form__fakebox__box,
.form__row.error label:not([for^="box-all"]) .form__fakebox__box {
    border-color: red
}

.c-shoppingcart__item__button-amount.error {
    box-shadow: 0 0 1px 1px red;
    background: #fdd
}

.c-header__container {
    --height: 7rem;
    max-width: 100vw;
    height: var(--height);
    background: #fff;
    z-index: var(--z-menu);
}

.c-header__container .l-content {
    display: grid;
    grid-template-areas: "actionbuttons logo languageselector";
    grid-template-rows: var(--height);
    grid-template-columns: minmax(0, 1fr) 10rem minmax(0, 1fr);
    column-gap: 2rem;
    height: 100%;
    padding-block-start: 0;
    padding-block-end: 0
}

@media (max-width: 47.99em) {
    .c-header__container .l-content {
        width: 100%;
        margin: 0
    }
	.c-header__container {
	    position: sticky !important;
	    top: 0;
	}
	.c-categorie__container[style*=fixed] {
	    top: 7rem !important;
	}
}

.c-header__container .c-header__logo {
    display: flex;
    grid-area: logo;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 10rem;
    height: 100%;
    pw-max-height: 100%;
    margin: auto
}

.c-header__container .c-header__logo img {
    max-width: 100%;
    max-height: 100%;
    padding: 1rem 0
}

@media (min-width: 48em) {
    .c-header__container {
        --height: 14rem
    }
    .c-header__container .l-content {
        grid-template-areas: "logo topnav" "logo mainnav";
        grid-template-rows: 5rem 9rem;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 4rem
    }
}

@media (min-width: 64em) {
    .c-header__container .c-header__logo {
        width: 100%;
        max-width: 20rem;
        height: 100%;
        margin: 0
    }
}

.c-headermob__navbar {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 6rem;
    z-index: 110
}

.c-headermob__navbar>* {
    flex: 1 1
}

.c-headermob__button {
    -webkit-appearance: none;
    appearance: none;
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: center;
    justify-items: center;
    height: 100%;
    outline: 0;
    border: 0;
    padding: 1.25rem .5rem;
    aspect-ratio: 1/1;
    background: transparent;
    font-family: var(--font-button-family), system-ui, sans-serif;
    font-weight: var(--font-button-weight);
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease
}

.c-headermob__button svg.l-icon {
    width: 1.8rem;
    height: 1.8rem;
    color: var(--primary-surface)
}

.c-headermob__col {
    display: flex
}

@media (min-width: 48em) {
    .c-headermob__col {
        grid-area: languageselector
    }
}

@media screen and (max-width: 63.999em) {
    .c-headermob__action {
        padding: .6rem;
        font-size: calc(1.2rem + .1vw)
    }
}

@media screen and (max-width: 47.999em) {
    .c-headermob__col>* {
        flex: 1;
        max-width: var(--max-width);
        height: 100%
    }
    .c-headermob__col>*:last-child,
    .c-headermob__col>*:first-child {
        flex: 0 0 auto;
        max-width: none
    }
    .c-headermob__col.c-header--mobile-justify-left {
        --max-width: calc(var(--height) * .8);
        display: flex;
        grid-area: actionbuttons;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        z-index: 0
    }
    .c-headermob__col.c-header--mobile-justify-left>* {
        padding-inline: calc(var(--m-grid) * .5)
    }
    .c-headermob__col.c-header--mobile-justify-left>*:first-child {
        padding-left: var(--m-grid)
    }
    .c-headermob__col.c-header--mobile-justify-right {
        display: flex;
        grid-area: languageselector;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        z-index: 0
    }
    .c-headermob__col.c-header--mobile-justify-right .c-language-flag__selected {
        padding: calc(var(--m-grid) * .5) var(--m-grid) !important;
        aspect-ratio: auto !important
    }
}

@media screen and (min-width: 48em) {
    .c-headermob__navbar {
        align-items: normal;
        height: auto;
        background: 0 0;
        -webkit-box-align: normal;
        -ms-flex-align: normal
    }
    .c-headermob__button {
        display: none
    }
    .c-headermob__col {
        grid-area: topnav;
        justify-self: flex-end;
        width: auto;
        height: 100%
    }
    .c-headermob__col--mobile-only {
        display: none
    }
}

.c-headermob__menu {
    display: flex;
    justify-content: flex-end;
    height: var(--buttonbar-height);
    max-height: 8rem;
    border-bottom: 1px solid rgba(0, 0, 0, 5%)
}

.c-headermob__text {
    display: none
}

.c-headermob__list {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.c-headermob__item {
    flex: 1;
    width: 100%;
    max-width: 6rem;
    height: 6rem;
    text-align: center;
    -webkit-box-flex: 1
}

@media screen and (min-width: 64em) {
    .c-headermob__menu,
    .c-headermob__text {
        display: none
    }
}

.c-headermob__item:nth-of-type(2) .c-headermob__button {
    background: #bfbfbf
}

.c-headermob__item:nth-of-type(3) .c-headermob__button {
    background: #b3b3b3
}

.c-nav__parent .c-nav__item.c-nav__link--active {
    color: var(--button-primary-surface) !important
}

@media (max-width: 64em) {
    .c-nav__parent {
        --buttonbar-height: var(--height);
        --side-padding: 3rem;
        width: 100%;
        max-width: 100vw;
        background: var(--gray-surface);
        color: var(--title-contrast);
        position: fixed;
        top: 0;
        bottom: 0;
        right: 100%;
        z-index: 110;
        transition: all .4s ease-in-out
    }
    .c-nav__parent .c-headermob__menu .c-headermob__item {
        height: 100%
    }
    .c-nav__parent .c-nav__list {
        margin: 0;
        padding: 2rem 0
    }
    .c-nav__parent .c-nav__list .c-nav__item {
        min-height: 6rem
    }
    .c-nav__parent .c-nav__list .c-nav__item .c-nav__link {
        display: flex;
        grid-gap: 2rem;
        gap: 2rem;
        align-items: center;
        padding: 1rem var(--side-padding);
        font-family: var(--font-nav-family);
        font-weight: var(--font-nav-weight);
        font-size: 2.4rem;
        text-decoration: none
    }
    .c-nav__parent.s-open {
        transform: translate(100%)
    }
}

@media (min-width: 48em) {
    .c-nav__parent {
        grid-area: mainnav;
        height: 100%
    }
    .c-nav__parent .c-nav__list {
        --space-between: 2rem;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        margin: 0;
        padding: 0;
        font-weight: var(--fw-bold);
        font-size: 2rem;
        list-style: none
    }
    .c-nav__parent .c-nav__list .c-nav__item {
        display: flex;
        align-items: center;
        height: 100%
    }
    .c-nav__parent .c-nav__list .c-nav__item .c-nav__link {
        display: flex;
        align-items: center;
        outline: 0;
        border: 0;
        padding: 1rem var(--space-between);
        color: inherit;
        text-decoration: none;
        white-space: nowrap
    }
    .c-nav__parent .c-nav__list .c-nav__item .c-nav__link:hover {
        color: var(--button-primary-surface) !important
    }
    .c-nav__parent .c-nav__list .c-nav__item:hover a {
        color: inherit
    }
    .c-nav__parent .c-nav__list .c-nav__item:nth-last-of-type(2) {
        margin-inline-end: calc(var(--space-between) * -1)
    }
}

.c-header__zipcode,
.c-header__language .btn.c-language-flag__item {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
    height: 100%;
    border: none;
    padding: .5rem 0;
    background: transparent;
    cursor: pointer
}

.c-header__zipcode .l-icon,
.c-header__language .btn.c-language-flag__item .l-icon {
    width: 1.8rem;
    height: 1.8rem
}

.c-header__zipcode+.c-language-flag__item,
.c-header__language .btn.c-language-flag__item+.c-language-flag__item {
    margin-block-start: 2rem
}

@media (max-width: 47.999em) {
    .c-header__language .btn.c-language-flag__selected {
        -webkit-appearance: none;
        appearance: none;
        display: grid;
        grid-template-rows: 1fr auto;
        gap: 0;
        align-items: center;
        justify-items: center;
        height: 100%;
        outline: 0;
        border: 0;
        padding: 1.25rem .5rem;
        aspect-ratio: 1/1;
        background: transparent;
        font-family: var(--font-button-family), system-ui, sans-serif;
        font-weight: var(--font-button-weight);
        font-size: 1rem;
        line-height: 1;
        color: inherit;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
        position: relative;
        z-index: 10;
        transition: background .15s ease, color .15s ease, border-color .15s ease
    }
    .c-header__language .btn.c-language-flag__selected svg.l-icon {
        width: 1.8rem !important;
        height: 1.8rem !important
    }
    .c-header__language .btn.c-language-flag__selected svg.l-icon {
        color: var(--primary-surface)
    }
}

@media (min-width: 48em) {
    .c-header__language .btn.c-language-flag__selected {
        --btn-size: 5rem;
        --gap: 1rem;
        -webkit-appearance: none;
        appearance: none;
        display: inline-flex;
        align-items: center;
        height: var(--btn-size);
        outline: 0;
        border: 2px solid #000;
        border-radius: calc(var(--btn-size) / 2);
        padding: calc(var(--btn-size) / 4) calc(var(--btn-size) / 2);
        font-family: var(--font-button-family), system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
        font-weight: var(--font-button-weight);
        font-size: 1.6rem;
        text-decoration: none;
        cursor: pointer;
        transition: background .15s ease, color .15s ease, border-color .15s ease
    }
    .c-header__zipcode,
    .c-header__language .btn.c-language-flag__item,
    .c-header__language .btn.c-language-flag__selected {
        --gap: 6px;
        justify-content: flex-start;
        height: auto;
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
        font-size: 1.4rem;
        color: #000;
        text-transform: uppercase;
        position: relative
    }
    .c-header__zipcode>*,
    .c-header__language .btn.c-language-flag__item>*,
    .c-header__language .btn.c-language-flag__selected>* {
        margin-inline-end: var(--gap)
    }
}

.c-header__zipcode .l-icon,
.c-header__language .btn.c-language-flag__item .l-icon,
.c-header__language .btn.c-language-flag__selected .l-icon {
    width: 1.4rem;
    height: 1.4rem
}

.c-header__language .btn.c-language-flag__selected:after {
    display: block;
    content: ">";
    font-size: 1.3rem;
    position: absolute;
    top: 1.6rem;
    right: 0;
    transform: rotate(90deg)
}

@media (max-width: 47.999em) {
    .c-header__language .btn.c-language-flag__selected:after {
        top: 2.4rem;
        right: var(--m-grid)
    }
}

.c-header__language {
    display: none
}

@media screen and (min-width: 48em) {
    .c-header__language {
        display: block
    }
    .c-header__language .btn.c-language-flag__selected {
        padding-inline-end: 1.5rem
    }
}

section.l-container.c-pageheader__container .c-header__language {
    display: block !important
}

section.l-container.c-pageheader__container .c-header__language {
    margin: 1rem 1rem 0 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.c-language-flag__container {
    display: flex;
    position: relative
}

.c-language-flag__list {
    display: none;
    min-width: 100%;
    border-radius: var(--radius);
    padding: 3rem;
    box-shadow: #959da533 0 8px 24px;
    background-color: #fff;
    list-style: none;
    position: absolute;
    top: 100%;
    right: 0
}

.c-footer__container {
    margin-block-end: 0 !important
}

.c-footer__container {
    background-color: var(--footer-surface)
}

.c-footer__container .l-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 9rem;
    font-size: 1.5rem;
    color: var(--footer-contrast)
}

.c-pageheader__container {
    background-color: var(--header-main-surface) !important
}

.c-pageheader__container {
    color: var(--header-main-contrast)
}

.c-pageheader__container:not(.c-pageheader__container--home) .c-pageheader__contentpage__background {
    display: none
}

.c-pageheader__container.c-pageheader__container--home {
    --padding: 8rem;
    --image-size: 55vw;
    overflow: hidden;
    padding-block-start: var(--padding);
    padding-block-end: var(--padding)
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__homepage__background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__homepage__background .c-pageheader__homepage__background__image {
    overflow: hidden;
    width: var(--image-size);
    height: var(--image-size);
    margin: auto 0;
    background-color: #0000001a;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--image-size);
    right: auto
}

@media (min-width: 48em) {
    .c-pageheader__container.c-pageheader__container--home .c-pageheader__homepage__background .c-pageheader__homepage__background__image {
        min-height: 120%;
        border-radius: 50% 0 0 50%
    }
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__content {
    padding-block-start: 0;
    padding-block-end: 0;
    position: relative;
    z-index: 1
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__content .l-grid {
    display: grid;
    grid-template-areas: "heading ." "dispatch message";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 6rem;
    column-gap: 8rem
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__content .l-grid .c-pageheader__homepage__tekst {
    overflow-wrap: break-word;
    display: flex;
    flex-direction: column;
    grid-area: heading
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__content .l-grid .c-pageheader__homepage__tekst p {
    margin-block: 0;
    font-size: clamp(16px, 2.5vw, 2.6rem)
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__content .l-grid .c-pageheader__homepage__tekst p strong {
    font-weight: inherit
}

.c-pageheader__container.c-pageheader__container--home .c-pageheader__content .l-grid .c-pageheader__homepage__postcodetabs {
    --radius: 5px;
    --side-padding: 4rem;
    display: flex;
    flex-direction: column;
    grid-area: dispatch;
    max-width: 60rem;
    color: var(--body-contrast)
}

@media screen and (max-width: 48em) {
    .c-pageheader__container.c-pageheader__container--home {
        --image-size: 40vw;
        --padding: 2.5rem
    }
    .c-pageheader__container.c-pageheader__container--home .c-pageheader__content .l-grid {
        grid-template-areas: "heading" "dispatch" "message";
        grid-template-columns: minmax(0, 1fr);
        grid-row-gap: 4rem;
        row-gap: 4rem
    }
}

.l-container {
    width: 100%;
    position: relative
}

.l-container~.l-container:not([class*="c-tabs__tab-content"],
.c-categorie__container),
.l-container~.location-section {
    margin-block-start: var(--m-space);
    margin-block-end: var(--m-space)
}

.l-container.l-container--light+.l-container--light {
    margin-block-start: calc(-2 * var(--m-space))
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid {
    display: grid;
    grid-template-areas: "content";
    row-gap: var(--m-large);
    column-gap: 2rem; /*calc(var(--m-large) * 2);*/
    position: relative
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid .l-grid {
    column-gap: var(--m-base)
}

@media (max-width: 100em) {
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid .l-grid {
        grid-template-columns: 1fr
    }
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid[\:has\(.l-image__parent\)] {
    grid-template-areas: "picture" "content"
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid:has(.l-image__parent) {
    grid-template-areas: "picture" "content"
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid[\:has\(.l-image__parent\)] .rte {
    grid-area: content
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid:has(.l-image__parent) .rte {
    grid-area: content
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid[\:has\(.l-image__parent\)] .l-image__parent {
    grid-area: picture;
    width: calc(100% + calc(var(--m-grid) * 2));
    height: calc(100% + var(--m-large) * 1);
    position: relative;
    top: calc(var(--m-large) * -1);
    bottom: auto;
    left: calc(var(--m-grid) * -1);
    right: auto
}

.l-container:not(.l-container--aansluitend,
.c-categorie__container) .l-grid:has(.l-image__parent) .l-image__parent {
    grid-area: picture;
    width: calc(100% + calc(var(--m-grid) * 2));
    height: calc(100% + var(--m-large) * 1);
    position: relative;
    top: calc(var(--m-large) * -1);
    bottom: auto;
    left: calc(var(--m-grid) * -1);
    right: auto
}

@media (max-width: 48em) {
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid {
        grid-template-columns: 1fr !important
    }
}

@media (min-width: 48em) {
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container, .c-shoplist__container) .l-grid {
        grid-template-areas: "content";
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid[\:has\(.l-image__parent\)] {
        grid-template-areas: "picture content"
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid:has(.l-image__parent) {
        grid-template-areas: "picture content"
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid[\:has\(.l-image__parent\)] .l-image__parent {
        width: calc(100% + calc(var(--m-large) * 2));
        height: calc(100% + calc(var(--m-large) * 2));
        position: absolute;
        top: calc(var(--m-large) * -1);
        left: calc(var(--m-large) * -1)
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid:has(.l-image__parent) .l-image__parent {
        width: calc(100% + calc(var(--m-large) * 2));
        height: calc(100% + calc(var(--m-large) * 2));
        position: absolute;
        top: calc(var(--m-large) * -1);
        left: calc(var(--m-large) * -1)
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid[\:has\(.l-image__parent\)][\:has\(\%3E\%20.rte\:last-child\)] {
        grid-template-areas: "content picture"
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid:has(.l-image__parent):has(>.rte:last-child) {
        grid-template-areas: "content picture"
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid[\:has\(.l-image__parent\)][\:has\(\%3E\%20.rte\:last-child\)] .l-image__parent {
        left: auto;
        right: calc(var(--m-large) * -2)
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid:has(.l-image__parent):has(>.rte:last-child) .l-image__parent {
        left: auto;
        right: calc(var(--m-large) * -2)
    }
}

@media (min-width: 64em) {
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid[\:has\(.l-image__parent\)] .l-image__parent {
        height: calc(100% + calc(var(--m-large) * 4));
        top: calc(var(--m-large) * -2);
        left: calc(var(--m-large) * -2)
    }
    .l-container:not(.l-container--aansluitend,
    .c-categorie__container) .l-grid:has(.l-image__parent) .l-image__parent {
        height: calc(100% + calc(var(--m-large) * 4));
        top: calc(var(--m-large) * -2);
        left: calc(var(--m-large) * -2)
    }
}

.l-container.l-container--no-margin {
    margin-block-start: 0;
    margin-block-end: 0
}

.l-container.l-container--primary {
    background-color: transparent !important
}

.l-container.l-container--primary:not(.l-container--aansluitend),
.l-container.l-container--base,
.l-container.l-container--light {
    background: var(--contentblock-base-surface) !important
}

.l-container.l-container--primary:not(.l-container--aansluitend),
.l-container.l-container--base,
.l-container.l-container--light {
    max-width: calc(140rem + var(--m-grid) * 2);
    margin: 0 auto;
    color: var(--contentblock-base-contrast)
}

.l-container.l-container--primary:not(.l-container--aansluitend) .l-content,
.l-container.l-container--base .l-content {
    padding: var(--m-large) !important
}

.l-container.l-container--primary:not(.l-container--aansluitend) .l-content,
.l-container.l-container--base .l-content {
    width: 100%;
    max-width: 100%;
    margin: 0
}

@media screen and (min-width: 64em) {
    .l-container.l-container--primary:not(.l-container--aansluitend) .l-content,
    .l-container.l-container--base .l-content {
        padding: calc(var(--m-large) * 2) !important;
        margin-bottom: var(--m-space)!important;
    }
}

@media screen and (max-width: 47.999em) {
    .l-container.l-container--primary:not(.l-container--aansluitend) .l-content,
    .l-container.l-container--base .l-content {
        padding: var(--m-large) var(--m-grid) !important
    }
}

@media screen and (max-width: 100em) {
    .grid-mobile--order-1 {
        margin-top: 3rem;
        order: 1
    }
}

.l-container.l-container--aansluitend .l-content>.l-grid,
.l-container#business-contact-info .l-content>.l-grid {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2rem;
    column-gap: 2rem
}

.l-container.l-container--aansluitend .l-content>.l-grid .l-col--1-1[style*="text-align:right"],
.l-container#business-contact-info .l-content>.l-grid .l-col--1-1[style*="text-align:right"] {
    grid-column: 1 / -1
}

.l-container.l-container--aansluitend .l-icon,
.l-container#business-contact-info .l-icon {
    pw-display: none
}

.l-container.l-container--aansluitend table td,
.l-container#business-contact-info table td {
    white-space: nowrap
}

@media (min-width: 48em) {
    .l-container.l-container--aansluitend .l-content>.l-grid:not(.infobar--list),
    .l-container#business-contact-info .l-content>.l-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.location-section img.static-map {
    width: 100%;
    height: 475px;
    height: 50vh;
    background: url(/gfx/_cms1103572668_trans.gif) 50% 50% no-repeat;
    background-size: cover
}

.l-container.c-categorie__container {
    width: 100%;
    background-color: var(--category-bar-main-surface);
    color: var(--category-bar-main-contrast);
    position: sticky;
    top: 0;
    z-index: 90
}

.l-container.c-categorie__container,
.l-container.c-categorie__container .l-content {
    margin: 0 auto !important;
    padding: 0 !important
}

.l-container.c-categorie__container .c-categorie__scroll {
    overflow: hidden;
    flex-grow: 1;
    position: relative
}

.l-container.c-categorie__container .c-categorie__scroll:after {
    width: 6rem;
    height: 100%;
    background: linear-gradient(-90deg, rgba(247, 247, 250, 100%) 50%, rgba(247, 247, 250, 0%) 100%);
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: -3rem;
    z-index: 19;
    transition: all .2s ease-in-out
}

@media (max-width: 48em) {
    .l-container.c-categorie__container .c-categorie__scroll:after {
        width: 10rem
    }
}

.l-container.c-categorie__container .c-categorie__col {
    display: flex;
    grid-column: 1 / -1;
    grid-column-gap: 3rem;
    column-gap: 3rem;
    align-items: center
}

@media (max-width: 48em) {
    .l-container.c-categorie__container .c-categorie__col {
        column-gap: 0
    }
}

.l-container.c-categorie__container .c-categorie__list-parent {
    overflow: hidden;
    display: flex;
    flex-grow: 1;
    grid-column-gap: 3rem;
    column-gap: 3rem;
    align-items: center
}

.l-container.c-categorie__container .c-categorie__btn,
.l-container.c-categorie__container .c-categorie__list__button {
    flex-shrink: 0
}

@media (max-width: 48em) {
    .l-container.c-categorie__container .c-categorie__btn .l-icon__wrap span {
        display: none
    }
}

.l-container.c-categorie__container .c-categorie__list__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    outline: 0;
    border: 0;
    border-radius: 50%;
    background-color: #2d3436;
    color: #fff;
    cursor: pointer;
    z-index: 20;
    transition: opacity .2s ease-in-out
}

.l-container.c-categorie__container .c-categorie__list__button.js-catListPrev {
    xdisplay: none
}

.l-container.c-categorie__container .c-categorie__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.l-container.c-categorie__container .c-categorie__list .c-categorie__item {
    margin: 0 !important
}

.l-container.c-categorie__container .c-categorie__list .c-categorie__item {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    height: 6rem;
    padding-inline-end: 4rem;
    font-weight: 700;
    font-size: 2rem;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.l-container.c-categorie__container .c-categorie__list .c-categorie__item a {
    text-decoration: none
}

.l-container.c-categorie__container .c-categorie__list .c-categorie__item.is-active {
    color: var(--primary-surface) !important
}

@media (max-width: 48em) {
    .l-container.c-categorie__container .c-categorie__list .c-categorie__item {
        padding: 0 2rem 0 0;
        font-size: 13px
    }
}

@media screen and (max-width: 47.999em) {
    .l-container.c-categorie__container .c-categorie__list__button {
        display: none
    }
}

.l-container.c-shop__container .c-shop__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 2rem
}

.l-container.c-shop__container .c-shop__grid .c-shop__products {
    display: grid;
    gap: 30px
}

.l-container.c-shop__container .c-shop__grid .c-shop__products p:last-child {
    margin-block-end: 0
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>* {
    grid-column: 1 / -1
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*[\:has\(.c-shop__filters\)] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    min-width: 220px
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*:has(.c-shop__filters) {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    min-width: 220px
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*[\:has\(.c-shop__filters\)] .c-shop__filters {
    display: flex;
    gap: 1.2rem
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*:has(.c-shop__filters) .c-shop__filters {
    display: flex;
    gap: 1.2rem
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*[\:has\(.c-shop__filters\)] .c-shop__filters .form__search {
    height: 100% !important
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*:has(.c-shop__filters) .c-shop__filters .form__search {
    height: 100% !important
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*.c-contentbox__item--primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 1.5rem;
    gap: 1.5rem;
    border: 1px solid #ced6e0;
    padding: 2rem 3rem 2.5rem;
    background-color: #fff
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*.c-contentbox__item--primary .c-shop__cat__title {
    display: flex;
    align-items: center;
    line-height: 1
}

.l-container.c-shop__container .c-shop__grid .c-shop__filter-bar>*.c-contentbox__item--primary .c-shop__cat__title .l-icon {
    width: 2.2rem;
    height: 2rem
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-upselling__title,
.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-product__title,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .c-upselling__title,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .c-product__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px
}

@media (max-width: 48em) {
    .l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-upselling__title,
    .l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-product__title,
    .l-container.c-shop__container .c-shop__grid .c-shop__cat .c-upselling__title,
    .l-container.c-shop__container .c-shop__grid .c-shop__cat .c-product__title {
        font-size: 16px;
        line-height: 21px
    }
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-shop__cat__title,
.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .category-desc,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .c-shop__cat__title,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .category-desc {
    padding: 10px 25px;
    background: var(--product-category-title-surface);
    color: var(--product-category-title-contrast)
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-shop__cat__title,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .c-shop__cat__title {
    font-weight: 400;
    font-size: 24px
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-shop__cat__title+.info-icons,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .c-shop__cat__title+.info-icons {
    display: none
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-shop__cat__title+.category-desc,
.l-container.c-shop__container .c-shop__grid .c-shop__cat .c-shop__cat__title+.category-desc {
    margin-block: -10px 30px
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop {
    display: grid;
    grid-template-rows: auto
}

.l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop .c-upselling__box-position-menu {
    height: auto !important;
    margin-bottom: 1em;
}

.l-container.c-shop__container .c-shop__grid .c-product__item,
.l-container.c-shop__container .c-shop__grid .c-upselling__item {
    row-gap: 1rem;
    column-gap: 3rem;
    border: 1px solid var(--product-item-border-color);
    border-radius: 5px;
    padding: 3rem;
    position: relative
}

@media (max-width: 48em) {
    .l-container.c-shop__container .c-shop__grid .c-product__item,
    .l-container.c-shop__container .c-shop__grid .c-upselling__item {
        row-gap: 10px;
        column-gap: 15px;
        padding: 20px
    }
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item {
    display: grid;
    grid-template-areas: "title title title" "description description description" "price allergies allergies";
    grid-template-rows: auto 1fr auto;
    grid-template-columns: auto 1fr 14rem;
    align-items: start
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item .c-upselling__title {
    grid-area: title
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item .c-upselling__content {
    grid-area: description
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item .c-upselling__image-holder {
    grid-area: image
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item .c-upselling__image-holder .c-badge__item {
    box-shadow: none;
    background: transparent;
    position: absolute;
    top: -1.6rem;
    right: -1.3rem;
    transform: none
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item .c-upselling__image-holder .c-badge__item .l-icon {
    width: 4rem;
    height: 4rem;
    background-image: radial-gradient(#fff, #fff, transparent, transparent)
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item .c-upselling__price-holder {
    grid-area: price
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item[\:has\(.c-upselling__image-holder\)] {
    grid-template-areas: "title title image" "description description image" "price allergies image"
}

.l-container.c-shop__container .c-shop__grid .c-upselling__item:has(.c-upselling__image-holder) {
    grid-template-areas: "title title image" "description description image" "price allergies image"
}

.l-container.c-shop__container .c-shop__grid .c-product__item {
    display: flex
}

@media (max-width: 48em) {
    .l-container.c-shop__container .c-shop__grid .c-product__item .c-product__description {
        xfont-size: 12px;
        line-height: 19px
    }
}

.l-container.c-shop__container .c-shop__grid .c-product__item .c-product__right {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-end
}

.l-container.c-shop__container .c-shop__grid .c-product__item .c-product__image-holder {
    pw-width: 120px;
    pw-max-width: 10rem
}

@media (min-width: 48em) {
    .l-container.c-shop__container .c-shop__grid .c-product__item .c-product__image-holder .c-product__image {
        max-width: 12rem
    }
}

.l-container.c-shop__container .c-shop__grid .c-product__item .c-product__price-holder {
    margin-block-start: auto
}

@media (max-width: 48em) {
    .l-container.c-shop__container .c-shop__grid .c-product__item {
        border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0
    }
}

.l-container.c-shop__container .c-shop__grid .c-shop__cat__grid {
    grid-template-columns: 1fr;
    gap: 30px
}

.l-container.c-shop__container .c-shop__grid .category-desc img {
    float: right;
    max-width: 25%;
    margin: 0 0 1em 1em
}

.l-container.c-shop__container .c-shop__grid .info-icons,
.l-container.c-shop__container .c-shop__grid .c-allergies__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-block-start: 1rem
}

.l-container.c-shop__container .c-shop__grid .info-icons>img,
.l-container.c-shop__container .c-shop__grid .info-icons .c-allergies__item,
.l-container.c-shop__container .c-shop__grid .c-allergies__list>img,
.l-container.c-shop__container .c-shop__grid .c-allergies__list .c-allergies__item {
    --size: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--product-item-border-color);
    border-radius: 50%;
    padding: 5px;
    background: inherit;
    color: inherit;
    cursor: pointer;
    position: relative
}

.l-container.c-shop__container .c-shop__grid .info-icons .l-icon,
.l-container.c-shop__container .c-shop__grid .c-allergies__list .l-icon {
    width: 1.8rem;
    height: 1.8rem
}

.l-container.c-shop__container .c-shop__grid .c-upselling__content,
.l-container.c-shop__container .c-shop__grid .c-product__content {
    margin-block-end: 1rem;
    font-weight: 400;
    font-size: var(--fz-body);
    line-height: var(--lh-body)
}

.l-container.c-shop__container .c-shop__grid .c-upselling__image-holder,
.l-container.c-shop__container .c-shop__grid .c-product__image-holder {
    aspect-ratio: 1 / 1;
    position: relative
}

.l-container.c-shop__container .c-shop__grid .c-upselling__image-holder img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
}
.l-container.c-shop__container .c-shop__grid .c-product__image-holder img {
    pw-position: absolute;
    pw-top: 0;
    max-width: 120px;
}

@media (max-width: 48em) {
    .l-container.c-shop__container .c-shop__cat {
        margin-left: calc(-1 * var(--m-grid));
        margin-right: calc(-1 * var(--m-grid))
    }
    .l-container.c-shop__container .c-shop__grid {
        grid-template-columns: minmax(0, 1fr)
    }
}

@media (min-width: 48em) {
    .l-container.c-shop__container .c-shop__grid .c-upselling__container--shop-webshop {
        grid-gap: 30px;
        gap: 30px
    }
}

.l-container.c-backbar__container {
    background-color: transparent
}

.l-container.c-backbar__container+.l-container {
    margin-block-start: 0
}

.l-grid.c-checkout-page__mobile--fullwidth {
    grid-template-columns: 2fr 1fr !important
}

.l-grid.c-checkout-page__mobile--fullwidth {
    column-gap: 80px
}

.l-grid.c-checkout-page__mobile--fullwidth .c-shoppingcart__footer__button {
    width: 100%
}

.l-grid.c-checkout-page__mobile--fullwidth .c-shoppingcart__footer__button~.c-shoppingcart__footer__button {
    margin-block-start: 1.8rem
}

.l-grid.c-checkout-page__mobile--fullwidth .c-tabs__ad {
    display: none
}

@media (max-width: 48em) {
    .c-checkout-page__mobile--fullwidth {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

.c-bevestiging__color-content>.l-grid>[class*=l-col--]:last-child,
.c-arrow__item--secondary,
.content-screen--shop .c-pageheader__container,
#reviews-screen .c-pageheader__container,
#customer-screen .c-pageheader__container,
.c-bevestiging__text-if-hidden--button,
.c-contentbox__item--primary,
.c-spaarpunten__item:not(:first-of-type):last-child {
    background-color: transparent !important
}

@media screen and (min-width: 64em) {
    .c-bevestiging__besteldetails--mobile {
        display: none
    }
}

@media screen and (max-width: 63.999em) {
    .c-bevestiging__besteldetails--desktop {
        display: none
    }
}

.c-bevestiging__besteldetails.s-hidden {
    display: none
}

.c-bevestiging__text-if-hidden {
    width: 100%;
    padding: 1rem;
    text-align: center;
    cursor: pointer
}

.c-bevestiging__text-if-hidden.s-hidden {
    display: none
}

.c-bevestiging__text-if-hidden>span:last-child {
    display: none
}

.c-bevestiging__text-if-hidden.s-switch {
    margin-top: 4rem
}

.c-bevestiging__text-if-hidden.s-switch>span:first-child {
    display: none
}

@media screen and (max-width: 63.999em) {
    .c-bevestiging__text-if-hidden.s-switch>span:last-child {
        display: inline
    }
}

@media screen and (min-width: 64em) {
    .c-bevestiging__text-if-hidden--mobile {
        display: none
    }
}

.c-bevestiging__text-if-hidden--button {
    background: #126544
}

@media screen and (min-width: 64em) {
    .c-bevestiging__text-if-hidden {
        display: none !important
    }
}

.c-popover__holder {
    display: none;
    width: 100vw;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.c-popover__holder>* {
    z-index: 10
}

.c-popover__holder.s-open {
    overflow: auto;
    display: flex
}

@media (min-width: 48em) {
    .c-popover__holder.s-open {
        align-items: center
    }
}

.c-popover__content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    padding: 3rem 2rem;
    position: relative
}

.c-popover__content h1 {
    font-size: calc(2.4rem + .3vw)
}

.has-floatingpanel .c-popover__content {
    padding-bottom: 12rem
}

.c-popover__background {
    background-color: #000000b3;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.c-popover__title {
    width: 100%;
    font-size: calc(2.4rem + .3vw);
    color: #fff;
    text-align: center;
    margin-bottom: 3rem
}

.c-popover__item {
    border-radius: 10px;
    background: #fff;
    position: relative;
    z-index: 10
}

.c-popover__item .c-product__description {
    max-height: 200px
}

.c-popover__item p a {
    color: #454545
}

.c-popover__item__header {
    border: 0;
    padding: 3rem 2.6rem;
    background: 0 0;
    position: relative
}

.c-popover__item__header p:last-child {
    margin-block-end: 0
}

.c-popover__item__header .c-product__image-holder {
    aspect-ratio: 1 / 1;
    position: relative
}

.c-popover__item__header .c-product__image-holder img {
    position: absolute;
    top: 0
}

.c-popover__item__content {
    border-radius: 0 0 10px 10px;
    padding: 3rem 2.6rem;
    background: #f7f7fa
}
.c-popover__item__content input, .c-popover__item__content textarea, .c-popover__item__content select {
	background: #fff;
}

.c-popover__item--person-title {
    font-weight: 900;
    font-size: 1.8rem;
    color: #008952
}

.c-popover__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    margin: 0;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: white;
    font-size: 80%;
    line-height: 50px;
    color: var(--title-contrast);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 2.5rem;
    right: 2rem;
    z-index: 11;
    transition: all .1s ease-in-out
}

.c-popover__close .l-icon--sm {
    width: 1.8rem;
    height: 1.8rem
}

.c-popover__close:hover {
    background: #f1f2f6
}

.c-popover__big__parent {
    display: flex
}

.c-popover__big__left,
.c-popover__big__right {
    width: 100%
}

.c-popover__image--right {
    width: 140%;
    max-width: none
}

.c-popover__image--price {
    width: 80%;
    position: absolute;
    bottom: 44rem;
    left: 0;
    z-index: 10
}

.c-popover__keuze-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    grid-gap: .5rem
}

.c-popover__keuze-grid>.c-product__item {
    border: 2px solid #efefef;
    border-radius: 1rem;
    padding: 2rem;
    background-color: #fff;
    position: relative
}

.c-popover__keuze-grid>.c-product__item[disabled] {
    opacity: .6;
    border-color: #f9f9f9;
    filter: grayscale(.8);
    pointer-events: none
}

.c-popover__keuze-grid>.c-product__item[disabled] input {
    pointer-events: none
}

.c-popover__keuze-grid .c-product__title {
    font-size: calc(1.6rem + .1vw) !important
}

.c-popover__keuze-grid .c-product__image-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 1rem;
    margin-bottom: 1.8rem
}

.c-popover__keuze-grid .c-allergies__item {
    overflow: hidden;
    flex-direction: column;
    height: calc(100% - 40px);
    position: absolute;
    top: 40px
}

.c-popover__keuze-grid [name^=extra][type=checkbox] {
    display: none
}

.c-popover__keuze-grid [type=radio] {
    visibility: hidden
}

.c-popover__item.error .c-popover__item__header {
    border-radius: 10px 10px 0 0;
    background-color: #fdd
}

.c-popover__item.error .c-popover__item__content {
    background-color: #fdd
}

.c-popover__item.succes h4 {
    color: red !important
}

.c-popover__item.success .c-popover__item__header {
    background-color: #eff5f1 !important
}

.c-popover__item.success .c-popover__item__header {
    border-radius: 10px 10px 0 0
}

.c-popover__item.success h4 {
    color: #5e9676 !important
}

.c-popover__item.success .c-popover__item__content {
    background-color: #eff5f1
}

@media (min-width: 64em) {
    .c-popover__content {
        overflow-y: hidden;
        width: 100%;
        max-width: 50rem;
        height: auto;
        margin: 0;
        border-radius: 0
    }
    .c-popover__holder {
        overflow-y: scroll;
        justify-content: center
    }
    .c-popover__holder:not(.has-floatingpanel) .c-popover__content {
        overflow: visible !important;
        height: auto !important;
        max-height: 100% !important
    }
    .c-popover__holder.js-popoverBeforeStartWheel:not(.has-floatingpanel) .c-popover__content::-webkit-scrollbar {
        display: none
    }
    .c-popover__holder.c-popover__holder.js-popoverBeforeStartWheel:not(.has-floatingpanel) .c-popover__content {
        overflow: scroll !important
    }
    .c-popover__holder.c-popover__holder.js-popoverBeforeStartWheel:not(.has-floatingpanel) .c-popover__content {
        scrollbar-width: none
    }
    .has-floatingpanel .c-popover__content {
        padding-bottom: 0
    }
    .c-popover__content--big {
        max-width: 85rem
    }
    .c-popover__content--padding {
        padding-top: 10rem
    }
    .c-popover__item__content {
        max-height: 50vh !important
    }
    .c-popover__item__content {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .c-popover__item__content--big,
    .c-popover__item__header--big {
        padding: 5rem 4rem
    }
    .c-popover__content--wide {
        max-width: 1100px;
        margin-block-start: 14rem
    }
    .c-popover__keuze-grid {
        grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr))
    }
    .c-popover__item .l-list__item.c-categorie__item {
        margin: 0
    }
}

@media (max-width: 47.999em) {
    .c-popover__big__parent {
        flex-wrap: wrap
    }
    .c-popover__image--right,
    .c-popover__image--price {
        display: none
    }
}

@media (min-width: 48em) {
    .c-popover__big__left {
        width: 60%
    }
    .c-popover__big__right {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 40%;
        position: relative;
        right: -4rem;
        margin-top: -4rem;
        margin-bottom: -4rem
    }
}

@media (max-width: 63.999em) {
    .c-popover__big__right {
        right: -2.6rem;
        margin-top: -2.6rem;
        margin-bottom: -2.6rem
    }
}

#customer-popup .c-popover__item,
#customer-popup .c-popover__item__content {
    background: transparent
}

#customer-popup .tab.login {
    text-align: center;
    text-align: left
}

#customer-popup .tab.login .pane>br {
    display: none
}

#customer-popup .tab.login .pane:first-child {
    border-radius: 10px 10px 0 0;
    background: #fff;
    padding-bottom: 2rem
}

#customer-popup .tab.login .pane:first-child:last-child {
    border-radius: 10px
}

#customer-popup .tab.login .pane:last-child {
    border-radius: 0 0 10px 10px
}

#customer-popup .tab.login a.btn {
    text-decoration: none
}

#customer-popup .tab.login p {
    color: #000
}

#customer-popup .tab.login a {
    text-decoration: underline
}

#customer-popup .c-popover__content.c-popover__content--login .tab.login.not-loggedin {
    background: transparent !important
}

#customer-popup .c-popover__content.c-popover__content--login .tab.login.not-loggedin>.pane:last-child {
    background: #f7f7fa !important
}

#customer-popup .c-popover__content.c-popover__content--login .c-popover__item__content {
    overflow: hidden;
    border-radius: 10px;
    padding: 0
}

#customer-popup .c-popover__content.c-popover__content--login .c-popover__item__header {
    padding: 0
}

#customer-popup .tab {
    overflow: visible;
    display: none;
    grid-column: -1 / 1;
    width: 100%;
    height: auto;
    padding: 0
}

#customer-popup .tab .pane {
    float: left;
    width: 49%;
    margin-left: 1%
}

#customer-popup .tab span.select:after {
    display: none
}

#customer-popup table.data-table tbody tr:not([data-orderdetails]):hover {
    background: transparent;
    background: #ddd
}

#customer-popup .data-table {
    width: 100%;
    clear: both;
    border-collapse: collapse;
    position: relative
}

#customer-popup .data-table>tbody>tr {
    border: 0;
    border: 1px dashed #b3b3b3;
    border-width: 1px 0
}

#customer-popup .data-table>tbody>tr+tr:not([data-orderdetails]) {
    border-top: 1px dashed #b3b3b3
}

#customer-popup .data-table>tbody>tr>td:not([colspan]) {
    padding: 1em .5em 1em 1em;
    text-indent: -.5em
}

#customer-popup .data-table>tbody>tr:first-of-type {
    border-top: 1px dashed #b3b3b3
}

#customer-popup .data-table>tbody>tr:last-of-type {
    border-bottom: 1px dashed #b3b3b3
}

#customer-popup .data-table thead {
    border-bottom: 1px solid #b3b3b3
}

#customer-popup .data-table thead.total th {
    border-top: 1px solid #b3b3b3;
    color: #000
}

#customer-popup .data-table th.sorting-asc:after {
    content: "\25b2"
}

#customer-popup .data-table th.sorting-desc:after {
    content: "\25bc"
}

#customer-popup .data-table .left {
    text-align: left;
    white-space: nowrap
}

#customer-popup .data-table .center {
    text-align: center;
    white-space: nowrap
}

#customer-popup .data-table .right {
    text-align: right;
    white-space: nowrap
}

#customer-popup .data-table th {
    text-align: left;
    vertical-align: bottom
}

#customer-popup .data-table td {
    text-align: left;
    vertical-align: text-top
}

#customer-popup .data-table>thead>tr>th {
    padding: 1em .5em 1em 1em;
    text-indent: -.5em
}

#customer-popup .data-table tbody tr:nth-child(odd) {
    pw-background-color: #f0f0f0
}

#customer-popup .pane.c-pane__primary {
    background: #008952 !important
}

#customer-popup .pane .c-pane__list {
    padding-top: 1rem;
    padding-bottom: 2rem
}

#customer-popup .c-popover__content {
    max-width: 1100px
}

#customer-popup .c-popover__content p {
    margin-left: 0;
    margin-right: 0
}

#customer-popup .tabs {
    overflow: auto;
    display: none;
    margin: 0;
    padding: 0;
    list-style: none
}

#customer-popup .tabs li {
    display: block;
    float: left;
    min-width: 150px;
    margin: 1em .5em .5em 0;
    padding: 0;
    background: #ccc;
    line-height: 40px;
    color: #000;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: background-color .25s ease;
    xfont-size: 17px
}

#customer-popup .tabs li.current {
    color: #fff
}

#customer-popup .data-table.sortable th,
#customer-popup .data-table.clickable tbody tr {
    cursor: pointer
}

#customer-popup [class^=request] {
    display: none
}

#customer-popup .products {
    xmargin: 0 -6px;
    padding: 0 0 2em
}

#customer-popup .products table {
    width: 100%
}

#customer-popup .form__row {
    pw-max-width: 50rem
}

#customer-popup .form__row+.form__row {
    margin-top: 2.5rem
}

#customer-popup .c-popover__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#customer-popup .c-popover__item__content.scroll-allow {
    overflow: auto !important;
    max-height: 70vh !important
}

#customer-popup .c-popover__item__content.scroll-allow {
    background: #ededed
}

#customer-popup .form__input {
    max-width: 500px
}

#customer-popup.not-loggedin .loggedin {
    display: none !important
}

#customer-popup.not-loggedin span.not-loggedin,
#customer-popup.not-loggedin button.not-loggedin {
    display: inline !important
}

#customer-popup.not-loggedin div.not-loggedin {
    display: flex;
    flex-direction: column
}

#customer-popup.not-loggedin div.not-loggedin>.pane {
    float: none;
    width: 50rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 5rem 2rem 0
}

#customer-popup.not-loggedin div.not-loggedin>.pane.gray {
    background: #f5f5f5
}

#customer-popup.not-loggedin .tab.data .pane {
    margin: 2.4rem
}

#customer-popup.not-loggedin .tab.data .pane:first-child {
    display: none
}

#customer-popup.loggedin .not-loggedin {
    display: none !important
}

#customer-popup.loggedin span.loggedin,
#customer-popup.loggedin button.loggedin {
    display: inline !important
}

#customer-popup.loggedin div.loggedin {
    display: flex;
    flex-direction: column
}

#customer-popup.loggedin div.loggedin>.pane {
    float: none;
    width: 50rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 5rem 2rem 0
}

#customer-popup.loggedin div.loggedin>.pane.gray {
    background: #f5f5f5
}

#customer-popup.loggedin .tabs {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5.2rem);
    position: relative;
    left: -2.6rem;
    margin-bottom: -3rem;
    margin-top: 2rem
}

#customer-popup.loggedin .tabs li {
    display: block;
    float: none;
    min-width: 0;
    margin: 0;
    padding: 1.2rem 2.6rem;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #4d4d4d;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

#customer-popup.loggedin .tabs li.current {
    color: #000
}

#customer-popup.loggedin .tabs li.current:after {
    display: block;
    width: 100%;
    height: 2px;
    margin: auto;
    background: currentcolor;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#forgotpassword-form .btn {
    margin-top: 2rem
}

@media screen and (min-width: 48em) {
    #customer-popup .tab.login .pane:first-child {
        border-radius: 10px 0 0 10px
    }
    #customer-popup .tab.login .pane:last-child {
        border-radius: 0 10px 10px 0
    }
    #customer-popup.loggedin div.loggedin {
        flex-direction: row
    }
    #customer-popup.loggedin div.loggedin>.pane {
        padding: 5rem 5rem 0
    }
    #customer-popup.not-loggedin div.not-loggedin {
        flex-direction: row
    }
    #customer-popup.not-loggedin div.not-loggedin>.pane {
        padding: 5rem 5rem 0
    }
}

@media screen and (max-width: 47.999em) {
    #customer-popup.loggedin div.loggedin>.pane {
        padding: 5rem 2rem
    }
    #customer-popup.loggedin .tabs li {
        flex: 1;
        width: 50%
    }
    #customer-popup.not-loggedin div.not-loggedin>.pane {
        padding: 5rem 2rem
    }
}

@media screen and (min-width: 64em) {
    #customer-popup .c-popover__item__content {
        max-height: none !important
    }
    #customer-popup .c-popover__item__content {
        min-height: 45vh;
        max-height: 70vh
    }
    #customer-popup .c-popover__content.c-popover__content--login .tab.login.not-loggedin {
        --padding: 6rem;
        display: flex
    }
    #customer-popup .c-popover__content.c-popover__content--login .tab.login.not-loggedin>.pane {
        max-height: none !important
    }
    #customer-popup .c-popover__content.c-popover__content--login .tab.login.not-loggedin>.pane {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: flex-start;
        max-width: 50%;
        min-height: 45vh;
        max-height: 70vh;
        padding: var(--padding)
    }
    #customer-popup .data-table>tbody>tr>td.l-icon__wrap {
        padding-left: 0;
        text-indent: 0
    }
}

@media screen and (max-width: 63.999em) {
    #customer-popup .data-table>tbody>tr {
        border: 0
    }
    #customer-popup .data-table>tbody>tr>td.l-icon__wrap span {
        text-indent: 0
    }
    #customer-popup .data-table>tbody>tr>td.l-icon__wrap svg {
        display: none
    }
    #customer-popup .data-table>tbody>tr>td:not([colspan]) {
        padding-top: .2rem;
        padding-right: 0;
        padding-bottom: .2rem;
        padding-left: 0;
        text-indent: 0
    }
    #customer-popup .data-table>tbody>tr.s-visible {
        padding-bottom: 2rem
    }
    #customer-popup .data-table>tbody>tr.s-visible [class*=mobile-col] {
        padding-bottom: 2rem
    }
    #customer-popup .data-table>thead>tr>th {
        padding-top: .2rem;
        padding-right: 0;
        padding-bottom: .2rem;
        padding-left: 0;
        text-indent: 0
    }
    #customer-popup table.data-table>tbody>tr:not([data-orderdetails]) {
        width: calc(100% + 4.8rem) !important
    }
    #customer-popup table.data-table>tbody>tr:not([data-orderdetails]) {
        margin-right: -2.4rem;
        margin-left: -2.4rem;
        padding: 0 2.4rem
    }
}

@media screen and (max-width: 64em) {
    #customer-popup .tab.data .pane {
        float: none;
        width: 90%
    }
}

@media all and (max-width: 64em) {
    #customer-popup .data-table {
        display: block;
        width: 100%
    }
    #customer-popup .data-table>thead {
        display: block;
        display: none;
        width: 100%
    }
    #customer-popup .data-table>thead>tr>th {
        display: block;
        width: 100%
    }
    #customer-popup .data-table>tbody {
        display: block;
        width: 100%
    }
    #customer-popup .data-table>tbody>tr {
        display: block;
        width: 100%
    }
    #customer-popup .data-table>tbody>tr>td {
        display: block;
        width: 100%
    }
    #customer-popup .data-table>tbody>tr>td:before {
        display: inline;
        content: attr(data-label);
        font-weight: 700
    }
    #customer-popup .data-table>tbody>tr>td:not([colspan]) {
        display: grid;
        grid-template-columns: 8em auto;
        grid-gap: 1em .5em
    }
    #customer-popup .data-table>tbody>tr>.right {
        text-align: left
    }
    #customer-popup .products {
        margin: 0
    }
}

.c-floatingpanel__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.2rem 2rem;
    box-shadow: 0 -5px 10px #00000026;
    background: #fff;
    color: #454545;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

@media screen and (min-width: 64em) {
    .c-floatingpanel__item {
        border-radius: 0 0 1rem 1rem;
        position: relative
    }
}

.c-floatingpanel__item.is-fixed {
    position: fixed
}

@media screen and (max-width: 63.999em) {
    .c-floatingpanel__item--inside {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .c-floatingpanel__item--outside {
        display: none
    }
}

.c-floatingpanel__col {
    flex: 1
}

.c-floatingpanel__col:not(:first-child,
:last-child) {
    padding-left: 2rem;
    padding-right: 2rem
}

.c-floatingpanel__col--item-width {
    flex: 1 0 auto
}

.c-floatingpanel__col--use-max-width {
    flex: auto;
    width: 100%;
    -webkit-box-flex: 1
}

.c-floatingpanel__col .btn {
    width: 100%;
    padding: 2rem;
    font-size: 1.6rem
}

@media screen and (max-width: 21.999em) {
    .c-floatingpanel__col .btn {
        padding: 1.6rem
    }
}

.c-floatingpanel__col .btn .l-icon {
    width: 1.6rem;
    height: 1.6rem
}

@media screen and (min-width: 64em) {
    .has-floatingpanel .c-popover__content {
        padding-bottom: 0
    }
    .c-popover__holder:not(.has-floatingpanel) .c-popover__content {
        overflow: visible !important;
        height: auto !important;
        max-height: 100% !important
    }
}

@media screen and (max-width: 47.999em) {
    .c-cart-mobile__floating-bar .c-floatingpanel__col {
        margin-bottom: calc(env(safe-area-inset-bottom)/2)
    }
    .c-floatingpanel__item.c-cart-mobile__floating-bar>:first-child {
        padding-left: env(safe-area-inset-left)
    }
    .c-floatingpanel__item.c-cart-mobile__floating-bar>:last-child {
        padding-right: env(safe-area-inset-right)
    }
}

@media screen and (min-width: 64em) {
    .c-popover__holder.js-popoverBeforeStartWheel:not(.has-floatingpanel) .c-popover__content::-webkit-scrollbar {
        display: none
    }
    .c-popover__holder.js-popoverBeforeStartWheel:not(.has-floatingpanel) .c-popover__content {
        overflow: scroll !important
    }
    .c-popover__holder.js-popoverBeforeStartWheel:not(.has-floatingpanel) .c-popover__content {
        scrollbar-width: none;
        -ms-overflow-style: none
    }
}

.js-popoverCategory {
    --padding-side: 4.5rem
}

.js-popoverCategory .c-popover__item {
    padding: 4rem var(--padding-side)
}

.c-categorie__list--vertical {
    margin: 0;
    padding: 0;
    text-align: center
}

.c-categorie__list--vertical .c-categorie__item {
    display: block;
    border-block-end: 1px solid #ced6e0;
    padding: 1rem 0;
    font-weight: var(--font-button-weight);
    text-decoration: none;
    cursor: pointer
}

.c-categorie__list--vertical .c-categorie__item:first-child {
    border-block-start: 1px solid #ced6e0
}

.c-categorie__list--vertical .c-categorie__item.active {
    color: var(--primary-surface)
}

.js-popoverPersonalisatie {
    --padding-side: 2.6rem
}

.js-popoverPersonalisatie .title-not-free {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    row-gap: 1.4rem;
    column-gap: 2rem;
    padding-inline: var(--padding-side)
}

.js-popoverPersonalisatie .title-not-free[\:has\(.c-product__right\:not\(\[style*\%3D"display:%20none%3B"\]\)\%20.c-product__image-holder\)] {
    grid-template-columns: minmax(0, 1fr) 15rem
}

.js-popoverPersonalisatie .title-not-free:has(.c-product__right:not([style*="display: none;"]) .c-product__image-holder) {
    grid-template-columns: minmax(0, 1fr) 15rem
}

.js-popoverPersonalisatie .title-free {
    display: none
}

.js-popoverPersonalisatie p.error {
    margin-inline: var(--padding-side);
    color: red;
    border-radius: 5px;
}

.js-popoverPersonalisatie .c-popover__item__content {
    padding: 4rem var(--padding-side);
    position: relative;
}

.js-popoverPersonalisatie .c-floatingpanel__item {
    padding-inline: var(--padding-side)
}

.c-shoplist__list {
    max-height: 80rem;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}
.c-shoplist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 1rem 2rem;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.4);
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .6;
    border: 1px solid #ddd;
}
.c-shoplist__item:hover, .c-shoplist__item.is-active {
	background-color: #ddd !important;
}
.c-shoplist__title {
    font-size: calc(2rem + .1vw);
    font-family: Lato,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-weight: 900;
    display: block;
    line-height: 1.4;
}
.c-shoplist__description {
    margin: 0;
    font-size: 1.6rem;
}
.c-shoplist__item--spacer,
.c-shoplist__item--fader {
	border: none;
}
.c-shoplist__item--fader {
	background-image: -webkit-linear-gradient(bottom, rgba(250, 250, 250, 1) 75%, rgba(250, 250, 250, 0) 100%) !important;
	position: absolute;
    bottom: 0;
    width: 100%;
}
.c-shoplist__item--spacer:hover,
.c-shoplist__item--fader:hover {
	background-color: transparent !important;
}

@media screen and (min-width: 48em) {
	.c-shoplist__list--mobile {
	    display: none;
	}
}

.l-container#business-contact-info .l-content--shoplist .l-grid {
	display: block;
}
#business-contact-info .l-content--shoplist .l-grid--gapxl .l-col--md-1-3 {
	float: left;
	width: calc(25% - 1em);
	margin-right: 1em;
}
#business-contact-info .l-content--shoplist .l-grid--gapxl .l-col--md-2-3 {
	float: left;
	width: 75%;
}
#app-info {
	clear: both;
	padding-top: 1em;
}
.l-container#business-contact-info .l-icon {
    display: inline-block;
}
#business-contact-info .is-desktop .l-icon {
	display: none;
}

#business-contact-info .c-shoplist__container .form__label {
	color: var(--contentblock-base-contrast) !important;
}

@media screen and (max-width: 47.999em) {
	.c-shoplist__list--desktop {
	    display: none;
	}
	#business-contact-info .l-content--shoplist .l-grid--gapxl .l-col--md-1-3,
	#business-contact-info .l-content--shoplist .l-grid--gapxl .l-col--md-2-3 {
		width: 100%;
		margin-right: 0;
	}
	#business-contact-info .l-content--shoplist .l-grid--gapxl .l-col--md-2-3 {
		margin-top: 1em;
	}
}

[data-rvprog="0"]:after {
    width: 0%
}

[data-rvprog="5"]:after {
    width: 5%
}

[data-rvprog="10"]:after {
    width: 10%
}

[data-rvprog="15"]:after {
    width: 15%
}

[data-rvprog="20"]:after {
    width: 20%
}

[data-rvprog="25"]:after {
    width: 25%
}

[data-rvprog="30"]:after {
    width: 30%
}

[data-rvprog="35"]:after {
    width: 35%
}

[data-rvprog="40"]:after {
    width: 40%
}

[data-rvprog="45"]:after {
    width: 45%
}

[data-rvprog="50"]:after {
    width: 50%
}

[data-rvprog="55"]:after {
    width: 55%
}

[data-rvprog="60"]:after {
    width: 60%
}

[data-rvprog="65"]:after {
    width: 65%
}

[data-rvprog="70"]:after {
    width: 70%
}

[data-rvprog="75"]:after {
    width: 75%
}

[data-rvprog="80"]:after {
    width: 80%
}

[data-rvprog="85"]:after {
    width: 85%
}

[data-rvprog="90"]:after {
    width: 90%
}

[data-rvprog="95"]:after {
    width: 95%
}

[data-rvprog="100"]:after {
    width: 100%
}

#thankyou-screen .c-contentbox__grid {
	padding: 1em;
	background: #fff;
	border-radius: 5px;
}
#thankyou-screen .l-item--small {
	gap: 0;
}

#customer-popup .form__row {
	position: relative;
}

.openingHours {
    float: left;
    margin-right: 3em;
}

.c-shoplist__container select {
    background: #fff;
}

#order-screen .not-final {
    display: none;
}
div:not(.c-popover__content) .c-shoppingcart__aside {
	width: auto;
}
.c-shoppingcart__aside.is-fixed {
    position: fixed;
    top: 80px;
    width: 48rem;
}
#order-screen .c-shoppingcart__aside.is-fixed {
	top: 0;
}

@media screen and (max-width: 47.999em) {
	.c-checkout-page__mobile--fullwidth .c-tabs__ad, .c-checkout-page__mobile--fullwidth .shopping-cart, .c-tabs__tab--bottom-circle::after {
    	display: none;
	}
	.c-shop__container .c-shoppingcart__aside {
		display: none;
	}
}

.c-shop__cart {
    xdisplay: none;
}

.c-popover__content .c-shoppingcart__aside {
	xwidth: calc(100% - 1em);
	width: 100%;
	position: inherit;
}

.gldp-flatwhite .monyear, .gldp-flatwhite .monyear select,
.gldp-flatwhite .dow,
.gldp-flatwhite .mon:hover, .gldp-flatwhite .tue:hover, .gldp-flatwhite .wed:hover, .gldp-flatwhite .thu:hover, .gldp-flatwhite .fri:hover, .gldp-flatwhite .sat:hover, .gldp-flatwhite .sun:hover {
	background: #f7f7fa;
}
.gldp-flatwhite .noday {
	background: #e0e0eb;
}

@media screen and (max-width: 47.999em) {
	#order-screen .shopping-cart {
	    display: none;
	}
}

.c-popover__item__content p.error {
    margin-left: 0;
    margin-right: 0;
}
/* xcms: nominify */
.c-shoppingcart__item:has(:not(.c-upselling__container--shop-shoppingcart *)) {
    display: block;
}

#order-form {
	position: relative;
}
.gldp-flatwhite {
    left: 50% !important;
    transform: translateX(-50%);
}

.c-wheel__container:last-child:not(:first-child).switch{z-index:17}

.c-bestel-opnieuw__flex strong {
    margin-right: 0.5em;
    display: inline-block;
}

.c-pageheader__homepage__background__image {
	background-position: center;
}

@media (max-width: 48em) {
	.c-pageheader__container.c-pageheader__container--home .c-pageheader__homepage__background .c-pageheader__homepage__background__image {
    	border-radius: 0;
    	width: 100%;
    	left: auto;
    	bottom: auto;
	}
	article.l-col--1-1.l-col--md-1-2.rte.rte--xl.c-pageheader__homepage__tekst * {
    	color: #fff;
    	text-shadow: 1px 1px rgba(0,0,0,.5);
	}
}

.c-product__description {
    font-weight: bold;
}

.intl-tel-input {
    margin-top: 0;
}

.c-product__oldprice {
	position: relative;
}
.c-product__oldprice__line {
	content: "";
    display: block;
    position: absolute;
    width: 5rem;
    height: 2px;
    bottom: 1.25rem;
    left: 1rem;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    background: #b21e29;
}

/* tekst bij gesloten */
.l-container.l-container--aansluitend table td[style*="80%"] {
    white-space: inherit;
}

.c-allergies__item img {
	width: 100%;
}
#t177 td {
	vertical-align: top;
}
#t177 td p {
	margin-top: 0;
}

html:not(.is-qr-app) .c-shop__cat--parent .category-desc, html:not(.is-qr-app) .c-shop__cat--sub {
    xdisplay: none;
}
.c-shop__cat--parent .c-shop__cat__title span {
    margin: 0 1rem;
    top: -0.25em;
    position: relative;
}

.l-grid.c-checkout-page__mobile--fullwidth .c-tabs__ad.c-tabs__ad-inline {
    display: flex !important;
    font-size: 80%;
}
.c-tabs__ad h3 {
	font-size: 120%;
}
.c-tabs__ad p, .c-tabs__ad ul, .c-tabs__ad li, .c-tabs__ad .form__fakebox, .c-tabs__ad .form__row {
	margin: 0 !important;
	margin-block-start: 0 !important;
}
.c-tabs__ad span {
    margin-top: .1em !important;
}
.c-tabs__ad .form__label {
	xpadding-left: 0 !important;
}
.c-tabs__ad, .c-tabs__ad .l-item--small {
	gap: 0;
}

span.form__input__icon img {
    width: 48px;
}

option:disabled {
	color: #bbb;
}
p.error, p.message, p.warning {
  border: 1px solid red !important;
  background: #fdd;
  color: red !important;
  padding: 1.25rem 1.75rem;
  margin: 1rem 0;
  clear: both;
  border-radius: 4px;
  font-weight: 700;
}
.c-message--error{background:#fdd;border-color:red;color:red}
p.message {
  background-color: #EFF5F1 !important;
  color: #5E9676 !important;
  border-color: #9FCBB1 !important;
}
.c-message--warning,
p.warning {
  background-color: #fef1bc !important;
  color: #c36b09 !important;
  border-color: #F0E1A8 !important;
}

.c-amount__button--info {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 9;
    pointer-events: auto;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    border: 3px solid #ededed !important;
    height: 4rem !important;
}
.c-allergies__container {
	overflow: auto;
}
.c-popup__allergies {
	padding: 0 2.6rem 2.6rem;
}
.c-allergies__icon {
	display: inline;
}
.c-allergies__item {
	display: inline;
    float: left;
    padding: 0 1rem 0 0;
}

@media (min-width: 64em) {
	.c-popover__content {
		max-width: 64rem;
	}
	.c-orderoverview__mobile-col {
		display:none;
	}
}
@media (min-width: 48em) {
	.c-popover__content {
		xmax-width: 75%;
	}
}

.c-popover__keuze-grid {
    grid-template-columns: repeat(2, minmax(15rem, 1fr));
}
@media (min-width: 64em) {
	.c-popover__keuze-grid {
    	grid-template-columns: repeat(2, minmax(19rem, 1fr));
	}
}

.c-tabs__content--home {
	margin: 0 !important;
}

.highlight {
	background-color: yellow;
}

.c-product__right {
	text-align: center;
}

.js-popoverPiggy h2 img {
	position: absolute;
    left: -35px;
    top: -35px;
}
.js-popoverPiggy h4 {
	color: #454545;
	font-weight: normal;
	padding-left: 100px;
}
.js-popoverPiggy h4 img {
	position: absolute;
	left:-35px;
	top:-35px;
}
@media (min-width: 64em) {
	.js-popoverPiggy h4 {
		padding-left: 140px;
	}
}

.js-popoverPiggy b {
	color: var(--primary-surface);
}
.js-popoverPiggy ul {
	list-style: none;
	padding: 0;
}
.js-popoverPiggy li {
    background: url(/css/foodticket/clients/foodticket-v3/piggy/star.png) 0 0 no-repeat;
    padding: 0 0 1em 2em;
    background-size: 1.5em;
}	
.js-popoverPiggy li b {
	color: #454545;
}
.js-popoverPiggy li.li-gift {
    background-image: url(/css/foodticket/clients/foodticket-v3/piggy/gift.png);
}
.js-popoverPiggy li.li-card {
    background-image: url(/css/foodticket/clients/foodticket-v3/piggy/card.png);
}	
.js-popoverPiggy li.li-heart {
    background-image: url(/css/foodticket/clients/foodticket-v3/piggy/email.png);
}	
.js-popoverPiggy li.li-star {
    background-image: url(/css/foodticket/clients/foodticket-v3/piggy/star.png);
}	
.js-popoverPiggy li.li-calendar {
    background-image: url(/css/foodticket/clients/foodticket-v3/piggy/calendar.png);
}		

.js-PiggyPointsRow {
	display: block !important;
}

.c-popover__keuze-grid .c-product__price {
	text-align: center;
}

@media (max-width: 48em) {
    .js-actieCodeToevoegen {
    	white-space: normal !important;
    }
}

.l-container.l-container--aansluitend table td, .l-container#business-contact-info table td {
    vertical-align: top;
}

.c-popover__item__header .c-product__image-holder img {
	position: inherit;
}

#order-form .c-shoppingcart__footer__disclaimer,
#order-form .webshop_dba {
	display: none;
}
@media (max-width: 48em) {
	#order-form .c-shoppingcart__footer__disclaimer,
	#order-form .webshop_dba {
		display: block;
		font-size: 80%;
	}
}

/* pointer-events: none; */
#paypal-button-container {
	position: absolute;
	width: 100%;
	height: 58px;
	margin: 20px 0 0;
	overflow: hidden;
	opacity: 0.001; /* 0 is not clickable! */
}