/* 20250728115343 - v2 */
.gui,
.gui-block-linklist li a {
  color: #4f4f4f;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #252525;
}

.gui-block-inner strong {
  color: #7c7c7c;
}

.gui a {
  color: #857550;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #857550;
  box-shadow: 0 0 2px #857550;
}

.gui-select.gui-focus .gui-handle {
  border-color: #857550;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #252525;
}

.gui-block-title {
  color: #252525;
  background-color: #e0dad3;
}

.gui-content-title {
  color: #252525;
}

.gui-form .gui-field .gui-description span {
  color: #4f4f4f;
}

.gui-block-inner {
  background-color: #d7d1ca;
}

.gui-block-option {
  border-color: #dedede;
  background-color: #f4f4f4;
}

.gui-block-option-block {
  border-color: #dedede;
}

.gui-block-title strong {
  color: #252525;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #9c9c9c;
}

.gui ul.gui-products li {
  border-color: #bdbdbd;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #bdbdbd;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #bdbdbd;
}

.gui-block-content .gui-table {
  border-color: #dedede;
}

.gui-table thead tr th {
  border-color: #9c9c9c;
  background-color: #f4f4f4;
}

.gui-table tbody tr td {
  border-color: #dedede;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #000000;
  color: #000000;
  background-color: #000000;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #252525;
  color: #000000;
  background-color: #000000;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #000000;
  border-color: #000000;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #000000;
  border-color: #1d1d1d;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #252525;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #252525;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #444444;
}

/* custom */
@media (min-width: 992px) {
  :root {
    --fontDefaultSize: 16px;
    --fontSmall: 13px;  
  }
}

body {
	background-color: #fafafa!important; 
}
#cartpage .top .button {
 display: none; 
}
#home-block-heroimage {
  	overflow: hidden;
}

.tags {
	display: none;
}

.formSearch input {
color: black !important;
}
@media (max-width: 767.98px) {
    #home-block-heroimage .textwrap .wrap {
        text-align: left;
    }
}
#collection .row.products {
  display: grid;

  margin-left: 0!important;
  margin-right: 0!important;
  padding-top: 25px;
}
#collection .products .pagination {
    grid-column: 1 / -1;
}
@media (min-width:1600px) {
  #collection .row.products {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    	grid-gap: 20px;
  }
  #collection .products .product { 
    padding: 25px!important;
  }
}
@media (min-width:1280px) and (max-width:1599px) {
  #collection .row.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    	grid-gap: 20px;
  }
  #collection .products .product { 
    padding: 25px!important;
  }
}
@media (min-width:992px) and (max-width:1279px) {
  #collection .row.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    	grid-gap: 20px;
  }
  #collection .products .product { 
    padding: 25px!important;
  }
}
@media (min-width:321px) and (max-width:991px) {
  #collection .row.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  	grid-gap: 10px;
  }
  #collection .products .product { 
    padding: 15px!important;
  }
}
@media  (max-width:320px) {
  #collection .row.products {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
  }
}
#collection .products .product,
.slider-recent-products .product .wrap {
	max-width: 100%!important; 
  background: white;
  border-radius: 5px;
  overflow: hidden;
}
#collection .products .product .wrap {
 padding: 0!important; 
}
#collection .products .product a.button.cta {
	padding: 10px!important;
  height: 50px!important;
  width: 50px!important;
  border-radius: 5px!important;
  overflow: hidden!important;
  margin-left: auto!important;
}

.list-results a {
color: white !important;
}
.list-products a {
color: white !important;
}
#warning {
	scroll-margin-top: 150px;
  margin-bottom: 20px;
}
#ingredient {
	scroll-margin-top: 150px;
  margin-bottom: 20px;
}
#product .images .images-wrap .image img {
  height: auto;
  border-radius: 10px;
}
.ss360-nav__entry {
	color: #ffffff!important; 
}
#ss360-filtered-results button.ss360-n-button {
	background: #857550!important;
  color: white;
}
#ss360-filtered-results .ss360-cta:not(.ss360-cta--noicon):focus,
#ss360-filtered-results .ss360-cta:not(.ss360-cta--noicon):hover {
  padding-left: 16px!important;
}


#ss360-filtered-results button.ss360-n-button .ss360-cta__icon {
 transform: translate3d(0,0,0); 
  display:none;
}
#home-block-heroimage {
    background-position: 38% 50%!important;
}

#home-block-heroimage::before {
    content: '';
    display: block;
    width: 100%; /* Pas aan naar behoefte */
    height: 10vw; /* Pas aan naar behoefte */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23ffffff"><path d="M500 80.7C358 68 0 4 0 4V0h1000v84.7c-216 23.3-358 8.6-500-4Z" opacity=".3"></path><path d="M500 65.7C358 53 0 4 0 4V0h1000v62.7c-216 23.3-358 15.6-500 3Z" opacity=".5"></path><path d="M500 50.7C358 38 0 4 0 4V0h1000v40.7C784 64 642 63.3 500 50.7Z"></path></svg>');
    background-size: cover; /* Zorgt ervoor dat de afbeelding de ruimte opvult */
    position: absolute; /* Zorgt ervoor dat het overlaying werkt */
    bottom: -1px; /* Plaatst het element bovenaan */
    left: 0; /* Plaatst het element links */
    z-index: 2; /* Zorgt ervoor dat het achter andere inhoud ligt */
      transform: rotate(180deg); /* Draait de afbeelding 180 graden */

}
.ss360-slider__input-wrap svg {
	fill:  #857550!important; 
}
#ss360-layer .ss360-ac-c, #ss360-layer .ss360-ac-c--hover:focus, #ss360-layer .ss360-ac-c--hover:hover {
	color: #000000!important; 
}
#ss360-layer .ss360-acd-b--hover, #ss360-layer .ss360-acd-b--hover,
#ss360-layer .ss360-ac-bg, #ss360-layer .ss360-ac-bg--focus, #ss360-layer .ss360-ac-bg--hover, #ss360-layer .ss360-ac-bg--hover,
#ss360-layer .ss360-ac-b, #ss360-layer .ss360-ac-b--focus, #ss360-layer .ss360-ac-b--hover, #ss360-layer .ss360-ac-b--hover{
	border-color: #857550!important;
}
#ss360-layer .ss360-acd-b--hover, #ss360-layer .ss360-acd-b--hover,
#ss360-layer .ss360-ac-bg, #ss360-layer .ss360-ac-bg--focus, #ss360-layer .ss360-ac-bg--hover, #ss360-layer .ss360-ac-bg--hover {
	background-color: #857550!important;
}
#ss360-layer .ss360-acd-b--hover:focus, #ss360-layer .ss360-acd-b--hover:hover,
#ss360-layer .ss360-ac-bg, #ss360-layer .ss360-ac-bg--focus:focus, #ss360-layer .ss360-ac-bg--hover:focus, #ss360-layer .ss360-ac-bg--hover:hover,
#ss360-layer .ss360-ac-b, #ss360-layer .ss360-ac-b--focus:focus, #ss360-layer .ss360-ac-b--hover:focus, #ss360-layer .ss360-ac-b--hover:hover {
	border-color: #857550!important;
}
#ss360-layer .ss360-acd-b--hover:focus, #ss360-layer .ss360-acd-b--hover:hover,
#ss360-layer .ss360-ac-bg, #ss360-layer .ss360-ac-bg--focus:focus, #ss360-layer .ss360-ac-bg--hover:focus, #ss360-layer .ss360-ac-bg--hover:hover {
	background-color: #857550!important;
}

#home-block-heroimage {
    height: 20vw;
    min-height: 610px;
  z-index:0;
}
#home-block-heroimage .col-12 {
    height: 100%;
    max-height: 10vw;
  	min-height: calc(610px - 10vw);
}
#home-block-products {
	padding: 0;
	position: relative;
  z-index: 1;
}
#home-block-products .col-12 p {
  margin-top: 20px;
}
.product .wrap > label.sale {
	background: var(--accent);
}
@media (max-width:575px) {
  #home-block-heroimage {
  	min-height: 600px!important; 
  }
	#home-block-heroimage::before {
  	width: 240%;
    height: 28vw; 
  }
}
@media (min-width:576px) and (max-width: 767px) {
  #home-block-heroimage {
  	min-height: 600px!important; 
  }
  
	#home-block-heroimage::before {
  	width: 190%;
    height: 23vw; 
  }
}
@media (min-width:768px) and (max-width: 991px) {
  #home-block-heroimage {
  	min-height: 600px!important; 
  }
  
	#home-block-heroimage::before {
  	width: 150%;
    height: 15vw; 
  }
}
@media (min-width: 2300px) {
  #home-block-products {
  	margin-top: -2vw;
  } 
}

#home-block-products .product-slider.owl-carousel .owl-dots {
  display: none!important;
}

@media (max-width: 767px) {
  header#mobile-variant-3 {
      height: 70px;
  }
}

/*GUI thank you page*/
.gui-block-title, .gui-block-title strong {
	background-color: #000000;
  color: #ffffff!important;
}
.gui-block-title {
    padding: 12px 24px;
}
.gui-block-inner {
background-color: initial!important;
}

/* HOMEPAGE VIDEO */
#home-block-video {
  border-top: 0!important;
}
#home-block-video .video-wrap > .video {
position: relative!important;
  bottom: 0!important;
  right: initial!important;
}
#home-block-video img {
	overflow: hidden;

}
@media (min-width: 767px) {
  #home-block-video img {
     border-radius: 20px; 
  }
}
/* HOMEPAGE BLOG */
#home-block-blog-posts:not(.variant-1).palette-bg-black .col-12.first .wrap {
    background-color: var(--dark)!important;
}
#home-block-blog-posts.variant-1 .article .img {
	border-radius: var(--borderRadius);
  aspect-ratio: 1 / 1;
  height: initial!important;
  border-radius: 20px;
  overflow: hidden;
}
/* blog first blog page */
#blog-first {
    overflow: hidden;
  position: relative;
}
#blog-first .bg-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: blur(24px);
  -webkit-filter: blur(24px);
  width: 100%;
  height: 100%;
  scale: 1.2;
  z-index: -1;
  position: absolute;
  bottom: 0;
}
#blog-first .with-image {
  height: initial!important;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
#blog-first .with-image .img {
	width: 50%!important;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: initial!important;
  left: 0;
  height: auto;
}
#blog-first .with-image .first-article {
  width: 50%;
}
#blog-first .with-image .first-article .link-to-post {
  background: rgba(255, 255, 255, 0.8);
  padding: 15px;
  height: 100%;
}
#blog-first .with-image .first-article .link-to-post .meta {
  padding: 0;
}
@media (max-width: 767.98px) {
    #blog-second {
        padding-bottom: 15px;
        padding-top: 5px;
    }
}
#blog-second .blog-item {
  height: auto;
}
#blog-second .blog-item a {
  height: 100%;
}
#blog-second .blog-item a .wrap {
  height: 100%;
}

/*overige blog*/
#blog .other-posts {
	margin-top: 0!important; 
  padding: 40px; 
}
#blog .other-posts .pagination .arrow.prev,
#blog .other-posts .pagination .arrow.next {
  background: white;
  border-radius: 10px;
}
#blog .other-posts .pagination .active a {
  color: white;
}
.other-posts, .blog-articles {
	padding-bottom: 40px; 
}
.other-posts, .blog-articles h3 {
	color: white;  
}
.other-posts, .blog-articles {
  background: var(--black);
}
.other-posts .posts > a,
.blog-articles .owl-item a {
  	background: white; 
  border-radius: 20px;
  overflow: hidden;
}
.other-posts .owl-item a .img,
.blog-articles .owl-item a .img {
  aspect-ratio: 1;
}
.other-posts .wrap,
.blog-articles .owl-item a .data {
  padding: 15px;
}
  
/**********************************/
#home-block-products {
	overflow: hidden; 
}
@media (min-width: 992px) {
  #home-block-products .slider-wrap {
    overflow: visible; 
  }
}
#home-block-products .owl-item {
   margin: 10px!important;
  -webkit-box-shadow: 0px 8px 57px 12px rgba(234, 234, 234, 1);
-moz-box-shadow: 0px 8px 57px 12px rgba(234, 234, 234, 1);
box-shadow: 0px 8px 57px 12px rgba(234, 234, 234, 1);
  	background: white; 
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 1279.98px) {
  body > .container,
  .mainbar > .container,
  .menubar > .container,
  .topbar > .container,
  #collection > .container,
  .other-categories > .container,
  .content > .container,
  article.lastviewed > .container,
  footer .footer-top > .container,
  footer .footer-wrap > .container,
  footer .footer-wrap > .copyright-payment .container {
  	max-width: initial!important;
  }
}
#footer .footer-top .image img {	
	margin-top: 0px;
  padding-top: 30px;
  aspect-ratio: 1;
  overflow: hidden;

}
@media (max-width: 767px) {
  #home-block-heroimage[class*="bgfull"] {
	  min-height: 400px;
  } 
  .mobile-menu > .menu-wrapper > ul li.categories li a {
   font-size: 20px!important; 
  }
  .mobile-menu > .menu-wrapper > ul li.categories.images > ul > li > a img {
   	width: 50px!important; 
  }
}
/*
@media (min-width: 768px) {
  #home-block-heroimage[class*="bgfull"] {
	  min-height: 600px;
    height: 50vh!important;
  } 
}
*/
@media (max-width: 320px) {
#home-block-heroimage .textwrap .wrap {
    padding: 10px 5px !important;
}
}
@media (max-width: 767px) {
header .logo img {
max-height: 50px !important; 
  }
}
@media (max-width: 767.98px) {
  :root {
		--mainbar: 70px!important;
  }
  body .formSearch input {
    color: white !important;
}
}

.menubar {
  border-top: 1px solid var(--dark);
}
/*hero*/
body > .container > img {
 border-radius: 40px;
  overflow: hidden;
    margin-bottom: 20px!important;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.33);
box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.33);
}

/*product overzicht*/
.row.categories > div {
	margin-bottom: 30px!important; 
}
.row.categories a {
    padding: 20px;
    background: #f1f1f1;
    border-radius: 20px;
    height: 100%;
}
.category .img::before {
    padding-top: initial!important;
}
.category .img img {
		border-radius: 10px;
 		 overflow: hidden;
    left: initial!important;
    max-width: 100%!important;
    aspect-ratio: 23/4!important;
    position: relative!important;
    top: initial!important;
    transform: initial!important;
    object-fit: cover!important;
}
aside.sidebar {
  overflow: scroll;
  max-height: 100vh;
}

/*UI*/
.gui-form .gui-radio label:before,
.gui-form .gui-checkbox label:before,
.gui-payment-method-subtitle:before {
	border: 1px solid black; 
}
.gui-table thead tr th {
  background-color: var(--light);
  border-color: var(--accent);
}
/*UI - Checkout*/
div#gui-block-payment-method {
    background: #f4efea;  
}
#gui-form .gui-col3-equal-col3 {
    background: var(--light);
}
.gui-block-subtitle {
 font-size: var(--h4size);
}
.gui-checkout-one-step .gui-block-option .gui-field .gui-radio > label,
.gui-field,
.gui-field-content,
.order-summary *{
  font-size: var(--fontDefaultSize)!important; 
}
div#gui-block-payment-method,
#gui-form .gui-col3-equal-col3 {
    padding: 20px;
    border-radius: var(--borderRadius);
}
@media (min-width: 991px) {
	.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col1,
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2,
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col3 {
		width: 48% !important;
    margin-right: 0%!important; 
  }
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col1 {
  	float: left!important;
  }
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2,
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col3 {
  	float: right!important;  
	}
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2 {
  	margin-bottom: 20px!important; 
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col1 {
  	width: 100% !important;
    margin-right: 0%!important;
  }
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2,
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col3 {
    width: 48% !important;
  }
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2 {
    margin-right: 0%!important;    
  }
  .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col3 { 
    margin-left: 0%!important; 
    float: right!important;
  }
  #gui-wrapper .gui-checkout-one-step .gui-form .gui-col3-equal > div {
      margin-bottom: 25px!important;
      width: 100% !important;
  }
}
/* breadcrumbs */

nav.breadcrumbs {
background: white; 
}
/* blog */
#article .banner {
	overflow: hidden; 
}
#article .banner .background-image {
  background-repeat: no-repeat;
      background-position: center center;
    background-size: cover;
  filter: blur(12px);
  -webkit-filter: blur(12px);
  width: 100%;
  height: 300px;
  scale: 1.2;
  z-index: -1;
  position: absolute;
}
#article .banner h1 {
	padding: 40px 0; 
  max-width: 29ch; 
  color: white;
  z-index: 10;
  text-shadow: 1px 4px 9px rgba(0,0,0,0.6);
}
@media (max-width: 991px) {
#article .banner .col-12 {
    text-align: center;
    text-align: -webkit-center;
  }
}
#article .content .text img {
 overflow: hidden;
  border-radius: 20px;
}
/* other products */

.other-categories {
    margin-top: 50px;
    background: var(--light);
    padding: 50px 0;
    text-align: center;
}
.other-categories .slider {
	padding: 0!important;
  justify-content: center;
  gap: 25px;
  margin-bottom: 0!important;
}
.other-categories h3 {
	margin-bottom: 50px!important; 
}
.other-categories .slider > a {
	min-height: initial;
  margin-right: 0!important;
}
.other-categories .slider > a p {
	font-size: var(--fontDefaultSize);
}
.other-categories .slider > a .img img {
	height: auto; 
}
/*below content*/
#collection > .content .img,
#catalog .content .img {
	display: none!important;
}
#collection > .content text p,
#catalog .content text p,
#collection > .content text h2,
#catalog .content text h2,
#collection > .content text h3,
#catalog .content text h3 {
	width: 80ch;
}
#collection .content .col-12 {
  place-content: center!important;
}
#collection > .content .text {
	background: #f4efea!important;
  max-width: 102ch;
  border-radius: 25px;
}
@media (min-width:992px) {
  #collection > .content .text {
    padding: 60px;
  }
}
@media (max-width:991px) {
  #collection > .content .text {
    padding: 20px;
  }
}
#collection > .content .text,
#catalog .content .text {
	background: white; 
}

#collection > .content .row .col-12 ul,
#collection > .content .row .col-12 ol {
	column-count: 2;
  column-gap: 25px;
}
/* footer */
#footer .footer-wrap {

}
#footer .footer-top {
	padding: 50px 0;
  justify-items; center;
  background: #e0dad3;
}
#footer .newsletter-container {
    display: flex;
    flex-direction: column;
    align-items: center;

}
#footer .newsletter-container #formNewsletterFooter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 500px;
	width: 100%;
  background: #f4efea;
  padding: 20px!important;
  border-radius: 20px;
}
#footer .newsletter-container .h4,
#footer .newsletter-container #formNewsletterFooter label {
	color: var(--black);
}

#footer .newsletter-container #formNewsletterFooter label {
	margin-bottom: 0!important; 
}
#footer .newsletter-container #formNewsletterFooter input {
	padding: 10px; 
}
#footer .newsletter-container #formNewsletterFooter a {
	color: var(--accent); 
}
#footer .newsletter-container #formNewsletterFooter input,
#footer .newsletter-container #formNewsletterFooter .button {
	width: 100%;
  border: 0;
  height: 3rem;
  gap: 10px;
}
/*
.menu.standard > ul > li > ul > li a {
    padding: 8px!important;
    font-size: 13px!important;
}*/