/** Shopify CDN: Minification failed

Line 24:0 Unexpected "}"

**/
/* Toepassen van afgeronde hoeken op afbeeldingen */
img,
.product-card__image,
.card__media img,
.product-item img,
.collection img,
.index-section img,
.product img {
  border-radius: 12px; /* Afgeronde hoeken van 12px */
}

/* Toepassen van afgeronde hoeken op video's */
video,
.video-wrapper video {
  border-radius: 12px; /* Afgeronde hoeken van 12px */
}


}

/* ===============================
   BASIS KNOPTYPOGRAFIE (geen kleuren hier)
   =============================== */
button,
.btn,
.button,
.shopify-payment-button__button {
  font-family: 'Asap', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: none;
}

/* ===============================
   ADD TO CART (oranje + witte tekst + wit icoon)
   — vorm/padding van het thema blijft intact
   =============================== */
.product-form button[name="add"],
.product-form .product-form__submit,
.product-form .add-to-cart,
.product-form #AddToCart,
.product-form .product-form__buttons button[type="submit"] {
  position: relative;
  color: #fff !important;
  background-color: #e66925 !important;
  transition: background-color 0.25s ease, transform 0.15s ease;
}

.product-form button[name="add"]:hover,
.product-form .product-form__submit:hover,
.product-form .add-to-cart:hover,
.product-form #AddToCart:hover,
.product-form .product-form__buttons button[type="submit"]:hover {
  background-color: #cf5a1c !important;
  transform: translateY(-2px);
}

/* wit winkelwagenicoon altijd zichtbaar, zonder layout te veranderen */
.product-form button[name="add"]::before,
.product-form .product-form__submit::before,
.product-form .add-to-cart::before,
.product-form #AddToCart::before,
.product-form .product-form__buttons button[type="submit"]::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.17 14l.84-2h8.99c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 21.41 3H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 13.37 5.48 15 7 15h12v-2H7.42z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ===============================
   HOMEPAGE / CTA KNOPPEN (zelfde look als add-to-cart)
   =============================== */
a.button,
a.btn,
.button--primary,
.btn--primary,
.shopify-section .button {
  color: #fff !important;
  background-color: #e66925 !important;
  font-family: 'Asap', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
  text-transform: none;
  transition: background-color 0.25s ease, transform 0.15s ease;
}

a.button:hover,
a.btn:hover,
.button--primary:hover,
.btn--primary:hover,
.shopify-section .button:hover {
  background-color: #cf5a1c !important;
  transform: translateY(-2px);
}

/* ===============================
   VARIANTOPTIES (Formaat/Materiaal) – NIET VET
   =============================== */
.product-form .product-form__input input[type="radio"] + label,
.product-form .product-form__input input[type="radio"]:checked + label,
.product-form .product-form__option label,
.product-form .variant-picker label,
.product-form .product-variant,
.product-form .swatch,
.product-form .product-form__input .chip,
.product-form .product-form__input label.is-selected {
  color: #222 !important;
  font-weight: 400 !important;
  font-family: 'Asap', sans-serif !important;
}

/* ook alle kinderen (spans/strong) binnen de labels terug naar 400 */
.product-form .product-form__input input[type="radio"] + label *,
.product-form .product-form__input input[type="radio"]:checked + label *,
.product-form .product-form__option label *,
.product-form .variant-picker label *,
.product-form .product-variant *,
.product-form .swatch *,
.product-form .product-form__input .chip *,
.product-form .product-form__input label.is-selected * {
  font-weight: 400 !important;
}
