/* ═══════════════════════════════════════════════════════════════
 * h24 Plant Data — Frontend-Styles
 * ═══════════════════════════════════════════════════════════════ */

.h24-plant-block {
    margin: 1.5rem 0;
    font-size: 14px;
}

.h24-section-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 1.5rem 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #0a5d2c;
    color: #0a5d2c;
}

/* ── Eigenschaften-Tabelle ────────────────────────────────────── */
/* Kompakt gehalten: der Block hat viele Zeilen, die Zebra-Streifen
   ersetzen die Trennlinien und führen das Auge über die Zeile. */
.h24-properties-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.35;
    border: 1px solid #dde5dd;
}
.h24-properties-table th,
.h24-properties-table td {
    text-align: left;
    padding: 0.3rem 0.6rem;
    vertical-align: top;
    /* Spaltentrenner: macht die Zuordnung Bezeichnung -> Wert eindeutig */
    border-right: 1px solid #dde5dd;
    border-bottom: 0;
}
.h24-properties-table td:last-child,
.h24-properties-table th:last-child {
    border-right: 0;
}
.h24-properties-table th {
    width: 38%;
    font-weight: 600;
    color: #444;
}
/* Wechselnde Zeilenfarbe. Bewusst auf den Zellen statt auf <tr>: Themes
   setzen oft eine eigene Zellenfläche, die einen tr-Hintergrund verdeckt. */
.h24-properties-table tbody tr > th,
.h24-properties-table tbody tr > td {
    background-color: #fff;
}
.h24-properties-table tbody tr:nth-child(odd) > th,
.h24-properties-table tbody tr:nth-child(odd) > td {
    background-color: #eef3ec;
}
/* Absätze aus den HTML-Feldern sollen die Zeile nicht auseinanderziehen */
.h24-properties-table td > p:first-child { margin-top: 0; }
.h24-properties-table td > p:last-child { margin-bottom: 0; }
.h24-properties-table td ul {
    margin: 0;
    padding-left: 1.1rem;
}

/* ── Sektionen innerhalb der Pflanzendaten ────────────────────── */
.h24-plant-properties-only .h24-section-title {
    margin-bottom: 0.5rem;
}
.h24-prop-section {
    margin-bottom: 0.9rem;
}
.h24-prop-section-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0a5d2c;
    margin: 0 0 0.25rem;
    padding: 0;
    text-transform: none;
}

/* ── Varianten-Tabelle ────────────────────────────────────────── */
.h24-variants-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.h24-variants-table th {
    background: #f4f4f4;
    padding: 0.6rem 0.5rem;
    font-weight: 600;
    color: #333;
    font-size: 0.875rem;
    text-align: left;
    border-bottom: 2px solid #ddd;
}
.h24-variants-table td {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}
.h24-variants-table tr:hover {
    background: #fafafa;
}
.h24-variants-table .h24-num {
    text-align: center;
    width: 80px;
}
.h24-variants-table .h24-price {
    text-align: right;
    white-space: nowrap;
    font-size: 1.05rem;
}
.h24-variants-table .h24-action {
    text-align: right;
    width: 200px;
}

/* ── Verfügbarkeit-Badges ─────────────────────────────────────── */
.h24-badge {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.4;
}
.h24-badge-instock { background: #d4edda; color: #155724; }
.h24-badge-future  { background: #fff3cd; color: #856404; }
.h24-badge-out     { background: #f8d7da; color: #721c24; }
.h24-stock-low {
    display: block;
    margin-top: 2px;
    font-size: 0.75rem;
    color: #b85c00;
}

/* Zeilenstate */
.h24-variants-table tr.h24-soldout { opacity: 0.55; }
.h24-variants-table tr.h24-future td { background: #fffaf0; }
.h24-variants-table tr.h24-deaktiv { opacity: 0.65; background: #f5f5f5; }
.h24-variants-table tr.h24-deaktiv .h24-price-hidden { color: #999; font-style: italic; }
.h24-badge.h24-badge-deaktiv { background: #6c757d; color: #fff; font-style: italic; }

/* ── Buttons ──────────────────────────────────────────────────── */
.h24-variants-table .h24-add-variant {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    border-radius: 4px;
}
.h24-variants-table .h24-add-variant .material-icons {
    font-size: 1.1rem;
}
.h24-add-variant.h24-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* ── Feedback-Bereich ─────────────────────────────────────────── */
.h24-feedback {
    margin-top: 0.5rem;
    min-height: 1.5rem;
}
.h24-feedback .alert {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}
.h24-feedback .alert-success {
    background: #d4edda; color: #155724;
}
.h24-feedback .alert-danger {
    background: #f8d7da; color: #721c24;
}

/* ── Lange Textblöcke ─────────────────────────────────────────── */
.h24-text-block { margin-bottom: 1.25rem; }
.h24-text { line-height: 1.55; color: #333; }
/* Kurzbeschreibung: Einstieg vor den Textblöcken, ohne Überschrift. Als
   abgesetzter Kasten, damit sie nicht als weiterer Fließtext untergeht —
   bewusst heller als der grüne Vorzüge-Kasten, der weiter unten folgt. */
.h24-kurzbeschreibung {
    margin-top: 1.25rem;
    background: #f7faf6;
    border: 1px solid #cfe0cb;
    border-left: 5px solid #0a5d2c;
    border-radius: 3px;
    padding: 0.9rem 1.15rem;
}
.h24-kurzbeschreibung .h24-text {
    font-size: 1.08em;
    line-height: 1.5;
    color: #1f2d1f;
}
.h24-kurzbeschreibung .h24-text > p:first-child { margin-top: 0; }
.h24-kurzbeschreibung .h24-text > p:last-child { margin-bottom: 0; }

/* ── Einsatzbereich (Liste + Freitext, unter "Wuchs & Verwendung") ── */
.h24-einsatz-block .h24-section-title { margin-top: 1.25rem; }
.h24-einsatz-list {
    list-style: none;
    margin: 0;
    padding: 0;
    /* Mehrspaltig: die Liste hat oft 8–15 Einträge und wäre sonst sehr lang */
    columns: 3 12rem;
    column-gap: 1.5rem;
}
.h24-einsatz-list li {
    position: relative;
    padding: 0.2rem 0 0.2rem 1.4rem;
    margin: 0;
    line-height: 1.4;
    break-inside: avoid;
}
.h24-einsatz-list li::before {
    content: "▸";
    position: absolute;
    left: 0;
    top: 0.2rem;
    color: #0a5d2c;
    font-weight: 700;
}
/* Fliesstext nur noch, wenn der Freitext EIN Satz ist — sonst stecken
   seine Teile als Listenpunkte in .h24-einsatz-list */
.h24-einsatz-details {
    margin-top: 0.75rem;
    padding-top: 0.6rem;
    border-top: 1px solid #e3e9e3;
    color: #334433;
}

/* ── "ab"-Preisprefix ─────────────────────────────────────────── */
.h24-price-prefix {
    display: inline-block;
    margin-right: 0.15em;
    font-size: 0.7em;
    font-weight: 400;
    color: #666;
    vertical-align: middle;
    text-transform: lowercase;
}

/* ── Cart-Extra ───────────────────────────────────────────────── */
.h24-cart-extra {
    margin-top: 0.5rem;
    font-size: 0.875rem;
}
.h24-cart-size {
    color: #444;
    margin-bottom: 0.25rem;
}
.h24-cart-future {
    margin-top: 0.4rem;
    padding: 0.5rem 0.75rem;
    background: #fff3cd;
    border-left: 3px solid #ffc107;
    border-radius: 3px;
    color: #856404;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.45;
}
.h24-cart-future .material-icons {
    font-size: 1.2rem;
    margin-top: 1px;
}

/* ── Cart: Staffelpreis-Anzeige ───────────────────────────────── */
.h24-cart-tier-active {
    margin-top: 0.4rem;
    padding: 0.5rem 0.75rem;
    background: #e8f5e8;
    border-left: 3px solid #3a7a3a;
    border-radius: 3px;
    color: #1a3a1a;
    line-height: 1.45;
    font-size: 0.95rem;
}
.h24-cart-tier-hint {
    margin-top: 0.4rem;
    padding: 0.4rem 0.7rem;
    background: #f4f7f1;
    border-left: 2px solid #c5d5b8;
    border-radius: 3px;
    color: #4a5a4a;
    line-height: 1.4;
    font-size: 0.85rem;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 768px) {
    .h24-variants-table { font-size: 0.85rem; }
    .h24-variants-table th, .h24-variants-table td { padding: 0.4rem 0.3rem; }
    .h24-variants-table .h24-action { width: auto; }
    .h24-variants-table .h24-add-variant span { display: none; }
    .h24-variants-table .h24-num { display: none; }
    .h24-variants-table th.h24-num { display: none; }
}

/* ═══════════════════════════════════════════════════════════════
 * v1.3.6: Listing-Selektoren (Kategorie-Übersicht, Suche, Bestseller)
 * Bewusst KEINE Regeln für die Produktseite — die wird in Ruhe gelassen.
 * ═══════════════════════════════════════════════════════════════ */

/* Warenkorb-Form in Produkt-Übersichten verstecken */
.product-miniature__form,
.product-miniature__actions form,
.product-miniature .quantity-button,
.product-miniature__add,
.product-miniature__add-text,
.product-miniature button[data-button-action="add-to-cart"],
.product-miniature button[data-ps-ref="add-to-cart"] {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Stamm-Add-to-Cart + Mengenfeld auf der Produktseite verstecken
 * Theme-spezifisch (Hummingbird-Variante mit BEM-Klassen)
 * ═══════════════════════════════════════════════════════════════ */
#add-to-cart-or-refresh .product__add-to-cart-container,
#add-to-cart-or-refresh .product-add-to-cart,
#add-to-cart-or-refresh .product__actions-qty-add,
#add-to-cart-or-refresh .product-quantity,
#add-to-cart-or-refresh .product__add-to-cart,
#add-to-cart-or-refresh .product__add-to-cart-button,
#add-to-cart-or-refresh button[data-button-action="add-to-cart"] {
    display: none !important;
}

/* Klickbare Verfügbarkeits-Badges */
.h24-badge-link {
    cursor: pointer;
    text-decoration: none !important;
    transition: filter 0.15s ease;
}
.h24-badge-link:hover,
.h24-badge-link:focus {
    filter: brightness(0.92);
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Mengenfeld pro Variante — kompakt (Platz für 4 Ziffern)
 * ═══════════════════════════════════════════════════════════════ */
.h24-variants-table .h24-qty-wrap {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    margin-right: 0.4rem;
    vertical-align: middle;
}
.h24-variants-table .h24-qty-input {
    width: 42px;
    padding: 0.2rem 0.1rem;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 0.85rem;
    -moz-appearance: textfield;
    height: 24px;
    box-sizing: border-box;
}
.h24-variants-table .h24-qty-input::-webkit-outer-spin-button,
.h24-variants-table .h24-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.h24-variants-table .h24-qty-btn {
    width: 22px;
    height: 24px;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 0;
    cursor: pointer;
    font-weight: bold;
    line-height: 1;
    font-size: 0.95rem;
    box-sizing: border-box;
}
.h24-variants-table .h24-qty-btn:first-child { border-radius: 3px 0 0 3px; }
.h24-variants-table .h24-qty-btn:last-child { border-radius: 0 3px 3px 0; }
.h24-variants-table .h24-qty-btn:hover {
    background: #f4f4f4;
}
.h24-variants-table .h24-action {
    width: 230px;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════════
 * Staffelpreise-Spalte — jede Tier in eigener Zeile
 * ═══════════════════════════════════════════════════════════════ */
.h24-variants-table .h24-tier {
    font-size: 0.8rem;
    line-height: 1.4;
    white-space: nowrap;
    color: #444;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.h24-variants-table .h24-tier-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
.h24-variants-table .h24-tier-list li {
    display: block;
    padding: 1px 0;
    margin: 0;
}
.h24-variants-table .h24-tier-empty {
    color: #bbb;
}

/* ═══════════════════════════════════════════════════════════════
 * Produkt-Detail: Hinweis "Mengenrabatt verfügbar" (über Tabelle)
 * ═══════════════════════════════════════════════════════════════ */
.h24-product-tier-hint {
    margin: 0 0 0.7rem 0;
    padding: 0.5rem 0.8rem;
    background: #f4f7f1;
    border-left: 3px solid #3a7a3a;
    border-radius: 3px;
    color: #2a4a2a;
    font-size: 0.92rem;
}

/* ── Pflanzabstand-Hinweis unter der Variantentabelle ─────────── */
.h24-spacing {
    margin: 0.75rem 0 1rem;
    padding: 0.7rem 0.9rem;
    background: #f7f9f6;
    border-left: 3px solid #0a5d2c;
    border-radius: 3px;
}
.h24-spacing-intro {
    margin: 0 0 0.6rem;
    color: #2a4a2a;
    font-size: 0.92rem;
}
.h24-spacing-table {
    border-collapse: collapse;
    background: #fff;
}
.h24-spacing-table th,
.h24-spacing-table td {
    padding: 0.35rem 0.9rem 0.35rem 0;
    text-align: left;
    border-bottom: 1px solid #ececec;
    font-size: 0.9rem;
}
.h24-spacing-table th {
    font-weight: 600;
    color: #555;
}
.h24-spacing-table tr:last-child td {
    border-bottom: 0;
}
/* Anz.-Spalte hier immer zeigen (anders als in der Variantentabelle) */
.h24-spacing-table .h24-num {
    text-align: left;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════════
 * Cart: JS-injected Tier-Box pro Cart-Item
 * ═══════════════════════════════════════════════════════════════ */
.h24-cart-tier-box {
    margin: 0.5rem 0 0.3rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 3px;
    font-size: 0.92rem;
    line-height: 1.5;
}
.h24-cart-tier-box.h24-cart-tier-active {
    background: #e8f5e8;
    border-left: 3px solid #3a7a3a;
    color: #1a3a1a;
}
.h24-cart-tier-box.h24-cart-tier-hint {
    background: #f4f7f1;
    border-left: 2px solid #c5d5b8;
    color: #4a5a4a;
}
.h24-cart-tier-box .h24-cart-tier-savings {
    margin-top: 0.15rem;
}
.h24-cart-tier-box .h24-cart-tier-list {
    margin-top: 0.2rem;
    font-size: 0.85rem;
    color: #555;
}
.h24-cart-tier-box .h24-cart-tier-note {
    font-size: 0.85rem;
    color: #555;
}

/* ═══════════════════════════════════════════════════════════════
 * Add-to-Cart-Modal: Tier-Box
 * ═══════════════════════════════════════════════════════════════ */
.h24-modal-tier-box {
    margin: 0.8rem 0 0.4rem 0;
    padding: 0.6rem 0.9rem;
    border-radius: 4px;
    font-size: 0.95rem;
    line-height: 1.5;
}
.h24-modal-tier-box.h24-modal-tier-active {
    background: #e8f5e8;
    border-left: 4px solid #3a7a3a;
    color: #1a3a1a;
}
.h24-modal-tier-box.h24-modal-tier-hint {
    background: #f4f7f1;
    border-left: 3px solid #c5d5b8;
    color: #4a5a4a;
}
.h24-modal-tier-box .h24-modal-tier-list {
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: #555;
}

/* ═══════════════════════════════════════════════════════════════
 * Modal nach Add-to-Cart
 * ═══════════════════════════════════════════════════════════════ */
.h24-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}
.h24-modal.h24-modal--show {
    display: block;
}
.h24-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}
.h24-modal-dialog {
    position: relative;
    margin: 50px auto;
    max-width: 560px;
    width: calc(100% - 30px);
}
.h24-modal-content {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.h24-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #eee;
}
.h24-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #0a5d2c;
}
.h24-modal-header h3 .material-icons {
    color: #0a5d2c;
}
.h24-modal-close {
    background: none;
    border: none;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    color: #999;
}
.h24-modal-close:hover { color: #333; }
.h24-modal-body {
    padding: 1.5rem;
}
.h24-modal-product-name {
    margin: 0 0 0.75rem;
    font-size: 1.05rem;
}
.h24-modal-variant {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
}
.h24-modal-meta {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
}
.h24-modal-future {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #fff3cd;
    border-left: 3px solid #ffc107;
    color: #856404;
    border-radius: 3px;
    font-size: 0.9rem;
}
.h24-modal-cart-info {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
    font-size: 0.95rem;
}
.h24-modal-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}



/* ═══════════════════════════════════════════════════════════════
 * Warenkorb-Variante: Customization vollständig verstecken,
 * stattdessen unser h24-cart-variant-Block (per JS eingefügt)
 * ═══════════════════════════════════════════════════════════════ */

/* Das ganze Customization-Block-Markup verstecken */
.product-customization-modal__content,
button[data-bs-target^="#product-customization-modal"],
.btn[data-bs-target^="#product-customization-modal"] {
    display: none !important;
}

/* Unser eigener sichtbarer Block */
.h24-cart-variant {
    padding: 0.4rem 0.6rem;
    background: #f4f8f4;
    border-left: 3px solid #0a5d2c;
    border-radius: 3px;
    margin: 0.25rem 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #333;
}
.h24-cart-variant-label {
    font-weight: 600;
    margin-right: 0.4rem;
}
.h24-cart-variant-text {
    white-space: pre-line;
}

/* ═══════════════════════════════════════════════════════════════
 * Produktseite "Artikeldetails": Standard-Felder ausblenden
 * (Hummingbird 2.x BEM-Klassen + generischer Fallback)
 * ═══════════════════════════════════════════════════════════════ */

/* Hummingbird 2.x — BEM-Klassen im "Artikeldetails"-Akkordeon */
.details__item--reference,
.details__item--condition,
.details__item--hersteller-teilenummer--mpn,
/* Wildcard-Fallback für MPN bei anderer Sprache oder Layout-Variante */
.details__item[class*="--mpn"],
/* weitere Standard-Felder die manche Shops anzeigen */
.details__item--ean13,
.details__item--upc,
.details__item--isbn,
.details__item--manufacturer-reference {
    display: none !important;
}

/* Falls das gesamte Akkordeon dadurch leer wird, kann zusätzlich
   das Akkordeon ausgeblendet werden — vorerst aktiv lassen. */

/* Legacy-Selektoren für andere Themes (Classic etc.) — behalten für
   den Fall eines Theme-Wechsels */
.product-reference,
.product-mpn,
.product-condition,
.product-manufacturer-reference,
.product-isbn,
.product-upc,
.product-ean13,
[data-product-reference],
[data-product-mpn],
[data-product-condition] {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Startseite-Slider: Höhe begrenzen
 * 
 * Begrenzt die Anzeige-Höhe des Image-Sliders auf der Startseite.
 * Greift unabhängig vom konkreten Slider-Modul (ps_imageslider,
 * Bootstrap-Carousel, Swiper, etc.) und Theme.
 *
 * Anpassbare Höhe: --h24-slider-max-height (siehe :root unten)
 * ═══════════════════════════════════════════════════════════════ */

:root {
    --h24-slider-max-height: 500px;
}

/* Bilder im Slider */
.imageslider img,
.ps-image-slider img,
.home-slider img,
.carousel-item img,
.carousel-inner img,
.swiper-slide img,
[id*="slider"] img.slide-img,
[class*="slider"] img.slide-img {
    max-height: var(--h24-slider-max-height) !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Container-Höhe des Sliders */
.imageslider,
.ps-image-slider,
.home-slider,
.carousel,
.carousel-inner {
    max-height: var(--h24-slider-max-height) !important;
    overflow: hidden;
}

/* Mobile-Adjustment (kleinere Bildschirme bekommen niedrigeren Slider) */
@media (max-width: 768px) {
    :root {
        --h24-slider-max-height: 300px;
    }
}

/* ═══════════════════════════════════════════════════════════════
 * Kontaktformular: Nachrichten-Textarea vergrößern
 * (auf /kontakt-Seite — alle gängigen Theme/Modul-Klassen abgedeckt)
 * ═══════════════════════════════════════════════════════════════ */

.contact-form textarea[name="message"],
.contact-form-box textarea,
#contact-form textarea[name="message"],
form.contact-form textarea,
.page-contact textarea[name="message"],
textarea[name="message"] {
    min-height: 200px !important;
    height: auto;
    resize: vertical;
}

/* Falls das Empfänger-Dropdown trotzdem bleiben sollte, hier 
   als CSS-Fallback ausblenden (Kommentar entfernen zum Aktivieren) */
/*
.contact-form select[name="id_contact"],
.contact-form .form-group:has(select[name="id_contact"]) {
    display: none !important;
}
*/

/* ═══════════════════════════════════════════════════════════════
 * Varianten-Tabelle: Label-Spalte (immer sichtbar, ohne Header)
 * ═══════════════════════════════════════════════════════════════ */

.h24-variants-table th.h24-label {
    /* Header der Label-Spalte ist leer — gleiche Breite wie Inhalt */
    width: auto;
    background: transparent;
    border-bottom: none;
}

.h24-variants-table td.h24-label {
    font-weight: 600;
    color: #1a3a1a;
    white-space: nowrap;
}

.h24-variants-table td.h24-label strong {
    color: inherit;
}

/* Native PS-Kombinationsauswahl ausblenden - Auswahl erfolgt ueber h24-Variantenliste */
/* native Staffelpreis-Tabelle oben ausblenden - Staffeln stehen in der h24-Variantenliste */
.product__variants,.js-product-variants,.product__discounts,.js-product-discounts{display:none !important}

/* Blendet Block "Artikeldetails"" mit reduindanten Infos aus */
.product__accordion { display: none !important; }

/* Kompakte Staffelpreise im Warenkorb (v1.16.0) */
.h24-cart-extra { margin-top: .35rem; font-size: .85em; }
.h24-cart-tiers { margin-top: .25rem; color: #2d4a2d; }
.h24-cart-tiers-label { font-weight: 600; margin-right: .35rem; }
.h24-cart-tiers-list { display: inline; list-style: none; padding: 0; margin: 0; }
.h24-cart-tiers-list li { display: inline; margin-right: .6rem; white-space: nowrap; }
.h24-cart-tier--active strong { color: #1a7a1a; }
.h24-cart-tier--active::after { content: " \2713"; color: #1a7a1a; }
.h24-cart-tier-saving { margin-top: .15rem; color: #1a7a1a; }
.h24-cart-future { margin-top: .3rem; color: #8a6d00; display: flex; gap: .3rem; align-items: flex-start; }
.h24-cart-future .material-icons { font-size: 1.1em; }

/* ── Suchfeld im Header ─────────────────────────────── */
.header-top__left {
  flex: 1 1 auto;
  gap: 1.25rem;
}

.header-top__left .ps-searchbar {
  flex: 1 1 512px;
  max-width: 832px;
  width: 100%;
}

.header-top__left .ps-searchbar form {
  width: 100%;
}

/* Lupe / Such-Button ausblenden */
.header-top__left .ps-searchbar button,
.header-top__left .ps-searchbar__button,
.header-top__left .ps-searchbar .material-icons,
.header-top__left .ps-searchbar [type="submit"] {
  display: none !important;
}



.ps-searchbar__input.form-control::placeholder {
  color: #fff;
  opacity: 1;
}

.ps-searchbar__input.form-control:focus {
  outline: none;
  border-color: #6a9b18;
  box-shadow: 0 0 0 3px rgba(106, 155, 24, .18);
}

/* ausblenden wegen Platz für searchbar ══ */ 
.header-top__right #_desktop_language_selector,
.header-top__right #_desktop_currency_selector,
.header-top__right .language-selector,
.header-top__right .currency-selector { display: none; }
/* Wrapper: Rechtsschub aufheben, Breite freigeben */
#_desktop_ps_searchbar.col-auto {
  margin-left: 0 !important;   /* hebt ms-auto auf */
  flex: 1 1 auto !important;   /* hebt col-auto auf */
  width: auto !important;
  max-width: 832px;
  min-width: 0;
}

#_desktop_ps_searchbar #ps_searchbar,
#_desktop_ps_searchbar .ps-searchbar__form {
  width: 100%;
}

/* Lupe raus */
#_desktop_ps_searchbar .ps-searchbar__magnifier {
  display: none !important;
}

/* Feld */
#_desktop_ps_searchbar .ps-searchbar__input.form-control {
  width: 100%;
  height: 42px;
  padding: 0 1rem;
  border: 2px solid #0d3822;
  border-radius: 2px;
  background: #cdf5bf;
  font-size: 1.2rem;
}

#_desktop_ps_searchbar .ps-searchbar__input.form-control::placeholder {
  color: black;
  opacity: 1;
}

#_desktop_ps_searchbar .ps-searchbar__input.form-control:focus {
  outline: none;
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(106, 155, 24, .18);
}



/* Kopfinfo: Zeile "Weitere Namen" bleibt der Ueberschrift untergeordnet */
.h24-kopfinfo-names .h24-kopfinfo-text {
    margin-bottom: 0.5rem;
    font-size: 0.95em;
}

/* ── Vorzüge: als Liste mit Haken, positiv hervorgehoben ───────────── */
.h24-vorzuege-block {
    background: #e8f5e8;
    border-left: 4px solid #3a7a3a;
    border-radius: 3px;
    padding: 0.85rem 1.1rem;
    color: #1a3a1a;
}
.h24-vorzuege-block .h24-section-title {
    margin-top: 0;
}
.h24-vorzuege-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.h24-vorzuege-list li {
    position: relative;
    padding-left: 1.6rem;
    margin: 0.35rem 0;
    line-height: 1.45;
}
.h24-vorzuege-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #0a5d2c;
    font-weight: 700;
}