/** Shopify CDN: Minification failed

Line 283:0 Expected "}" to go with "{"

**/
/* ========== Mix & Match ========== */
.mix-match-cs {
  display: flex !important;
  color: #261b19;
}

#bundle-container {
  min-width: 700px;
  max-width: 100%;
}

#bundle-container .rbr-main-container {
  padding: 0 20px !important;
}

#bundle-container .rbr-main-container .rbr-container .rbr-pop-container,
#bundle-container .rbr-main-container .rbr-container.svelte-rolxpm .rbr-sticky {
  background-color: #F7EFEF !important;
}

#bundle-container .rbr-main-container .rbr-container.svelte-rolxpm {
  padding: 0 !important;
  margin-top: 22px !important;
}

#bundle-container .rbr-main-container .rbr-container.svelte-rolxpm .rbr-pop-container {
  margin-bottom: 0 !important;
  border-color: rgba(38,27,25,0.05);
}

#bundle-container .rbr-main-container .rbr-container .rbr-pop-container .rbr-flex-start,
#bundle-container .rbr-main-container .rbr-container.rbr-space-between,
#bundle-container .rbr-main-container .rbr-container .rbr-icon-container,
#bundle-container .rbr-main-container .rbr-container .rbr-productPrice {
  display: none !important;
}

#bundle-container .rbr-main-container .rbr-container .rbr-title {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #261b19;
}

#bundle-container .rbr-main-container .rbr-container .rbr-progress {
  background: #000 !important;
}

#bundle-container .rbr-main-container .rbr-container .rbr-productTitle {
  text-align: center !important;
}

#bundle-container .rbr-main-container .rbr-container .rbr-productImage {
  border-radius: 20px;
  border-color: rgba(38,27,25,0.05);
  overflow: hidden;
  background-size: cover;
}

#bundle-container .rbr-main-container .rbr-container.svelte-vio71k {
  padding: 0 !important;
}

.rbr-container.svelte-167oc90.svelte-167oc90 .rbr-productSelectBox .rbr-bigAdd {
  color: #261b19;
}

/* ========== Footer aanpassingen ========== */
.footer.color-accent-1 {
  background-color: #EEECE6 !important;
}

.footer,
.footer p,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.footer span,
.footer li,
.footer a,
.footer small {
  color: #000 !important;
}

/* ========== Algemene typografie ========== */
body {
  font-size: 14px !important;
  line-height: 1.6;
}

/* ========== Product grid & winkelmandje knop ========== */
.product-card {
  position: relative;
  overflow: hidden;
}

.media {
  position: relative !important;
}

/* Knop rechts onderin */
.quick-add-form {
  position: absolute !important;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

/* Ronde knop */
.quick-add-button {
  width: 35px;
  height: 35px;
  padding: 6px;
  background-color: #f5eeefff;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.quick-add-button:hover {
  background-color: #E9E3DD;
}

/* Tasje + plus icoon */
.quick-add-button svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: ##B02F60;
  stroke-width: 1.5;
}

/* ========== Productpagina knop ========== */
input.button[value="TOEVOEGEN"] {
  background-color: #B02F60 !important;
  color: white !important;
  border: none !important;
  outline: none !important;
}

/* ========== Media queries ========== */
@media only screen and (max-width: 989px) {
  .page-width {
    width: unset;
  }

  .mix-match-cs {
    flex-direction: column;
  }

  .mix-match-cs > div:first-child {
    width: 100%;
    max-width: 100% !important;
  }

  #bundle-container {
    min-width: unset;
  }

  #bundle-container .rbr-main-container {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 640px) {
  .rbr-container.svelte-1qkk1h3 {
    grid-template-columns: repeat(2, 1fr) !important;
    display: grid;
    grid-gap: 16px;
    justify-content: start;
    overflow: unset;
    padding-right: 0;
  }

  .rbr-container.svelte-167oc90.svelte-167oc90 {
    display: flex !important;
    flex-direction: column;
    padding-top: 0 !important;
    border: none !important;
  }

  .rbr-container.svelte-167oc90.svelte-167oc90 .rbr-productImage {
    width: 100%;
  }

  .rbr-container.svelte-167oc90.svelte-167oc90 .rbr-productTitle {
    min-height: 43px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .rbr-container.svelte-167oc90.svelte-167oc90 .rbr-productSelectBox .rbr-bigAdd {
    padding: 5px 0;
}
  .price-and-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  gap: 10px;
}

.price-and-rating .price {
  margin: 0;
}

.price-and-rating .rating,
.price-and-rating .asrv-stars, 
.price-and-rating svg {
  margin: 0;
}

@media screen and (max-width: 768px) {
  /* Verberg de toggle knoppen */
  .footer-tab-toggle-template--23553797947723__ss_footer_6_A7GRpV {
    display: none !important;
  }

  /* Zorg dat alle inhoud standaard zichtbaar is */
  .footer-tab-text-template--23553797947723__ss_footer_6_A7GRpV {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    overflow: visible !important;
  }
@media screen and (max-width: 768px) {
  /* Stijl elke footerkolom apart */
  .footer-tab-text-template--23553797947723__ss_footer_6_A7GRpV > ul {
    margin-bottom: 24px;
    padding: 0;
    list-style: none;
  }

  /* Voeg ruimte toe tussen lijstitems */
  .footer-tab-text-template--23553797947723__ss_footer_6_A7GRpV li {
    margin-bottom: 8px;
  }

  /* Zet de titels duidelijk boven elk blok */
  .footer-tab-text-template--23553797947723__ss_footer_6_A7GRpV::before {
    content: attr(data-heading);
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
  }

  /* Extra spacing onderaan de footer */
  .ss-footer {
    padding-bottom: 40px;
  }
.price--large .price__badge-sale,
.price--large span.price__badge-sale,
.price--large .badge.price__badge-sale {
  background: #EBA7C1 !important;
  background-color: #EBA7C1 !important;
  border-color: #EBA7C1 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}