/** Shopify CDN: Minification failed

Line 86:61 Unexpected "/"
Line 143:40 Unexpected "/"

**/
/* Produkt CTA */
.btn.add-to-cart,
.product-form__submit,
button[name="add"] {
  background-color: #E67C47 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  padding: 14px 22px !important;
  border: 0 !important;
  transition: background-color .2s ease, transform .12s ease;
}
.btn.add-to-cart:hover,
.product-form__submit:hover,
button[name="add"]:hover {
  background-color: #D96A33 !important;
  transform: translateY(-1px);
}



/* Drawer – Checkout CTA */
form[action^="/cart"] button[name="checkout"]{
  background-color:#E67C47 !important;
  color:#fff !important;
  font-weight:700 !important;
  border-radius:9999px !important;
  padding:14px 22px !important;
  width:100% !important;
  border:0 !important;
  box-shadow:0 6px 14px rgba(230,124,71,.18);
  transition:background-color .2s ease, transform .12s ease;
}
form[action^="/cart"] button[name="checkout"]:hover{
  background-color:#D96A33 !important;
  transform:translateY(-1px);
}




/* === Cart Drawer – Gutschein: "Anwenden" kompakt & orange, iOS-safe === */

/* 1) Exakter Target: derselbe Button im Gutschein-Formular */
.cart-drawer form.tw-flex[data-editor-form-attribute]
button.tw-bg-black.tw-text-white.tw-uppercase[type="submit"] {
  /* Größe/Look */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 8px 12px !important;
  min-width: 96px !important;
  width: auto !important;

  /* Farben/Typo */
  background-color: #F4B08C !important;   /* sekundäres Orange */
  color: #2b2b2b !important;
  font-weight: 700 !important;
  text-transform: none !important;
  border-radius: 12px !important;
  border: 0 !important;
  box-shadow: none !important;

  /* iOS Safari */
  -webkit-appearance: none !important;
  appearance: none !important;

  /* Interaktion */
  transition: background-color .2s ease, transform .12s ease;
}

.cart-drawer form.tw-flex[data-editor-form-attribute]
button.tw-bg-black.tw-text-white.tw-uppercase[type="submit"]:hover {
  background-color: #E8A178 !important;
  transform: translateY(-1px);
}

/* 2) Der Input daneben bleibt flexibel, Button nimmt nur so viel Platz wie nötig */
.cart-drawer form.tw-flex[data-editor-form-attribute] .tw-w-2/3 {
  flex: 1 1 auto !important;
  width: auto !important;
}
.cart-drawer .discount-code-placeholder{
  height: 40px; padding: 8px 12px !important;
  border: 1px solid #E5E7EB !important; border-radius: 12px !important;
  font-size: 14px;
}




.line-price .price-now{ font-weight:700; }
.line-price .price-compare{ margin-left:8px; text-decoration:line-through; opacity:.6; }
.line-price .price-save{ display:block; font-size:.9rem; color:#0E8F45; margin-top:2px; }





/* Anwenden-Button im Gutscheinformular – hartes Override, iOS-sicher */
button[type="submit"][class*="tw-bg-black"][class*="tw-text-white"][class*="tw-uppercase"]:not([name="checkout"]) {
  /* Größe/Layout */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-width: 96px !important;
  width: auto !important;
  padding: 8px 12px !important;
  line-height: 1 !important;

  /* Look */
  background-color: #F4B08C !important;    /* sekundäres Orange */
  color: #2b2b2b !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: none !important;         /* kein UPPERCASE */
  border-radius: 12px !important;
  border: 0 !important;
  box-shadow: none !important;

  /* iOS Safari */
  -webkit-appearance: none !important;
  appearance: none !important;

  /* Interaktion */
  transition: background-color .2s ease, transform .12s ease;
}

button[type="submit"][class*="tw-bg-black"][class*="tw-text-white"][class*="tw-uppercase"]:not([name="checkout"]):hover {
  background-color: #E8A178 !important;
  transform: translateY(-1px);
}

/* Input flexibel, Button nur so breit wie nötig */
form[data-editor-form-attribute] .tw-w-2/3 { flex: 1 1 auto !important; width: auto !important; }
.discount-code-placeholder{
  height: 40px; padding: 8px 12px !important;
  border: 1px solid #E5E7EB !important; border-radius: 12px !important;
  font-size: 14px;
}