/** Shopify CDN: Minification failed

Line 27:0 Unexpected "}"
Line 48:0 Unexpected "}"
Line 65:0 Unexpected "}"
Line 79:0 Unexpected "}"
Line 94:19 Expected identifier but found "/"
Line 127:0 Unexpected "}"
Line 413:0 Expected "}" to go with "{"

**/
/*
  BUDDLEY: eigen CSS, 1-op-1 overgenomen uit het einde van assets/theme.css van het live thema (6.7.0) op 25-09-2026.
  Staat nu in een eigen bestand, zodat een thema-update dit niet meer overschrijft.
  Let op: de losse accolades en de niet-afgesloten @media onderaan zijn bewust NIET gerepareerd,
  zodat de site er precies zo uitziet als nu. Opschonen is een aparte stap.
*/
/* BUDDLEY 29-09-2026: collectie-overzicht (voorheen in sections/main-collections-list.liquid).
   Hier in CSS zodat een thema-update het niet overschrijft.
   Deze regels staan bewust bovenaan: onderaan dit bestand staat een niet-afgesloten @media-blok. */
[data-section-type="list-collections"] .grid__cell:has(> a[href$="/collections/badkamerrekken"]) { display: none !important; }
[data-section-type="list-collections"] .collection-block-item .aspect-ratio { padding-bottom: 100% !important; }
@media screen and (min-width: 1000px) {
  [data-section-type="list-collections"] .grid__cell { width: 25% !important; }
}

}
   .logo img {
    width: [400]px;
    height: [200]px;
}
  .header {
    padding-top: 3px;
    padding-bottom: 3px;

} @media screen and (max-width: 767px) {
  img.header__logo-image {
    width: 110px;
}

} @media only screen and (max-width: 768px) {
  .header__logo-image {
    margin-left: 20px !important; /* Verplaats het logo naar rechts */
  }
}


}
a.slideshow__button {
    border-radius: 20px;

}
a.button.button--primary {
    border-radius: 20px;


}.product-form__add-button {
  border-radius: 20px;


}.shopify-payment-button__button {
  border-radius: 20px !important;
}

} @media screen and (max-width: 768px) {
  a.slideshow__button,
  a.button.button--primary,
  .product-form__add-button,
  .shopify-payment-button__button {
    border-radius: 20px !important;
}

} img.header__logo-image {
  transform: scale(1.3);
  display: block;
  margin: 0 auto;
}

} @media screen and (max-width: 767px) {
  img.header__logo-image {
    width: 110px;
 }

} .quick-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 10px;
    box-sizing: border-box;
}

.quick-links__link {
    display: flex; /
    justify-content: center;
    align-items: center;
    width: calc(33.33% - 20px);
    max-width: 200px;
    height: auto;
    padding: 10px;
    background-color: #f8f8f8;
    border: 0px solid #ddd;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.quick-links__image-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick-links__image-ie-fix img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


} @media screen and (max-width: 640px) {
    .quick-links__link {
        width: calc(50% - 20px); /* Toon 2 kolommen in plaats van 3 */
    }
}

.featured-collection__cta.button--floating {
    border-radius: 12px; /* Afronden van de hoeken */
    padding: 12px 24px; /* Binnenruimte voor een nette knop */
    background-color: #f8f8f8; /* Achtergrondkleur van de knop */
    color: #333; /* Tekstkleur */
    border: none; /* Verwijder eventuele randen */
    text-decoration: none; /* Verwijder onderstreping van de link */
    display: inline-block; /* Zorg dat de knop netjes wordt weergegeven */
    font-size: 16px; /* Tekstgrootte aanpassen */
    font-weight: bold; /* Maakt de tekst vet */
    transition: all 0.3s ease; /* Voeg een soepele animatie toe bij hover */
    text-align: center; /* Centreer de tekst in de knop */
}

/* Hover-effect */
.featured-collection__cta.button--floating:hover {
    background-color: #e0e0e0; /* Verander de achtergrondkleur bij hover */
    color: #000; /* Verander de tekstkleur bij hover */
    transform: scale(1.05); /* Vergroot de knop licht bij hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Voeg een schaduw toe bij hover */
}


/* Randen voor desktop en mobiel */
a.slideshow__button.button {
  border-radius: 15px !important; /* Pas aan voor rondere hoeken */
  padding: 5px 15px; /* Optioneel: knop groter maken */
  display: inline-block; /* Zorg ervoor dat het werkt als een knop */
  text-align: center; /* Tekst centreren */
}

/* Aanpassingen specifiek voor mobiel */
@media only screen and (max-width: 768px) {
  a.slideshow__button.button {
    border-radius: 15px !important; /* Grotere ronding op mobiel */
  }
}

/* Verberg de link standaard op desktop */
@media screen and (min-width: 1024px) {
  a[href^="tel:"] {
    pointer-events: none; /* Zorgt ervoor dat de link niet klikbaar is */
    cursor: default; /* Verandert de cursor naar standaard */
    text-decoration: none; /* Verwijdert onderstreping */
    color: inherit; /* Zorgt ervoor dat de tekst dezelfde stijl behoudt */
  }
}

/* Header container styling */
.header {
  display: flex;
  align-items: center; /* Centreert de items verticaal */
  justify-content: space-between; /* Verdeelt items gelijkmatig */
  padding: 0 20px; /* Ruimte rondom de header */
  height: 60px; /* Houd de header op een vaste hoogte */
}

/* Logo styling */
.header__logo img {
  height: 40px; /* Pas de hoogte aan indien nodig */
  width: auto; /* Zorg dat de proporties behouden blijven */
  margin-right: 15px; /* Ruimte tussen het logo en de zoekbalk */
}

/* Zoekbalk styling */
.header__search {
  flex: 1; /* Laat de zoekbalk ruimte innemen */
  max-width: 400px; /* Beperk de maximale breedte van de zoekbalk */
  margin-right: 15px; /* Ruimte tussen de zoekbalk en actie-items */
}

.header__search input {
  width: 100%; /* Laat het veld de volledige breedte benutten */
  height: 35px; /* Pas de hoogte aan indien nodig */
  padding: 5px 10px;
  border-radius: 5px; /* Maak de hoeken afgerond */
  border: 1px solid #ccc; /* Voeg een subtiele rand toe */
  box-sizing: border-box; /* Zorg dat padding de breedte niet beïnvloedt */
}

.header__search button {
  height: 35px; /* Zorg dat de knop dezelfde hoogte heeft als het invoerveld */
  padding: 0 15px;
  background-color: #00bfa5; /* Knopkleur aanpassen */
  border: none;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

/* Actie-items (taal, account, winkelmandje) */
.header__actions {
  display: flex;
  align-items: center;
  gap: 15px; /* Ruimte tussen de items */
}

.header__actions div {
  font-size: 14px; /* Tekstgrootte aanpassen */
  color: white;
}

.header__actions a {
  text-decoration: none;
  color: white;
}

@media (max-width: 768px) {
  /* Algemene header instellingen voor mobiel */
  .header {
    flex-wrap: wrap; /* Laat items naar een nieuwe regel gaan indien nodig */
    justify-content: center; /* Centreer alle items op mobiel */
    height: auto; /* Laat de hoogte zich automatisch aanpassen */
    padding: 10px 15px; /* Zorg voor ruimte rondom de header */
  }

  /* Logo instellingen op mobiel */
  .header__logo {
    margin-bottom: 8px; /* Ruimte onder het logo */
    text-align: center; /* Centreer het logo horizontaal */
  }

  .header__logo img {
    height: 25px; /* Verklein het logo op mobiel */
    width: auto; /* Houd de proporties correct */
  }

  /* Zoekbalk instellingen op mobiel */
  .header__search {
    width: 100%; /* Laat de zoekbalk de volledige breedte gebruiken */
    margin: 10px 0; /* Ruimte boven en onder de zoekbalk */
  }

  .header__search input {
    height: 50px; /* Maak de zoekbalk groter voor betere bruikbaarheid */
    padding: 5px 10px; /* Ruimte binnenin de zoekbalk */
    font-size: 14px; /* Iets grotere tekst voor mobiel */
    border-radius: 5px; /* Afronde hoeken voor een nette uitstraling */
  }

  .header__search button {
    height: 50px; /* Zorg dat de knop dezelfde hoogte heeft als het inputveld */
    padding: 0 15px;
    font-size: 14px; /* Tekstgrootte aanpassen */
  }

  /* Acties (taal, account, winkelmandje) op mobiel */
  .header__actions {
    flex-wrap: wrap; /* Laat items zich aanpassen op mobiel */
    justify-content: center; /* Centreer de items */
    gap: 10px; /* Ruimte tussen items */
  }

  .header__actions div {
    font-size: 12px; /* Kleinere tekstgrootte voor mobiel */
    text-align: center; /* Centreer tekst in de actie-items */
  }
}
/* Vlaggen horizontaal naast elkaar */
.mobile-locale-flags {
  display: flex;
  justify-content: center;
  gap: 8px; /* Ruimte tussen vlaggen */
  list-style: none;
  padding: 10px 0;
  margin: 0;
}

/* Vlagstijl */
.mobile-locale-flags img {
  width: 24px; /* Grootte aanpassen indien nodig */
  height: auto;
  border-radius: 3px; /* Optioneel: afgeronde hoeken */
  cursor: pointer;
}

/* Zorg dat de vlaggen bovenaan staan */
.mobile-locale-selector {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ddd; /* Optionele lijn onder de vlaggen */
  padding-bottom: 5px;
}

.language-selector {
    position: absolute !important; /* Zorgt ervoor dat de popup los van andere elementen staat */
    top: 50px !important; /* Pas deze waarde aan om de juiste positie te krijgen */
    right: 10px !important; /* Houdt de popup uit de hoek */
    z-index: 9999 !important; /* Zorgt dat de popup altijd bovenop ligt */
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: auto; /* Zorgt dat de inhoud niet wordt afgesneden */
    min-width: 150px; /* Voorkomt dat de popup te klein is */
}

/* Zorg ervoor dat vlaggen niet vervormen */
.locale-flag {
    width: 30px !important;
    height: auto !important;
    display: inline-block;
    margin-right: 5px;
}

/* Als de popup binnen een container zit die overflow verbergt, maak dit dan zichtbaar */
.container-class {
    overflow: visible !important;
}

.language-label {
    display: none !important;

}

.product-item__action-button {
    border-radius: 12px !important;
}

.cart-recap__checkout {
    border-radius: 12px !important; /* Pas het getal aan voor meer of minder ronding */
}

.collection-block-item__title {
    color: #f4f4f4 !important;
    text-shadow: none !important; /* Optioneel: verwijder de schaduw */
}

.navbar ul {
    list-style: none;
    padding: 0;
}

.navbar ul li {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}

.navbar ul li ul {
    display: none;
    position: absolute;
    background: white;
    list-style: none;
    padding: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.navbar ul li:hover ul {
    display: block;
}

.value-picker-button {
  display: none !important;
}

.product-form__payment-container.product-form__payment-container--row {
  display: flex;
  gap: 12px;
  align-items: stretch;
  flex-wrap: wrap;
}

.product-form__payment-container--row .product-form__add-button {
  flex: 1 1 0;
}

@media (max-width: 749px) {
  .product-form__payment-container.product-form__payment-container--row {
    flex-direction: column;
  }
.announcement-bar .underline {
    text-decoration: underline;
}
/* Ronde hoeken voor 'Bekijk mandje' knop in mini-cart */
div.button-group.button-group--loose.button-group--fit a.button.button--secondary {
  border-radius: 28px !important;
  overflow: hidden !important;
}