/** Shopify CDN: Minification failed

Line 216:23 Unexpected "*"
Line 224:23 Unexpected "*"

**/
/* Vang inline transform af */
#shopify-section-template--26044483174730__slideshow .parallax-image[style] {
  transform: none !important;
}
/* Featured collection: maak de lege 'View all' link zichtbaar als knop */
#shopify-section-template--26044483174730__featured_collection .section-header__link {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #000;
  background: #000;
  color: #fff !important;
  border-radius: 2px;
  text-decoration: none !important;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.2;
  text-indent: 0 !important;   /* voor het geval tekst weggedrukt werd */
  font-size: 14px !important;   /* voorkomt font-size:0 hacks */
  min-width: auto;
  min-height: auto;
  opacity: 1;                   /* vangt onbedoelde transparantie af */
}

/* Zet de knoptekst (werkt ook als de link leeg is) */
#shopify-section-template--26044483174730__featured_collection .section-header__link::after {
  content: "BEKIJK COLLECTIE";
  text-transform: uppercase;
}

/* Hover-state (optioneel) */
#shopify-section-template--26044483174730__featured_collection .section-header__link:hover {
  background: #111;
  border-color: #111;
}
#shopify-section-template--26044483174730__featured_collection .view-all::after,
#shopify-section-template--26044483174730__featured_collection .btn--view-all::after {
  content: "BEKIJK COLLECTIE";
  text-transform: uppercase;
}

#shopify-section-template--26044483174730__featured_collection .view-all,
#shopify-section-template--26044483174730__featured_collection .btn--view-all {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #000;
  background: #000;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .06em;
}
/* Homepage featured-collection: vul de lege 'View all' knop */
.index-section .section-header__link .btn__text:empty { 
  display: inline-block !important;            /* voorkomt verbergen */
}
.index-section .section-header__link .btn__text:empty::after,
.index-section .section-header__link:empty::after { 
  content: "BEKIJK COLLECTIE";                 /* tekst toevoegen */
  text-transform: uppercase;
}

/* Zorg dat het ook echt als knop oogt */
.index-section .section-header__link {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #000;
  background: #000;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.2;
  text-decoration: none !important;
  border-radius: 2px;
}
.index-section .section-header__link:hover{
  background:#111; border-color:#111;
}
.product-payment-icons {
  margin-top: 15px;
}

.product-payment-icons img {
  height: 32px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 4px;
  background: white;
}
.payment-icons{
  display:flex;
  gap:24px;
  align-items:center;
  margin:16px 0 8px;
}
.payment-icons svg{
  height:26px;            /* pas eventueel aan naar 32px */
  width:auto;
  display:block;
  padding:8px 14px;       /* geeft het “badge” gevoel */
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:8px;      /* afgeronde hoekjes zoals in je screenshot */
  box-shadow:0 0 0 1px #f2f2f2 inset;
}
/* Contactformulier verzendknop tekst forceren */
.contact-form [type="submit"]:empty::after {
  content: "VERZENDEN";
  color: #fff; /* tekstkleur */
  font-weight: 600;
  letter-spacing: 0.05em;
}
/* Labels boven de velden in contactformulier forceren */
.contact-form input[name="contact[name]"]::placeholder {
  color: transparent; /* verberg placeholder */
}
.contact-form input[name="contact[name]"]::before {
  content: "NAAM";
}

.contact-form input[name="contact[email]"]::placeholder {
  color: transparent;
}
.contact-form input[name="contact[email]"]::before {
  content: "EMAIL";
}

.contact-form textarea[name="contact[body]"]::placeholder {
  color: transparent;
}
.contact-form textarea[name="contact[body]"]::before {
  content: "BERICHT";
}
/* Verberg hCaptcha-disclaimer alleen op de contactpagina */
.template-page-contact .captcha__legal,
.template-page-contact .h-captcha-terms,
.template-page-contact .recaptcha__legal,
.template-page-contact .form__captcha-legal {
  display: none !important;
}
.grecaptcha-badge,
.shopify-challenge__container,
iframe[src*="hcaptcha.com"],
p:contains("Deze site wordt beschermd door hCaptcha") {
    display: none !important;
}
/* Verberg hCaptcha-legal tekst onder het formulier */
.captcha__legal,
.form__legal,
.contact form .captcha__legal,
#ContactForm .captcha__legal,
.shopify-challenge__container .shopify-challenge__message {
  display: none !important;
}

/* (optioneel) verberg de hCaptcha badge/iframe */
iframe[src*="hcaptcha.com"],
.grecaptcha-badge { 
  display: none !important;
}
p[data-spam-detection-disclaimer] {
  display: none !important;
}
/* Betaalicoontjes – normale grootte en uitlijning */
.payment-icons,
.product-block--payment-icons .payment-icons {
  display: flex;
  gap: 12px;
  align-items: center;
}

.payment-icons img,
.payment-icons svg {
  height: 28px !important;      /* pas aan naar 24–32px naar smaak */
  width: auto !important;
  max-height: 28px !important;
  max-width: none !important;
}

.payment-icons li,
.payment-icons__item {
  display: inline-flex;
  align-items: center;
  line-height: 1 !important;
}

/* eventuele “reset” tegen thema-regels die ze mini maken */
.payment-icons img,
.payment-icons svg {
  transform: none !important;
  object-fit: contain;
}
/* Betaalicoontjes centreren */
.payment-icons,
.product-block--payment-icons .payment-icons {
  display: flex;
  justify-content: center;  /* horizontaal centreren */
  gap: 12px;                 /* ruimte tussen de iconen */
  align-items: center;       /* verticaal uitlijnen */
  margin: 10px 0;            /* optioneel, voor ruimte boven/onder */
}

.payment-icons img,
.payment-icons svg {
  height: 28px !important;   /* gewenste grootte */
  width: auto !important;
}
/* 1. Maak de betaalicoontjes groter */
.payment-icons img,
.payment-icons svg,
#ProductInfo-template--* .shopify-payment-icon, /* algemeen voor productpagina icons */
.product__payment-icons img {
  width: 48px !important;  /* vergroot naar gewenste grootte */
  height: auto !important;
}

/* 2. Centreer ze in de container */
.product__payment-icons,
#ProductInfo-template--* .shopify-payment-icons,
.prod-payment {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px; /* ruimte tussen iconen */
}
/* 1) Maak betaalicoontjes groter (overschrijft inline width/height) */
.shopify-payment-icons svg,
svg[aria-labelledby^="pi-"] {
  width: 56px !important;   /* pas aan naar 48–64px naar smaak */
  height: auto !important;
  display: inline-block;
  margin: 0 8px;            /* ruimte tussen de iconen */
}

/* 2) Centreer de rij met iconen */
.shopify-payment-icons,
.product__payment-icons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
}

/* (fallback) als je geen wrapper-class hebt, centreer elk element
   dat direct deze payment-SVG's bevat */
*:has(> svg[aria-labelledby^="pi-"]) {
  display: flex;
  justify-content: center;
  gap: 12px;
}
/* ——— Betaaliconen groter maken ——— */
.product__info-container svg[aria-labelledby^="pi-"],
.product-form svg[aria-labelledby^="pi-"],
.shopify-payment-icons svg[aria-labelledby^="pi-"],
.payment-icons svg[aria-labelledby^="pi-"],
svg[aria-labelledby^="pi-"] {
  width: 56px !important;   /* kies bv. 48–64px */
  height: auto !important;
  display: inline-block;
  margin: 0 8px;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
}

/* ——— De hele rij iconen centreren ——— */
.product__info-container .shopify-payment-icons,
.product__info-container .payment-icons,
.product-form .shopify-payment-icons,
.product-form .payment-icons,
.shopify-payment-icons,
.payment-icons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
  text-align: center !important;
  width: 100%;
}
.site-footer .rte img {
  max-width: 140px !important;
  height: auto !important;
}
footer img.lazyloaded {
  max-width: 140px !important;
  height: auto !important;
}
footer img.lazyloaded {
  max-width: 140px !important;
  height: auto !important;
  margin-bottom: 10px !important; /* afstand verkleinen */
}

footer .footer-block__details-content {
  margin-top: 0 !important; /* extra marge weghalen */
  padding-top: 0 !important;
}
/* Footer logo en tekst netjes uitlijnen en afstand minimaliseren */
footer .footer-block {
  text-align: center; /* alles centreren */
}

footer img.lazyloaded {
  max-width: 140px !important; /* logoformaat */
  height: auto !important;
  margin-bottom: 8px !important; /* minimale ruimte */
}

footer .footer-block__details-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.4; /* compacte tekst */
}
/* Haal de aspect-ratio padding uit de logo-wrapper in de footer */
.site-footer .image-wrap {
  height: auto !important;
  padding-bottom: 0 !important;
}

/* Maak het logo klein en zet de ruimte naar de tekst strak */
.site-footer .image-wrap img {
  width: 140px !important;      /* pas aan naar wens */
  height: auto !important;
  display: block !important;
  margin: 0 auto 8px !important; /* kleine afstand tot tekst */
}

/* (optioneel) iets compacter tekstblok onder het logo */
.site-footer .footer__collapsible p:first-child {
  margin-top: 0 !important;
}

/* Smooth slide voor beide balken */
.announcement-bar,
.header-sticky-wrapper {
  transition: transform 0.28s ease;
  will-change: transform;
}

/* Verberg bij scroll-down */
body.hide-header .announcement-bar,
body.hide-header .header-sticky-wrapper {
  transform: translateY(-110%);
}

/* Zorg dat ze altijd boven de content liggen */
.announcement-bar,
.header-sticky-wrapper { z-index: 9999; }
/* Two-line clamp with … */
.grid-product__title,
.grid-product__title.grid-product__title--body {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* number of lines to keep */
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
/* Truncate long product titles to one line with … */
.grid-product__title,
.grid-product__title.grid-product__title--body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;          /* safety */
  max-width: 100%;         /* safety */
}
.product-item .product__action,
.grid-product__actions,
.card__badge {
    display: none !important;
}
.product-item .product__action,
.grid-product__actions,
.card__badge {
    display: none !important;
}
.product-item .product__action,
.grid-product__actions,
.card__badge {
    display: none !important;
}
/* Verberg lege sale-tags + verwijder ruimte */
.grid-product__tag:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body {
    letter-spacing: 0.015em; /* ongeveer 15 */
}
.grid-product__tag {
  display: none !important;
}
/* MOBIEL: tekst midden OP de afbeelding */
@media (max-width: 749px){
  /* container positioneren */
  .large-image-with-text-box,
  .section--large-image-text,
  .image-with-text { 
    position: relative;
  }

  /* het tekstvak als overlay centreren */
  .large-image-with-text-box .text-box,
  .section--large-image-text .text-box,
  .image-with-text .image-with-text__content {
    position: absolute;
    inset: 0;                       /* top/right/bottom/left = 0 */
    display: flex;
    align-items: center;            /* verticaal centreren */
    justify-content: center;        /* horizontaal centreren */
    text-align: center;
    padding: 24px;
    color: #fff;                    /* witte tekst op de foto */
    /* subtiele sluier voor leesbaarheid (pas op smaak aan of haal weg) */
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0.25),
      rgba(0,0,0,0.25)
    );
  }

  /* eventuele ‘kaart’-stijl weghalen */
  .large-image-with-text-box .text-box,
  .section--large-image-text .text-box,
  .image-with-text .image-with-text__text {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* max breedte van de copy zodat regels niet te lang worden */
  .large-image-with-text-box .text-box > *,
  .section--large-image-text .text-box > *,
  .image-with-text .image-with-text__text {
    max-width: 26rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.cart-drawer .button {
  background-color: #28a745 !important; /* jouw accentkleur */
  color: #fff !important;
  font-weight: bold;
  border-radius: 8px;
}