/* DAEPRO Shop Design 2.1.13
   Clean rebuild: bewusst ohne Checkout-DOM-Umsortierung.
*/

.daepro-shop-design{
  --daepro-accent:#2f5d50;
  --daepro-text:#252525;
  --daepro-soft:#f6f7f4;
  --daepro-border:#e8e9e5;
  --daepro-radius:24px;
  --daepro-content:1320px;
  color:var(--daepro-text);
}

/* ---------- Basis ---------- */

.daepro-shop-design .woocommerce{
  color:var(--daepro-text);
}

.daepro-shop-design .woocommerce a{
  color:var(--daepro-accent);
}

.daepro-shop-design .woocommerce h1,
.daepro-shop-design .woocommerce h2,
.daepro-shop-design .woocommerce h3{
  color:var(--daepro-text);
  letter-spacing:-.02em;
}

/* ---------- Buttons ---------- */

.daepro-shop-design .woocommerce a.button,
.daepro-shop-design .woocommerce button.button,
.daepro-shop-design .woocommerce input.button,
.daepro-shop-design .woocommerce #respond input#submit,
.daepro-shop-design .woocommerce a.checkout-button,
.daepro-shop-design .woocommerce #place_order{
  min-height:52px;
  padding:.85em 1.35em!important;
  border:1px solid var(--daepro-accent)!important;
  border-radius:14px!important;
  background:var(--daepro-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.daepro-shop-design .woocommerce a.button:hover,
.daepro-shop-design .woocommerce button.button:hover,
.daepro-shop-design .woocommerce input.button:hover,
.daepro-shop-design .woocommerce #respond input#submit:hover,
.daepro-shop-design .woocommerce a.checkout-button:hover,
.daepro-shop-design .woocommerce #place_order:hover{
  color:#fff!important;
  background:var(--daepro-accent)!important;
  filter:brightness(.93);
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(47,93,80,.16)!important;
}

/* ---------- Shop / Kategorien ---------- */

.daepro-shop-design .woocommerce .woocommerce-products-header{
  width:min(100%,var(--daepro-content));
  margin:0 auto 30px;
}

.daepro-shop-design .woocommerce ul.products{
  width:min(100%,var(--daepro-content));
  margin:28px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
}

.daepro-shop-design .woocommerce ul.products::before,
.daepro-shop-design .woocommerce ul.products::after{
  display:none!important;
}

.daepro-shop-design .woocommerce ul.products li.product{
  width:auto!important;
  margin:0!important;
  float:none!important;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--daepro-border);
  border-radius:var(--daepro-radius);
  background:#fff;
  box-shadow:0 12px 34px rgba(24,31,27,.055);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.daepro-shop-design .woocommerce ul.products li.product:hover{
  transform:translateY(-6px);
  border-color:rgba(47,93,80,.18);
  box-shadow:0 22px 52px rgba(24,31,27,.10);
}

/* Nur LOOP-Bilder werden vereinheitlicht. Hauptproduktbild ist NICHT betroffen. */
.daepro-shop-design .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display:flex!important;
  flex-direction:column;
  flex:1 1 auto;
  text-decoration:none!important;
  color:inherit!important;
}

.daepro-shop-design .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  border-radius:0!important;
}

.daepro-shop-design .woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding:22px 22px 8px!important;
  margin:0!important;
  font-size:1.34rem!important;
  line-height:1.28!important;
  font-weight:600!important;
}

.daepro-shop-design .woocommerce ul.products li.product .price{
  padding:0 22px!important;
  margin:0 0 14px!important;
  color:var(--daepro-accent)!important;
  font-size:1.1rem!important;
  font-weight:700!important;
}

.daepro-shop-design .woocommerce ul.products li.product .wc-gzd-additional-info,
.daepro-shop-design .woocommerce ul.products li.product .shipping-costs-info,
.daepro-shop-design .woocommerce ul.products li.product .delivery-time-info,
.daepro-shop-design .woocommerce ul.products li.product p:not(.price),
.daepro-shop-design .woocommerce ul.products li.product small{
  margin:0 22px 8px!important;
  color:#6d736f!important;
  font-size:.84rem!important;
  line-height:1.5!important;
}

.daepro-shop-design .woocommerce ul.products li.product .button,
.daepro-shop-design .woocommerce ul.products li.product .added_to_cart{
  width:calc(100% - 44px)!important;
  margin:10px 22px 22px!important;
  margin-top:auto!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.daepro-shop-design .woocommerce span.onsale{
  min-width:auto!important;
  min-height:auto!important;
  top:14px!important;
  left:14px!important;
  right:auto!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  background:var(--daepro-accent)!important;
  color:#fff!important;
  line-height:1!important;
  font-size:.74rem!important;
}

/* ---------- Einzelprodukt ---------- */

.daepro-shop-design.single-product .woocommerce div.product{
  width:min(100%,1180px);
  margin:0 auto!important;
  padding:28px 0 70px;
  display:grid;
  grid-template-columns:minmax(0,520px) minmax(0,1fr);
  gap:72px;
  align-items:start;
}

.daepro-shop-design.single-product .woocommerce div.product::before,
.daepro-shop-design.single-product .woocommerce div.product::after{
  display:none!important;
}

.daepro-shop-design.single-product .woocommerce div.product .woocommerce-product-gallery,
.daepro-shop-design.single-product .woocommerce div.product .summary{
  width:auto!important;
  float:none!important;
  margin:0!important;
}

.daepro-shop-design.single-product .woocommerce div.product .woocommerce-product-gallery{
  max-width:520px;
  position:sticky;
  top:105px;
}

/* WICHTIG: Hauptbild immer im natürlichen Seitenverhältnis. */
.daepro-shop-design.single-product .woocommerce-product-gallery__wrapper,
.daepro-shop-design.single-product .woocommerce-product-gallery__image,
.daepro-shop-design.single-product .woocommerce-product-gallery__image > a{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}

/*
 * FlexSlider setzt die Höhe des Viewports selbst passend zum aktiven Bild.
 * Diese Höhe darf NICHT mit height:auto!important überschrieben werden,
 * sonst bestimmt ein hochformatiges Bild die Höhe der gesamten Galerie und
 * die Thumbnail-Leiste rutscht bei Querformatbildern weit nach unten.
 */
.daepro-shop-design.single-product .woocommerce-product-gallery .flex-viewport{
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}

.daepro-shop-design.single-product .woocommerce-product-gallery__wrapper{
  overflow:hidden!important;
  border-radius:var(--daepro-radius);
  background:#fff;
  box-shadow:0 16px 42px rgba(24,31,27,.08);
}

.daepro-shop-design.single-product .woocommerce-product-gallery__image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}

.daepro-shop-design.single-product .woocommerce div.product .flex-control-thumbs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:14px 0 0!important;
}

.daepro-shop-design.single-product .woocommerce div.product .flex-control-thumbs li{
  width:auto!important;
  float:none!important;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:12px;
  background:var(--daepro-soft);
}

.daepro-shop-design.single-product .woocommerce div.product .flex-control-thumbs img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  aspect-ratio:1 / 1!important;
  margin:0!important;
}

.daepro-shop-design.single-product .woocommerce div.product .summary{
  max-width:540px;
  padding-top:18px;
}

.daepro-shop-design .daepro-product-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  color:var(--daepro-accent);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.daepro-shop-design .daepro-product-eyebrow span{
  width:30px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--daepro-accent) 0 60%,#b8463f 60% 78%,#c5a86d 78% 100%);
}

.daepro-shop-design.single-product .product_title{
  margin:0 0 16px!important;
  font-size:clamp(2.35rem,3.8vw,4.4rem)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
}

.daepro-shop-design.single-product p.price,
.daepro-shop-design.single-product span.price{
  margin:0 0 24px!important;
  color:var(--daepro-accent)!important;
  font-size:clamp(1.7rem,2vw,2.25rem)!important;
  font-weight:500!important;
}

.daepro-shop-design.single-product form.cart{
  margin-top:26px!important;
  padding:22px!important;
  border:1px solid var(--daepro-border);
  border-radius:20px;
  background:linear-gradient(180deg,#fbfcfa,#f6f7f4);
}

/* Varianten: Desktop nebeneinander, Mobile untereinander. */
.daepro-shop-design.single-product form.cart .variations{
  width:100%!important;
  margin:0 0 18px!important;
}

@media (min-width:901px){
  .daepro-shop-design.single-product form.cart .variations tr{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:18px;
    align-items:center;
  }

  .daepro-shop-design.single-product form.cart .variations th,
  .daepro-shop-design.single-product form.cart .variations td{
    display:block!important;
    width:100%!important;
    padding:0!important;
  }

  .daepro-shop-design.single-product form.cart .variations td.value{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:14px;
    align-items:center;
  }
}

.daepro-shop-design.single-product form.cart .variations label{
  margin:0!important;
  font-weight:700!important;
  color:var(--daepro-text)!important;
}

.daepro-shop-design.single-product form.cart select{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 46px 0 15px!important;
  border:1px solid var(--daepro-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--daepro-text)!important;
  font-size:1rem!important;
  box-shadow:none!important;
}

.daepro-shop-design.single-product form.cart .reset_variations{
  margin:0!important;
  white-space:nowrap;
  font-size:.9rem!important;
  font-weight:600!important;
  text-decoration:none!important;
}

.daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart{
  display:flex!important;
  align-items:stretch;
  flex-wrap:wrap;
  gap:14px;
}

.daepro-shop-design .woocommerce .quantity .qty{
  min-width:78px;
  min-height:54px;
  border:1px solid var(--daepro-border)!important;
  border-radius:13px!important;
  background:#fff!important;
}

.daepro-shop-design.single-product .single_add_to_cart_button{
  flex:1 1 230px;
  min-width:230px;
}

.daepro-shop-design.single-product .product_meta{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--daepro-border);
  color:#7f8581;
  font-size:.88rem;
  line-height:1.7;
}

/* Tabs */
.daepro-shop-design.single-product .woocommerce-tabs,
.daepro-shop-design.single-product .related,
.daepro-shop-design.single-product .upsells{
  grid-column:1 / -1;
  width:100%!important;
  float:none!important;
  clear:both!important;
}

.daepro-shop-design.single-product .woocommerce-tabs{
  margin-top:6px;
  padding-top:42px;
  border-top:1px solid var(--daepro-border);
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0 0 20px!important;
  padding:0!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs::before{
  display:none!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li{
  margin:0!important;
  padding:0!important;
  border:1px solid var(--daepro-border)!important;
  border-radius:999px!important;
  background:#fff!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li::before,
.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li::after{
  display:none!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a{
  padding:11px 17px!important;
  color:#5e6460!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li.active{
  background:var(--daepro-accent)!important;
  border-color:var(--daepro-accent)!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li.active a{
  color:#fff!important;
}

.daepro-shop-design.single-product .woocommerce-tabs .panel{
  max-width:940px;
  margin:0 auto!important;
  padding:38px!important;
  border:1px solid var(--daepro-border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(24,31,27,.045);
  line-height:1.8;
}

/* Ähnliche Produkte */
.daepro-shop-design.single-product .related,
.daepro-shop-design.single-product .upsells{
  margin-top:46px!important;
  padding-top:44px;
  border-top:1px solid var(--daepro-border);
}

.daepro-shop-design.single-product .related > h2,
.daepro-shop-design.single-product .upsells > h2{
  margin:0 0 26px!important;
  text-align:center;
  font-size:clamp(2rem,3vw,3.1rem)!important;
  line-height:1.1;
  letter-spacing:-.03em!important;
}

/* ---------- Warenkorb ---------- */

.daepro-shop-design.woocommerce-cart .woocommerce{
  width:min(100%,var(--daepro-content));
  margin:0 auto;
  padding-bottom:60px;
}

.daepro-shop-design.woocommerce-cart table.shop_table{
  border:1px solid var(--daepro-border)!important;
  border-radius:var(--daepro-radius)!important;
  overflow:hidden;
  background:#fff;
}

/* ---------- Checkout: absichtlich konservativ ---------- */
/* Keine Payment-Elemente verschieben. Keine DOM-Struktur ändern. */

.daepro-shop-design.woocommerce-checkout .woocommerce{
  width:min(100%,var(--daepro-content));
  margin:0 auto;
  padding-bottom:70px;
}

.daepro-shop-design.woocommerce-checkout .woocommerce .col2-set,
.daepro-shop-design.woocommerce-checkout #customer_details{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
}

.daepro-shop-design.woocommerce-checkout .woocommerce-billing-fields,
.daepro-shop-design.woocommerce-checkout .woocommerce-shipping-fields,
.daepro-shop-design.woocommerce-checkout .woocommerce-additional-fields{
  width:100%!important;
  box-sizing:border-box;
  padding:26px;
  border:1px solid var(--daepro-border);
  border-radius:var(--daepro-radius);
  background:#fff;
}

.daepro-shop-design .woocommerce form .form-row input.input-text,
.daepro-shop-design .woocommerce form .form-row textarea,
.daepro-shop-design .woocommerce form .form-row select,
.daepro-shop-design .select2-container--default .select2-selection--single{
  min-height:50px;
  border:1px solid var(--daepro-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--daepro-text)!important;
  box-shadow:none!important;
}

.daepro-shop-design .woocommerce form .form-row input.input-text,
.daepro-shop-design .woocommerce form .form-row textarea{
  padding:12px 14px!important;
}

/* Native Wallet-Buttons bleiben unangetastet. */
.daepro-shop-design #wc-stripe-express-checkout-element,
.daepro-shop-design #wc-stripe-payment-request-wrapper,
.daepro-shop-design .wc-stripe-checkout-container,
.daepro-shop-design .wc-stripe-product-checkout-container{
  max-width:100%!important;
}

/* ---------- Mein Konto ---------- */

.daepro-shop-design.woocommerce-account .woocommerce{
  width:min(100%,var(--daepro-content));
  margin:0 auto;
  padding-bottom:60px;
}

/* ---------- Responsive ---------- */

@media (max-width:1180px){
  .daepro-shop-design .woocommerce ul.products{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .daepro-shop-design.single-product .woocommerce div.product{
    grid-template-columns:minmax(0,470px) minmax(0,1fr);
    gap:46px;
  }

  .daepro-shop-design.single-product .woocommerce div.product .woocommerce-product-gallery{
    max-width:470px;
  }
}

@media (max-width:900px){
  .daepro-shop-design .woocommerce ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }

  .daepro-shop-design.single-product .woocommerce div.product{
    max-width:760px;
    grid-template-columns:1fr;
    gap:30px;
    padding-top:10px;
  }

  .daepro-shop-design.single-product .woocommerce div.product .woocommerce-product-gallery{
    position:relative;
    top:auto;
    max-width:100%;
  }

  .daepro-shop-design.single-product .woocommerce div.product .summary{
    max-width:100%;
    padding-top:0;
  }

  .daepro-shop-design.single-product form.cart .variations tr{
    display:block!important;
  }

  .daepro-shop-design.single-product form.cart .variations th,
  .daepro-shop-design.single-product form.cart .variations td{
    display:block!important;
    width:100%!important;
    padding:0!important;
  }

  .daepro-shop-design.single-product form.cart .variations th{
    margin-bottom:7px!important;
  }

  .daepro-shop-design.single-product form.cart .reset_variations{
    display:inline-block;
    margin-top:9px!important;
  }
}

@media (max-width:620px){
  .daepro-shop-design .woocommerce ul.products{
    grid-template-columns:1fr;
  }

  .daepro-shop-design.single-product .woocommerce div.product{
    padding-bottom:50px;
  }

  .daepro-shop-design.single-product .product_title{
    font-size:2.25rem!important;
  }

  .daepro-shop-design.single-product form.cart{
    padding:17px!important;
  }

  .daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart{
    display:grid!important;
    grid-template-columns:1fr;
  }

  .daepro-shop-design.single-product .single_add_to_cart_button,
  .daepro-shop-design.single-product .quantity{
    width:100%!important;
    min-width:0!important;
  }

  .daepro-shop-design.single-product .quantity .qty{
    width:100%!important;
  }

  .daepro-shop-design.single-product .woocommerce-tabs .panel{
    padding:22px 18px!important;
  }

  .daepro-shop-design.single-product .woocommerce div.product .flex-control-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .daepro-shop-design *,
  .daepro-shop-design *::before,
  .daepro-shop-design *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ==========================================================
   2.0.2 – Hauptproduktbild ohne abgerundete Ecke
   ========================================================== */

.daepro-shop-design.single-product .woocommerce-product-gallery__wrapper,
.daepro-shop-design.single-product .woocommerce-product-gallery .flex-viewport,
.daepro-shop-design.single-product .woocommerce-product-gallery__image,
.daepro-shop-design.single-product .woocommerce-product-gallery__image > a,
.daepro-shop-design.single-product .woocommerce-product-gallery__image img{
  border-radius:0!important;
}

/* Die kleinen Vorschaubilder dürfen weiterhin dezent abgerundet bleiben. */
.daepro-shop-design.single-product .woocommerce div.product .flex-control-thumbs li,
.daepro-shop-design.single-product .woocommerce div.product .flex-control-thumbs img{
  border-radius:12px!important;
}


/* ==========================================================
   2.1.1 – Desktop quadratisch, Mobile wieder natürlich
   WICHTIG:
   - FlexSlider-Viewport und Track bleiben unangetastet.
   - Jede Desktop-Slide bekommt selbst einen quadratischen Rahmen.
   - Mobil greift ausschließlich das natürliche WooCommerce-Verhalten.
   ========================================================== */

@media (min-width:901px){

  /*
   * Die vorhandene Desktop-Galeriespalte bleibt max. 520 px breit.
   * Auf kleineren Desktopbreiten greift weiterhin das bestehende
   * responsive Layout (z. B. 470 px) – der Rahmen bleibt trotzdem quadratisch.
   */
  .daepro-shop-design.single-product .woocommerce-product-gallery__image{
    background:#fff!important;
  }

  /*
   * DER entscheidende Punkt:
   * Nicht FlexSlider selbst wird auf 520 px Höhe gezwungen.
   * Der Link innerhalb jeder einzelnen Slide erzeugt die quadratische Höhe.
   * Dadurch sind alle Slides gleich hoch und FlexSlider kann normal weiterblättern.
   */
  .daepro-shop-design.single-product .woocommerce-product-gallery__image > a{
    display:flex!important;
    width:100%!important;
    aspect-ratio:1 / 1!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  /*
   * Querformat, 16:9 und Hochformat:
   * proportional vollständig in das Quadrat einpassen.
   * Kein Strecken, kein Cropping.
   */
  .daepro-shop-design.single-product .woocommerce-product-gallery__image > a > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
  }
}

/*
 * MOBILE / TABLET:
 * Die 2.0.2-Galerie bleibt absichtlich unverändert.
 * Damit sitzt die Thumbnail-Leiste wieder direkt unter dem jeweils
 * tatsächlich hohen/niedrigen Bild und bewegt sich mit dessen Format mit.
 */
@media (max-width:900px){
  .daepro-shop-design.single-product .woocommerce-product-gallery__image > a{
    display:block!important;
    width:100%!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    background:transparent!important;
  }

  .daepro-shop-design.single-product .woocommerce-product-gallery__image > a > img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:initial!important;
    object-position:initial!important;
    margin:0!important;
  }

  /* Die von FlexSlider dynamisch gesetzte Viewport-Höhe darf am Handy wirken. */
  .daepro-shop-design.single-product .woocommerce-product-gallery .flex-viewport{
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
}


/* ==========================================================
   2.1.2 – Desktop: kein Bild-Zoom + dezente Galeriepfeile
   ========================================================== */

@media (min-width:901px){

  /* WooCommerce-Zoom visuell komplett neutralisieren. */
  .daepro-shop-design.single-product .woocommerce-product-gallery .zoomImg{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .daepro-shop-design.single-product .woocommerce-product-gallery__image img,
  .daepro-shop-design.single-product .woocommerce-product-gallery__image:hover img{
    transform:none!important;
    scale:1!important;
    transition:none!important;
    cursor:default!important;
  }

  .daepro-shop-design.single-product .woocommerce-product-gallery{
    position:relative!important;
  }

  .daepro-gallery-arrow{
    position:absolute!important;
    top:var(--daepro-gallery-arrow-y, 260px)!important;
    z-index:30!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(35,45,40,.08)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.74)!important;
    color:rgba(34,40,36,.58)!important;
    box-shadow:0 5px 16px rgba(20,28,24,.07)!important;
    backdrop-filter:blur(4px);
    cursor:pointer!important;
    transform:translateY(-50%)!important;
    opacity:.52!important;
    transition:opacity .18s ease, background .18s ease, color .18s ease, transform .18s ease!important;
  }

  .daepro-shop-design.single-product .woocommerce-product-gallery:hover .daepro-gallery-arrow{
    opacity:.82!important;
  }

  .daepro-gallery-arrow:hover{
    opacity:1!important;
    background:rgba(255,255,255,.94)!important;
    color:rgba(34,40,36,.82)!important;
    transform:translateY(-50%) scale(1.03)!important;
  }

  .daepro-gallery-arrow:focus-visible{
    outline:2px solid rgba(47,93,80,.45)!important;
    outline-offset:2px!important;
  }

  .daepro-gallery-arrow--prev{
    left:12px!important;
  }

  .daepro-gallery-arrow--next{
    right:12px!important;
  }

  .daepro-gallery-arrow svg{
    width:17px!important;
    height:17px!important;
    display:block!important;
    pointer-events:none!important;
  }

  .daepro-gallery-arrow[hidden]{
    display:none!important;
  }
}

@media (max-width:900px){
  .daepro-gallery-arrow{
    display:none!important;
  }
}

/* ==========================================================
   2.1.3 – Materialauswahl ruhiger und einheitlicher
   ========================================================== */

.daepro-shop-design.single-product form.cart .variations{
  width:100%!important;
  margin:0 0 18px!important;
}

.daepro-shop-design.single-product form.cart .variations tr{
  display:block!important;
  width:100%!important;
  margin:0 0 18px!important;
}

.daepro-shop-design.single-product form.cart .variations th,
.daepro-shop-design.single-product form.cart .variations td{
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}

.daepro-shop-design.single-product form.cart .variations th{
  margin-bottom:8px!important;
}

.daepro-shop-design.single-product form.cart .variations label{
  display:block!important;
  margin:0!important;
  color:var(--daepro-text)!important;
  font-size:1rem!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.daepro-shop-design.single-product form.cart .variations td.value{
  display:block!important;
}

.daepro-shop-design.single-product form.cart .variations select{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 46px 0 15px!important;
  border:1px solid var(--daepro-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--daepro-text)!important;
  font-size:1rem!important;
  font-weight:400!important;
  line-height:1.35!important;
  box-shadow:none!important;
}

.daepro-shop-design.single-product form.cart .variations select:focus{
  border-color:rgba(47,93,80,.34)!important;
  box-shadow:0 0 0 4px rgba(47,93,80,.08)!important;
  outline:none!important;
}

.daepro-shop-design.single-product form.cart .reset_variations{
  display:inline-block!important;
  margin:9px 0 0!important;
  color:var(--daepro-accent)!important;
  font-size:.9rem!important;
  font-weight:500!important;
  line-height:1.3!important;
  text-decoration:none!important;
  white-space:normal!important;
}

.daepro-shop-design.single-product form.cart .reset_variations:hover{
  text-decoration:underline!important;
}


/* ==========================================================
   2.1.4 – Kaufbox kompakter, Abstand vor Warenkorb entfernt
   ========================================================== */

.daepro-shop-design.single-product form.cart{
  padding:17px!important;
}

/* Variantenblock insgesamt kompakter */
.daepro-shop-design.single-product form.cart .variations{
  margin:0 0 8px!important;
}

.daepro-shop-design.single-product form.cart .variations tr{
  margin:0 0 8px!important;
}

.daepro-shop-design.single-product form.cart .variations th{
  margin-bottom:6px!important;
}

/* Materialauswahl etwas niedriger */
.daepro-shop-design.single-product form.cart .variations select{
  min-height:48px!important;
  height:48px!important;
  padding:0 42px 0 14px!important;
  border-radius:11px!important;
  font-size:.96rem!important;
}

/* Zurücksetzen enger an der Auswahl */
.daepro-shop-design.single-product form.cart .reset_variations{
  margin:6px 0 0!important;
  font-size:.86rem!important;
}

/*
 * WooCommerce erzeugt zwischen Varianten und Kaufbutton mehrere Wrapper.
 * Diese bekommen bewusst keine zusätzliche Mindesthöhe/Abstände.
 */
.daepro-shop-design.single-product form.cart .single_variation_wrap,
.daepro-shop-design.single-product form.cart .single_variation,
.daepro-shop-design.single-product form.cart .woocommerce-variation,
.daepro-shop-design.single-product form.cart .woocommerce-variation-description,
.daepro-shop-design.single-product form.cart .woocommerce-variation-price,
.daepro-shop-design.single-product form.cart .woocommerce-variation-availability{
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.daepro-shop-design.single-product form.cart .single_variation_wrap{
  margin:8px 0 0!important;
}

.daepro-shop-design.single-product form.cart .single_variation{
  margin:0!important;
}

.daepro-shop-design.single-product form.cart .woocommerce-variation:empty,
.daepro-shop-design.single-product form.cart .woocommerce-variation-description:empty,
.daepro-shop-design.single-product form.cart .woocommerce-variation-price:empty,
.daepro-shop-design.single-product form.cart .woocommerce-variation-availability:empty{
  display:none!important;
  margin:0!important;
}

/* Warenkorbzeile direkt danach */
.daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart{
  margin:8px 0 0!important;
  padding:0!important;
  gap:12px!important;
  align-items:stretch!important;
}

.daepro-shop-design.single-product form.cart .quantity{
  margin:0!important;
}

.daepro-shop-design.single-product form.cart .quantity .qty{
  min-height:48px!important;
  height:48px!important;
  min-width:70px!important;
  border-radius:11px!important;
}

.daepro-shop-design.single-product form.cart .single_add_to_cart_button{
  min-height:48px!important;
  height:48px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:11px!important;
}

@media (max-width:900px){
  .daepro-shop-design.single-product form.cart{
    padding:16px!important;
  }

  .daepro-shop-design.single-product form.cart .single_variation_wrap{
    margin-top:8px!important;
  }
}


/* ==========================================================
   2.1.5 – Varianten-/Warenkorb-Bereich deutlich kompakter
   Besonders mobil werden alle WooCommerce-Zwischenwrapper
   auf ihren tatsächlichen Inhalt zusammengeschoben.
   ========================================================== */

.daepro-shop-design.single-product form.cart{
  padding:14px!important;
}

.daepro-shop-design.single-product form.cart .variations{
  margin:0!important;
  padding:0!important;
}

.daepro-shop-design.single-product form.cart .variations tr{
  margin:0 0 4px!important;
  padding:0!important;
}

.daepro-shop-design.single-product form.cart .variations th{
  margin:0 0 5px!important;
  padding:0!important;
}

.daepro-shop-design.single-product form.cart .variations td{
  margin:0!important;
  padding:0!important;
}

.daepro-shop-design.single-product form.cart .variations select{
  min-height:46px!important;
  height:46px!important;
  padding:0 40px 0 13px!important;
  border-radius:10px!important;
  font-size:.95rem!important;
}

.daepro-shop-design.single-product form.cart .reset_variations{
  margin:4px 0 0!important;
  padding:0!important;
  line-height:1.2!important;
  font-size:.84rem!important;
}

/* WooCommerce-/Theme-Wrapper konsequent entlüften. */
.daepro-shop-design.single-product form.cart .single_variation_wrap,
.daepro-shop-design.single-product form.cart .single_variation,
.daepro-shop-design.single-product form.cart .variations_button,
.daepro-shop-design.single-product form.cart .woocommerce-variation,
.daepro-shop-design.single-product form.cart .woocommerce-variation-description,
.daepro-shop-design.single-product form.cart .woocommerce-variation-price,
.daepro-shop-design.single-product form.cart .woocommerce-variation-availability{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
}

.daepro-shop-design.single-product form.cart .single_variation_wrap{
  margin-top:4px!important;
}

.daepro-shop-design.single-product form.cart .woocommerce-variation-price:not(:empty),
.daepro-shop-design.single-product form.cart .woocommerce-variation-description:not(:empty),
.daepro-shop-design.single-product form.cart .woocommerce-variation-availability:not(:empty){
  margin:0 0 5px!important;
}

.daepro-shop-design.single-product form.cart .woocommerce-variation:empty,
.daepro-shop-design.single-product form.cart .woocommerce-variation-description:empty,
.daepro-shop-design.single-product form.cart .woocommerce-variation-price:empty,
.daepro-shop-design.single-product form.cart .woocommerce-variation-availability:empty{
  display:none!important;
}

.daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart,
.daepro-shop-design.single-product form.cart .variations_button{
  margin:4px 0 0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  gap:10px!important;
}

.daepro-shop-design.single-product form.cart .quantity{
  margin:0!important;
  padding:0!important;
}

.daepro-shop-design.single-product form.cart .quantity .qty{
  min-height:46px!important;
  height:46px!important;
  min-width:66px!important;
  border-radius:10px!important;
}

.daepro-shop-design.single-product form.cart .single_add_to_cart_button{
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:10px!important;
}

/* Mobil noch enger: keine leeren Zwischenräume zwischen Auswahl und Kaufzeile. */
@media (max-width:900px){
  .daepro-shop-design.single-product form.cart{
    padding:12px!important;
  }

  .daepro-shop-design.single-product form.cart .variations{
    margin-bottom:0!important;
  }

  .daepro-shop-design.single-product form.cart .variations tr{
    margin-bottom:3px!important;
  }

  .daepro-shop-design.single-product form.cart .reset_variations{
    margin-top:3px!important;
  }

  .daepro-shop-design.single-product form.cart .single_variation_wrap{
    margin-top:2px!important;
  }

  .daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart,
  .daepro-shop-design.single-product form.cart .variations_button{
    margin-top:3px!important;
    gap:8px!important;
  }
}

@media (max-width:620px){
  .daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart,
  .daepro-shop-design.single-product form.cart .variations_button{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:stretch!important;
  }

  .daepro-shop-design.single-product form.cart .quantity,
  .daepro-shop-design.single-product form.cart .single_add_to_cart_button{
    width:100%!important;
    min-width:0!important;
  }

  .daepro-shop-design.single-product form.cart .quantity .qty{
    width:100%!important;
  }
}


/* ==========================================================
   2.1.6 – Mobile Warenkorb-Button nicht mehr gequetscht
   ========================================================== */

@media (max-width:620px){

  /*
   * Auf schmalen Displays stehen Menge und Button nicht mehr
   * in einer gemeinsamen Zeile. Dadurch bleibt der Text
   * „In den Warenkorb“ vollständig und gut lesbar.
   */
  .daepro-shop-design.single-product form.cart .woocommerce-variation-add-to-cart,
  .daepro-shop-design.single-product form.cart .variations_button{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }

  .daepro-shop-design.single-product form.cart .quantity{
    width:72px!important;
    max-width:72px!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .daepro-shop-design.single-product form.cart .quantity .qty{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }

  .daepro-shop-design.single-product form.cart .single_add_to_cart_button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    white-space:nowrap!important;
    font-size:1rem!important;
    line-height:1.2!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }
}


/* ==========================================================
   2.1.7 – Warenkorb-Button ohne Divi-Pfeil + Mengenfeld lesbar
   ========================================================== */

/*
 * Divi hängt bei Buttons oft über ::after ein Pfeil-/Icon-Zeichen an.
 * Auf dem WooCommerce-Warenkorb-Button wird dieses Pseudo-Element
 * vollständig deaktiviert.
 */
.daepro-shop-design.single-product form.cart .single_add_to_cart_button::before,
.daepro-shop-design.single-product form.cart .single_add_to_cart_button::after,
.daepro-shop-design.single-product form.cart button.single_add_to_cart_button::before,
.daepro-shop-design.single-product form.cart button.single_add_to_cart_button::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Auch beim Hover keinen Platz für ein Theme-Icon reservieren. */
.daepro-shop-design.single-product form.cart .single_add_to_cart_button,
.daepro-shop-design.single-product form.cart .single_add_to_cart_button:hover,
.daepro-shop-design.single-product form.cart .single_add_to_cart_button:focus{
  padding-left:18px!important;
  padding-right:18px!important;
}

/*
 * Mengenwert nicht mehr ausgegraut darstellen.
 * Gilt auch bei readonly-Feldern, wie sie WooCommerce bei
 * manchen Produkten/Variationen erzeugt.
 */
.daepro-shop-design.single-product form.cart .quantity .qty,
.daepro-shop-design.single-product form.cart .quantity input.qty,
.daepro-shop-design.single-product form.cart .quantity .qty[readonly],
.daepro-shop-design.single-product form.cart .quantity .qty:disabled{
  color:var(--daepro-text)!important;
  -webkit-text-fill-color:var(--daepro-text)!important;
  opacity:1!important;
  font-weight:500!important;
  background:#fff!important;
}

/* Browser-spezifische Nummernfeld-Darstellung neutral halten. */
.daepro-shop-design.single-product form.cart .quantity .qty::-webkit-textfield-decoration-container{
  opacity:1!important;
}

.daepro-shop-design.single-product form.cart .quantity .qty:focus{
  color:var(--daepro-text)!important;
  -webkit-text-fill-color:var(--daepro-text)!important;
}


/* ==========================================================
   2.1.8 – komfortable Mengenwahl mit Minus / Plus
   ========================================================== */

.daepro-shop-design.single-product form.cart .quantity:has(.daepro-qty-btn){
  display:grid!important;
  grid-template-columns:40px minmax(48px,1fr) 40px!important;
  align-items:stretch!important;
  width:auto!important;
  min-width:132px!important;
  max-width:150px!important;
  margin:0!important;
  border:1px solid var(--daepro-border)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
}

.daepro-shop-design.single-product form.cart .quantity:has(.daepro-qty-btn) .qty{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-left:1px solid var(--daepro-border)!important;
  border-right:1px solid var(--daepro-border)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--daepro-text)!important;
  -webkit-text-fill-color:var(--daepro-text)!important;
  opacity:1!important;
  text-align:center!important;
  font-size:1rem!important;
  font-weight:500!important;
  box-shadow:none!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}

.daepro-shop-design.single-product form.cart .quantity:has(.daepro-qty-btn) .qty::-webkit-outer-spin-button,
.daepro-shop-design.single-product form.cart .quantity:has(.daepro-qty-btn) .qty::-webkit-inner-spin-button{
  margin:0!important;
  -webkit-appearance:none!important;
}

.daepro-shop-design.single-product .daepro-qty-btn{
  width:40px!important;
  min-width:40px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--daepro-text)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-family:Arial,sans-serif!important;
  font-size:1.3rem!important;
  font-weight:400!important;
  line-height:1!important;
  transition:background .16s ease, color .16s ease!important;
}

.daepro-shop-design.single-product .daepro-qty-btn::before,
.daepro-shop-design.single-product .daepro-qty-btn::after{
  content:none!important;
  display:none!important;
}

.daepro-shop-design.single-product .daepro-qty-btn:hover:not(:disabled){
  background:var(--daepro-soft)!important;
  color:var(--daepro-accent)!important;
  transform:none!important;
}

.daepro-shop-design.single-product .daepro-qty-btn:focus-visible{
  position:relative;
  z-index:2;
  outline:2px solid rgba(47,93,80,.38)!important;
  outline-offset:-2px!important;
}

.daepro-shop-design.single-product .daepro-qty-btn:disabled{
  color:#b6bbb7!important;
  background:#fafafa!important;
  cursor:not-allowed!important;
  opacity:1!important;
}

/* Mobile etwas größer und leichter antippbar. */
@media (max-width:620px){
  .daepro-shop-design.single-product form.cart .quantity:has(.daepro-qty-btn){
    grid-template-columns:46px minmax(50px,1fr) 46px!important;
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
  }

  .daepro-shop-design.single-product .daepro-qty-btn{
    width:46px!important;
    min-width:46px!important;
    height:48px!important;
    min-height:48px!important;
    font-size:1.45rem!important;
  }

  .daepro-shop-design.single-product form.cart .quantity:has(.daepro-qty-btn) .qty{
    height:48px!important;
    min-height:48px!important;
  }
}


/* ==========================================================
   2.1.9 – Tabs ruhiger + Preisfarbe bei ähnlichen Produkten
   ========================================================== */

/*
 * WooCommerce/Divi legt hinter den Tabs gerne eine breite graue Leiste.
 * Die Navigation wird zu einer kleinen, zentrierten Steuerung ohne Vollbreiten-Balken.
 */
.daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 22px!important;
  padding:4px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid var(--daepro-border)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(24,31,27,.045)!important;
  list-style:none!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs::before,
.daepro-shop-design.single-product .woocommerce-tabs ul.tabs::after{
  content:none!important;
  display:none!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li::before,
.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li::after{
  content:none!important;
  display:none!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a{
  display:block!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  color:#686e6a!important;
  background:transparent!important;
  font-size:.94rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-decoration:none!important;
  transition:background .16s ease, color .16s ease!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li.active a{
  color:var(--daepro-accent)!important;
  background:var(--daepro-soft)!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a:hover{
  color:var(--daepro-accent)!important;
  background:var(--daepro-soft)!important;
}

/* Die Tabs selbst sollen keine graue Vollbreitenfläche erzeugen. */
.daepro-shop-design.single-product .woocommerce-tabs{
  background:transparent!important;
}

/*
 * Preis der ähnlichen / empfohlenen Produkte exakt in derselben
 * Akzentfarbe wie der Preis auf der eigentlichen Produktseite.
 * Auch verschachtelte WooCommerce-Price-Spans werden überschrieben.
 */
.daepro-shop-design.single-product .related ul.products li.product .price,
.daepro-shop-design.single-product .related ul.products li.product .price *,
.daepro-shop-design.single-product .upsells ul.products li.product .price,
.daepro-shop-design.single-product .upsells ul.products li.product .price *,
.daepro-shop-design.single-product .related .woocommerce-Price-amount,
.daepro-shop-design.single-product .related .woocommerce-Price-currencySymbol,
.daepro-shop-design.single-product .upsells .woocommerce-Price-amount,
.daepro-shop-design.single-product .upsells .woocommerce-Price-currencySymbol{
  color:var(--daepro-accent)!important;
}

/* Mobil: Tabs dürfen sauber umbrechen und bleiben ohne grauen Balken. */
@media (max-width:620px){
  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
    width:100%!important;
    border-radius:18px!important;
    padding:4px!important;
    gap:4px!important;
  }

  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs li{
    flex:1 1 auto!important;
  }

  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a{
    padding:9px 12px!important;
    text-align:center!important;
    font-size:.9rem!important;
  }
}


/* ==========================================================
   2.1.10 – Tab-Navigation wirklich mittig
   ========================================================== */

.daepro-shop-design.single-product .woocommerce-tabs{
  text-align:left!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  float:none!important;
  clear:both!important;

  width:fit-content!important;
  min-width:0!important;
  max-width:calc(100% - 24px)!important;

  margin:0 auto 22px!important;
  padding:4px!important;

  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;

  transform:none!important;
  box-sizing:border-box!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li{
  float:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a{
  white-space:nowrap!important;
}

/* Auch auf Mobilgeräten keine Vollbreiten-Navigation mehr. */
@media (max-width:620px){
  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
    width:fit-content!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:999px!important;
    flex-wrap:wrap!important;
  }

  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs li{
    flex:0 0 auto!important;
  }

  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a{
    padding:9px 13px!important;
    font-size:.88rem!important;
  }
}


/* ==========================================================
   2.1.11 – Tab-Navigation unabhängig vom Theme exakt zentrieren
   ========================================================== */

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
  position:relative!important;
  left:50%!important;
  right:auto!important;

  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 24px)!important;

  margin:0 0 22px 0!important;
  padding:4px!important;

  float:none!important;
  clear:both!important;

  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;

  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li{
  float:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
}

.daepro-shop-design.single-product .woocommerce-tabs ul.tabs li a{
  white-space:nowrap!important;
}

@media (max-width:620px){
  .daepro-shop-design.single-product .woocommerce-tabs ul.tabs{
    max-width:calc(100% - 16px)!important;
    flex-wrap:wrap!important;
    border-radius:18px!important;
  }
}


/* ==========================================================
   2.1.12 – Mengenfeld im Warenkorb klar lesbar
   ========================================================== */

.daepro-shop-design.woocommerce-cart .quantity .qty,
.daepro-shop-design.woocommerce-cart .quantity input.qty,
.daepro-shop-design.woocommerce-cart .quantity .qty[readonly],
.daepro-shop-design.woocommerce-cart .quantity .qty:disabled{
  color:var(--daepro-text)!important;
  -webkit-text-fill-color:var(--daepro-text)!important;
  opacity:1!important;
  font-weight:500!important;
  background:#fff!important;
  border-color:var(--daepro-border)!important;
  box-shadow:none!important;
}

.daepro-shop-design.woocommerce-cart .quantity .qty:focus{
  color:var(--daepro-text)!important;
  -webkit-text-fill-color:var(--daepro-text)!important;
  border-color:rgba(47,93,80,.34)!important;
  box-shadow:0 0 0 4px rgba(47,93,80,.08)!important;
  outline:none!important;
}

/* Browser-eigene Graudarstellung bei number-Inputs neutralisieren. */
.daepro-shop-design.woocommerce-cart .quantity .qty::-webkit-textfield-decoration-container{
  opacity:1!important;
}

.daepro-shop-design.woocommerce-cart .quantity .qty::placeholder{
  color:var(--daepro-text)!important;
  opacity:.55!important;
}


/* ==========================================================
   2.1.13 – Checkout-Fehlermeldungen besser lesbar
   ========================================================== */

/*
 * Dein Checkout-Plugin verwendet bei Validierungsfehlern einen dunklen/blauen
 * Hintergrund. Die Theme-Farbe für Text war darauf zu dunkel/grün.
 * Deshalb werden Fehlertexte im Checkout bewusst weiß dargestellt.
 */
.daepro-shop-design.woocommerce-checkout .woocommerce-error,
.daepro-shop-design.woocommerce-checkout .woocommerce-error li,
.daepro-shop-design.woocommerce-checkout .woocommerce-error a,
.daepro-shop-design.woocommerce-checkout .woocommerce-error strong,
.daepro-shop-design.woocommerce-checkout .woocommerce-error span,
.daepro-shop-design.woocommerce-checkout .woocommerce-error p{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* WooCommerce-Icon / Marker ebenfalls weiß */
.daepro-shop-design.woocommerce-checkout .woocommerce-error::before,
.daepro-shop-design.woocommerce-checkout .woocommerce-error li::before{
  color:#fff!important;
}

/* Links sollen auf dem dunklen Hintergrund lesbar bleiben */
.daepro-shop-design.woocommerce-checkout .woocommerce-error a{
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

/* Etwas angenehmere Abstände und Zeilenhöhe */
.daepro-shop-design.woocommerce-checkout .woocommerce-error{
  line-height:1.5!important;
}

.daepro-shop-design.woocommerce-checkout .woocommerce-error li{
  margin-bottom:4px!important;
}

.daepro-shop-design.woocommerce-checkout .woocommerce-error li:last-child{
  margin-bottom:0!important;
}