.elementor-814 .elementor-element.elementor-element-4c6bba6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-814 .elementor-element.elementor-element-b05b876{--display:flex;--justify-content:center;--border-radius:20px 20px 20px 20px;}.elementor-814 .elementor-element.elementor-element-b05b876:not(.elementor-motion-effects-element-type-background), .elementor-814 .elementor-element.elementor-element-b05b876 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46f672c );}.elementor-814 .elementor-element.elementor-element-50a40c53{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:0%;}.elementor-814 .elementor-element.elementor-element-485d402a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-814 .elementor-element.elementor-element-3d947867 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-814 .elementor-element.elementor-element-3d947867 .elementor-heading-title{font-family:var( --e-global-typography-041fb5a-font-family ), Sans-serif;font-size:var( --e-global-typography-041fb5a-font-size );font-weight:var( --e-global-typography-041fb5a-font-weight );text-transform:var( --e-global-typography-041fb5a-text-transform );font-style:var( --e-global-typography-041fb5a-font-style );text-decoration:var( --e-global-typography-041fb5a-text-decoration );line-height:var( --e-global-typography-041fb5a-line-height );}.elementor-814 .elementor-element.elementor-element-56c443a5 > .elementor-widget-container{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-5ebdfd9 );}.woocommerce .elementor-814 .elementor-element.elementor-element-56c443a5 .star-rating{color:#F7D78F;}.woocommerce .elementor-814 .elementor-element.elementor-element-56c443a5 .star-rating::before{color:var( --e-global-color-06e8613 );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-814 .elementor-element.elementor-element-50cf51b1 .cart button, .elementor-814 .elementor-element.elementor-element-50cf51b1 .cart .button{border-radius:20px 20px 20px 20px;padding:20px 30px 20px 30px;background-color:var( --e-global-color-text );transition:all 0.2s;}.elementor-814 .elementor-element.elementor-element-50cf51b1 .cart button:hover, .elementor-814 .elementor-element.elementor-element-50cf51b1 .cart .button:hover{background-color:var( --e-global-color-primary );}.elementor-814 .elementor-element.elementor-element-50cf51b1 .added_to_cart{color:var( --e-global-color-accent );}.elementor-814 .elementor-element.elementor-element-50cf51b1{--button-spacing:5px;}.elementor-814 .elementor-element.elementor-element-50cf51b1 .quantity .qty{font-family:var( --e-global-typography-4a96261-font-family ), Sans-serif;font-size:var( --e-global-typography-4a96261-font-size );font-weight:var( --e-global-typography-4a96261-font-weight );text-transform:var( --e-global-typography-4a96261-text-transform );font-style:var( --e-global-typography-4a96261-font-style );text-decoration:var( --e-global-typography-4a96261-text-decoration );line-height:var( --e-global-typography-4a96261-line-height );border-radius:20px 20px 20px 20px;padding:0px 0px 0px 0px;transition:all 0.2s;}.woocommerce .elementor-814 .elementor-element.elementor-element-50cf51b1 form.cart .variations{width:100%;margin-bottom:20px;}.woocommerce .elementor-814 .elementor-element.elementor-element-50cf51b1 form.cart table.variations tr th, .woocommerce .elementor-814 .elementor-element.elementor-element-50cf51b1 form.cart table.variations tr td{padding-top:calc( 25px/2 );padding-bottom:calc( 25px/2 );}.woocommerce .elementor-814 .elementor-element.elementor-element-50cf51b1 form.cart table.variations label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-f39e7b4-font-family ), Sans-serif;font-size:var( --e-global-typography-f39e7b4-font-size );font-weight:var( --e-global-typography-f39e7b4-font-weight );text-transform:var( --e-global-typography-f39e7b4-text-transform );font-style:var( --e-global-typography-f39e7b4-font-style );text-decoration:var( --e-global-typography-f39e7b4-text-decoration );line-height:var( --e-global-typography-f39e7b4-line-height );}.elementor-814 .elementor-element.elementor-element-71d3ac41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-814 .elementor-element.elementor-element-3d947867 .elementor-heading-title{font-size:var( --e-global-typography-041fb5a-font-size );line-height:var( --e-global-typography-041fb5a-line-height );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-814 .elementor-element.elementor-element-50cf51b1 .quantity .qty{font-size:var( --e-global-typography-4a96261-font-size );line-height:var( --e-global-typography-4a96261-line-height );}.woocommerce .elementor-814 .elementor-element.elementor-element-50cf51b1 form.cart table.variations label{font-size:var( --e-global-typography-f39e7b4-font-size );line-height:var( --e-global-typography-f39e7b4-line-height );}}@media(max-width:767px){.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-814 .elementor-element.elementor-element-3d947867 .elementor-heading-title{font-size:var( --e-global-typography-041fb5a-font-size );line-height:var( --e-global-typography-041fb5a-line-height );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-814 .elementor-element.elementor-element-50cf51b1 .quantity .qty{font-size:var( --e-global-typography-4a96261-font-size );line-height:var( --e-global-typography-4a96261-line-height );}.woocommerce .elementor-814 .elementor-element.elementor-element-50cf51b1 form.cart table.variations label{font-size:var( --e-global-typography-f39e7b4-font-size );line-height:var( --e-global-typography-f39e7b4-line-height );}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-50cf51b1 *//* ===== Root: kein Kartenrahmen/-schatten ===== */
#pdp-buybox form.variations_form{
  background: transparent; border: 0; box-shadow: none; padding: 0;
}

/* Zebra-Styles sicher aus */
#pdp-buybox table.variations tbody > tr > *{ background: transparent !important; }

/* Attribute als saubere Reihen mit solid Divider */
#pdp-buybox table.variations{
  display:block; width:100%; margin:0; border-collapse:separate; border-spacing:0;
}
#pdp-buybox table.variations tbody{ display:flex; flex-direction:column; gap:18px; }
#pdp-buybox table.variations tr{
  display:grid; grid-template-columns: 120px 1fr; gap:12px;
  padding:12px 0; border-bottom: 1px solid #f6f6f6;
}
#pdp-buybox table.variations tr:last-child{ border-bottom:0; }
#pdp-buybox table.variations th,
#pdp-buybox table.variations td{
  padding:0 !important; background:transparent !important;
}

/* Labelspalte linksbündig */
#pdp-buybox table.variations th,
#pdp-buybox table.variations .label{
  text-align: left !important;
}

/* und deine eigenen Wrapper sicherheitshalber auch */
#pdp-buybox .sps-attr-head,
#pdp-buybox .sps-attr-label,
#pdp-buybox .sps-attr-value{
  text-align: left !important;
}


/* Select visuell verstecken (für Woo & A11y erhalten) */
#pdp-buybox .value{ display:flex; flex-wrap:wrap; gap:10px; }
#pdp-buybox .value select{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;
}

/* ===== Swatches ===== */

/* Standard-Pill-Look für Label/Bild-Swatches */
#pdp-buybox .superSwatch{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:38px; padding:6px 12px;
  border:1px solid #e2e2e2; border-radius:20px; background:#f7f7f7;
  cursor:pointer; line-height:1;
  transition:.15s transform,.15s background,.15s border-color;
}
#pdp-buybox .superSwatch:hover{ transform: translateY(-1px); }
#pdp-buybox .superSwatch.selected{ background:#527639; color:#fff; border-color:#111; }
#pdp-buybox .superSwatch.disabled{
  opacity:.45; pointer-events:none;
}

/* Größe & Darstellung des Icons */
#pdp-buybox .superSwatch .textureImage{
  width:22px; height:22px;
  background-size: contain;
  background-repeat:no-repeat;
  background-position:center;
  transition:filter .15s ease;
}

/* Hover + ausgewählt: weißes Icon */
#pdp-buybox .superSwatch.selected .textureImage{
  filter: brightness(0) invert(1);
}



/* Farbswatches: Kachel aus, nur runder Farbpunkt sichtbar */
#pdp-buybox .superSwatch.swatchType_one_color{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 4px !important;           /* sorgt für etwas Klickfläche ohne Kachel */
  min-width: 0 !important;
}

/* Der innere Farbpunkt (bei dir ist das das direkte <div>) */
#pdp-buybox .superSwatch.swatchType_one_color > div{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-sizing: border-box;
  /* Dünner grauer Rand – auch bei weiß sichtbar */
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}

/* Hover: Rand leicht deutlicher (optional) */
#pdp-buybox .superSwatch.swatchType_one_color:hover > div{
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
}

/* Ausgewählt: dicker, schwarzer Ring außen */
/* Kreis weiterhin 26x26, innerer 1px-Rand bleibt */
#pdp-buybox .superSwatch.swatchType_one_color > div{ position:relative; }

#pdp-buybox .superSwatch.swatchType_one_color.selected > div{
  /* 1) innerer dünner Rand,
     2) 1px "Gap" in Hintergrundfarbe,
     3) dicker schwarzer Ring (3px) */
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.15),
    0 0 0 2px var(--wc-content-bg, #fff),
    0 0 0 4px #000;
}


/* Falls du auch das zweite Klassenmuster verwenden willst, nimm zusätzlich: */
/*
#pdp-buybox .superSwatch.swatchColor{ ...gleich wie oben... }
#pdp-buybox .superSwatch.swatchColor > div{ ... }
#pdp-buybox .superSwatch.swatchColor.selected > div{ ... }
*/


/* Bild-Swatches (falls vorhanden) */
#pdp-buybox .superSwatch img{ width:26px; height:26px; border-radius:6px; display:block; }

/* ===== Preis prominenter, Lager ausblenden ===== */
#pdp-buybox .single_variation_wrap{ margin-top:8px; }

/* Preis unter den Attributen wie H3 + Markenfarbe */
#pdp-buybox .single_variation_wrap .woocommerce-variation-price .price,
#pdp-buybox .single_variation_wrap .woocommerce-variation-price .price * {
  color: var(--e-global-color-text, #527639) !important;
}

/* Farbe des Preises (wie vorher) */
#pdp-buybox .single_variation_wrap .woocommerce-variation-price .price,
#pdp-buybox .single_variation_wrap .woocommerce-variation-price .price * {
  color: var(--e-global-color-text, #527639) !important;
}

/* Verhindern, dass der Eltern-Knoten den Font-Size-Wert vorgibt */
#pdp-buybox .woocommerce-variation-price { font-size: inherit !important; }

/* H2-Typo anwenden – bei dir sind die H2-Token sehr wahrscheinlich die 40bfce5-Variablen */
/* Preis wie H3 */
#pdp-buybox .woocommerce-variation-price .price{
  font-family: var(--e-global-typography-h3-font-family,
                   var(--e-global-typography-43e4383-font-family, inherit)) !important;
  font-size:   var(--e-global-typography-h3-font-size, 36px) !important;
  font-weight: var(--e-global-typography-h3-font-weight, 600) !important;
  line-height: var(--e-global-typography-h3-line-height, 1.2) !important;
  letter-spacing: var(--e-global-typography-h3-letter-spacing, 0) !important;
}
#pdp-buybox .woocommerce-variation-price .price *{
  font-size: inherit !important;
  line-height: inherit !important;
}


/* Damit auch <ins>/<del>/<bdi> etc. mit skalieren */
#pdp-buybox .single_variation_wrap .woocommerce-variation-price .price * {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Optional: durchgestrichener Altpreis dezenter */
#pdp-buybox .single_variation_wrap .price del { opacity: .5; font-weight: 400 !important; }






#pdp-buybox .stock{ display:none !important; }  /* evtl. "150 vorrätig" o.ä. */

/* ===== Menge & Buttons: schwarz, mittig ===== */
#pdp-buybox .variations_button{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:10px; }

#pdp-buybox .quantity{
  display:flex; align-items:center; gap:6px;
  padding:2px; border:1px solid #e2e2e2; border-radius:12px; background:#fff;
}
#pdp-buybox .quantity .qty{
  width:70px; height:44px; border:0; text-align:center; font-weight:700;
}
#pdp-buybox .qty-minus, #pdp-buybox .qty-plus{
  width:44px; height:44px; border:0; border-radius:10px;
  background:#f1f1f1; color:#000;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; line-height:1; padding:0; cursor:pointer;
}

/* 1) Menge links – Button rechts über komplette Restbreite */
#pdp-buybox .variations_button,
#pdp-buybox .woocommerce-variation-add-to-cart{
  display: grid !important;
  grid-template-columns: auto 1fr;  /* auto = Qty, 1fr = Button nimmt Rest */
  align-items: center;
  gap: 12px;
}

#pdp-buybox .variations_button .quantity{ grid-column: 1; }

#pdp-buybox .variations_button .single_add_to_cart_button{
  grid-column: 2;                 /* Button in Spalte 2 */
  width: 100%;                    /* volle Restbreite */
  display: inline-flex;           /* schön zentriert */
  justify-content: center;
  align-items: center;
}

/* (Optional) auf sehr schmalen Screens übereinander stapeln */
@media (max-width: 480px){
  #pdp-buybox .variations_button,
  #pdp-buybox .woocommerce-variation-add-to-cart{
    grid-template-columns: 1fr;
  }
  #pdp-buybox .variations_button .single_add_to_cart_button{ grid-column: 1; }
}

/* 2) Extra-Trennlinie unter dem letzten Attribut (vor dem Preis) */
#pdp-buybox .single_variation_wrap{
  border-top: 1px solid #f6f6f6;
  padding-top: 16px;   /* Abstand zur Linie */
  margin-top: 8px;
}


/* Add-to-Cart */
#pdp-buybox .single_add_to_cart_button{
  height:46px; border-radius:12px; padding:0 22px; font-weight:700;
}

/* Mobile: Label über Controls */
@media (max-width:768px){
  #pdp-buybox table.variations tr{ grid-template-columns: 1fr; gap:6px; }
}


/* === Boolean-Switch nur für "Pflanzgranulat" === */

/* Die ursprünglichen Swatches in dieser Zeile ausblenden (Klasse kommt aus dem JS) */

/* Granulat-Zeile sichtbar lassen … */
#pdp-buybox tr.sps-granulat-row td.value { display: table-cell !important; }
/* … aber die ursprünglichen Swatches + Select darin ausblenden */
#pdp-buybox tr.sps-granulat-row td.value .sps-swatches,
#pdp-buybox tr.sps-granulat-row td.value .variation-.elementor-814 .elementor-element.elementor-element-50cf51b1 { display: none !important; }


/* Switch-Container */
#pdp-buybox .sps-boolean{
  display:inline-flex;
  align-items:center;
  gap:10px;
  user-select:none;
}

/* Track */
#pdp-buybox .sps-boolean-track{
  position:relative;
  width:70px;           /* feste Breite */
  height:36px;          /* feste Höhe  */
  background:#e9ecef;
  border:1px solid #dcdcdc;
  border-radius:999px;
  cursor:pointer;
  transition:background .2s, border-color .2s;
}

/* Thumb */
#pdp-buybox .sps-boolean-thumb{
  position:absolute;
  top:50%;
  left:2px;             /* Startposition links */
  width:30px;
  height:30px;
  background:#fff;
  border-radius:50%;
  transform:translate(0,-50%);
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  transition:left .2s, transform .2s;
}

/* Zustand EIN */
#pdp-buybox .sps-boolean.is-on .sps-boolean-track{
  background:#1d570e;
  border-color:#1d570e;
}
#pdp-buybox .sps-boolean.is-on .sps-boolean-thumb{
  left:38px;            /* 70 - 30 - 2 = 38 */
}

/* Beschriftungen */
#pdp-buybox .sps-boolean-text{ font-weight:600; color:#222; }
#pdp-buybox .sps-boolean-state{ font-size:.95rem; color:#666; }

/* Tastaturfokus */
#pdp-buybox .sps-boolean-track:focus-visible{
  outline:2px solid #1d570e;
  outline-offset:2px;
}

/* Nur in der Pflanzgranulat-Zeile: Text rechts vom Toggle ausblenden */
#pdp-buybox tr.sps-granulat-row .sps-boolean { gap: 0; }
#pdp-buybox tr.sps-granulat-row .sps-boolean-text,
#pdp-buybox tr.sps-granulat-row .sps-boolean-state { display: none !important; }


/* Reihenfolge im Add-to-Cart Formular neu setzen */
#pdp-buybox form.variations_form{
  display: grid !important;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}

/* 1) Preis ganz oben */
#pdp-buybox .single_variation_wrap{
  order: 1;
  border-bottom: 1px solid #f6f6f6;   /* dezente Linie unter dem Preis */
  padding-bottom: 16px;
  margin-bottom: 16px;
}

/* 2) Attribut-Auswahl in der Mitte */
#pdp-buybox table.variations{ order: 2; }

/* 3) Menge + Button ganz unten */
#pdp-buybox .variations_button,
#pdp-buybox .woocommerce-variation-add-to-cart{ order: 3; }

/* Formular als Grid – Reihenfolge von Einzelteilen steuern */
#pdp-buybox form.variations_form{
  display: grid !important;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}

/* Wrapper flachziehen, damit ihre Kinder Grid-Items werden */
#pdp-buybox .single_variation_wrap { display: contents; }
#pdp-buybox .single_variation     { display: contents; }

/* 1) Preis ganz oben */
#pdp-buybox .woocommerce-variation-price{
  order: 1;
  grid-column: 1 / -1;
  display: block;                   /* sicherstellen, dass Block-Box vorhanden ist */
  border-bottom: 1px solid #f6f6f6; /* Linie unter dem Preis */
  padding-bottom: 16px;
  margin-bottom: 16px;
}

/* 2) Attribut-Auswahl in der Mitte */
#pdp-buybox table.variations{ order: 2; }

/* 3) Menge + Button ganz unten */
#pdp-buybox .woocommerce-variation-add-to-cart{
  order: 3;
  grid-column: 1 / -1;
}

/* Button-Zeile: Menge links, Button füllt Restbreite (deine bestehende Regel bleibt gültig) */
#pdp-buybox .woocommerce-variation-add-to-cart{
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
}
#pdp-buybox .woocommerce-variation-add-to-cart .single_add_to_cart_button{
  width: 100%;
  justify-content: center;
}


/* Helle Linie UNTER dem Preis entfernen (wir grenzen jetzt den Swatch-Bereich selbst ab) */
#pdp-buybox .woocommerce-variation-price{
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 12px;            /* kleiner Abstand zum Swatch-Bereich */
}

/* Variations-/Swatch-Bereich oben & unten mit dunklerem Grau abgrenzen */
#pdp-buybox table.variations{
  border-top: 1px solid #e0e0e0;  /* dunkleres Grau – gern auf #dcdcdc/#e3e3e3 anpassen */
  border-bottom: 1px solid #e0e0e0;
  padding-top: 14px;              /* Luft zwischen Linie und erster Zeile */
  padding-bottom: 14px;
  margin: 8px 0 16px;             /* Abstand zu Preis & CTA */
  display: block;                 /* (hast du schon – wichtig, damit Border/Padding greifen) */
}

/* Deine inneren, hellen Divider pro Zeile bleiben bestehen */
#pdp-buybox table.variations tr{
  border-bottom: 1px solid #f6f6f6;
}
#pdp-buybox table.variations tr:last-child{
  border-bottom: 0;               /* damit nicht mit der unteren dunklen Linie kollidiert */
}


/* Free-Shipping Infozeile unter dem Preis */
#pdp-buybox .sps-free-ship{
  order: 1;                    /* direkt nach dem Preis */
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 16px;          /* Abstand zum Swatch-Bereich */
  font-size: .95rem;
  color: var(--wc-subtext, #6b7280);
}
#pdp-buybox .sps-free-ship svg{
  width: 18px; height: 18px; opacity: .85; flex: 0 0 auto;
}

/* (optional) feiner Trenner direkt unter der Infozeile */
#pdp-buybox .sps-free-ship{ border-bottom: 0; } /* standard: ohne Linie */

/* Reihenfolge sicher: Preis (1) → Infozeile (2) → Variationen (3) → CTA (4) */
#pdp-buybox .woocommerce-variation-price{ order:1; }
#pdp-buybox .sps-free-ship{ order:2; }
#pdp-buybox table.variations{ order:3; }
#pdp-buybox .woocommerce-variation-add-to-cart{ order:4; }

/* Infozeile Stil + Icon + Platz fürs Popover */
#pdp-buybox .sps-free-ship{
  grid-column: 1 / -1;
  display:flex; align-items:center; gap:8px;
  margin:6px 0 16px;
  font-size:.95rem; color:var(--wc-subtext, #6b7280);
  position:relative;   /* Anker für Popover */
}
#pdp-buybox .sps-free-ship svg{ width:32px; height:32px; opacity:.85; flex:0 0 auto; }


/* Text nimmt den Platz ein, Icon rechts ans Ende */
#pdp-buybox .sps-free-ship .sps-free-ship-text{ flex:1 1 auto; }

/* Info-Button rechts */
#pdp-buybox .sps-free-ship .sps-free-ship-info{
  margin-left:8px;
  background:transparent; border:0; padding:2px;
  cursor:pointer; line-height:0; display:inline-flex; align-items:center; justify-content:center;
  color:inherit;
}

/* Popover */
#pdp-buybox .sps-free-ship-pop{
  display:none;
  position:absolute; right:0; top:calc(100% + 8px);
  width:min(320px, 90vw);
  background:#fff; color:#333;
  border:1px solid #e2e2e2; border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  padding:12px 14px; z-index:40;
}
#pdp-buybox .sps-free-ship.is-open .sps-free-ship-pop{ display:block; }
#pdp-buybox .sps-free-ship-pop:before{
  content:""; position:absolute; right:14px; top:-7px;
  width:12px; height:12px; transform:rotate(45deg);
  background:#fff; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2;
}

/* Free-Shipping: Icon direkt hinter dem Text (nicht rechtsbündig) */
#pdp-buybox .sps-free-ship{
  display:inline-flex; align-items:center; gap:8px;
}
#pdp-buybox .sps-free-ship .sps-free-ship-text{
  flex: 0 0 auto;   /* statt flex:1 1 auto */
}
#pdp-buybox .sps-free-ship .sps-free-ship-info{
  margin-left: 6px;
}

/* Popover: standardmäßig geschlossen, öffnet bei .is-open */
#pdp-buybox .sps-free-ship .sps-free-ship-info{
  position: relative;
  overflow: visible;           /* falls Theme Buttons beschneidet */
  white-space: normal !important;
}

#pdp-buybox .sps-free-ship .sps-free-ship-pop{
  display: none;               /* WICHTIG: nur diese display-Zeile */
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  box-sizing: border-box;
  width: 320px;
  max-width: 90vw;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.4;
  z-index: 40;
  background: #fff;
  color: #333;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 12px 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

#pdp-buybox .sps-free-ship .sps-free-ship-pop:before{
  content: "";
  position: absolute;
  right: 10px;
  top: -7px;
  width: 12px; height: 12px;
  transform: rotate(45deg);
  background: #fff;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
}

#pdp-buybox .sps-free-ship.is-open .sps-free-ship-pop{
  display: block;              /* sichtbar nur bei .is-open */
}

/* inneren Farbkreis als Bezug nehmen */
#pdp-buybox .superSwatch.swatchType_one_color.disabled > div{ position:relative; }

/* X auf dem Kreis platzieren */
#pdp-buybox .superSwatch.swatchType_one_color.disabled > div::before,
#pdp-buybox .superSwatch.swatchType_one_color.disabled > div::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:22px;             /* Kreis hat bei dir ~26px – 22px wirkt gut */
  height:2px;
  background: rgba(0,0,0,.55);
  transform-origin:center;
  border-radius:2px;
  pointer-events:none;
}
#pdp-buybox .superSwatch.swatchType_one_color.disabled > div::before{
  transform:translate(-50%,-50%) rotate(45deg);
}
#pdp-buybox .superSwatch.swatchType_one_color.disabled > div::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

/* OVERRIDE nur für den Truck (stärkerer Selektor) */
#pdp-buybox .sps-free-ship > .sps-icon-truck{
  width:32px;              /* gewünschte Größe */
  height:32px;
  margin-right:0px;
}

#pdp-buybox .sps-free-ship .sps-free-ship-info svg{
  width:18px; height:18px; margin-left:-5px;
}/* End custom CSS */