/* =========================================================
   Pippa Gin — Single Product Page
   1:1 nach Pippa Design System/shop/single-product.html
   ========================================================= */

/* ── Produkt-Grid (2 Spalten) ───────────────────────────── */
.pippa-product__inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 48px;
  padding: 8px 0 72px;
  align-items: start;
}
@media (max-width: 1000px) {
  .pippa-product__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* ── Galerie (linke Spalte) ─────────────────────────────── */
.pippa-product__gallery {
  position: sticky;
  top: 80px;
  min-width: 0;
}
@media (max-width: 1000px) {
  .pippa-product__gallery {
    position: static;
  }
}

/* WooCommerce .onsale badge → absolut über dem Hauptbild */
span.onsale {
  display: none !important;
}
.pippa-product__gallery > span.onsale {
  display: block !important;
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 3 !important;
  background: var(--pp-purple) !important;
  color: var(--pp-beige) !important;
  font-family: var(--ff-headlines) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  margin: 0 !important;
}

/* WooCommerce Gallery wrapper — override flexslider inline styles */
.pippa-product__gallery .woocommerce-product-gallery,
.woocommerce div.product div.images.woocommerce-product-gallery {
  position: static !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
  max-width: 100% !important;
}

/* Hauptbild — Galerie-Container */
.pippa-product__gallery .woocommerce-product-gallery {
  border-radius: var(--radius-lg) !important;
  background: none !important;
  overflow: visible !important;
  width: 100% !important;
}
/* Viewport: feste Proportionen */
.pippa-product__gallery .woocommerce-product-gallery .flex-viewport {
  display: block !important;
  width: 100% !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  /* Höhe über das erste Bild bestimmt — kein aspect-ratio damit Flexslider nicht kämpft */
}
/* Slides-Liste */
.pippa-product__gallery .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
/* Jeder Slide */
.pippa-product__gallery .woocommerce-product-gallery__image {
  overflow: hidden !important;
}
/* Das eigentliche Bild: aspect-ratio erzwingt die Proportionen */
.pippa-product__gallery .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Mobile: Flexslider setzt height inline — überschreiben & aspect-ratio lockern */
@media (max-width: 1000px) {
  .pippa-product__gallery .flex-viewport {
    height: auto !important;
  }
  .pippa-product__gallery .woocommerce-product-gallery__image img {
    aspect-ratio: 3 / 2 !important;
    object-position: center center !important;
  }
}

/* Zoom-Trigger ausblenden */
.pippa-product__gallery .woocommerce-product-gallery__trigger { display: none !important; }

/* Thumbnails */
.pippa-product__gallery .flex-control-nav.flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.pippa-product__gallery .flex-control-thumbs li {
  margin: 0 !important;
  padding: 0 !important;
}
.pippa-product__gallery .flex-control-thumbs li img {
  aspect-ratio: 1 !important;
  object-fit: cover !important;
  border-radius: var(--radius-sm) !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  transition: border-color var(--dur-fast) !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
.pippa-product__gallery .flex-control-thumbs li img.flex-active,
.pippa-product__gallery .flex-control-thumbs li img:hover {
  border-color: var(--pp-purple) !important;
}

/* ── Summary (rechte Spalte) ────────────────────────────── */
.pippa-product__summary {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

/* WooCommerce summary wrapper: override WC inline float/width */
.pippa-product__summary .summary.entry-summary,
.woocommerce div.product div.summary.entry-summary {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: contents;
}

/* Eyebrow */
.pippa-eyebrow {
  font-family: var(--ff-body);
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin: 0;
}

/* Titel */
.pippa-product__title {
  font-family: var(--ff-headlines);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--fg);
  margin: 0;
}

/* ── Preis-Bereich ─────────────────────────────────────────
   display:contents löst den Wrapper auf → alle Kinder werden
   direkte Flex-Items von .pippa-product__summary und können
   per order in die gewünschte Reihenfolge gebracht werden.
   ─────────────────────────────────────────────────────────── */
.pippa-price-wrap {
  display: contents;
}

/* ── Reihenfolge der Summary-Elemente via order ────────────
   1  eyebrow
   2  title
   3  Preis-Zeile (price + versand + verfügbarkeit)
   4  chips
   5  short-description
   6  botanicals
   7  variations_form (enthält variant-buttons + add-to-cart)
   9  trust
   ─────────────────────────────────────────────────────────── */
.pippa-eyebrow                                          { order: 1; }
.pippa-product__title                                   { order: 2; }

/* Preis */
.pippa-price-wrap .price                               { order: 3; }
/* Grundpreis direkt unter dem Preis */
.pippa-price-wrap .price.price-unit                    { order: 3; }
/* zzgl. Versandkosten · Lieferzeit (manuell im Template, pippa-legal-row) */
.pippa-legal-row                                       { order: 3; }

.pippa-chips                                            { order: 4; }
.woocommerce-product-details__short-description        { order: 5; }
.pippa-botanicals                                       { order: 6; }

/* Variations-Form enthält: variant-buttons, availability,
   add-to-cart — alles in der richtigen internen Reihenfolge */
.variations_form                                        { order: 7; }

.pippa-trust                                            { order: 9; }

/* Alles andere (GZD-Infos etc.) nach hinten schieben */
.pippa-price-wrap .wc-gzd-additional-info              { order: 99; }
/* Grundpreis (hat beide Klassen .price + .price-unit) bleibt auf 3 */
.pippa-price-wrap .price.price-unit                    { order: 3 !important; }

/* Stripe Express Checkout: Reihenfolge zwischen ATC (order:8) und Trust (order:9) */
#wc-stripe-express-checkout-element {
  order: 8;
}
/* Order-Attribution-Inputs verstecken (kein visuelles Element) */
#wc-stripe-express-checkout__order-attribution-inputs,
wc-order-attribution-inputs {
  display: none !important;
}

/* ── Preis-Zeile ─────────────────────────────────────────────
   Nur direkte .price Kinder von pippa-price-wrap (nicht .woocommerce-variation-price .price) */
.pippa-price-wrap > .price {
  font-family: var(--ff-headlines) !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  color: var(--fg) !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}

/* ── zzgl. Versandkosten · Lieferzeit (pippa-legal-row) ──────
   Flex-Row: beide Elemente nebeneinander, · als Trenner.
   Negative margin-top zieht Grundpreis + Zeile an den Preis heran
   (Summary row-gap ist 20px, gewünschter Abstand ~4px). */
.pippa-price-wrap .price.price-unit {
  margin-top: -14px !important;
}
.pippa-legal-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0;
  font-family: var(--ff-body);
  font-size: 13px;
  color: var(--fg-2);
  margin-top: -14px;
}
.pippa-legal-row .legal-price-info,
.pippa-legal-row .delivery-time-info {
  font-size: 13px !important;
  color: var(--fg-2) !important;
  margin: 0 !important;
}
.pippa-legal-row .wc-gzd-additional-info {
  display: inline !important;
}
.pippa-legal-sep {
  color: var(--fg-2);
}

/* ── Variations-Form: Reihenfolge ──────────────────────────
   Ziel: Variant-Buttons → Availability → Add-to-Cart
   DOM: .variations (TABLE mit Buttons) | .single_variation_wrap
        └── .woocommerce-variation (Availability/Preis)
        └── .woocommerce-variation-add-to-cart (Qty + Button)
   → .variations bleibt an erster Stelle (order:1)
   → .single_variation_wrap folgt (order:2), WC-toggle bleibt intakt
   → Darin: .woocommerce-variation (availability) vor add-to-cart
   ─────────────────────────────────────────────────────────── */
.variations_form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.variations_form .variations        { order: 1; }
.variations_form .single_variation_wrap { order: 2; }

/* single_variation_wrap: WC toggled display:none/block per JS → nicht überschreiben.
   Nur interne Reihenfolge via flex steuern wenn sichtbar. */
.single_variation_wrap:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce-variation              { order: 1; }
.woocommerce-variation-add-to-cart  { order: 2; }

/* WC Preis — NICHT auf .woocommerce-variation-price anwenden,
   da WC dort display:none per inline-style setzt beim Reset */
.pippa-price-wrap > .price,
.woocommerce div.product .summary > .price,
.woocommerce div.product .summary .pippa-price-wrap > .price {
  font-family: var(--ff-headlines) !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  color: var(--fg) !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
.pippa-price-wrap .price del { font-size: 1rem !important; font-weight: 400 !important; color: var(--fg-2) !important; }
.pippa-price-wrap .price ins { text-decoration: none !important; color: var(--pp-red) !important; }

/* Grundpreis / Steuerhinweis */
.pippa-price-wrap .wc-gzd-additional-info,
.pippa-price-wrap p.tax_label,
.woocommerce div.product p.availability {
  font-family: var(--ff-body) !important;
  font-size: 13px !important;
  color: var(--fg-2) !important;
  margin: 0 !important;
}

/* Lager: "Auf Lager" */
.pippa-price-wrap .stock.in-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--ff-body) !important;
  font-size: 13px !important;
  color: #114e0b !important;
}
.pippa-price-wrap .stock.in-stock::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #31a455 !important;
  flex-shrink: 0 !important;
}

/* Kurzbeschreibung */
.pippa-price-wrap .woocommerce-product-details__short-description {
  font-family: var(--ff-headlines) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  max-width: 48ch !important;
  color: var(--fg) !important;
  margin: 0 !important;
}
.pippa-price-wrap .woocommerce-product-details__short-description p { margin: 0 !important; }

/* ── Varianten-Buttons (ersetzt <select>) ───────────────── */
.pippa-price-wrap .variations_form .variations {
  border: none !important;
  border-collapse: separate !important;
  width: 100% !important;
  margin: 0 !important;
}
.pippa-price-wrap .variations_form .variations tr {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.pippa-price-wrap .variations_form .variations td,
.pippa-price-wrap .variations_form .variations th {
  padding: 0 !important;
  border: none !important;
  text-align: left !important;
  vertical-align: top !important;
}
.pippa-price-wrap .variations_form .variations th.label label {
  font-family: var(--ff-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--fg) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Native Select verstecken, Custom-Buttons übernehmen */
.pippa-variant-select-wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pippa-variant-btn {
  border: 1.5px solid var(--border);
  background: #fff;
  padding: 12px 18px;
  border-radius: var(--radius-md);
  font-family: var(--ff-headlines);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: all var(--dur-fast) var(--ease-pippa);
  text-align: left;
  min-width: 130px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pippa-variant-btn small {
  font-family: var(--ff-body);
  font-weight: 400;
  font-size: 11px;
  color: var(--fg-2);
}
.pippa-variant-btn:hover {
  border-color: var(--pp-purple);
}
.pippa-variant-btn[aria-pressed="true"] {
  border-color: var(--pp-purple);
  background: var(--pp-purple);
  color: var(--pp-beige);
}
.pippa-variant-btn[aria-pressed="true"] small {
  color: var(--pp-lightbrown);
}

/* Reset-Link ausblenden */
.reset_variations {
  display: none !important;
}

/* ── Warenkorb-Formular ─────────────────────────────────── */
.pippa-price-wrap .cart {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 0 !important;
}

/* Qty + Button Zeile */
.pippa-cart-row {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-top: 8px;
}

/* Menge-Stepper */
.pippa-price-wrap .quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: #fff !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.pippa-price-wrap .quantity input.qty {
  width: 44px !important;
  height: 52px !important;
  text-align: center !important;
  border: 0 !important;
  font-family: var(--ff-headlines) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  background: transparent !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}
.pippa-price-wrap .quantity input.qty::-webkit-outer-spin-button,
.pippa-price-wrap .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.pippa-qty-btn {
  width: 44px !important;
  height: 52px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  border: none !important;
  background: transparent !important;
  color: var(--fg) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background var(--dur-fast) !important;
  flex-shrink: 0 !important;
}
.pippa-qty-btn:hover {
  background: rgba(83, 40, 124, 0.06) !important;
}

/* Add to Cart Button */
.pippa-price-wrap .single_add_to_cart_button {
  font-family: var(--ff-headlines) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: var(--pp-purple) !important;
  color: var(--pp-beige) !important;
  border: 2px solid var(--pp-purple) !important;
  border-radius: var(--radius-md) !important;
  padding: 16px 28px !important;
  transition: all var(--dur-base) var(--ease-pippa) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  flex: 1 !important;
  white-space: nowrap !important;
}
.pippa-price-wrap .single_add_to_cart_button:hover {
  background: #000 !important;
  border-color: #000 !important;
  transform: translateY(-1px) !important;
}
.pippa-price-wrap .single_add_to_cart_button::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f0e0' stroke-width='2'%3E%3Cpath d='M5 7h14l-1.5 10.5a2 2 0 0 1-2 1.7H8.5a2 2 0 0 1-2-1.7L5 7Z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

/* ── Chips ──────────────────────────────────────────────── */
.pippa-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pippa-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1.5px solid var(--border);
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  font-family: var(--ff-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--fg);
}
.pippa-chip--solid {
  background: var(--pp-purple);
  color: var(--pp-beige);
  border-color: var(--pp-purple);
}

/* ── Botanicals-Liste ───────────────────────────────────── */
.pippa-botanicals {}
.pippa-botanicals__label {
  font-family: var(--ff-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin: 0 0 10px;
}
.pippa-botanicals__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px 16px;
  font-family: var(--ff-body);
  font-size: 14px;
  font-weight: 500;
}
.pippa-botanicals__list li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pippa-botanicals__list li::before {
  content: "🌿";
  font-size: 14px;
  flex-shrink: 0;
}

/* ── Trust Strip ────────────────────────────────────────── */
.pippa-trust {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 16px;
}
.pippa-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--ff-body);
  font-size: 12px;
  line-height: 1.3;
  color: var(--fg);
}
.pippa-trust__item svg {
  width: 22px;
  height: 22px;
  stroke: var(--pp-purple);
  flex-shrink: 0;
  margin-top: 1px;
}
.pippa-trust__item strong {
  display: block;
  font-family: var(--ff-headlines);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 2px;
}
@media (max-width: 600px) {
  .pippa-trust { grid-template-columns: 1fr; }
}

/* ── Tabs ───────────────────────────────────────────────── */
.woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 0;
  padding-top: 48px;
  border-top: 1px solid var(--border);
  clear: both;
}
.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 4px !important;
  border-bottom: 1px solid var(--border) !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto;
  scrollbar-width: none;
  background: none !important;
}
.woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
.woocommerce-tabs ul.tabs li {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce-tabs ul.tabs li a {
  display: block !important;
  padding: 14px 20px !important;
  font-family: var(--ff-headlines) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  border-bottom: 2px solid transparent !important;
  color: var(--fg-2) !important;
  transition: all var(--dur-fast) !important;
  background: none !important;
}
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
  color: var(--fg) !important;
  border-bottom-color: var(--pp-purple) !important;
}
.woocommerce-tabs .panel {
  font-family: var(--ff-headlines);
  font-size: 17px;
  line-height: 1.55;
  max-width: 68ch;
  padding: 0;
}
.woocommerce-tabs .panel h2 { display: none; } /* "Beschreibung" H2 ausblenden */
.woocommerce-tabs .panel h3 { font-size: var(--fs-h4); margin: 24px 0 10px; }
.woocommerce-tabs .panel h3:first-child { margin-top: 0; }
.woocommerce-tabs .panel p { margin: 0 0 14px; }
.woocommerce-tabs .panel ul { padding-left: 0; list-style: none; }
.woocommerce-tabs .panel ul li {
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Related products */
.related.products,
.upsells.products {
  padding-top: 56px;
  border-top: 1px solid var(--border);
  clear: both;
}
.related.products h2 { font-size: var(--fs-h2); margin-bottom: 24px; }

/* ── Sticky Buy Bar ─────────────────────────────────────── */
.pippa-sticky-buy {
  position: fixed;
  bottom: -120px;
  left: 0;
  right: 0;
  z-index: 100;
  background: var(--pp-purple);
  color: var(--pp-beige);
  padding: 12px 0;
  box-shadow: 0 -8px 32px -12px rgba(0, 0, 0, 0.3);
  transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.pippa-sticky-buy.show {
  bottom: 0;
}
.pippa-sticky-buy__inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pippa-sticky-buy__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pippa-sticky-buy__name {
  font-family: var(--ff-headlines);
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pippa-sticky-buy__price {
  font-family: var(--ff-body);
  font-size: 0.75rem;
  color: var(--pp-beige);
  opacity: 0.85;
}
.pippa-sticky-buy__price .woocommerce-Price-amount,
.pippa-sticky-buy__price .woocommerce-Price-currencySymbol,
.pippa-sticky-buy__price * { color: var(--pp-beige) !important; }

/* Invert-Button (beige auf purple) */
.pippa-btn--invert {
  font-family: var(--ff-headlines);
  font-weight: 700;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: var(--radius-md);
  background: var(--pp-beige);
  color: var(--pp-purple);
  border: 2px solid var(--pp-beige);
  cursor: pointer;
  transition: background var(--dur-fast), border-color var(--dur-fast);
  white-space: nowrap;
  flex-shrink: 0;
}
.pippa-btn--invert:hover {
  background: #fff;
  border-color: #fff;
}
@media (max-width: 600px) {
  .pippa-sticky-buy__name { display: none; }
}

/* ── Meta-Box (Kategorie/Tags) ausblenden ───────────────── */
.woocommerce div.product .product_meta { display: none; }

/* ── WC Notice auf Produktseite ─────────────────────────── */
.woocommerce-variation-availability { margin: 0 !important; }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Tablet & Mobile
   ══════════════════════════════════════════════════════════ */

/* ── Tablet (≤ 1000px): einspaltiges Layout ─────────────── */
@media (max-width: 1000px) {

  /* Produkt-Grid: weniger Abstand unten */
  .pippa-product__inner {
    padding-bottom: 48px;
  }

  /* Thumbnails: auf Tablet evtl. nur 4 sichtbar */
  .pippa-product__gallery .flex-control-nav.flex-control-thumbs {
    grid-template-columns: repeat(5, 1fr) !important;
  }

  /* Variantenbuttons: volle Breite */
  .pippa-variant-btn {
    flex: 1;
    min-width: unset;
  }

  /* Trust strip: 1 Spalte */
  .pippa-trust {
    grid-template-columns: 1fr;
  }

  /* Tabs: padding reduzieren */
  .woocommerce-tabs.wc-tabs-wrapper {
    padding-top: 32px;
  }
}

/* ── Mobile (≤ 680px) ────────────────────────────────────── */
@media (max-width: 680px) {

  /* Thumbnails: 4 statt 5 auf engen Screens */
  .pippa-product__gallery .flex-control-nav.flex-control-thumbs {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  /* Titel-Schriftgröße */
  .pippa-product__title {
    font-size: 2.25rem;
  }

  /* Preis */
  .pippa-price-wrap > .price {
    font-size: 1.6rem !important;
  }

  /* Kurzbeschreibung kompakter */
  .pippa-price-wrap .woocommerce-product-details__short-description {
    font-size: 15px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  /* Buy Row: Qty + Button nebeneinander, Button nimmt Rest */
  .pippa-cart-row {
    flex-wrap: nowrap;
  }
  .pippa-price-wrap .single_add_to_cart_button {
    font-size: 14px !important;
    padding: 14px 16px !important;
  }

  /* Botanicals: einspaltg */
  .pippa-botanicals__list {
    grid-template-columns: 1fr;
  }

  /* Trust strip: kompakter */
  .pippa-trust {
    padding: 12px;
    gap: 10px;
  }

  /* Sticky buy bar */
  .pippa-sticky-buy__name { display: none; }
  .pippa-sticky-buy {
    padding: 10px 0;
  }

  /* Tabs padding */
  .woocommerce-tabs.wc-tabs-wrapper {
    padding-top: 24px;
  }
  .woocommerce-tabs ul.tabs li a {
    padding: 12px 14px !important;
    font-size: 13px !important;
  }
}