/*
Theme Name: Wux Theme
Author: Wux
Author URI: https://wux.nl/
Version: 2.4.12
*/

:root {
    --wpb-lightgreen: 102, 179, 46;

    --wpb-light: 244, 245, 246;
    --wpb-light-contrast: 238, 238, 238;
    --wpb-dark: 29, 55, 99;
    --wpb-headings: 63, 76, 88;
    --wpb-text: 76, 90, 103;
    --wpb-text-grey: 98, 112, 125;

    --wpb-red: 201, 20, 45;
    --wpb-light-red: 244, 208, 213;
    --wpb-blue: 32, 129, 195;
    --wpb-contrast-blue: 23, 117, 181;
    --wpb-light-blue: 222, 236, 246;
    --wpb-green: 65, 124, 21;
    --wpb-orange: 179, 118, 0;
    
    --wpb-border: 226, 227, 227;
    --wpb-border-dark: 191, 199, 199;
}


[data-count]::after { --size: 1.6rem; content: attr(data-count); display: inline-grid; place-items: center; background-color: rgb(var(--wpb-blue)); color: #fff; font-weight: 600; margin-left: auto; width: var(--size); height: var(--size); font-size: 1rem; line-height: 1rem; border-radius: 50%; }
[data-count="0"]::after { background-color: rgb(var(--wpb-border)); color: rgb(var(--wpb-text)); }


[data-beeldmerk] { position: relative; }
[data-beeldmerk]::after { content: ''; position: absolute; width: 5.5rem; height: 6.5rem; background: url('/wp-content/themes/wux/assets/img/beeldmerk-transoplast-bg-wit.svg') no-repeat center/contain; }

@media (min-width: 992px) {
    [data-beeldmerk]::after { width: 9.5rem; height: 10rem; }
}

.mini-title { position: relative; --global-fs: 1.4rem; } 
.mini-title .mark { position: relative; z-index: 1; padding-right: 1rem; }
.mini-title::after { content: ''; width: 100%; height: 0; border-top: .1rem solid rgb(var(--wpb-border)); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.mark.mark__light {  background-color: rgb(var(--wpb-light)); }

.wpb-backdrop { background-color: rgba(0,0,0,.5); } 

.trusted-shops {text-decoration: none; display: flex; align-items: center; gap: clamp(.5rem, .6vw, 1rem);}
.trusted-shops .trusted-shops__badge { --global-fs: 1.4rem; display: flex; align-items: center; white-space: nowrap; padding: .6rem .8rem; border-radius: 6.4rem; background-color: rgb(var(--wpb-blue));}
.trusted-shops .trusted-shops__badge * { --inner: 255, 255, 255; color: rgb(var(--inner)); }
.trusted-shops .trusted-shops__badge span { display: flex; align-items: end; line-height: 1; font-size: 1.3rem; gap: .15rem; }
.trusted-shops .trusted-shops__badge strong { font-size: 1.5rem; margin-right: .2rem; }
.trusted-shops .trusted-shops__badge .wpb-icon { --color: var(--inner); --width: 1.5rem; --height: 1.5rem; margin-right: 0.5rem; }
.trusted-shops .trusted-shops__text { font-size: 1.3rem; line-height: 1.1; color: rgb(var(--wpb-text)); }

/*** ----- Typography ----- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: rgb(var(--wpb-text)); font-size: var(--fs); line-height: var(--lh); }

h1, .h1 { --fs: clamp(2.8rem, 5vw, 3.6rem); --lh: 1.15; }
h2, .h2 { --fs: clamp(2rem, 4vw, 2.4rem); --lh: 1.15; }
h3, .h3 { --fs: clamp(1.8rem, 2.5vw, 2.2rem); --lh: 1.15; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }
h5, .h5 { --fs: 1.6rem; --lh: 1.15; }
h6, .h6 { --fs: 1.4rem; --lh: 1.15; }

[class^="fs-"] { font-size: var(--fs); line-height: var(--lh); }

.fs-20-28 { --fs: clamp(2rem, 3vw, 2.8rem); --lh: 1.15; }
.fs-20-24 { --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1.15; }
.fs-18-24 { --fs: clamp(1.8rem, 3vw, 2.4rem); --lh: 1.15; }
.fs-16-22 { --fs: clamp(1.6rem, 3vw, 2.2rem); --lh: 1.15; }
.fs-16-18 { --fs: clamp(1.6rem, 3vw, 1.8rem); }
.fs-13 { --fs: 1.3rem; --lh: 1.56rem; }
.fs-14 { --fs: 1.4rem; --lh: 1.4rem; }
.fs-16 { --fs: 1.6rem; --lh: 1.845rem; }

h1, .h1, h2, .h2, h3, .h3 , h4, .h4, h5, .h5, h6, .h6 { color: rgb(var(--wpb-headings)); }

/*** ---------- Breadcrumb ---------- ***/
.wpb-breadcrumbs { --global-fs: 1.2rem; display: inline-flex; color: rgb(var(--wpb-headings)); max-width: 100%; }
.wpb-breadcrumbs > span { display: inline-flex; align-items: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wpb-breadcrumbs > span > * { margin-right: .8rem; font-weight: 500; }
.wpb-breadcrumbs .breadcrumb_last { margin-right: 0; }
.wpb-breadcrumbs a { color: rgb(var(--wpb-text)); text-decoration: none; }
.wpb-breadcrumbs .wpb-icon { --color: var(--wpb-text); }
.wpb-breadcrumbs .wpb-icon.wpb-icon__house { --width: 1.2rem; --height: 1rem; }
.wpb-breadcrumbs .wpb-icon.wpb-icon__chevron-right { --width: .6rem; --height: 1rem; }

@media (min-width: 992px) {
    .wpb-breadcrumbs { --global-fs: 1.4rem;}
}


/*** ---------- WooCommerce breadcrumbs ---------- ***/
.woocommerce-breadcrumb { --global-fs: 1.2rem; display: inline-flex; column-gap: .6rem; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; color: rgb(var(--wpb-headings)); max-width: 100%; }
.woocommerce-breadcrumb a { color: rgb(var(--wpb-text)); text-decoration: none; }
.woocommerce-breadcrumb .wpb-icon { --color: var(--wpb-text); }
.woocommerce-breadcrumb .wpb-icon.wpb-icon__house { --width: 1.2rem; --height: 1rem; }
.woocommerce-breadcrumb .wpb-icon.wpb-icon__chevron-right { --width: .6rem; --height: 1rem; min-width: .6rem; }

@media (min-width: 992px) {
    .woocommerce-breadcrumb { --global-fs: 1.3rem;}
}


/*** ----- Whitespace ----- ***/
[class*="wpb-wst"] { --wpb-wst: 0; padding-top: var(--wpb-wst); }
[class*="wpb-wsb"] { --wpb-wsb: 0; padding-bottom: var(--wpb-wsb); }

.wpb-wst__none { --wpb-wst: 0; }
.wpb-wst__small { --wpb-wst: 1.8rem; }
.wpb-wst__medium { --wpb-wst: 2.8rem; }
.wpb-wst__large { --wpb-wst: 2.8rem; }

.wpb-wsb__none { --wpb-wsb: 0; }
.wpb-wsb__small { --wpb-wsb: 1.8rem; }
.wpb-wsb__medium { --wpb-wsb: 2.8rem; }
.wpb-wsb__large { --wpb-wsb: 2.8rem; }

@media (min-width: 992px) {
    .wpb-wst__small { --wpb-wst: 3.2rem; }
    .wpb-wst__medium { --wpb-wst: 4.8rem; }
    .wpb-wst__large { --wpb-wst: 6.4rem; }
    
    .wpb-wsb__small { --wpb-wsb: 3.2rem; }
    .wpb-wsb__medium { --wpb-wsb: 4.8rem; }
    .wpb-wsb__large { --wpb-wsb: 6.4rem; }
}

/*** ----- Background colors ----- ***/
.wpb-bg-color__white { background-color: #fff; }
.wpb-bg-color__primary { background-color: rgba(var(--wpb-blue), .05); }
.wpb-bg-color__light { background-color: rgb(var(--wpb-light)); }

.wpb-bg-color__blue { background-color: rgb(var(--wpb-blue)); }
.wpb-bg-color__blue *:not(.btn) { color: #fff; }
.wpb-bg-color__blue .wpb-text-label i { --color: 255,255,255; }

.wpb-bg-color__white-8 { background-color: rgba(255,255,255,.08); }

.wpb-bg-dark { background-color: rgb(var(--wpb-dark)); }

.wpb-bg-pattern__dark { position: relative; background-color: rgb(var(--wpb-dark)); }
.wpb-bg-pattern__dark::after { --src: url('/wp-content/themes/wux/assets/img/background-pattern.svg'); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: 40rem; mask-size: 40rem; -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-position: left center; background-color: rgba(255,255,255,.15); }
.wpb-bg-pattern__dark > * { position: relative; z-index: 1; }
.wpb-bg-pattern__dark *:not(.btn) { color: #fff; }
.wpb-bg-pattern__dark .wpb-text-label i { --color: 255,255,255; }

.wpb-bg-pattern__dark .btn.btn-blue { --hover-bg-color: 255,255,255; --hover-color: var(--wpb-headings); }
.wpb-bg-pattern__dark .btn.btn-blue .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); }
.wpb-bg-pattern__dark .btn.btn-blue:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) }

/*** ----- Text ----- ***/
.wpb-text__white *:not(.btn) { color: #fff; }
.wpb-text__white .wpb-text-label i { --color: 255,255,255; }

.wpb-text__blue { color: rgb(var(--wpb-contrast-blue)); }
.wpb-text__blue i { --color: var(--wpb-contrast-blue); }

.wpb-text-label { display: flex; align-items: center; font-size: 1.5rem; }
.wpb-text-label i { margin-right: .5rem; --width: 1.2rem; --height: 1.3rem; }
.wpb-text-label + * { margin-top: 1.2rem!important; }

/*** ----- Buttons ----- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --font-size: 1.4rem; --border-radius: .6rem; gap: .8rem; --color: var(--wpb-text); --padding: 0 2rem; column-gap: 2rem; font-weight: 600; min-height: 4rem; justify-content: space-between; text-align: start; }
.btn span, .gform_button span, .gform_next_button span, .gform_previous_button span, .button span { font: inherit; color: inherit; }

.btn.btn-large { --padding: 0 2.2rem; --font-size: 1.4rem; min-height: 4.4rem; }
.btn.btn-small { --padding: 0 1.8rem; min-height: 3.6rem; column-gap: .8rem; }
.btn.btn-small > .wpb-icon {--width: 1.6rem; --height: 1.6rem;}
.btn.btn-mini { --padding: 0 1.6rem; min-height: 3rem; }

.btn.btn-outline { --color: var(--wpb-contrast-blue); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-border)); --hover-bg-color: var(--wpb-light); --hover-color: var(--wpb-blue); --hover-border: 1px solid rgba(var(--wpb-blue)); }
.btn.btn-outline .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-blue)); }
.btn.btn-outline .wpb-icon { --color: var(--wpb-contrast-blue); }
.btn.btn-outline.selected { --border: .1rem solid rgb(var(--wpb-blue)); --bg-color: var(--wpb-blue), .15; --color: var(--wpb-blue); }
.btn.btn-outline.selected i:not(.wpb-icon__trashcan) { --src: url('/wp-content/themes/wux/assets/icons/bookmark.svg'); --color: var(--wpb-blue); }
.btn.btn-outline.loading::after { --color: var(--wpb-green); }

.btn.btn-outline-dark { --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-border-dark)); --hover-bg-color: var(--wpb-light); }
.btn.btn-outline-dark .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); }
.btn.btn-outline-dark .wpb-icon__wrapper-outline .wpb-icon { --color: var(--wpb-headings); }

.btn.btn-outline-headings { --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-headings)); --hover-bg-color: var(--wpb-blue); --hover-color: 255, 255, 255; --hover-border: 1px solid rgba(var(--wpb-blue));}
.btn.btn-outline-headings .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); }
.btn.btn-outline-headings .wpb-icon__wrapper-outline .wpb-icon { --color: var(--wpb-headings); }

.btn.btn-outline-white { --color: 255,255,255; --bg-color: transparent; --border: .1rem solid rgba(255,255,255, .35); --hover-color: var(--wpb-headings); --hover-border: .1rem solid rgb(255,255,255); --hover-bg-color: 255,255,255; }
.btn.btn-outline-white .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); }
.btn.btn-outline-white:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) }
.btn.btn-outline-white .wpb-icon__wrapper-outline i { --color: 255,255,255; }

.btn.btn-white { --hover-color: 255, 255, 255; --hover-bg-color: var(--wpb-dark); --hover-border: .1rem solid rgb(255, 255, 255); }

.btn.btn-light { --bg-color: var(--wpb-light); --border: .1rem solid rgb(var(--wpb-light)); --color: var(--wpb-headings); --hover-bg-color: var(--wpb-light-contrast); }
.btn.btn-light .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); }
.btn.btn-light i { --color: var(--wpb-headings); }

.btn.btn-secondary { --bg-color: var(--wpb-dark); --border: .1rem solid rgb(var(--wpb-dark)); --color: 255,255,255; --hover-bg-color: var(--wpb-blue); --hover-border: .1rem solid rgb(var(--wpb-blue)); }
/* .btn.btn-secondary .wpb-icon__wrapper-outline { border-color: 255,255,255,.; } */
.btn.btn-secondary i { --color: 255,255,255; }

.btn-check + .btn { --active-color: #fff; --active-bg-color: rgb(var(--wpb-headings)); --active-border: 1px solid rgb(var(--wpb-headings)); }
.btn-check:checked + .btn { --hover-color: 255,255,255; --hover-bg-color: var(--wpb-headings); --hover-border: .1rem solid rgb(var(--wpb-headings)); }
.btn-check:checked + .btn .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); }
.btn-check:checked + .btn i { --color: 255,255,255; }

.btn.btn-link { --padding: 0; min-height: 0; }
.btn.btn-link-blue { --color: var(--wpb-contrast-blue); }
.btn.btn-link-blue .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-contrast-blue)); }
.btn.btn-link-blue .wpb-icon__wrapper-outline .wpb-icon { --color: var(--wpb-contrast-blue); }

.btn.btn-primary , .button { --bg-color: var(--wpb-blue); --border: 1px solid rgb(var(--wbp-blue)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); }
.btn.btn-primary .wpb-icon { --color: 255,255,255; }
.btn.btn-primary.btn-on-dark:hover {--hover-bg-color: 45, 71, 116;}

.btn.btn-blue { --bg-color: var(--wpb-blue); --border: 1px solid rgb(var(--wbp-blue)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); }
.btn.btn-blue .wpb-icon { --color: 255,255,255; }

.btn.btn-green { --bg-color: var(--wpb-green); --border: 1px solid rgb(var(--wpb-green)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); --hover-border: 1px solid rgb(var(--wpb-dark)) }
.btn.btn-green .wpb-icon { --color: 255,255,255; }

.btn.btn-red { --bg-color: var(--wpb-red); --border: 1px solid rgb(var(--wbp-red)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); }
.btn.btn-red .wpb-red { --color: 255,255,255; }

.btn.btn-link { column-gap: .6rem; }
.btn.btn-link.btn-link__blue { --color: var(--wpb-contrast-blue); }
.btn.btn-link.btn-link__blue .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-contrast-blue)); }
.btn.btn-link.btn-link__blue .wpb-icon__wrapper-outline i { --color: var(--wpb-contrast-blue); }

.btn.btn-link.btn-link__green { --color: var(--wpb-green); }
.btn.btn-link.btn-link__green .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-green)); }
.btn.btn-link.btn-link__green .wpb-icon__wrapper-outline i { --color: var(--wpb-green); }

.btn.btn-lightgreen { --bg-color: var(--wpb-lightgreen); --border: 1px solid rgb(var(--wpb-lightgreen)); --color: 255,255,255; --hover-bg-color: #FFF; }

.btn[data-online]::after { margin-left: 2.7rem; }

.btn:hover .wpb-icon__wrapper-outline, .gform_button:hover .wpb-icon__wrapper-outline, .gform_next_button:hover .wpb-icon__wrapper-outline, .gform_previous_button:hover .wpb-icon__wrapper-outline {border-color: rgba(var(--hover-color));}

[data-online]::after { content: ''; display: inline-block; width: .9rem; height: .9rem; border-radius: 50%; margin: .5rem; }
[data-online="true"]::after { background-color: rgb(var(--wpb-green)); box-shadow: 0 0 0 .5rem rgba(var(--wpb-green), .22); }
[data-online="false"]::after { background-color: rgb(var(--wpb-dark)); box-shadow: 0 0 0 .5rem rgba(var(--wpb-dark), .22); }

@media (min-width: 576px) {
    .btn, .gform_button, .gform_next_button, .gform_previous_button, .button { font-size: 1.6rem; }
    .btn.btn-small { font-size: 1.4rem; }
}
@media (min-width: 992px) {
    .btn, .gform_button, .gform_next_button, .gform_previous_button, .button { min-height: 4.6rem; }
    .btn.btn-large { min-height: 5.3rem; --padding: 0 2.4rem; --font-size: 1.6rem; min-height: 4.6rem; }
}

/*** ----- Forms ----- ***/
.form-control { min-height: 4rem; --border: 1px solid rgb(var(--wpb-border)); --padding: 0 1.6rem; --border-radius: 0.6rem; }
.form-select { font-weight: 600; --padding: 0 .9rem; }
.form-select__small { min-height: 3.6rem; font-size: 1.4rem; }
.form-select:focus { outline: .1rem solid rgba(0,0,0,.5); }
.form-select__wrapper .form-select { -webkit-appearance: none; appearance: none; }
.form-select__wrapper { position: relative; }
.form-select__wrapper::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 1.6rem; pointer-events: none; --src: url('/wp-content/themes/wux/assets/icons/chevron-down.svg'); -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: 1.2rem; height: 1.2rem; background-color: rgba(var(--wpb-headings)); }
textarea.form-control { --padding: 1rem 1.6rem; }

.has-floating-label { background-color: #fff; border-radius: .5rem; display: flex; flex-direction: column; overflow: hidden; }
.has-floating-label label { font-size: 1rem; line-height: 1; text-transform: uppercase; padding: .7rem 1rem 0 1rem; }
.has-floating-label :is(select, input) { min-height: 3rem; font-weight: 400; padding: 0 1rem; } 
.has-floating-label :is(select, input):focus { outline: none; }

.gform_wrapper:not(#gform_wrapper_2) .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { --border: .1rem solid rgb(var(--wpb-border)); padding: 0 1.6rem!important; --border-radius: 0.6rem; min-height: 4rem!important; }
.gform_wrapper .textarea { padding: 1.6rem!important; }

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: transparent!important; border: none!important; padding: 0!important; margin: 0!important; }

.form-check-input:checked, .gfield_radio input:checked, .gfield_checkbox input:checked, .woocommerce-form__label input:checked, .woocommerce-shipping-methods input:checked { --check-bg-color: rgb(var(--wpb-blue)); --check-border-color: rgb(var(--wpb-blue)); }

/* Gravity Form : Errors */
.gform_wrapper.gravity-theme .gfield_description { display: none; }
.gform_wrapper.gravity-theme .gform_validation_errors { background-color: #c02b0a; padding: 1.6rem 2rem; } 
.gform_wrapper.gravity-theme .gform_validation_errors h2 { color: #fff; }
.gform_confirmation_message { background-color: rgb(var(--wpb-green)); padding: 1.6rem 2rem; border-radius: 0.8rem; color: #fff; }

@media (min-width: 992px) {
    .form-control { min-height: 5rem; } 
    .gform_wrapper:not(#gform_wrapper_2) .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { min-height: 5rem!important; } 
}

/*** ----- Form: Newsletter ----- ***/
.newsletter .wpb-alert { margin-top: 1rem; --global-fs: 1.4rem; padding: 1rem; padding-left: 3rem; min-height: unset;}
.newsletter .wpb-alert.wpb-alert__error {background-color: rgb(var(--wpb-dark));}
.newsletter .wpb-alert::before { left: 1rem; --width: 1.4rem; --height: 1.4rem; }
.newsletter .form-group { position: relative; }
.newsletter [type="email"] { --border-radius: .5rem!important; --border: 1px solid rgba(255,255,255,.25)!important; --focus-border: 1px solid rgba(255,255,255,.25)!important; font-size: 1.4rem; color: #fff; background-color: transparent; padding-right: 4.5rem!important; padding-left: 2rem!important; min-height: 4.5rem!important; }
.newsletter [type="email"]::placeholder { color: #fff; font-size: 1.4rem; }
.newsletter [type="email"]:focus { border-color: rgba(255,255,255,.75); }
.newsletter button { cursor: pointer; border: none; display: inline-grid; place-items: center; position: absolute; top: .5rem; right: .5rem; width: 3.5rem; height: 3.5rem; min-height: 3.5rem; padding: 0; border-radius: .4rem; background-color: rgb(var(--wpb-blue)); }
.newsletter button .wpb-icon { --color: 255,255,255; --width: 1.3rem; --height: 1.3rem; }

.newsletter.newsletter--dark [type="email"] { border: 1px solid rgba(0,0,0,.25)!important; color: rgb(var(--wpb-text)); }
.newsletter.newsletter--dark [type="email"]:focus { border-color: rgba(0,0,0,.75); }
.newsletter.newsletter--dark [type="email"]::placeholder { color: rgb(var(--wpb-text)); }

/*** ----- Icon wrapper ----- ***/
.wpb-icon__wrapper { --w: 1.7rem; --h: 1.7rem; width: var(--w); min-width: var(--w); height: var(--h); min-height: var(--h); border-radius: 50%; line-height: 1; }
.wpb-icon__wrapper .wpb-icon { --width: 1rem; --height: 1rem; }
.wpb-icon__wrapper .wpb-icon.wpb-icon__info { --width: .425rem; --height: .956rem; }
.wpb-icon__wrapper.wpb-icon__wrapper-outline { border: 1px solid rgb(var(--wpb-border)); }
.wpb-icon__wrapper.wpb-icon__wrapper-blue { background-color: rgb(var(--wpb-blue)); }
.wpb-icon__wrapper.wpb-icon__wrapper-blue .wpb-icon { --color: 255,255,255; --width: 1.7rem; --height: 1.7rem; }

.wpb-icon__wrapper-15 { --w: 1.5rem; --h: 1.5rem; }
.wpb-icon__wrapper-23 { --w: 2.3rem; --h: 2.3rem; }
.wpb-icon__wrapper-23 .wpb-icon { --width: 1.2rem; --height: 1.2rem; }
.wpb-icon__wrapper-27 { --w: 2.7rem; --h: 2.7rem; }
.wpb-icon__wrapper-27 .wpb-icon { --width: 1.3rem; --height: 1.3rem; }
.wpb-icon__wrapper-30 { --w: 3rem; --h: 3rem; }
.wpb-icon__wrapper-30 .wpb-icon { --width: 1.3rem; --height: 1.3rem; }
.wpb-icon__wrapper-38 { --w: 3.8rem; --h: 3.85rem; }
.wpb-icon__wrapper-38 .wpb-icon { --width: 1.6rem; --height: 1.6rem; }
.wpb-icon__wrapper-41 { --w: 4.1rem; --h: 4.1rem; }
.wpb-icon__wrapper-41 .wpb-icon { --width: 2rem; --height: 2rem; }
.wpb-icon__wrapper-47 { --w: 4.7rem; --h: 4.7rem; }
.wpb-icon__wrapper-47 .wpb-icon { --width: 2.5rem; --height: 2.5rem; }
.wpb-icon__wrapper-51 { --w: 5.1rem; --h: 5.1rem; }
.wpb-icon__wrapper-51 .wpb-icon { --width: 3rem; --height: 3rem; }
.wpb-icon__wrapper-51 img { width: 3rem; height: 3rem; object-fit: contain; }

/*** ----- Info ----- ***/
.wpb-info { --global-fs: 1.4rem; }
.wpb-info .wpb-icon__wrapper { margin-right: .6rem; }

/*** ----- USP's ----- ***/
.wpb-usps { --global-fs: 1.4rem; --global-lh: 1.15; --color: rgb(var(--wpb-text)); --color-icon: var(--wpb-blue); list-style: none; display: flex; color: var(--color); scroll-snap-type: x mandatory; white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
.wpb-usps::-webkit-scrollbar { display: none; }
.wpb-usps li { display: grid; grid-template-columns: 1.4rem 1fr; column-gap: .5rem; align-items: center; scroll-snap-align: start; }
.wpb-usps li .wpb-icon { --width: 1.6rem; --height: 1.6rem; --color: var(--color-icon); }
.wpb-usps > li + li { margin-left: 1.8rem; }
.wpb-usps * { color: var(--color); }

.wpb-usps.wpb-usps__dark * { color: rgb(var(--wpb-headings)); }
.wpb-usps.wpb-usps__dark li .wpb-icon { --color: var(--wpb-blue); }

.wpb-usps.wpb-usps__extended li { grid-template-columns: 2.4rem 1fr; column-gap: 1rem; }
.wpb-usps.wpb-usps__extended li .wpb-icon__wrapper { width: 2.4rem; height: 2.4rem; }
.wpb-usps.wpb-usps__extended li .wpb-icon { --color: 255,255,255; --width: 1.4rem; --height: 1.4rem; }

/*** ----- Tooltips ----- ***/
.wpb-tooltip { border: 1px solid rgb(var(--wpb-border)); padding: 1rem; box-shadow: 0 0 0.8rem 0.15rem rgba(0,0,0,.05); }
.wpb-tooltip.wpb-tooltip__top::before { z-index: 2; content: ''; width: 1rem; height: 1rem; position: absolute; bottom: -.5rem; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: #fff }
.wpb-tooltip.wpb-tooltip__top::after { z-index: 1; border-width: 8px 8px 0 8px; border-color: rgb(var(--wpb-border)) transparent transparent transparent; }

.wpb-tooltip strong { display: block; font-size: 1.4rem; line-height: 1.2; color: rgb(var(--wpb-headings)); }
.wpb-tooltip span { display: block; font-size: 1.3rem; line-height: 1.2; color: rgb(var(--wpb-headings)); }

/*** ----- Cards ----- ***/
.wpb-card { --border-radius: .8rem; }
.wpb-card .wpb-card__body { padding: 1.4rem; z-index: 2; }
.wpb-card .wpb-card__footer { padding: 0 1rem 1rem 1rem; z-index: 2; }

.wpb-card .wpb-card__header.is-bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--border-radius); }
.wpb-card .wpb-card__header.is-bg-image::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: var(--border-radius); background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 100%); }
.wpb-card .wpb-card__header.is-bg-image img { object-fit: cover; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }

.wpb-card .card-date { display: inline-flex; align-items: center; column-gap: .5rem; font-size: 1.3rem; font-weight: 600; }
.wpb-card .card-date .wpb-icon { --width: 1.4rem; --height: 1.6rem; opacity: .5; }

.wpb-card.wpb-card__category .wpb-card__body > p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.wpb-card.wpb-card__category .wpb-card__header { padding: 1.4rem 1rem 0; overflow: inherit; }
.wpb-card.wpb-card__category .wpb-card__header figure img { height: 8rem; object-fit: contain; max-width: 20rem; padding-right: 1rem; } 
.wpb-card.wpb-card__category .wpb-card__footer a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wpb-card.wpb-card__category .wpb-card__footer .btn {gap: 1rem;}

.wpb-card.wpb-card__category-color { background-color: rgb(var(--wpb-light)); }
.wpb-card.wpb-card__category-color .wpb-card__header { padding: 1.6rem 2rem; column-gap: 2rem; display: flex; justify-content: space-between; overflow: inherit; }
.wpb-card.wpb-card__category-color .wpb-card__header h3 { font-size: 1.8rem; display: flex; align-items: center; column-gap: .8rem; }
.wpb-card.wpb-card__category-color .wpb-card__header h3 .wpb-icon { background: rgba(63, 76, 88, .4); --width: 1.3rem; --height: 1.3rem; min-width: 1.3rem; }
.wpb-card.wpb-card__category-color .wpb-card__header .wpb-icon__wrapper { border: 1px solid rgb(var(--wpb-blue)); }
.wpb-card.wpb-card__category-color .wpb-card__header .wpb-icon__wrapper .wpb-icon { --color: var(--wpb-blue); }
.wpb-card.wpb-card__category-color .wpb-card__header .wpb-icon__wrapper::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }
.wpb-card.wpb-card__category-color:hover .wpb-card__header .wpb-icon__wrapper { background-color: rgb(var(--wpb-blue)); border-color: rgb(var(--wpb-blue)); }
.wpb-card.wpb-card__category-color:hover .wpb-card__header .wpb-icon__wrapper .wpb-icon { background: #fff!important; }
.wpb-card.wpb-card__category-color .wpb-card__body { padding: .8rem 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.wpb-card.wpb-card__category-color .wpb-card__footer { padding: .8rem 2rem; }
.wpb-card.wpb-card__category-color .colors { display: inline-flex; align-items: center; }
.wpb-card.wpb-card__category-color .color { --size: 2rem; border: 2px solid rgb(var(--wpb-light)); border-radius: 50%; width: var(--size); height: var(--size); min-width: var(--size); background-color: var(--c); }
.wpb-card.wpb-card__category-color .color + .color { margin-left: -.85rem; }
.wpb-card.wpb-card__category-color > * + * { border-top: 1px solid #DBDFE2; }
.wpb-card.wpb-card__category-color * { color: #3F4C58; }
.wpb-card.wpb-card__category-color small { font-size: 1.3rem; }
.wpb-card.wpb-card__category-color .heights { display: flex; flex-wrap: wrap; column-gap: .5rem }
.wpb-card.wpb-card__category-color .heights,
.wpb-card.wpb-card__category-color .heights * { font-size: 1.3rem; }
.wpb-card.wpb-card__category-color .height + .height::before { content: ', '; font-size: 1.3rem; display: inline-block; margin-right: .5rem; margin-left: -.5rem; }

.wpb-card.wpb-card__sector { aspect-ratio: 9 / 5; }
.wpb-card.wpb-card__sector .wpb-card__header { overflow: hidden; border-radius: var(--border-radius); }
.wpb-card.wpb-card__sector .wpb-card__header img { transition: transform var(--ts-35) ease; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); }
.wpb-card.wpb-card__sector .wpb-card__body { margin-top: auto; display: flex; align-items: center; justify-content: space-between; flex-grow: 0; }
.wpb-card.wpb-card__sector .wpb-card__body h3 { --fs: clamp(1.4rem, 2.5vw, 2rem); }
.wpb-card.wpb-card__sector .wpb-card__body .wpb-icon__wrapper i { --color: 255,255,255; }
.wpb-card.wpb-card__sector:hover .wpb-card__header img { transform: scale(1.1); }

.wpb-card.wpb-card__article { min-height: 20rem; }
.wpb-card.wpb-card__article .card-title { --fs: clamp(1.6rem, 2.5vw, 2rem); }
.wpb-card.wpb-card__article .wpb-card__header { overflow: hidden; border-radius: var(--border-radius); }
.wpb-card.wpb-card__article .wpb-card__header img { transition: transform var(--ts-35) ease; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); min-height: 20rem; }
.wpb-card.wpb-card__article .wpb-card__body { display: flex; flex-direction: column; align-items: start; justify-content: flex-end; }
.wpb-card.wpb-card__article .wpb-card__body a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.wpb-card.wpb-card__article summary p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card__article .badge-group .badge { --border: 1px solid rgba(255,255,255,.3); } 
.wpb-card.wpb-card__article .card-date .wpb-icon { background-color: rgba(255,255,255,.75); }
.wpb-card.wpb-card__article:hover .wpb-card__header img { transform: scale(1.1); }

.wpb-card.wpb-card__article-secondary { display: grid; grid-template-columns: 1fr 2.2rem; align-items: center; column-gap: 2rem; border-radius: 0; background: transparent; }
.wpb-card.wpb-card__article-secondary .card-title { --fs: 1.8rem; font-weight: 600; }
.wpb-card.wpb-card__article-secondary .wpb-card__body { padding: 0; }
.wpb-card.wpb-card__article-secondary .wpb-card__body .badge-group { margin-top: 1.2rem; }
.wpb-card.wpb-card__article-secondary .wpb-card__body summary { font-size: 1.3rem; color: rgba(var(--wpb-text), .8); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card__article-secondary .wpb-card__body summary * { font: inherit; color: inherit; margin-top: .4rem; }
.wpb-card.wpb-card__article-secondary .wpb-icon__wrapper { border-radius: 50%; width: 2.2rem; height: 2.2rem; }
.wpb-card.wpb-card__article-secondary:hover .wpb-icon__wrapper { background-color: rgb(var(--wpb-blue)); border-color: rgb(var(--wpb-blue)); }
.wpb-card.wpb-card__article-secondary:hover .wpb-icon__wrapper .wpb-icon { --color: 255,255,255; }

.wpb-card.wpb-card__article-tertiary { border-radius: 0; background-color: transparent; gap: 2.4rem; }
.wpb-card.wpb-card__article-tertiary .wpb-card__body { padding: 0; }
.wpb-card.wpb-card__article-tertiary .wpb-card__body .badge-group { margin-top: 1.2rem; }
.wpb-card.wpb-card__article-tertiary .wpb-card__header { display: flex; border-radius: var(--border-radius); }
.wpb-card.wpb-card__article-tertiary .wpb-card__header img { object-fit: cover; transition: transform var(--ts-35) ease; }
.wpb-card.wpb-card__article-tertiary:hover .wpb-card__header img { transform: scale(1.1); }

.wpb-card.wpb-card__newsletter .wpb-card__body h3 { --fs: clamp(1.4rem, 2.5vw, 2rem); padding-bottom: .7rem; }
.wpb-card.wpb-card__newsletter .wpb-card__body .newsletter { margin-top: 1.8rem; }
.wpb-card.wpb-card__newsletter.wpb-bg-pattern__dark .newsletter .form-control { background-color: #3F557B; border-color: #3F557B; }


.wpb-card.wpb-card__article-small { background-color: transparent; border-radius: 0; }
.wpb-card.wpb-card__article-small .card-title { font-size: 1.8rem; font-weight: 600; margin-bottom: .5rem; }
.wpb-card.wpb-card__article-small .btn { margin-top: 1rem; }
.wpb-card.wpb-card__article-small summary p { font-size: 1.3rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card__article-small .wpb-card__body { padding: 0; }
.wpb-card.wpb-card__article-small .badge { --padding: .45rem .9rem; }
.wpb-card.wpb-card__article-small .wpb-card__footer { display: flex; justify-content: space-between; padding: .9rem 0 0 0; }
.wpb-card.wpb-card__article-small .wpb-card__footer .wpb-icon__wrapper { width: 2.2rem; height: 2.2rem; }
.wpb-card.wpb-card__article-small:hover .wpb-icon__wrapper { background-color: rgb(var(--wpb-blue)); border-color: rgb(var(--wpb-blue)); }
.wpb-card.wpb-card__article-small:hover .wpb-icon__wrapper .wpb-icon { --color: 255,255,255; }

.wpb-card.wpb-card__wishlist-product { border: .1rem solid rgb(var(--wpb-border)); }
.wpb-card.wpb-card__wishlist-product .wpb-card__header { height: 20rem }
.wpb-card.wpb-card__wishlist-product .wpb-card__header img { object-fit: contain; }
.wpb-card.wpb-card__wishlist-product .wpb-card__body .product-sku { display: inline-block; color: rgb(var(--wpb-text)); font-size: 1.2rem; font-weight: 500; background-color: rgb(var(--wpb-light)); border-radius: 0.3rem; padding: 0 0.25rem; margin-bottom: .5rem; }
.wpb-card.wpb-card__wishlist-product .wpb-card__body h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wpb-card.wpb-card__wishlist-product .wpb-card__body + .wpb-card__body { border-top: 1px solid rgb(var(--wpb-border)); }
.wpb-card.wpb-card__wishlist-product .price { color: rgb(var(--wpb-headings)); }
.wpb-card.wpb-card__wishlist-product .price > strong { display: block; font-size: 2rem; line-height: 1.2rem; } 
.wpb-card.wpb-card__wishlist-product .price > strong small { display: none; } 
.wpb-card.wpb-card__wishlist-product .price > small { font-size: 1.2rem; line-height: 1.2rem; color: rgb(var(--wpb-text)); }
.wpb-card.wpb-card__wishlist-product .price > small * { font-size: 1.2rem; line-height: 1.2rem; color: rgb(var(--wpb-text)); }
.wpb-card.wpb-card__wishlist-product .btn.btn-outline { --padding: 0 1.4rem; --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-border)); }
.wpb-card.wpb-card__wishlist-product .wpb-card__footer .btn {width: 100%; justify-content: center;}

@media (min-width: 768px) {
    .wpb-card.wpb-card__article { min-height: 30rem; }

    .wpb-card .wpb-card__body { padding: 2rem; }
    .wpb-card .wpb-card__footer { padding: 0 2rem 2rem 2rem; }

    .wpb-card.wpb-card__category { --global-fs: 1.6rem;}
    .wpb-card.wpb-card__category .wpb-card__header { padding: 2rem 2.4rem 0; }
    .wpb-card.wpb-card__category .wpb-card__body { padding: 2.1rem 2.4rem 1.8rem 2.4rem; }
    .wpb-card.wpb-card__category .wpb-card__footer { padding: 0 2.4rem 2.4rem 2.4rem; }
    .wpb-card.wpb-card__category .wpb-card__header figure img { height: 11rem;} 
    .wpb-card.wpb-card__article .wpb-card__header img { min-height: 30rem; }

    .wpb-card.wpb-card__article-tertiary {gap: 2.7rem; }
    .wpb-card.wpb-card__article-tertiary .wpb-card__body .badge-group { margin-top: 2rem; }
}

/*** ----- Navigation ----- ***/
.wpb-navigation { --nav-bg-color: #fff; position: relative; background-color: #fff; border-bottom: 1px solid rgb(var(--wpb-border)); }
.wpb-navigation .logo { display: inline-flex; margin: auto; }
.wpb-navigation .logo img { width: 100%; max-width: 20rem; height: auto; }
.wpb-navigation .menu-item-has-children { position: relative; }
.wpb-navigation .wpb-usps{ --color: #FFFF; }
.wpb-navigation .trusted-shops .trusted-shops__text { color: #FFFF; font-size: clamp(1rem, 1.2vw, 1.3rem); }
.wpb-navigation .global-region-switcher{ border: 1px solid rgb(var(--wpb-border)); border-radius: 3.2rem; transition: border var(--ts-25) ease, background var(--ts-25) ease; }
.wpb-navigation .global-region-switcher *{ --color: var(--wpb-text); color: rgb(var(--color)); }
.wpb-navigation .global-region-switcher > i:last-child{ --width: 1rem; --height: 1rem; }
.wpb-navigation .global-region-switcher:hover{ border: 1px solid transparent; background-color: rgb(var(--wpb-border), .5); }
.wpb-navigation .btn--nav{ --inner-color: var(--wpb-text); --border-radius: 0; --color: var(--inner-color); --bg-color: transparent; --border: 1px solid transparent; }
.wpb-navigation .btn--nav:hover{ --inner-color: var(--wpb-blue); }
.wpb-navigation .btn--nav .wpb-icon{ --color: var(--inner-color); }
.wpb-navigation .btn .wpb-icon.wpb-icon__bookmark{ --width: 1.6rem; --height: 1.6rem; }
.wpb-navigation .btn--login .wpb-icon{ --width: 2.4rem; --height: 2.4rem; }
.wpb-navigation ul > .menu-item > a:hover{ color: rgb(var(--wpb-blue)); }

.wpb-navigation .wpb-navigation__top{ background-color: rgb(var(--wpb-dark)); padding-block: 1.1rem; }
.wpb-navigation .wpb-navigation__top .container{ display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.wpb-navigation .wpb-navigation__top .wpb-usps { --global-fs: 1.2rem; display: flex; align-items: center; gap: 2rem; border-right: none; } 
/* .wpb-navigation .wpb-navigation__top .wpb-usps li { grid-column: 1/-1; grid-row: 1/-1; opacity: 0; transition: opacity var(--ts-15) ease; } */
.wpb-navigation .wpb-navigation__top .wpb-usps li + li { margin-left: 0; }
/* .wpb-navigation .wpb-navigation__top .wpb-usps li.is-active { opacity: 1; } */
.wpb-navigation .wpb-navigation__top .wpb-usps li .wpb-icon { --width: 1.6rem; --height: 1.6rem; --color: var(--wpb-blue); }



.wpb-navigation .wpb-navigation__main { padding: 1.3rem 0; }
.wpb-navigation .wpb-navigation__main .container { display: grid; grid-template-columns: auto 1fr; column-gap: 1.9rem; grid-row-gap: 1.2rem; }
.wpb-navigation .wpb-navigation__main .woocommerce-cart__button { --padding: 0 1.8rem; position: relative; cursor: pointer;}  
.wpb-navigation .wpb-navigation__main .woocommerce-cart__button span { display: none; }
.wpb-navigation .wpb-navigation__main .wux-bookmark__button { position: relative; }
.wpb-navigation .wpb-navigation__main .wux-bookmark__button::after { position: absolute; top: -.5rem; right: -.5rem; }

.wpb-navigation .woocommerce-cart__button .cart-icon-wrapper{ --mh: 2.2rem; position: relative; height: var(--mh); }
.wpb-navigation .woocommerce-cart__button .cart-icon-wrapper::after { --offset: .9rem; width: auto; min-width: var(--size); padding: 0 .2rem; position: absolute; top: auto; right: auto; left: var(--offset); bottom: var(--offset); border-radius: 3rem; }
.wpb-navigation .woocommerce-cart__button .cart-icon-wrapper .wpb-icon { --width: 2.9rem; --height: var(--mh); }

.wpb-navigation .wpb-navigation__main .wpb-navigation__main__start{ display: flex; align-items: center; gap: 2.8rem; }
.wpb-navigation .wpb-navigation__main .wpb-navigation__main__end{ margin-left: auto; display: flex; align-items: center; }

/*** SEARCH BAR ***/
.wpb-navigation__search { --br: .6rem; --mh: 4.4rem; order: 99; grid-column: 1/-1; position: relative; border-radius: var(--br); display: flex; height: var(--mh); }
.wpb-navigation__search input { padding: 0 1.6rem; flex-grow: 1; font-size: 16px; height: var(--mh); border: none; background-color: rgba(var(--wpb-light)); border-right: 0; border-top-left-radius: var(--br); border-bottom-left-radius: var(--br); }
.wpb-navigation__search input:focus { outline: none; }
.wpb-navigation__search.is-active input,
.wpb-navigation__search.is-active button {background-color: #fff;}
.wpb-navigation__search button { cursor: pointer; background-color: rgba(var(--wpb-light)); display: flex; color: rgb(var(--wpb-headings)); align-items: center; font-size: 1.4rem; font-weight: 600; height: var(--mh); padding: 0 1.6rem; border: none; border-left: .1rem solid rgb(var(--wpb-border)); border-top-right-radius: var(--br); border-bottom-right-radius: var(--br); }
.wpb-navigation__search button .wpb-icon { --width: 1.6rem; --height: 1.6rem; margin-right: .7rem; --color: var(--wpb-headings); }
.wpb-navigation__search .wpb-search-results { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; }
.wpb-navigation__search .wpb-search-history {opacity: 0; visibility: hidden; pointer-events: none; background-color: #fff; border-radius: 1.2rem; padding: 1.2rem 1.8rem; z-index: 10; position: absolute; top: calc(100% + 0.65rem); left: 0; right: 0; transition: var(--ts-15) ease;}
.wpb-navigation__search .wpb-search-history .searches {display: flex; flex-direction: column; margin: 0 -6px;}
.wpb-navigation__search .wpb-search-history .searches .search {cursor: pointer; font-weight: 600; color: rgba(var(--wpb-headings)); padding: 3px 6px; border-radius: .4rem; font-size: 15px; text-decoration: none; display: flex; align-items: center; justify-content: space-between; transition: var(--ts-15) ease;}
.wpb-navigation__search .wpb-search-history .searches .search .wpb-icon__wrapper {opacity: 0; transition: var(--ts-15) ease;}
.wpb-navigation__search .wpb-search-history .searches .search:hover {background-color: rgba(var(--wpb-light));}
.wpb-navigation__search .wpb-search-history .searches .search:hover .wpb-icon__wrapper {opacity: 1;}
.wpb-navigation__search .wpb-search-history label {font-size: 13px; font-weight: 500; opacity: .65; color: rgba(var(--wpb-headings)); margin-bottom: 8px;}
.wpb-navigation__search .empty-state {display: flex; padding: 1.2rem 0; align-items: center; flex-direction: column; text-align: center;}
.wpb-navigation__search .empty-state img {max-width: 80px; margin-bottom: 16px;}
.wpb-navigation__search .empty-state .title {font-size: 16px; font-weight: 700; color: rgba(var(--wpb-headings)); margin-bottom: 5px;}
.wpb-navigation__search .empty-state p {font-size: 13px;}
.wpb-navigation__search .wpb-search-backdrop {pointer-events: none; visibility: hidden; background-color: #000; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; transition: var(--ts-25) ease;}
.wpb-navigation__search input {z-index: 5;}
.wpb-navigation__search button {z-index: 5;}
.wpb-navigation__search.is-active.shows-history .wpb-search-history {opacity: 1; visibility: visible; pointer-events: all;}
.wpb-navigation__search.is-active.shows-results .wpb-search-history {opacity: 0; visibility: hidden; pointer-events: none;}
.wpb-navigation__search.is-active.shows-results .wpb-search-results {opacity: 1; visibility: visible; pointer-events: all;}
.wpb-navigation__search.is-active .wpb-search-backdrop {opacity: .15; visibility: visible; pointer-events: all;}

.wpb-navigation .wpb-navigation__collapse-body { display: flex; flex-grow: 1; }
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links { display: grid; }
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .btn { justify-content: start; min-height: 4.9rem; gap: .8rem;} 
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .btn span { font-size: 1.6rem; }
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .btn + .btn { margin-top: .8rem; }
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .wpb-icon.wpb-icon__user { -webkit-mask-size: 1.6rem; mask-size: 1.6rem; }
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .wpb-icon__bookmark { -webkit-mask-size: 1.4rem; mask-size: 1.4rem; }
.wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .wpb-icon__cart { -webkit-mask-size: 1.6rem; mask-size: 1.6rem; }

.wpb-navigation .wpb-navigation__collapse-footer{ display: flex; align-items: center; }

@media (min-width: 768px) {
    .wpb-navigation__search input {font-size: 14px;}
    .wpb-navigation .global-region-switcher{ padding: 0 1.2rem; min-height: 3.1rem; }

    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end > * + * { --border: 1px solid rgb(var(--wpb-border)); border: none !important; border-left: var(--border) !important; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end > * + *:hover { border-left: var(--border); }
}
@media (min-width: 992px) {
    .wpb-navigation__search { --mh: 4.6rem; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end > * + * {border-left: var(--border) !important; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end > .btn + .btn { padding-right: 0; }
}


.wpb-navigation .wpb-dropdown > button { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; min-height: 4.8rem; padding: 0 1.8rem; border: none; background-color: transparent; }
.wpb-navigation .wpb-dropdown > button span { font-size: 1.4rem; font-weight: 600; white-space: nowrap; }
.wpb-navigation .wpb-dropdown > button .wpb-icon__chevron-down { margin-left: .8rem; }
.wpb-navigation .wpb-dropdown > button > i:first-child{ --color: var(--wpb-text); }
.wpb-navigation .wpb-dropdown > button span + i{ opacity: .35; }
.wpb-navigation .wpb-dropdown > .wpb-dropdown__menu { border: .1rem solid rgb(var(--wpb-border)); }

.wpb-navigation .wpb-dropdown.wpb-dropdown__wpml > button img { display: inline-block; width: 2rem; margin-right: .5rem; }

.wpb-navigation.wpb-navigation__checkout { background-color: var(--wpb-light); }
.wpb-navigation.wpb-navigation__checkout .logo { margin-left: 0; }
.wpb-navigation.wpb-navigation__checkout .wpb-usps { order: 3; grid-column: span 2; display: none; }
.wpb-navigation.wpb-navigation__checkout .trusted-shops .trusted-shops__text{ color: rgb(var(--wpb-text)); }
.wpb-navigation.wpb-navigation__checkout .wpb-navigation__main{ padding-block: 1.8rem; }
.wpb-navigation.wpb-navigation__checkout .wpb-navigation__main .container{ display: flex; align-items: center; justify-content: space-between; }

.wpb-navigation .wpb-menu { flex-grow: 1; }
.wpb-navigation .wpb-menu ul { list-style: none; overflow-y: auto; flex-grow: 1; }

.wpb-navigation .menu-item__thumbnail img {width: 3rem; height: 2.5rem; aspect-ratio: 1/1; object-fit: contain;}
.wpb-navigation .mobile-menu-item__thumbnail {display: flex; align-items: center; background-color: rgba(var(--wpb-light)); padding: 2rem; margin-left: calc(var(--wpb-padding) * -1); margin-right: calc(var(--wpb-padding) * -1);}
.wpb-navigation .mobile-menu-item__thumbnail img {width: 100%; max-height: 10rem; padding: 0 2rem; max-width: 16rem; object-fit: contain; margin: 0 auto;}
.wpb-navigation .mobile-menu-item__thumbnail > div {width: 100%;}
.wpb-navigation .mobile-menu-item__thumbnail .category-title {font-size: 1.8rem; font-weight: 700; color: rgba(var(--wpb-headings));}
.wpb-navigation .mobile-menu-item__thumbnail .btn {color: rgba(var(--wpb-blue)); margin-top: 1rem;}
.wpb-navigation .mobile-menu-item__thumbnail .btn .wpb-icon {--color: var(--wpb-blue);}

.wpb-navigation .menu-item a { font-weight: 500; text-decoration: none; }
.wpb-navigation .menu-item-has-children a:not(.mobile-menu-item__thumbnail) { padding-right: 3.2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
.wpb-navigation .menu-item-has-children .wpb-submenu__toggle { border-radius: .5rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4rem; height: 4rem; cursor: pointer; display: inline-grid; place-items: center; }
.wpb-navigation .menu-item-has-children .wpb-submenu__toggle i { transition: transform var(--ts-25) ease; --width: 1.5rem; --height: 1.5rem; --color: var(--wpb-headings);}

.wpb-navigation .wpb-menu .is-level-1 .menu-item > .sub-menu{ border-top: 1px solid rgb(var(--wpb-border)); transition: opacity var(--ts-25) ease; }

/* Mobile menu */
@media(max-width: 1199.98px){
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end .btn--login { --padding: 0 1.8rem; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end .btn--login > span{ display: none; }
}
@media (max-width: 991.98px) { 

    .wpb-navigation .wpb-navigation__top .container .trusted-shops{ display: none; }

    /* Nav-toggle */
    .nav-toggle { --color: var(--wpb-text); border: none; color: rgb(var(--color)); display: flex; place-items: center; gap: .6rem; background-color: #fff; cursor: pointer; width: auto; height: 4rem; position: relative; padding-left: 2.1rem; font-weight: 600;}
    .nav-toggle svg { --size: 1.9rem; fill: rgb(var(--color)); width: var(--size); height: var(--size); }
    .nav-toggle svg rect { transition: y var(--ts-25) ease var(--ts-25), transform var(--ts-25) ease, opacity 0ms var(--ts-25); transform-origin: center; }
    .nav-toggle[aria-expanded="true"] svg rect { transition: y var(--ts-25) ease, transform var(--ts-25) ease var(--ts-25), opacity 0ms var(--ts-25); }
    .nav-toggle[aria-expanded="true"] svg .top { y: 45; transform: rotate(45deg); }
    .nav-toggle[aria-expanded="true"] svg .middle { opacity: 0; }
    .nav-toggle[aria-expanded="true"] svg .bottom { y: 45; transform: rotate(-45deg); }

    .wpb-navigation .menu-item:not(.menu-item-has-thumbnail) a:not(.mobile-menu-item__thumbnail) { width: 100%; padding: 1.2rem 0; transition: color var(--ts-15) ease; display: flex; column-gap: 8px; line-height: 1; }
    
    .wpb-navigation .menu-item-has-children .wpb-submenu__toggle { width: 100%; height: 5.4rem; }
    .wpb-navigation .menu-item-has-children .wpb-submenu__toggle i { margin-left: auto; margin-right: 2rem; } 
    
    .wpb-navigation .is-level-1 > .menu-item-has-children > a > .wpb-submenu__toggle {width: 100%;}

    .wpb-navigation .wpb-navigation__collapse { --collapse-bg-color: #fff; max-width: 45rem; opacity: 0; visibility: hidden; pointer-events: none; width: 100%; display: none; flex-direction: column; position: fixed; top: 0; right: auto; bottom: 0; left: 0; overflow: hidden; background-color: var(--collapse-bg-color); z-index: 1080;}
    .wpb-navigation .wpb-navigation__collapse.active { opacity: 1; visibility: visible; pointer-events: all; }
    
    .wpb-navigation .wpb-navigation__collapse-header { display: flex; justify-content: space-between; align-items: center; padding: 2rem 1.6rem; border-bottom: 1px solid rgb(var(--wpb-border)); }
    .wpb-navigation .wpb-navigation__collapse-header .btn { --padding: 0 1.6rem; }
    .wpb-navigation .wpb-navigation__collapse-header span { font-size: 1.8rem; font-weight: 600; color: rgb(var(--wpb-headings)); margin-left: 0; margin-right: auto; }
    
    .wpb-navigation .wpb-navigation__collapse-body { flex-direction: column; padding: 2rem 1.6rem 3.2rem 1.6rem; }
    .wpb-navigation .wpb-navigation__collapse-body > * + * { margin-top: .8rem; }
    .wpb-navigation .wpb-navigation__collapse-body .btn--nav{ --border-radius: .5rem; --padding: 0 1rem; --border: 1px solid rgb(var(--wpb-border-dark), .4); --hover-border: 1px solid rgb(var(--wpb-border-dark), .8); }
    .wpb-navigation .wpb-navigation__collapse-footer { border-top: .1rem solid rgb(var(--wpb-border)); padding-right: 2rem; padding-bottom: 2rem; }
    .wpb-navigation .wpb-navigation__collapse-footer .wpb-dropdown{ margin-right: auto; }
    .wpb-navigation .wpb-navigation__collapse-footer .btn{ --padding: 0 1rem; }
    .wpb-navigation .wpb-navigation__collapse-footer .btn span{ display: none; }
    .wpb-navigation .wpb-navigation__collapse-footer .global-region-switcher { border: none; font-size: 1.4rem; padding: 0 1rem; }
    .wpb-navigation .wpb-navigation__collapse-footer .global-region-switcher:hover { background-color: transparent; }
    .wpb-navigation .wpb-navigation__collapse-footer .global-region-switcher * { font-size: 1.4rem; }


    .wpb-navigation .wpb-dropdown > .wpb-dropdown__menu { top: auto; bottom: 100%; left: 0; right: 0; }
    
    .wpb-navigation .menu-item-default-menu ul:not(.is-level-1) > .menu-item > a { display: flex; justify-content: space-between; color: rgb(var(--wpb-headings)); font-size: 1.6rem; font-weight: 600; border-bottom: .1rem solid rgb(var(--wpb-border)); padding-right: 1.6rem; }
    .wpb-navigation .menu-item-default-menu ul:not(.is-level-1) > .menu-item > a .wpb-icon { --width: 1.2rem; --height: 1.2rem; }
    .wpb-navigation .menu-item-default-menu ul:not(.is-level-1) > .menu-item:nth-child(1) > a { border-top: .1rem solid rgb(var(--wpb-border)); }

    .wpb-navigation .sub-menu { display: flex; flex-direction: column; height: 100%; overflow: hidden; overflow-y: auto; list-style: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color:#fff; z-index: 1; opacity: 0; pointer-events: none;}
    .wpb-navigation .sub-menu.active { opacity: 1; visibility: visible; pointer-events: all; }
    .wpb-navigation .sub-menu ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .wpb-navigation .sub-menu ul li a span { font: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; color: rgb(var(--wpb-text));}
    .wpb-navigation .sub-menu .sub-menu__header { padding: 2rem; background-color: rgb(var(--wpb-light)); }
    .wpb-navigation .sub-menu .sub-menu__header img { max-height: 10rem; width: auto; margin: auto; }
    .wpb-navigation .sub-menu .wpb-submenu__header { background-color: var(--nav-bg-color); padding: 2rem 1.8rem 1.5rem 1.8rem; order: -1; display: flex; justify-content: space-between; align-items: center; } 
    .wpb-navigation .sub-menu .wpb-submenu__header .btn { --padding: 0 1.8rem; }
    .wpb-navigation .sub-menu .wpb-submenu__header .btn .wpb-icon {--color: var(--wpb-headings); }
    .wpb-navigation .sub-menu .wpb-submenu__header .wpb-submenu__toggle { position: relative; transform: none; top: 0; }
    .wpb-navigation .sub-menu .wpb-submenu__header span { font-size: 1.6rem; font-weight: bold; margin: auto; padding-left: 1rem; padding-right: 1rem; padding-right: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(var(--wpb-headings)) }

    .wpb-navigation .is-level-1 > .menu-item > a { color: rgb(var(--wpb-dark)); font-size: 1.8rem; padding: .75rem 0; margin: .75rem 0; }
    .wpb-navigation .is-level-1 > .menu-item > a .wpb-icon { --width: .7rem; --height: 1.2rem; }
    .wpb-navigation .is-level-1 > .menu-item > a small { position: absolute; top: 50%; transform: translateY(-50%); right: 3.5rem; color: rgb(var(--wpb-blue)); line-height: 1; }
    .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a {color: rgba(var(--wpb-blue)); font-weight: 600; }
    .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a .wpb-icon { --color: var(--wpb-blue); }

    .wpb-navigation .is-level-2 > .container > .menu-item {border-bottom: 1px solid rgba(var(--wpb-border));}
    .wpb-navigation .is-level-2 > .container > .menu-item > a span {font-size: 1.6rem; font-weight: 500; color: rgba(var(--wpb-headings));}
    .wpb-navigation .is-level-2 > .container > .menu-item > a .wpb-submenu__toggle i {margin-right: 0;}

    .wpb-navigation .is-level-3 > ul {padding-left: var(--wpb-padding); padding-right: var(--wpb-padding);}
    .wpb-navigation .is-level-3 > ul > .menu-item:not(:first-child) {margin-top: 28px;}
    .wpb-navigation .is-level-3 > ul > .menu-item > a {border-bottom: 1px solid rgba(var(--wpb-border)); padding: 1rem 0;}
    .wpb-navigation .is-level-3 > ul > .menu-item > a span {font-weight: 600; font-size: 1.8rem; color: rgba(var(--wpb-headings));}

    .wpb-navigation .is-level-4 > ul > .menu-item > a {padding: 1rem 0; border-bottom: 1px solid rgba(var(--wpb-border));}
    .wpb-navigation .is-level-4 > ul > .menu-item > a span {font-size: 1.4rem; color: rgba(var(--wpb-headings));}
    
    /* sub-menu accordions */
    .wpb-navigation .sub-menu .wpb-accordion { padding-left: 2rem; padding-right: 2rem; border: none; }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button { background: transparent; grid-template-columns: 2rem 1fr; padding-top: 1rem; padding-left: 0;}
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button span { color: rgb(var(--wpb-blue)); font-size: 1.6rem; font-weight: 600; }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button > span { overflow: hidden; position: relative; height: 2.6rem; width: 100%; }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button > span > span:nth-child(1) { position: absolute; bottom: 100%; transition: transform var(--ts-25) ease; }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button > span > span:nth-child(2) { position: absolute; bottom: 0; margin-left: 6px; transition: transform var(--ts-25) ease; }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button.is-active > span > span:nth-child(1) { transform: translateY(100%); }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button.is-active > span > span:nth-child(2) { transform: translateY(100%); }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__button .wpb-icon { --width: 1.2rem; --height: 1.2rem; --color: var(--wpb-blue); }
    .wpb-navigation .sub-menu .wpb-accordion .accordion__body {padding: 0; color: rgb(var(--wpb-text))!important;}
    .wpb-navigation .sub-menu .wpb-accordion ul li { margin: 0; }

    .wpb-navigation.wpb-navigation__checkout .wpb-usps { display: none; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end .btn--cart{ border-left: none!important; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__end .btn--login{ display: none; }
}
@media (max-width: 767.98px){
    .trusted-shops .trusted-shops__text{ display: none; }
    .wpb-navigation .wpb-navigation__main .container{ column-gap: 0; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__search{ grid-column: span 2; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__main__start .global-region-switcher{ display: none; }

    .nav-toggle{ border-left: 1px solid rgb(var(--wpb-border)); padding-left: 1.2rem; }
}
@media (max-width: 575.98px) {
    .wpb-navigation .wpb-navigation__collapse { max-width: 100%; }
}

@media (min-width: 576px) {
    .wpb-navigation .btn { font-size: 1.4rem; }
}

@media (min-width: 992px) {
    
    .wpb-navigation.wpb-navigation__checkout .wpb-usps { order: inherit; margin-left: auto; }

    .wpb-navigation .btn { min-height: 4rem; column-gap: .5rem; }

    .wpb-navigation .logo { margin-left: 0; margin-right: 0; }
    .wpb-navigation .logo img { max-width: 27.8rem; }
    .nav-toggle, .wpb-submenu__header { display: none; }

    .wpb-navigation .wpb-navigation__main { padding: 0; padding-top: 1.8rem; } 
    .wpb-navigation .wpb-navigation__main .container { display: flex; align-items: center; grid-column-gap: 1.9rem; grid-row-gap: 1.2rem; }
    .wpb-navigation .wpb-navigation__main .wpb-navigation__search { order: inherit; flex-grow: 1; }

    .wpb-navigation .wpb-navigation__bottom { position: relative; }
    .wpb-navigation .wpb-navigation__bottom > .container { position: static; display: flex; justify-content: space-between; }

    .wpb-navigation .wpb-navigation__collapse { position: static; max-width: inherit; display: flex!important; justify-content: space-between; align-items: center; transform: none; width: 100%; background-color: transparent!important; }
    .wpb-navigation .wpb-navigation__collapse-header { display: none!important; }
    .wpb-navigation .wpb-navigation__collapse-body { padding: 0; }
    .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links { display: none; }

    .wpb-navigation .wpb-navigation__collapse-footer .global-region-switcher { display: none; }

    .wpb-navigation .wpb-navigation__collapse-footer  :is(.btn, .wpb-dropdown button){ padding: 0 1.2rem; }
    .wpb-navigation .wpb-navigation__collapse-footer  :is(.btn, .wpb-dropdown button):last-child{ padding-right: 0; }


    .wpb-navigation .wpb-menu { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .wpb-navigation .wpb-menu ul { overflow: unset; }

    .wpb-navigation .menu-item a { font-size: 1.6rem; line-height: 3.1rem; padding: 1rem 1.4rem; position: relative; }

    /* Submenu */
    .wpb-navigation .sub-menu { opacity: 0; pointer-events: none; position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #fff; padding: 1.8rem; }
    .wpb-navigation .sub-menu .sub-menu { left: 100%; top: 0; }
    .wpb-navigation .sub-menu a { display: flex; justify-content: space-between; color: rgb(var(--wpb-dark)); font-size: 1.6rem; line-height: 2.5rem; font-weight: 600; transition: background-color var(--ts-15) ease; }  
    .wpb-navigation .sub-menu a span { display: inline-block; font: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; transition: color var(--ts-15) ease; }
    .wpb-navigation .menu-item-has-children:hover > .sub-menu { opacity: 1; pointer-events: all; visibility: visible; padding-left: 0; padding-right: 0; }
    
    /* Default dropdown menu */
    .wpb-navigation .menu-item-default-menu .sub-menu { min-width: 28rem; padding: 0; box-shadow: 0px .5rem 2rem rgba(0,0,0,0.05); }
    .wpb-navigation .menu-item-default-menu ul li a { font-size: 1.6rem; padding: 0.8rem 1.4rem; }
    .wpb-navigation .menu-item-default-menu ul li a:hover { background-color: rgb(var(--wpb-light)); }
    .wpb-navigation .menu-item-default-menu ul li a.menu-item-has-children { padding-right: 3.2rem; }
    .wpb-navigation .menu-item-default-menu ul li:not(.menu-item-has-children) a .wpb-icon { display: none; }

    /* Mega menu desktop */
    .wpb-navigation .menu-item-mega-menu { position: static; }
    .wpb-navigation .mobile-menu-item__thumbnail {display: none!important;}
    .wpb-navigation .is-level-1 { display: flex; }
    .wpb-navigation .is-level-1 > .menu-item > a { font-size: 1.4rem; display: inline-flex; padding: 0 1rem; min-height: 4.8rem; align-items: center; }
    .wpb-navigation .is-level-1 > .menu-item > a small { display: none; }
    .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a { padding: 0 1.8rem; padding-right: 2.2rem; min-height: 4.8rem; font-weight: 600; z-index: 0; margin-right: .7rem; margin-left: 1.3rem;}
    .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a::before { content: ''; position: absolute; top: .7rem; left: -1.3rem; right: -.7rem; bottom: .6rem; border-radius: .5rem; background-color: rgb(var(--wpb-light)); z-index: -1; display: block; }
    .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu .wpb-submenu__toggle{ width: 2rem; height: 2rem; }
    .wpb-navigation .is-level-1 > .menu-item:first-child > a { padding-left: 0; }
    .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu + .menu-item > a { padding-left: 1.8rem; white-space: nowrap; }
    .wpb-navigation .is-level-1 > .menu-item.menu-item-has-children > a .wpb-submenu__toggle .wpb-icon { transform: rotate(90deg); --width: 1.3rem; --height: 1.4rem; --color: var(--wpb-text); opacity: .5; }

    .wpb-navigation .is-level-2 {border-bottom: 1px solid rgba(var(--wpb-border)); padding: 1.2rem;}
    .wpb-navigation .is-level-2 > .container {align-items: stretch; display: grid; grid-template-columns: 1fr 3fr; grid-template-areas: 'main sub';}
    .wpb-navigation .is-level-2 > .container > .menu-item {grid-column: 1/2; border-radius: .5rem 0 0 .5rem;}
    .wpb-navigation .is-level-2 > .container > .menu-item.is-active {background-color: rgba(var(--wpb-dark), .08);}
    .wpb-navigation .is-level-2 > .container > .menu-item a {line-height: 2rem; justify-content: unset;}
    .wpb-navigation .is-level-2 > .container > .menu-item a img {margin-right: 12px;}
    .wpb-navigation .is-level-2 > .container > .menu-item.menu-item-has-children:hover > a::before { content: ''; z-index: 1; display: inline-block; position: absolute; right: 0; top: -4rem; bottom: -4rem; width: 100%; clip-path: polygon(0 50%, 100% 100%, 100% 0); }

    .wpb-navigation .is-level-3.sub-menu {grid-area: sub; left: 0; padding: 0; padding-left: 1.6rem; position: relative; order: 9999; grid-row-start: 1; grid-row-end: 30; border-left: 1px solid rgba(var(--wpb-border));}
    .wpb-navigation .is-level-3.sub-menu.is-active {opacity: 1; pointer-events: all; visibility: visible; padding-right: 0;}
    .wpb-navigation .is-level-3.sub-menu.is-active .is-level-4.small-sub-menu {pointer-events: all; visibility: visible; opacity: 1;}
    .wpb-navigation .is-level-3.sub-menu > ul {display: grid; grid-auto-flow: dense; grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );}
    .wpb-navigation .is-level-3.sub-menu > ul > .menu-item > a {padding-bottom: 0;}
    
    .wpb-navigation .is-level-4.small-sub-menu {position: relative; left: unset; top: unset; padding: 0; visibility: hidden; opacity: 0; pointer-events: none; margin-bottom: 1.8rem;}
    .wpb-navigation .is-level-4.small-sub-menu a {font-size: 1.4rem; line-height: 1.2; font-weight: 400; padding-top: .4rem; padding-bottom: .4rem;}
    .wpb-navigation .is-level-3.sub-menu a:hover,
    .wpb-navigation .is-level-4.small-sub-menu a:hover {text-decoration: underline;}
}

@media (min-width: 1200px) {
    .wpb-navigation .wpb-navigation__main .woocommerce-cart__button span { display: inline-block; } 
}

@media (min-width: 1400px) {
    .wpb-navigation .wpb-navigation__main .wpb-navigation__search { margin-left: 4.5rem; margin-right: 4.5rem; max-width: 52rem; }  
}


/*** ------- Headers ------ ***/
.wpb-header.wpb-header__search form { display: flex; }
.wpb-header.wpb-header__search form input { --br: .6rem; padding: 0 1.8rem; flex-grow: 1; font-size: 1.6rem; height: 4rem; border: none; border-right: 0; border-top-left-radius: var(--br); border-bottom-left-radius: var(--br); }
.wpb-header.wpb-header__search form input:focus { outline: none; border-color: rgb(var(--wpb-border-dark)); }
.wpb-header.wpb-header__search form button { border-left: 1px solid rgb(var(--wpb-border)); cursor: pointer; background-color: rgba(var(--wpb-light)); display: flex; color: rgb(var(--wpb-headings)); align-items: center; font-size: 1.4rem; font-weight: 600; height: 4rem; padding: 0 1.6rem; border-top-right-radius: var(--br); border-bottom-right-radius: var(--br); position: relative; transform: none; }
.wpb-header.wpb-header__search form button .wpb-icon { --width: 1.6rem; --height: 1.6rem; margin-right: 0.7rem; }

.is-search section.wpb-search-results { opacity: 1; visibility: visible; background-color: transparent; pointer-events: all; }
.is-search section.wpb-search-results .wpb-card h3 { font-size: clamp(1.6rem, 4vw, 2rem); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1; }
.is-search section.wpb-search-results .wpb-card { position: relative; }  
.is-search section.wpb-search-results .wpb-card .badge { position: absolute; top: 0; right: 2rem; }  
.is-search section.wpb-search-results .wpb-card .wpb-card__body { padding-top: 3rem; }
.is-search section.wpb-search-results .wpb-card .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media (min-width: 992px) {
    .wpb-header.wpb-header__search form input { padding: 0 2rem; flex-grow: 1; height: 5rem;}
    .wpb-header.wpb-header__search form button {font-size: 1.6rem; height: 5rem;}
}

/*** ----- Footer ----- ***/
.wpb-footer { background-color: rgb(var(--wpb-dark)); border-bottom: .5rem solid rgb(var(--wpb-blue)); margin-top: auto; }
.wpb-footer * { color: #fff; }

.wpb-footer .wpb-footer__top {background-color: #27416D;}
.wpb-footer .wpb-footer__top .wpb-text > *:not(.woocommerce-breadcrumb) + *:not(.btn .blockquote) {margin-top: .25em;}
.wpb-footer .wpb-footer__top .inner {display: grid; grid-template-columns: 1fr; row-gap: 2.4rem; padding: 2.8rem 0;}
.wpb-footer .wpb-footer__top .inner > .footer-logo {width: 16rem;}
.wpb-footer .wpb-footer__top .inner .wpb-footer-column h3 {--fs: clamp(1.4rem, 2vw, 1.8rem)}
.wpb-footer .wpb-footer__top .inner .wpb-footer-column > .wpb-text + * {margin-top: 1.2rem;}
.wpb-footer .wpb-footer__top .upper {padding: 1.4rem 0; border-bottom: 1px solid rgb(var(--wpb-border), .12);}
.wpb-footer .wpb-footer__top .upper .payoff {margin-left: auto; width: 16rem;}

.wpb-footer .wpb-footer__main { --gc: 1; padding-top: 4.8rem; padding-bottom: 4.8rem; }
.wpb-footer .wpb-footer__main .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 3.2rem; row-gap: 3.2rem; align-items: start; }
.wpb-footer .wpb-footer__main .wpb-footer__menu ul { column-count: 2; column-gap: 2rem; }  

.wpb-footer__menu .footer-menu__title { display: block; padding: 0 0 1rem 0; --global-fs: 2rem; color: inherit; text-decoration: none; font-weight: bold; }
.wpb-footer__menu ul li + li { margin-top: .5rem; }
.wpb-footer__menu ul a { display: flex; font-size: 15px; align-items: center; transition: transform var(--ts-25) ease; }
.wpb-footer__menu ul a:hover { transform: translateX(.2rem); }
.wpb-footer__menu ul .wpb-icon { --color: 255,255,255; --width: 1rem; --height: 1rem; margin-right: .3rem; }

.wpb-footer .wpb-footer__bottom { border-top: .1rem solid rgba(255,255,255,.1); padding-top: 2rem; padding-bottom: 2rem; }
.wpb-footer .wpb-footer__bottom .container { display: flex; flex-direction: column; align-items: center; column-gap: 2rem; row-gap: 1rem; }
.wpb-footer .wpb-footer__bottom .copyright { font-size: 1.2rem; line-height: 1; font-weight: 600; white-space: nowrap; }
.wpb-footer .wpb-footer__bottom .menu { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2rem; row-gap: 1rem; padding-top: 1.6rem; padding-bottom: 1.6rem; }
.wpb-footer .wpb-footer__bottom .menu a { text-decoration: none; font-size: 1.2rem; line-height: 1; font-weight: 500; }
.wpb-footer .wpb-footer__bottom .menu a:hover { text-decoration: underline; } 

.wpb-footer .wpb-footer__bottom .global-region-switcher { border: 1px solid rgba(255, 255, 255, .12); padding: 1.2rem 1.6rem; border-radius: 3.2rem; transition: .12s ease; }
.wpb-footer .wpb-footer__bottom .global-region-switcher:hover { background-color: rgba(255, 255, 255, .08); }

@media (min-width: 768px) {
    .wpb-footer .wpb-footer__top .upper .payoff {width: 18rem;}
    .wpb-footer .wpb-footer__top .inner {padding: 3.2rem 0;}
    .wpb-footer .wpb-footer__main { --gc: 2; }
    .wpb-footer .wpb-footer__top .inner > .footer-logo {width: 22rem;}
}

@media (min-width: 992px) {
    .wpb-footer .wpb-footer__top .upper .payoff {width: 20rem;}
    .wpb-footer .wpb-footer__top .wpb-text > *:not(.woocommerce-breadcrumb) + *:not(.btn .blockquote) {margin-top: 1em;}
    .wpb-footer .wpb-footer__top .inner {padding: 4.8rem 0; grid-template-columns: repeat(2, 1fr); row-gap: 4rem;}
    .wpb-footer .wpb-footer__top .inner .wpb-footer-column:not(:last-child) {padding-right: 1.6rem;}
    .wpb-footer .wpb-footer__top .inner .wpb-footer-column > .wpb-text + * {margin-top: 1.6rem;}
    .wpb-footer .wpb-footer__bottom .container { flex-direction: row; }
    .wpb-footer .wpb-footer__bottom .copyright { border-right: .1rem solid rgb(255,255,255,.5); padding-right: 2rem; }
    .wpb-footer .wpb-footer__bottom .menu { justify-content: start; padding: 0; column-gap: 1rem; row-gap: 0; }
    .wpb-footer .wpb-footer__bottom .woocommerce-payment-icons {margin-left: auto;}
}

@media (min-width: 1200px) {
    .wpb-footer .wpb-footer__top .inner {grid-template-columns: repeat(4, 1fr);}
    .wpb-footer .wpb-footer__bottom .menu { column-gap: 2rem; }
    .wpb-footer .wpb-footer__main .container { column-gap: 6.4rem; grid-template-columns: 2fr 1fr 1fr 2fr; }  
    .wpb-footer .wpb-footer__main .wpb-footer__menu:nth-child(2) ul { column-count: 1; }
    .wpb-footer .wpb-footer__main .wpb-footer__menu:nth-child(3) ul { column-count: 1; }
    .wpb-footer .wpb-footer__main .wpb-footer__menu:nth-child(4) ul { column-count: 1; }
}
@media (min-width: 1400px) {
    .wpb-footer .wpb-footer__main .container { column-gap: 6.4rem; grid-template-columns: minmax(0, 41rem) 1fr 1fr minmax(0, 36rem); }  
}


/*** ---------- Accordion ---------- ***/
.wpb-accordion { border-radius: .5rem; background-color: #fff; overflow: hidden; }
.wpb-accordion * { color: rgb(var(--wpb-headings)); }
.wpb-accordion > .accordion__item + .accordion__item { border-top: .1rem solid rgb(var(--wpb-border)); }
.wpb-accordion .accordion__button { font-weight: 700; background-color: #fff; padding: 1.6rem 1.8rem; }
.wpb-accordion .accordion__body { padding: 0 1.8rem 1.8rem 1.8rem; } 

.wpb-accordion .collapse:not(.show) { display: none; }

.accordion__item .accordion__header { margin: 0; }
.accordion__item .accordion__button { cursor: pointer; display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 1.6rem; text-align: left; border: 0; overflow-anchor: none; border-radius: 0; transition: background-color var(--ts-15) ease, color var(--ts-15) ease, border-radius var(--ts-15) ease; }
.accordion__item .accordion__button i { transition: transform var(--ts-25) ease; }
.accordion__item .accordion__button.is-active i { transform: rotate(-180deg); }

.wpb-accordion .collapsing { height: 0; overflow: hidden; transition: height .35s ease; }

@media (max-width: 768px) {
    .accordion__item .accordion__button {padding: 1.2rem;}
    .accordion__item .accordion__body {padding: 0 1.2rem 1.2rem 1.2rem}
}


/*** ---------- Social media ---------- ***/
.wpb-social-media { display: flex; flex-wrap: wrap; column-gap: .5rem; row-gap: .5rem; }
.wpb-social-media a { background-color: transparent; text-decoration: none; display: inline-flex; width: 3.2rem; height: 3.2rem; border-radius: 50%; display: inline-grid; place-items: center; border: .1rem solid rgba(255,255,255,.35); transition: background-color var(--ts-15) ease, border-color var(--ts-15) ease; }
.wpb-social-media a .wpb-icon { --color: 255,255,255; --width: 1.4rem; --height: 1.4rem; }
.wpb-social-media a:hover { background-color: rgb(255,255,255); border-color: rgb(255,255,255); }
.wpb-social-media a:hover .wpb-icon { --color: var(--wpb-dark); }


/*** ---------- Sticky contact ---------- ***/
.wpb-sticky-contact { cursor: pointer; z-index: 400; right: 18px; bottom: 18px; position: fixed; }
.wpb-sticky-contact h4 { writing-mode: vertical-rl; text-orientation: mixed; } 
.wpb-sticky-contact p { display: none;}
.wpb-sticky-contact .btn { display: none; column-gap: .8rem; margin-top: 1rem; }   
.wpb-sticky-contact .desktop {display: none;}

.wpb-sticky-contact .mobile {background-color: rgba(var(--wpb-blue)); border-radius: 32px; padding-inline: 1.4rem; column-gap: 6px; display: flex; align-items: center; justify-content: center; height: 4rem;}
.wpb-sticky-contact .mobile .wpb-icon {--color: 255, 255, 255; width: 1.7rem; height: 1.7rem;}
.wpb-sticky-contact .mobile h4 {color: #fff; writing-mode: unset; text-orientation: unset; font-size: 1.4rem;}

.wpb-offcanvas.wpb-offcanvas__contact { background-color: transparent; }
.wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__header { background-color: #fff; border-radius: 0; display: flex; align-items: center; justify-content: space-between; padding: 2rem 2rem 0 2rem; }
.wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__body { flex-grow: 1; background-color: #fff; padding: 0 2rem 2rem 2rem; }
.wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__footer { background-color: #fff; padding: 0 0 0 2rem; }
.wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__footer figure img { border-radius: 1.6rem 0 0 0; max-height: 20rem; object-fit: contain; object-position: top;}
.wpb-offcanvas.wpb-offcanvas__contact p { margin-bottom: 3.2rem; }
.wpb-offcanvas.wpb-offcanvas__contact .contact-link { border: .1rem solid rgb(var(--wpb-border)); transition: var(--ts-15) ease; }
.wpb-offcanvas.wpb-offcanvas__contact .contact-link .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-border-dark)); }
.wpb-offcanvas.wpb-offcanvas__contact .contact-link + .contact-link { margin-top: 1rem; }
.wpb-offcanvas.wpb-offcanvas__contact .contact-link:hover { background-color: rgba(var(--wpb-blue), .15); border-color: rgba(var(--wpb-blue), 0); }

@media (min-width: 768px) {
    .wpb-sticky-contact .desktop {display: block;}
    .wpb-sticky-contact .mobile {display: none!important;}
    .wpb-sticky-contact { background-color: #fff; right: 0; bottom: 25%; padding: 2rem; max-width: 23.4rem; border-radius: .8rem 0 0 .8rem; box-shadow: 0 0 2rem 0 rgba(0,0,0,0.05); }
}
@media (min-width: 1400px) {
    .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__header { padding: 3.2rem 3.2rem 0 3.2rem;  }
    .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__body { padding: 0 3.2rem 3.2rem 3.2rem; }
    .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__footer { padding: 0 0 0 3.2rem; }
}
@media (min-width: 1625px) {
    .wpb-sticky-contact { width: 100%; bottom: auto; top: 24rem; position: absolute; }
    .wpb-sticky-contact h4 { writing-mode: horizontal-tb;  } 
    .wpb-sticky-contact p { display: inherit; }
    .wpb-sticky-contact .btn { display: flex }
}


/* Contact links */
.contact-link { display: grid; grid-template-columns: 3.2rem 1fr 1.7rem; align-items: center; text-decoration: none; }
.contact-link .wpb-icon__wrapper:nth-of-type(1) { --w: 3.2rem; --h: 3.2rem; }
.contact-link .contact-link__text { padding-left: 1rem; padding-right: 1rem; }
.contact-link strong { display: block; color: rgb(var(--wpb-headings)); line-height: 1.2; }
.contact-link.contact-link__openingstijden span { --global-fs: 1.4rem; --global-lh: 1.2; }  
@media (min-width: 992px) {
    .contact-link strong { font-size: 2rem; }
}


/*** ---------- Single news ---------- ***/
.content-section.content-section__text .btn-group { margin-top: 1em; }
.content-section.content-section__text .wpb-text + .inner {margin-top: .8rem;}

.content-section .wpb-gc__2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }

.content-section.content-section__youtube figure { position: relative; overflow: hidden; border-radius: 1.2rem; }
.content-section.content-section__youtube figure a { width: 100%; text-decoration: none; font-weight: 500; color: #fff; position: absolute; bottom: 0; left: 0; padding: 2rem; display: flex; align-items: center; column-gap: .9rem; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }
.content-section.content-section__youtube figure a .wpb-icon { --color: 255,255,255; }

.content-section.content-section__featured_product_categories { container: productCategories / inline-size; }
.content-section.content-section__featured_product_categories .wpb-text { margin-bottom: 3.2rem; }
.content-section.content-section__featured_product_categories .categories { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.6rem; }
.content-section.content-section__featured_product_categories.is-secondary .categories { gap: 1.4rem; }
.content-section.content-section__featured_product_categories .wpb-card.wpb-card__category h3 { font-size: 1.8rem; }

.content-section.content-section__faq .wpb-accordion .accordion__button { font-size: clamp(1.8rem, 4vw, 2.1rem); }
.content-section.content-section__faq .container .wpb-ratio {  --wpb-aspect-ratio: 62%; }
.content-section.content-section__faq .container .wpb-ratio img { object-fit: cover; overflow: clip; border-radius: 1.2rem;  }
.content-section.wpb-block__text-media figure img { border-radius: 1.2rem; overflow: clip; object-fit: cover; }

.content-section.content-section__images .content-section__body .container { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
.content-section.content-section__images .content-section__footer { --global-fs: clamp(1.4rem, 4vw, 1.6rem); font-weight: 600; border-bottom: 1px solid rgba(var(--wpb-border)); padding-block: 2rem; }

.content-section.content-section__text-media .content-section__body .container { display: grid; grid-template-columns: minmax(0,1fr); gap: 2.4rem; }
.content-section.content-section__text-media[class*="wpb-bg-color__"]:not(.wpb-bg-color__transparent) figure img { border-top-left-radius: 0; border-top-right-radius: 0; }
.content-section.content-section__text-media[class*="wpb-bg-color__"]:not(.wpb-bg-color__transparent) .container { gap: 0; }
.content-section.content-section__text-media[class*="wpb-bg-color__"]:not(.wpb-bg-color__transparent) .wpb-text { padding: 1.6rem; }

@media(min-width: 992px) {
    .content-section.content-section__images .content-section__body .container { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2rem; }
    .content-section.content-section__images .content-section__footer { padding-block: 2.4rem; }
    
    .content-section.content-section__text-media .content-section__body .container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4.8rem; }
    .content-section.content-section__text-media .content-section__body figure { position: relative; width: 100%; height: 100%; }
    .content-section.content-section__text-media .content-section__body figure img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    
    .content-section.content-section__text-media[class*="wpb-bg-color__"]:not(.wpb-bg-color__transparent) .wpb-text { padding: 2.4rem; }    
    .content-section.content-section__text-media[class*="wpb-bg-color__"]:not(.wpb-bg-color__transparent) figure.order-md-0 img { border-radius: .8rem 0 0 .8rem; }
    .content-section.content-section__text-media[class*="wpb-bg-color__"]:not(.wpb-bg-color__transparent) figure.order-md-1 img { border-radius: 0 .8rem .8rem 0; }
    .content-section.content-section__text-media.wpb-bg-color__transparent .wpb-text { padding-block: 2rem; }
}
@media(min-width: 1200px) {
    .content-section.content-section__text-media .content-section__body .container { gap: 8rem; }
}

@container productCategories (width > 400px) {
    .content-section.content-section__featured_product_categories .categories { --gc: 2; }
    .content-section.content-section__featured_product_categories.is-secondary .categories { --gc: 3; }
}
@container productCategories (width > 900px) {
    .content-section.content-section__featured_product_categories .categories { --gc: 3; }
    .content-section.content-section__featured_product_categories.is-secondary .categories { --gc: 4; }
}
@container productCategories (width > 1200px) {
    .content-section.content-section__featured_product_categories .categories { --gc: 4; }
    .content-section.content-section__featured_product_categories.is-secondary .categories { --gc: 5; }
}

.content-section.content-section__text img {border-radius: 1.2rem;}

.content-section.content-section__quote .wpb-text {  --global-fs: clamp(1.4rem, 4vw, 1.6rem); --global-lh: 1.4; color: rgb(var(--wpb-headings)); font-weight: 500; border-left: .4rem solid rgb(var(--wpb-blue)); padding-left: 2rem; }
.content-section.content-section__quote .wpb-text * { color: rgb(var(--wpb-headings)); }
.content-section.content-section__quote .wpb-text .name { font-size: 1.6rem; }

/* .content-section.content-section__cta .wpb-usps { padding: 0; flex-wrap: wrap; column-gap: 1.6rem; row-gap: 1rem; }
.content-section.content-section__cta .wpb-usps li { margin: 0; } */

@media (min-width: 768px) { 
    .content-section .wpb-gc__2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
    .wpb-single__content .popular-news .wpb-card + .wpb-card { padding-top: 2.8rem; }  
}
@media (min-width: 1200px) {
    .content-section.content-section__cta .inner { grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); column-gap: 4.8rem;}
    .content-section__faq .has-image { grid-template-columns: 3fr 2fr; }
}

/* Single content - CTA */
.content-section.content-section__cta .inner{ --p: 1.8rem 1.4rem; --image-width: 10rem; background-color: rgb(var(--wpb-light)); border-radius: .8rem; display: grid; }
.content-section.content-section__cta .inner .wpb-text{ display: flex; flex-direction: column; padding: var(--p); z-index: 1; }
.content-section.content-section__cta .inner .wpb-text h3{ font-size: 1.6rem; display: flex; gap: .8rem; }
.content-section.content-section__cta .inner .wpb-text h3::before{ content: ''; display: block; margin-top: .15em; width: 1.5rem; height: 1.6rem; background: url('/wp-content/themes/wux/assets/img/favicon-grey.svg') no-repeat center/contain; }
.content-section.content-section__cta .inner .wpb-text p{ font-size: clamp(1.3rem, 1.4vw, 1.5rem); }
.content-section.content-section__cta .inner .wpb-text > *:has(+ .btn-group){ padding-bottom: 1em; }
.content-section.content-section__cta .inner .wpb-text .btn-group{ width: fit-content; margin-top: auto !important; }
.content-section.content-section__cta .inner figure:has(img){ display: flex; align-items: end; padding-right: 1.4rem; }

@media(max-width: 440px){
    .content-section.content-section__cta .inner figure:has(img){ width: var(--image-width); height: auto; position: absolute; right: .5rem; bottom: 0; pointer-events: none; }
}
@media(min-width: 440px){
    .content-section.content-section__cta .inner{ grid-template-columns: 1fr var(--image-width); }
}
@media(min-width: 768px){
    .content-section.content-section__cta .inner{ --p: 2.4rem; --image-width: 18rem; }
    .content-section.content-section__cta .inner figure:has(img){ height: calc(100% + 2rem); margin-top: -2rem; }
    .content-section.content-section__cta .inner .wpb-text .btn{ min-height: 5rem; }
}
@media(min-width: 1200px){
    .content-section.content-section__cta .inner{ --p: 2.8rem 3.2rem; --image-width: 24rem; }
}

/*** Search results ***/
.wpb-navigation__search .wpb-search-results { background-color: #fff; border-radius: 1.2rem; padding: 0; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; z-index: 10; top: calc(100% + 0.65rem)!important; grid-template-columns: minmax(0, 1fr); }
.wpb-navigation__search .wpb-search-results.shows-results { opacity: 1; visibility: visible; pointer-events: all; }
.wpb-navigation__search .wpb-search-results .result-group-wrapper { padding: 1.2rem; }
.wpb-navigation__search .wpb-search-results .result-group-wrapper .result-group-label { font-size: 1.3rem; font-weight: 500; margin-bottom: .2rem; padding-left: .6rem; padding-bottom: .2rem; display: inline-block; }
.wpb-navigation__search .wpb-search-results .result-group-wrapper + .result-group-wrapper { border-top: 1px solid rgba(var(--wpb-border));}

.wpb-navigation__search .wpb-search-results .empty-state { padding: 3rem 0; padding-bottom: 2.2rem; }

.result-group-wrapper .result { display: flex; align-items: center; column-gap: 10px; padding: .8rem .6rem; border-radius: .6rem; position: relative; }
.result-group-wrapper .result:hover { background-color: rgba(var(--wpb-light)); }
.result-group-wrapper .result .icon-wrapper { width: 3.2rem; height: 3.2rem; min-width: 3.2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; transform: rotate(-30deg); border: 1px solid rgba(var(--wpb-border)); }
.result-group-wrapper .result .icon-wrapper .wpb-icon { --color: var(--wpb-headings); width: 1.7rem; height: 1.7rem;}
.result-group-wrapper .result .result-info .result-title { font-size: 1.6rem; line-height: 1.1; font-weight: 600; color: rgba(var(--wpb-headings)); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.result-group-wrapper .result .result-info .post-date { font-size: 1.3rem; line-height: 1; margin-top: .3rem; }
.result-group-wrapper .result .result-info .post-date span {font-size: inherit; line-height: inherit;}
.result-group-wrapper .result .result-info .product-categories { font-size: 1.3rem; line-height: 1.2; margin-top: .3rem; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.result-group-wrapper .result .result-info .product-categories span { font-size: inherit; line-height: inherit; padding: 0 .4rem; }
.result-group-wrapper .result .result-info .product-categories span:last-of-type { display: none; }

.result-group-wrapper .result .result-thumbnail { width: 4.8rem; max-height: 3.8rem; border-radius: .4rem; object-fit: contain; }
.result-group-wrapper .result.product { justify-content: space-between; }
.result-group-wrapper .result.product .base { display: flex; align-items: center; column-gap: 1rem; }
.result-group-wrapper .result.product .product-info .price { display: flex; flex-direction: column; align-items: flex-end; }
.result-group-wrapper .result.product .product-info .price > strong { color: rgba(var(--wpb-headings)); line-height: 1; white-space: nowrap; }
.result-group-wrapper .result.product .product-info .price > strong.is-sale { color: rgba(var(--wpb-red)); }
.result-group-wrapper .result.product .product-info .price > strong.is-sale .is-original { font-size: 1.4rem; font-weight: 500!important; color: rgba(var(--wpb-text)); text-decoration: line-through; }
.result-group-wrapper .result.product .product-info .price > strong.is-sale .is-original .amount bdi { font-weight: 500!important; }
.result-group-wrapper .result.product .product-info .price > small { font-size: 13px; line-height: 1; white-space: nowrap; }
.result-group-wrapper .result.product .product-info .price > small * { font-size: inherit; }

.result-group-wrapper .result.product.has-button .product-info { display: flex; align-items: center; column-gap: .8rem; margin-left: auto; }
.result-group-wrapper .result.product.has-button .product-info .btn { width: 3.2rem; height: 3.2rem; min-height: 3.2rem; padding: 0; justify-content: center; }
.result-group-wrapper .result.product.has-button .product-info .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.result-group-wrapper .result.product.has-button .product-info .btn .wpb-icon { --width: 1.6rem; --height: 1.6rem; }

.modal {padding: 1.6rem; --modal-border-radius: 1.2rem; }

.modal #wux_wc_search_input { padding: 0 1.6rem; height: 4rem; border: 0.1rem solid rgb(var(--wpb-border)); border-radius: 4rem; width: 100%; }
.modal #wux_wc_search_input:focus-visible { outline: none; }

.modal .result-group-wrapper { padding: 0; }
.modal .result-group-wrapper .result { justify-content: start; } 

.modal .empty-state { padding: 3.2rem; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.modal .empty-state img { width: 8rem; margin-bottom: 1.6rem; display: inline-block; }
.modal .empty-state h3 { margin-bottom: .4rem; display: inline-block; }
.modal .empty-state p { display: inline-block; }


/** Gateways **/
.woocommerce-checkout-payment-gateways .payment_box p { margin-top: 16px; margin-bottom: 0; }
.payment_box.payment_method_wux_mollie {display: block!important; height: 100%!important; transition: none!important;}


/** Filter loading animation **/
#wux-filter-results {scroll-margin-top: 25vh; transition: .1s ease-in-out;}
#wux-filter-results.--loading {opacity: 0.65;}

#wux-filter-results .empty-state {grid-column: span 4; background-color: #fff; border-radius: .8rem; padding: 3.2rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#wux-filter-results .empty-state img {width: 80px; margin-bottom: 16px; display: inline-block;}
#wux-filter-results .empty-state h3 {margin-bottom: 4px; display: inline-block;}
#wux-filter-results .empty-state p {display: inline-block;}


/** Site notice **/
.site-notice.is--static-top {background-color: rgba(var(--wpb-blue)); color: #fff; padding: 8px 0 5px;}
.site-notice.is--static-top p.h3 {font-size: clamp(1.5rem, 3vw, 1.6rem); margin-bottom: 4px; color: #fff; font-weight: 700; }
.site-notice.is--static-top p {font-size: clamp(1.3rem, 2vw, 1.4rem); color: #fff;}
.site-notice.is--static-top p * {color: inherit;}

.site-notice.is--fixed-overlay {display: none; position: fixed; z-index: 100; left: 18px; right: 18px; bottom: 28px; background-color: #fff; max-width: 720px; border-radius: 1rem; padding: 1.8rem; box-shadow: 0 10px 30px 0 rgba(0,0,0,.12);}
.site-notice.is--fixed-overlay .inner {display: flex; align-items: center; flex-direction: column; column-gap: 32px;}
.site-notice.is--fixed-overlay p.h3 {font-size: clamp(1.5rem, 3vw, 1.6rem); margin-bottom: 6px; font-weight: 700; }
.site-notice.is--fixed-overlay p {font-size: clamp(1.3rem, 2vw, 1.4rem);}
.site-notice.is--fixed-overlay .btn {width: 100%; margin-top: 12px;}
.site-notice.is--fixed-overlay.is-visible {display: block;}
@media (min-width: 768px) {
    .site-notice.is--fixed-overlay {left: 32px; bottom: 32px;}
    .site-notice.is--fixed-overlay .inner {flex-direction: row; justify-content: space-between;}
    .site-notice.is--fixed-overlay .btn {width: unset; margin-top: unset;}
}


/*** ----- Tax switcher ----- ***/
.wpb-dropdown.wpb-dropdown__tax .wpb-dropdown__menu { left: 0; right: 0; }
.wpb-dropdown.wpb-dropdown__tax .wpb-dropdown__menu button { font-size: 1.4rem; width: 100%; text-align: left; cursor: pointer; border: none; background: transparent; font-weight: 600; }

.wpb-dropdown.wpb-dropdown__tax.is-loading > button span { color: transparent; }
.wpb-dropdown.wpb-dropdown__tax.is-loading > button .wpb-icon { --color: transparent; }
.wpb-dropdown.wpb-dropdown__tax.is-loading::after { content: ''; display: block; position: absolute; z-index: 1; }
.wpb-dropdown.wpb-dropdown__tax.is-loading::after { --src: url('/wp-content/themes/wux/assets/icons/default/icon_loading.svg'); --color: 255,255,255; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); top: calc(50% - (var(--height) / 2)); left: calc(50% - (var(--width) / 2)); animation: woocommerce_rotate 0.5s linear infinite; }


/*** ---------- Quantity selector ---------- ***/
.wpb-quantity { display: inline-flex; align-items: stretch; border: 1px solid rgb(var(--wpb-border)); border-radius: .6rem; overflow: hidden; }
.wpb-quantity .wpb-quantity-btn { border: none; background-color: transparent; display: flex; align-items: center; cursor: pointer; padding: 0 .5rem; width: 2.8rem; }  
.wpb-quantity .wpb-quantity-btn .wpb-icon { --width: 1rem; --height: 1rem; }
.wpb-quantity .wpb-quantity-btn.minus { justify-content: end; }
.wpb-quantity .wpb-quantity-btn.plus { justify-content: start; }
.wpb-quantity input::-webkit-outer-spin-button,
.wpb-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.wpb-quantity input { color: rgb(var(--wpb-headings)); text-align: center; padding: 0!important; -moz-appearance: textfield; border: none!important; font-weight: 700; width: 3rem!important; height: 5rem; font-size: 1.6rem; background-color: transparent; }
.wpb-quantity input:focus { outline: none!important; border: none!important; }


/*** ---------- Product card ---------- ***/
.wpb-card.wpb-card__product { display: -ms-grid; display: grid; grid-template-columns: minmax(0, 1fr); }
.wpb-card.wpb-card__product .wpb-card__header { grid-row: span 2; border-top-right-radius: 0px; border-bottom-right-radius: 0px; aspect-ratio: 4/3; position: relative; }
.wpb-card.wpb-card__product .wpb-card__header .is-featured { position: absolute; top: 1rem; left: 1rem; }
.wpb-card.wpb-card__product .wpb-card__header img { width: 100%; height: auto; object-fit: cover }
.wpb-card.wpb-card__product .wpb-card__body .prd-title { font-size: 2rem; }
.wpb-card.wpb-card__product .wpb-card__body a { text-decoration: none; }
.wpb-card.wpb-card__product .wpb-card__body .prd-category a { font-size: 1.4rem; color: rgb(var(--wpb-primary)); } 
.wpb-card.wpb-card__product .wpb-card__body .prd-price { margin-top: auto; padding-top: 1.6rem; }
.wpb-card.wpb-card__product .wpb-card__body .prd-price small { display: block; color: rgba(var(--wpb-dark), .55); font-size: 1.6rem; line-height: 1; }
.wpb-card.wpb-card__product .wpb-card__body .prd-price .prd-price__old { text-decoration: line-through; margin-right: .5rem; opacity: .5; }
.wpb-card.wpb-card__product .wpb-card__body .prd-price .prd-tax { font-size: 1.4rem; font-weight: 400; }
.wpb-card.wpb-card__product .wpb-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wpb-card.wpb-card__product .wpb-card__footer > * { flex-grow: 1; }
.wpb-card.wpb-card__product .wpb-card__footer .btn.btn-link:before { display: none; } 
.wpb-card.wpb-card__product .wpb-card__footer .added_to_cart { display: none; }

.add_to_cart_button { position: relative; overflow: hidden; }
.add_to_cart_button.loading::before, .add_to_cart_button.loading::after { content: ''; display: block; position: absolute; z-index: 1; }
.add_to_cart_button.loading::before { top: 0; right: 0; bottom: 0; left: 0; background: rgba(var(--wpb-primary)); }
.add_to_cart_button.loading::after { --src: url('/wp-content/themes/wux/assets/icons/default/icon_loading.svg'); --color: 255,255,255; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); top: calc(50% - (var(--height) / 2)); left: calc(50% - (var(--width) / 2)); animation: woocommerce_rotate 0.5s linear infinite; }

@keyframes woocommerce_rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.prd-sku {font-size: 1.1rem; font-weight: 600; line-height: 1; padding: 2px 3px; background-color: rgba(var(--wpb-light)); border-radius: .3rem; display: inline-block;}
.prd-stock { display: inline-block;  width: .8rem; height: .8rem; border-radius: 50%; margin-right: .4rem; }
.prd-stock.in-stock { background-color: rgb(var(--wpb-green)); }
.prd-stock.out-of-stock { background-color: rgb(var(--wpb-red)); }
@media (min-width: 768px) {
    .prd-sku { font-size: 1.2rem; }
}

.screen-reader-text { clip: rect(1px,1px,1px,1px); word-wrap: normal!important; border: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px } 

.otgs-development-site-front-end { display: none; }

/*** ----- Custom icons ----- ***/
.wpb-icon.wpb-icon__van { --src: url('/wp-content/themes/wux/assets/icons/icon_van.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__polygon { --src: url('/wp-content/themes/wux/assets/icons/icon_polygon.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__favicon { --src: url('/wp-content/themes/wux/assets/icons/icon_favicon.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__trusted-shops { --src: url('/wp-content/themes/wux/assets/img/logo_trusted_shops.svg'); --color: 255,255,255; --width: 1.5rem; --height: 1.5rem; }
.wpb-icon.wpb-icon__trademark { --src: url('/wp-content/themes/wux/assets/icons/trademark.svg'); --color: var(--wpb-dark);}

.wpb-icon.wpb-icon__draagvermogen-1 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-1.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-2 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-2.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-3 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-3.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-4 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-4.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-5 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-5.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }

.wpb-icon.wpb-icon__voedselgeschiktheid { --src: url('/wp-content/themes/wux/assets/icons/voedselgeschiktheid.svg'); --color: 255,255,255; --width: 2.9rem; --height: 2.9rem; }
.wpb-icon.wpb-icon__esd { --src: url('/wp-content/themes/wux/assets/icons/esd.svg'); --color: 255,255,255; --width: 2.9rem; --height: 2.9rem; }

.wpb-icon.wpb-icon-13 { --width: 1.3rem; --height: 1.3rem; }
.wpb-icon.wpb-icon-15 { --width: 1.5rem; --height: 1.5rem; }
.wpb-icon.wpb-icon-18 { --width: 1.8rem; --height: 1.8rem; }

:root { 
    --global-fs: 1.4rem; --global-lh: 1.5;
    --wpb-font-family: 'Open Sans', sans-serif;
    --wp--preset--font-family--cardo: 'Open Sans', sans-serif!important;
    --wp--preset--font-family--inter: 'Open Sans', sans-serif!important;
    --wpb-border-color: var(--wpb-border);
}

@media (min-width: 768px) {
    :root {
        --global-fs: 1.5rem;
        --global-lh: 1.5;
    }
}

* { font-family: var(--wpb-font-family); }

.wpb-body { background-color: rgb(var(--wpb-light)); }
.wpb-body.woocommerce.archive,
.wpb-body.woocommerce-checkout,
.wpb-body.woocommerce-cart,
.wpb-body.woocommerce-account,
.wpb-body.search {background-color: #fff;}

/*** Language popup ***/
.wpb-geolocation-popup { position: fixed; z-index: 9999; transform: translateY(100%); transition: .2s transform ease-in-out; left: 0; right: 0; bottom: 0; background-color: rgba(var(--wpb-dark)); padding: 24px 0; color: #fff; box-shadow: 0 -4px 16px 0 rgba(0,0,0,.35); }
.wpb-geolocation-popup .inner { display: flex; align-items: center; justify-content: space-between; }
.wpb-geolocation-popup .inner .wpb-text * {color: #fff;}
.wpb-geolocation-popup .inner .wpb-text .title {font-size: clamp(1.6rem, 3vw, 2rem); font-weight: 600;}
.wpb-geolocation-popup .inner .wpb-text p {margin-top: 0!important;}
.wpb-geolocation-popup .inner .wpb-text .region {display: flex; align-items: center; gap: 1rem; font-weight: 500;}
.wpb-geolocation-popup .inner .wpb-text .region .region-flag { width: 2.4rem; height: 2.4rem; border-radius: 50%; object-fit: cover; }
.wpb-geolocation-popup.wpb-geolocation-show {transform: translateY(0);}
.wpb-geolocation-popup.wpb-geolocation-hide {transform: translateY(100%);}

@media(max-width: 992px) {
    .wpb-geolocation-popup .inner { flex-direction: column; align-items: flex-start; row-gap: 2rem; }
}
@media(max-width: 576px) {   
    .wpb-geolocation-popup {padding-bottom: 3.6rem; padding-top: 2rem;}
    .wpb-geolocation-popup .inner .btn-group .btn {width: 100%;}
} 


/*** ---------- Blaze Slider ---------- ***/
.blaze-slider {--slides-to-show:5; --slide-gap:8px; direction:ltr}
.blaze-container {position:relative}
.blaze-track-container {overflow:hidden}
.blaze-track {will-change:transform; touch-action:pan-y; display:flex!important; gap:var(--slide-gap)!important; --slide-width: calc( (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) / var(--slides-to-show)); box-sizing:border-box;}
.blaze-track > * {box-sizing:border-box; width:var(--slide-width)!important; flex-shrink:0}
.blaze-slider .blaze-nav-btn { --size: 3.6rem; --icon-size: 1.2rem; --bg-color: #FFFF; --inner-color: rgba(var(--wpb-dark)); --br: 50%; cursor: pointer; transition: opacity .12s ease; width: var(--size); height: var(--size); background-color: var(--bg-color); border-radius: var(--br); border: none; outline: none; display: flex; align-items: center; justify-content: center; position: absolute; --offset:calc(100% + 20px); transform: translateY(-50%); top: 50%; transition: opacity var(--ts-15) ease;}
.blaze-slider .blaze-nav-btn .wpb-icon { --width: var(--icon-size); --height: var(--icon-size); background-color: var(--inner-color);}
.blaze-slider .blaze-nav-btn:hover {opacity: .65;}
.blaze-slider .blaze-nav-btn.blaze-prev {right: var(--offset);}
.blaze-slider .blaze-nav-btn.blaze-next {left: var(--offset);}
.blaze-slider.start .blaze-nav-btn.blaze-prev {opacity: 0; pointer-events: none;}
.blaze-slider.end .blaze-nav-btn.blaze-next {opacity: 0; pointer-events: none;}
.blaze-slider.static .blaze-nav-btn {display: none;}
@media (max-width: 768px) {
    .blaze-slider .blaze-nav-btn {display: none;}
}


/* Payment icons */
.woocommerce-payment-icons { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.woocommerce-payment-icons img { width: auto; height: 2.4rem; }


/* REGION SWITCHER */
.global-region-switcher { display: flex; align-items: center; gap: .4rem; cursor: pointer;}
.global-region-switcher * {color: #fff; --color: 255, 255, 255; text-transform: uppercase; font-weight: 600; font-size: 1.4rem; line-height: 1;}
.global-region-switcher .wpb-icon { --width: 1.4rem; --height: 1.4rem; }

@media (max-width: 768px) {
    .global-region-switcher * {font-size: 1.3rem;}
    .global-region-switcher {padding: 0 1.6rem;}
}


/* REGION POP-UP */
.modal--localisation .modal-dialog {max-width: 97rem;}
.modal--localisation .modal-dialog .modal-dialog__body .header {display: flex; justify-content: space-between; padding: 3.2rem 0 2.4rem; align-items: center;}
.modal--localisation .modal-dialog .modal-dialog__body .header p {max-width: 600px; margin-top: 6px;}
.modal--localisation .modal-dialog .modal-dialog__body .languages {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.2rem;}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language {border: 1px solid rgba(var(--wpb-border)); border-radius: .8rem; padding: 2rem 2.8rem; text-decoration: none; transition: border-color .12s ease;}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language .region {display: flex; align-items: center; column-gap: .6rem; font-size: 1.8rem; font-weight: 700; color: rgba(var(--wpb-dark));}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language:hover {border-color: rgba(var(--wpb-dark));}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language .region .region-flag {width: 1.8rem; height: 1.8rem; border-radius: 50%; object-fit: cover;}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language .is-current {margin-left: 6px; line-height: 1; background-color: #DEECF6; color: rgba(var(--wpb-blue)); font-size: 1.1rem; font-weight: 600; border-radius: .4rem; padding: .12rem .4rem;}
@media (max-width: 576px) {
    .modal--localisation .modal-dialog .modal-dialog__body .header {padding: 2rem 0 1.6rem;}
    .modal--localisation .modal-dialog .modal-dialog__body .header p {font-size: 1.3rem;}
    .modal--localisation .modal-dialog .modal-dialog__body .header .btn {display: none;}
    .modal--localisation .modal-dialog .modal-dialog__body .languages {gap: .6rem; grid-template-columns: repeat(2, 1fr);}
    .modal--localisation .modal-dialog .modal-dialog__body .languages .language {padding: 1rem 1.6rem; border-radius: .4rem; position: relative;}
    .modal--localisation .modal-dialog .modal-dialog__body .languages .language .region {font-size: 1.4rem;}
    .modal--localisation .modal-dialog .modal-dialog__body .languages .language .is-current {position: absolute; right: 8px; top: 8px;}
}

.wp-block-woocommerce-coming-soon {text-align: center; padding: 0 18px;}

.grecaptcha-badge {display: none!important;}
.o-livechat-root {z-index: 9998!important;}

.woocommerce ul.articles {list-style: none; display: grid; --gc: 1; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: .9rem; row-gap: 1.4rem; margin-top: 2.4rem;}

@container products (width > 600px) { 
    .woocommerce ul.articles {--gc: 2;}
}

@container products (width > 992px) { 
    .woocommerce ul.articles {--gc: 3;}
}