/** Shopify CDN: Minification failed

Line 102:0 Unexpected "}"

**/
/* ==========================================================
   SECTIE "LARGE IMAGE WITH TEXT BOX" — MOBIEL
   Het theme geeft deze sectie een vaste hoogte (550px). Op
   mobiel is het tekstvak hoger, waardoor het onderuit de
   sectie steekt — dat is de zwarte strook. Hieronder laten
   we de sectie meegroeien met de tekst en rekken we de foto
   mee op. Alleen actief onder 750px.
   ========================================================== */

@media screen and (max-width: 749px) {

  /* De lege spacer houdt de vaste 550px vrij. Uit, want de
     sectie gaat nu zelf zijn hoogte bepalen. */
  .background-media-text__spacer {
    display: none !important;
  }

  /* De sectie komt terug in de normale paginaflow en groeit
     mee met de inhoud in plaats van vast te zitten op 550px. */
  .background-media-text {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .background-media-text__container {
    position: relative !important;
    height: auto !important;
  }

  /* De foto wordt over de volledige sectie gelegd — nu dus
     ook over het stuk dat de tekst extra inneemt. */
  .background-media-text__container image-element {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
  }

  /* object-fit: cover = de foto vult de ruimte volledig,
     beeldverhouding blijft kloppen, de rest valt weg. */
  .background-media-text__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* De tekst ligt boven de foto, met wat lucht eromheen. */
  .background-media-text__inner {
    position: relative !important;
    z-index: 2 !important;
    height: auto !important;
    padding: 40px 16px !important;
  }

  /* Deze tussenlagen hebben van het theme een vaste hoogte;
     die moeten ook meegroeien. */
  .background-media-text__aligner,
  .animation-cropper,
  .animation-contents {
    height: auto !important;
  }
}




/* ==========================================================
   2. PRODUCTPAGINA — PRIJSBLOK
   ========================================================== */

.product__price--compare {
  color: #767676;
  font-size: 16px;
}

.product__price.on-sale {
  color: #800020;
  font-size: 20px;
}

.product__price-savings {
  color: #ffffff;
  background-color: #800020;
  font-size: 14px;
  padding: 3px 5px;
}

.product-block--price .badge {
  display: none;
}

}
/* ====== EINDE UITGESCHAKELD BLOK ====== */


/* ==========================================================
   FOOTER — lege titels verbergen, link-onderstreping weg, en
   de betaalicoontjes als één groepje in het midden zetten.
   ========================================================== */

.site-footer .footer__title:empty {
  display: none;
}

.site-footer .grid__item a {
  border-bottom: none;
}

.site-footer .grid__item a:hover {
  border-bottom: 1px solid #ffffff;
}

.site-footer .payment-icons,
.site-footer [class*="payment"],
#payment-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-footer .payment-icons > *,
.site-footer [class*="payment"] > *,
#payment-icons > * {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-footer .payment-icons img,
.site-footer [class*="payment"] img,
#payment-icons img {
  display: block !important;
  width: auto !important;
  height: 26px !important;
  margin: 0 !important;
}

@media screen and (max-width: 749px) {
  .site-footer .payment-icons,
  .site-footer [class*="payment"],
  #payment-icons {
    gap: 6px !important;
  }

  .site-footer .payment-icons img,
  .site-footer [class*="payment"] img,
  #payment-icons img {
    height: 22px !important;
  }
}

/* ===== Eigen aanpassingen ===== */

/* Titel op de productpagina dikgedrukt */
.product-single__title {
  font-weight: 700 !important;
}

div[data-upcart-chunk="announcement"] p {
  color: #C8102E !important;
}



/* ===== Productbeschrijving: opmaak herstellen (thema-onafhankelijk) ===== */

/* Hoofdletters uitzetten op de koppen.
   Selecteert op de inline style die POKY meestuurt, niet op een thema-class. */
h1[style*="text-align: center"],
h3[style*="text-align: center"] {
  text-transform: none !important;
}

/* Ruimte rond de h3-vraag */
h3[style*="text-align: center"] {
  margin: 28px 0 14px !important;
}

/* Bullets uit elkaar: ze staan met <br>, dus regelafstand vergroten */
h3[style*="text-align: center"] + div,
h3[style*="text-align: center"] + p {
  line-height: 2 !important;
  text-align: left !important;
}

/* Eerste alinea gecentreerd */
h1[style*="text-align: center"] + div,
h1[style*="text-align: center"] + p {
  text-align: center !important;
  margin: 8px 0 16px !important;
}