/* Zentrale Empfehlungsseite: Blocksy-Themen-Hero ausblenden, weil das Plugin eine eigene Baba-Kopfzeile liefert. */
.baba-empfehlungen-page .hero-section {
    display: none !important;
}

/* Baba-kocht-Grunddesign */
.baba-empfehlungen-wrap {
    --baba-bg: #f6efe3;
    --baba-card: #fffaf2;
    --baba-text: #2e241c;
    --baba-accent: #9b5532;
    --baba-accent-dark: #3b2c22;
    --baba-border: #d7c2a8;
    --baba-muted: #806a58;
    margin: 0 0 36px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

/* Kopfzeile bewusst an Baba-Kocht-Werkzeuge angelehnt. */
.baba-showcase-header {
    margin: 0 0 30px;
    padding: 38px 0 0;
    color: var(--baba-text);
}
.baba-showcase-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 14px;
    color: #a55e37;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.baba-showcase-kicker > span {
    width: 27px;
    height: 1px;
    background: #b5663c;
    flex: 0 0 auto;
}
.baba-showcase-title {
    margin: 0 0 13px !important;
    color: #24160f !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(3rem, 5vw, 4.55rem) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
}
.baba-showcase-subtitle {
    max-width: 980px;
    margin: 0 0 13px !important;
    color: #76513c !important;
    font-size: clamp(1rem, 1.5vw, 1.23rem) !important;
    line-height: 1.65 !important;
}
.baba-showcase-motto {
    margin: 0 0 33px !important;
    color: #8e6147 !important;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: .91rem !important;
    font-style: italic;
}
.baba-showcase-motto > span {
    margin-right: 7px;
    color: #b5663c;
}
.baba-showcase-rule {
    position: relative;
    height: 1px;
    background: #dfcdb8;
}
.baba-showcase-rule > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 104px;
    height: 2px;
    transform: translateY(-.5px);
    background: #a65d37;
}

.baba-empfehlungen-heading {
    margin: 0 0 18px;
    color: var(--baba-text);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
}

/* Kategorienavigation wie die Tabs beim Küchen-Umrechner. */
.baba-category-nav {
    margin: 0 0 34px;
    padding: 10px;
    background: rgba(255, 252, 247, .88);
    border: 1px solid var(--baba-border);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(63, 42, 27, .055);
}
.baba-category-chips {
    display: flex;
    align-items: center;
    gap: 5px;
    overflow-x: auto;
    padding: 0;
    margin: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.baba-category-chips::-webkit-scrollbar { display: none; }
.baba-category-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 18px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #4e4036 !important;
    text-decoration: none !important;
    font-size: .86rem;
    font-weight: 800;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}
.baba-category-chip:hover {
    background: #efe5d7;
    color: #2f2119 !important;
}
.baba-category-chip.is-active {
    background: var(--baba-accent-dark);
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(59, 44, 34, .16);
}

.baba-scroll-anchor,
.baba-product-shelf {
    scroll-margin-top: 110px;
}

/* Produktregale: keine riesige leere Außenbox mehr. Dadurch wirkt auch eine
   Kategorie mit nur einem Produkt sauber und nicht unfertig. */
.baba-product-shelf {
    position: relative;
    margin: 0 0 38px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.baba-product-shelf + .baba-product-shelf {
    margin-top: 8px;
    padding-top: 30px;
    border-top: 1px solid rgba(215, 194, 168, .78);
}
.baba-shelf-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
}
.baba-shelf-title {
    position: relative;
    margin: 0 !important;
    padding-left: 19px;
    color: #24160f !important;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.55rem, 2.15vw, 2rem) !important;
    font-weight: 400 !important;
    line-height: 1.15;
}
.baba-shelf-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: .17em;
    bottom: .14em;
    width: 3px;
    border-radius: 999px;
    background: #a65d37;
}
.baba-shelf-controls {
    display: flex;
    gap: 7px;
    flex: 0 0 auto;
}
.baba-shelf-arrow {
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--baba-border);
    border-radius: 50%;
    background: #fffaf2;
    color: var(--baba-text);
    font: inherit;
    font-size: 1.45rem;
    line-height: 1;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease;
}
.baba-shelf-arrow:hover {
    transform: translateY(-1px);
    background: #fff;
}

.baba-shelf-track {
    display: grid;
    grid-auto-flow: column;
    /* Feste, hochwertige Kartenbreite statt 25%-Spalten: so wirkt ein Regal
       auch mit 1–3 Produkten nicht wie eine riesige leere Fläche. */
    grid-auto-columns: clamp(250px, 23vw, 286px);
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 2px;
    padding: 2px 2px 12px;
    scrollbar-width: thin;
    scrollbar-color: #c8ae92 transparent;
    -webkit-overflow-scrolling: touch;
}
.baba-shelf-track:focus-visible {
    outline: 2px solid rgba(155, 85, 50, .45);
    outline-offset: 4px;
    border-radius: 12px;
}

.baba-empfehlung-card {
    scroll-snap-align: start;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--baba-card);
    border: 1px solid var(--baba-border);
    border-radius: 17px;
    box-shadow: 0 9px 26px rgba(53, 36, 23, .07);
}
.baba-empfehlung-image {
    aspect-ratio: 1 / 1;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid rgba(215, 194, 168, .6);
}
.baba-empfehlung-image img {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}
/* Eigene Baba-kocht-Foodfotos: bewusst wie ein Magazinbild, ohne weißen Rand. */
.baba-image-editorial img {
    object-fit: cover;
    object-position: center;
    padding: 0;
}
/* Offizielle Amazon-Produktbilder: Verpackung nie abschneiden. */
.baba-image-product img {
    object-fit: contain;
    object-position: center;
    padding: 16px;
}
.baba-image-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: linear-gradient(145deg, #fffaf2, #f0e4d3);
    color: #b9a28d;
}
.baba-placeholder-mark {
    font-family: Georgia, serif;
    font-size: clamp(2.7rem, 5vw, 4.1rem);
    line-height: 1;
    letter-spacing: .02em;
    opacity: .65;
}
.baba-placeholder-text {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.baba-empfehlung-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 16px;
}
.baba-empfehlung-badge {
    align-self: flex-start;
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 9px;
    background: var(--baba-accent-dark);
    color: #fff;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
}
.baba-empfehlung-category {
    margin-bottom: 5px;
    color: var(--baba-muted);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.baba-empfehlung-card h3 {
    margin: 0 0 8px;
    color: var(--baba-text);
    font-size: 1.03rem;
    line-height: 1.35;
}
.baba-empfehlung-card p {
    margin: 0 0 14px;
    color: #594b40;
    font-size: .93rem;
    line-height: 1.5;
}
.baba-product-facts {
    display: grid;
    gap: 4px;
    margin: -4px 0 14px;
    color: #725f50;
    font-size: .81rem;
    line-height: 1.4;
}
.baba-product-facts span { display: block; }
.baba-amazon-price {
    margin: auto 0 2px;
    color: var(--baba-text);
    font-size: 1.2rem;
    font-weight: 800;
}
.baba-amazon-availability {
    margin: 0 0 12px;
    color: #56644f;
    font-size: .8rem;
    font-weight: 600;
}
.baba-amazon-availability.out_of_stock { color: #8a4740; }
.baba-amazon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    margin-top: auto;
    padding: 11px 14px;
    background: var(--baba-accent);
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 11px;
    font-weight: 800;
    transition: transform .15s ease, opacity .15s ease;
}
.baba-amazon-button:hover {
    transform: translateY(-1px);
    opacity: .94;
}
.baba-affiliate-hinweis {
    margin: 18px 0 0;
    color: #725f50;
    font-size: .79rem;
    line-height: 1.45;
}

@media (max-width: 1100px) {
    .baba-shelf-track { grid-auto-columns: clamp(245px, 31vw, 280px); }
}

@media (max-width: 820px) {
    .baba-shelf-track {
        grid-auto-columns: minmax(245px, 64vw);
        scroll-snap-type: x mandatory;
    }
    .baba-shelf-controls { display: none; }
}

@media (max-width: 620px) {
    .baba-showcase-header {
        padding-top: 24px;
        margin-bottom: 24px;
    }
    .baba-showcase-title {
        font-size: clamp(2.55rem, 12vw, 3.25rem) !important;
    }
    .baba-showcase-subtitle {
        font-size: 1rem !important;
        line-height: 1.55 !important;
    }
    .baba-showcase-motto { margin-bottom: 25px !important; }
    .baba-category-nav {
        margin: 0 0 28px;
        padding: 7px;
        border-radius: 15px;
    }
    .baba-category-chips {
        margin-right: -7px;
        padding-right: 7px;
    }
    .baba-category-chip {
        min-height: 42px;
        padding: 9px 14px;
    }
    .baba-product-shelf { margin-bottom: 31px; }
    .baba-product-shelf + .baba-product-shelf {
        margin-top: 3px;
        padding-top: 25px;
    }
    .baba-shelf-head { margin-bottom: 12px; }
    .baba-shelf-title {
        padding-left: 15px;
        font-size: 1.45rem !important;
    }
    .baba-shelf-track {
        /* ca. 1,2 Karten sichtbar: sofort erkennbar, dass horizontal gewischt werden kann. */
        grid-auto-columns: minmax(236px, 82vw);
        gap: 12px;
        margin-right: -16px;
        padding-right: 16px;
        padding-bottom: 4px;
        scrollbar-width: none;
    }
    .baba-shelf-track::-webkit-scrollbar { display: none; }
    .baba-empfehlung-body { padding: 14px; }
    .baba-empfehlung-card h3 { font-size: 1rem; }
    .baba-empfehlung-card p { font-size: .9rem; }
}

/* v2.5: adaptive Dichte. Eine Kategorie soll auch mit 1–3 Produkten wie eine
   bewusst gestaltete Seite wirken und nicht wie ein halbleeres Regal. */
.baba-shelf-heading-group {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.baba-shelf-count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 9px;
    border: 1px solid rgba(215, 194, 168, .9);
    border-radius: 999px;
    background: rgba(255, 250, 242, .72);
    color: #8a6b57;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 821px) {
    /* Ein einzelnes Produkt wird zur breiten Empfehlungskarte. */
    .baba-shelf-count-1 .baba-shelf-track {
        display: block;
        overflow: visible;
        padding: 2px 2px 12px;
    }
    .baba-shelf-count-1 .baba-empfehlung-card {
        display: grid;
        /* Das Foto bekommt genug Breite, damit sein echtes 3:2-Format die
           Kartenhoehe bestimmt statt umgekehrt. */
        grid-template-columns: minmax(430px, 56%) minmax(0, 1fr);
        width: min(100%, 980px);
        height: auto;
        min-height: 0;
        align-items: start;
    }
    /* Einzel-Empfehlung: echtes 3:2 ohne Strecken. Das Bild darf NICHT auf
       die Hoehe des Textblocks gezogen werden. */
    .baba-shelf-count-1 .baba-empfehlung-image {
        width: 100%;
        height: auto !important;
        min-height: 0;
        aspect-ratio: 3 / 2;
        align-self: start;
        border-right: 1px solid rgba(215, 194, 168, .6);
        border-bottom: 0;
    }
    .baba-shelf-count-1 .baba-empfehlung-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 3 / 2;
    }
    .baba-shelf-count-1 .baba-empfehlung-body {
        padding: 22px 26px;
    }
    .baba-shelf-count-1 .baba-empfehlung-card h3 {
        margin-bottom: 12px;
        font-size: clamp(1.25rem, 1.7vw, 1.55rem);
        line-height: 1.25;
    }
    .baba-shelf-count-1 .baba-empfehlung-card p {
        max-width: 560px;
        margin-bottom: 18px;
        font-size: 1rem;
        line-height: 1.65;
    }
    .baba-shelf-count-1 .baba-product-facts {
        margin-top: 0;
        font-size: .88rem;
    }
    .baba-shelf-count-1 .baba-amazon-button {
        width: auto;
        min-width: 245px;
        align-self: flex-start;
        padding-left: 22px;
        padding-right: 22px;
    }

    /* Zwei und drei Produkte nutzen die verfügbare Breite, statt links zu kleben. */
    .baba-shelf-count-2 .baba-shelf-track,
    .baba-shelf-count-3 .baba-shelf-track {
        grid-auto-flow: initial;
        grid-auto-columns: initial;
        overflow: visible;
        scroll-snap-type: none;
    }
    .baba-shelf-count-2 .baba-shelf-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 780px;
    }
    .baba-shelf-count-3 .baba-shelf-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 100%;
    }
    .baba-shelf-count-2 .baba-empfehlung-card,
    .baba-shelf-count-3 .baba-empfehlung-card {
        width: 100%;
    }
}

@media (max-width: 820px) {
    .baba-shelf-heading-group {
        gap: 9px;
    }
    .baba-shelf-count {
        min-height: 24px;
        padding: 4px 8px;
        font-size: .68rem;
    }
    /* Auf Mobilgeräten bleibt das von Baba gewünschte Swipe-Regal erhalten. */
    .baba-shelf-count-1 .baba-shelf-track,
    .baba-shelf-count-2 .baba-shelf-track,
    .baba-shelf-count-3 .baba-shelf-track {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: none;
        overflow-x: auto;
    }
    .baba-shelf-count-1 .baba-empfehlung-card {
        display: flex;
        width: auto;
        min-height: 0;
    }
    .baba-shelf-count-1 .baba-empfehlung-image {
        min-height: 0;
        height: auto;
        aspect-ratio: 1 / 1;
        border-right: 0;
        border-bottom: 1px solid rgba(215, 194, 168, .6);
    }
    .baba-shelf-count-1 .baba-image-editorial {
        aspect-ratio: 4 / 3;
    }
    .baba-shelf-count-1 .baba-empfehlung-body {
        padding: 14px;
    }
    .baba-shelf-count-1 .baba-amazon-button {
        width: 100%;
        min-width: 0;
    }
}

/* v2.9 – Editorialbilder niemals beschneiden.
   Wichtig: width:100% + height:auto lässt das echte Seitenverhältnis des
   hochgeladenen Baba-kocht-Bildes bestimmen. object-fit wird dadurch nicht
   mehr als Cropping-Mechanismus benutzt. */
.baba-empfehlung-image.baba-image-editorial {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden;
    background: transparent;
}
.baba-empfehlung-image.baba-image-editorial img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: initial !important;
    object-position: initial !important;
    padding: 0 !important;
}

@media (min-width: 821px) {
    .baba-shelf-count-1 .baba-empfehlung-card {
        align-items: start;
    }
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial {
        align-self: start !important;
        height: auto !important;
        aspect-ratio: auto !important;
    }
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial img {
        height: auto !important;
        aspect-ratio: auto !important;
    }
    .baba-shelf-count-1 .baba-empfehlung-body {
        align-self: stretch;
    }
}

@media (max-width: 820px) {
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial {
        aspect-ratio: auto !important;
        height: auto !important;
    }
}

/* v3.0 – Einzel-Empfehlung kompakter auf Desktop.
   Das Editorialbild bleibt vollständig sichtbar, nimmt aber nur noch ca. 42 %
   der Karte ein. So dominiert das Bild nicht mehr gegenüber Titel und Text. */
@media (min-width: 821px) {
    .baba-shelf-count-1 .baba-empfehlung-card {
        grid-template-columns: minmax(330px, 42%) minmax(0, 58%);
        width: min(100%, 900px);
        align-items: stretch;
    }

    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial {
        width: 100%;
        height: auto !important;
        align-self: center !important;
        border-right: 1px solid rgba(215, 194, 168, .6);
        border-bottom: 0;
    }

    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial img {
        width: 100% !important;
        height: auto !important;
        max-height: 270px !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-body {
        padding: 20px 24px;
        justify-content: center;
    }
}


/* v3.1 – Auf Wunsch: Einzel-Empfehlung auf Desktop wie auf dem Handy.
   Text steht unter dem Bild, damit die Karte ruhiger und natürlicher wirkt. */
@media (min-width: 821px) {
    .baba-shelf-count-1 .baba-empfehlung-card {
        display: flex !important;
        flex-direction: column !important;
        width: min(100%, 780px) !important;
        align-items: stretch !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-image,
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 3 / 2 !important;
        align-self: stretch !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(215, 194, 168, .6) !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-image img,
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        aspect-ratio: 3 / 2 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-body {
        padding: 20px 22px 18px !important;
        justify-content: flex-start !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-card h3 {
        font-size: clamp(1.18rem, 1.35vw, 1.42rem) !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-card p {
        max-width: 100% !important;
        margin-bottom: 16px !important;
        font-size: .98rem !important;
        line-height: 1.6 !important;
    }

    .baba-shelf-count-1 .baba-amazon-button {
        width: auto !important;
        min-width: 230px !important;
        align-self: flex-start !important;
    }
}


/* v3.2 – Einzelkarte wieder kompakt: Text bleibt wie mobil unter dem Bild,
   aber auf Desktop keine riesige Bannerkarte. */
@media (min-width: 821px) {
    .baba-shelf-count-1 .baba-empfehlung-card {
        width: min(100%, 520px) !important;
        max-width: 520px !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-image,
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial {
        aspect-ratio: 3 / 2 !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-image img,
    .baba-shelf-count-1 .baba-empfehlung-image.baba-image-editorial img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-body {
        padding: 17px 18px 16px !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-card h3 {
        font-size: 1.16rem !important;
        line-height: 1.3 !important;
        margin-bottom: 9px !important;
    }

    .baba-shelf-count-1 .baba-empfehlung-card p {
        font-size: .93rem !important;
        line-height: 1.52 !important;
        margin-bottom: 13px !important;
    }

    .baba-shelf-count-1 .baba-product-facts {
        font-size: .81rem !important;
        margin-bottom: 12px !important;
    }

    .baba-shelf-count-1 .baba-amazon-button {
        min-width: 200px !important;
        min-height: 42px !important;
        padding: 10px 16px !important;
    }
}


/* v3.3 – mehr US/CRO-Gefühl ohne billig zu wirken:
   Nutzwert-Chips, stärkerer CTA und kleine Öffnen-Info. */
.baba-empfehlung-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.baba-empfehlung-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(53, 36, 23, .11);
    border-color: #cfa882;
}
.baba-usecase-block {
    margin: -2px 0 14px;
}
.baba-usecase-label {
    margin-bottom: 7px;
    color: #7e6554;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.baba-usecase-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.baba-usecase-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 10px;
    border: 1px solid #dfc3a8;
    border-radius: 999px;
    background: #fff8ef;
    color: #6f5545;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
}
.baba-amazon-button {
    position: relative;
    padding-right: 22px;
}
.baba-amazon-button::after {
    content: '→';
    margin-left: 8px;
    font-size: 1rem;
    line-height: 1;
}
.baba-cta-note {
    margin-top: 7px;
    color: #8a7260;
    font-size: .74rem;
    font-weight: 600;
}
/* Bei Einzelkarten etwas mehr „featured pick“-Gefühl. */
@media (min-width: 821px) {
    .baba-shelf-count-1 .baba-empfehlung-card {
        box-shadow: 0 14px 32px rgba(53, 36, 23, .085);
    }
    .baba-shelf-count-1 .baba-empfehlung-badge {
        background: linear-gradient(135deg, #3b2c22, #7a4a2f);
    }
}


/* v3.4 – klarere Nutzen-CTA statt generischem Shop-Button. */
.baba-amazon-button {
    min-height: 46px;
    padding-left: 18px;
    padding-right: 18px;
    box-shadow: 0 7px 16px rgba(155, 85, 50, .18);
}
.baba-amazon-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(155, 85, 50, .23);
}
.baba-cta-note {
    max-width: 340px;
    line-height: 1.45;
}


/* v3.6 – Mehrere Karten: Editorialbilder immer im gleichen 3:2-Format.
   So sitzen Reihen mit 2+ Empfehlungen sauber nebeneinander und keine Karte
   bekommt durch ein anderes Upload-Format ein zu hohes Bild. */
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial {
    aspect-ratio: 3 / 2 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #fff !important;
}

.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}


/* v3.7 – Mehrere Karten optisch vereinheitlichen.
   Ziel: Beschreibung, Use-Case-Bereich und Produktfakten sauber staffeln,
   damit bei 3+ Empfehlungen die Boxen wie aus einem Guss wirken. */
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
    min-height: 2.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
    min-height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-block {
    min-height: 84px;
}

.baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts {
    min-height: 50px;
    align-content: start;
}

.baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
    min-height: 2.2em;
}

@media (max-width: 820px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        min-height: 0;
        -webkit-line-clamp: 3;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
        min-height: 0;
        -webkit-line-clamp: 5;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-block,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        min-height: 0;
    }
}


/* v3.8 – ECHTE Zeilen-Ausrichtung für 2+ Karten.
   Vorher zielte ein Teil der CSS-Regeln versehentlich auf .baba-shelf statt
   .baba-product-shelf. Diese Regeln greifen jetzt korrekt. */
@media (min-width: 821px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows:
            30px   /* Badge */
            18px   /* Kategorie */
            44px   /* Titel */
            88px   /* Beschreibung */
            84px   /* Perfekt-für-Chips */
            52px   /* Menge/Zutaten */
            1fr    /* flexibler Rest */
            46px   /* CTA */
            20px;  /* Hinweis */
        row-gap: 4px;
        align-content: stretch;
        height: 100%;
        padding: 16px;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge {
        margin: 0 !important;
        align-self: start;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
        margin: 0 !important;
        align-self: center;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        min-height: 0 !important;
        margin: 0 !important;
        align-self: start;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
        min-height: 0 !important;
        margin: 0 !important;
        align-self: start;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-block {
        min-height: 0 !important;
        margin: 0 !important;
        align-self: start;
        overflow: hidden;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts {
        min-height: 0 !important;
        margin: 0 !important;
        align-self: start;
        overflow: hidden;
    }

    /* Preis/Verfügbarkeit sind bei manuellen Links leer. Falls die API später
       Werte liefert, bleiben CTA und Hinweis trotzdem unten. */
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-price,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-availability {
        grid-row: 7;
        align-self: end;
        margin: 0 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        grid-row: 8;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        margin: 0 !important;
        align-self: stretch !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        grid-row: 9;
        min-height: 0 !important;
        margin: 0 !important;
        align-self: center;
    }
}


/* v3.9 – echtes Mobile-First Kartenlayout.
   Auf Smartphones: eine fast vollständige Karte + dezenter Peek der nächsten,
   kompakte Typografie, gleiche interne Zeilen, weniger Höhe und sauberer CTA. */
@media (max-width: 620px) {
    .baba-product-shelf {
        margin-bottom: 28px;
    }

    .baba-shelf-head {
        margin-bottom: 13px;
        gap: 8px;
    }

    .baba-shelf-heading-group {
        gap: 9px;
    }

    .baba-shelf-title {
        padding-left: 13px;
        font-size: 1.34rem !important;
        line-height: 1.08 !important;
    }

    .baba-shelf-count {
        min-height: 24px;
        padding: 4px 8px;
        font-size: .66rem;
    }

    .baba-shelf-track {
        /* Eine Karte fast komplett, die nächste nur als klarer Swipe-Hinweis. */
        grid-auto-columns: calc(100% - 38px) !important;
        gap: 10px !important;
        margin-right: -14px !important;
        padding: 2px 14px 8px 0 !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-left: 0;
        overscroll-behavior-x: contain;
    }

    .baba-empfehlung-card {
        scroll-snap-align: start;
        scroll-snap-stop: always;
        border-radius: 16px;
        box-shadow: 0 8px 22px rgba(53, 36, 23, .08);
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial {
        aspect-ratio: 3 / 2 !important;
        height: auto !important;
        border-bottom: 1px solid rgba(215, 194, 168, .62) !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image img,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Mobile hat bewusst ein eigenes Raster. Damit sitzen Titel, Beschreibung,
       Chips, Produktinfos und CTA bei allen Karten auf denselben Höhen. */
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows:
            30px   /* Badge */
            44px   /* Titel */
            66px   /* Beschreibung */
            66px   /* Perfekt-für */
            54px   /* Menge/Zutaten */
            1fr    /* optional Preis/Verfügbarkeit */
            44px   /* CTA */
            17px;  /* Hinweis */
        row-gap: 6px !important;
        align-content: stretch !important;
        min-height: 0 !important;
        padding: 13px 13px 12px !important;
    }

    /* Kategorie ist im Regal bereits klar – auf Mobile spart das eine ganze Zeile. */
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
        display: none !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge {
        grid-row: 1 !important;
        align-self: start !important;
        margin: 0 !important;
        padding: 5px 9px !important;
        font-size: .69rem !important;
        line-height: 1 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        grid-row: 2 !important;
        align-self: start !important;
        min-height: 0 !important;
        margin: 0 !important;
        font-size: 1rem !important;
        line-height: 1.3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
        grid-row: 3 !important;
        align-self: start !important;
        min-height: 0 !important;
        margin: 0 !important;
        color: #655345 !important;
        font-size: .84rem !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-block {
        grid-row: 4 !important;
        align-self: start !important;
        min-height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .baba-usecase-label {
        margin-bottom: 5px !important;
        font-size: .65rem !important;
        letter-spacing: .055em !important;
    }

    .baba-usecase-chips {
        gap: 5px !important;
        max-height: 46px;
        overflow: hidden;
    }

    .baba-usecase-chip {
        min-height: 23px !important;
        padding: 4px 7px !important;
        font-size: .68rem !important;
        line-height: 1 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts {
        grid-row: 5 !important;
        align-self: start !important;
        min-height: 0 !important;
        margin: 0 !important;
        gap: 2px !important;
        color: #725f50 !important;
        font-size: .72rem !important;
        line-height: 1.34 !important;
        overflow: hidden !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-price,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-availability {
        grid-row: 6 !important;
        align-self: end !important;
        margin: 0 !important;
        font-size: .78rem !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        grid-row: 7 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 9px 12px !important;
        border-radius: 10px !important;
        align-self: stretch !important;
        box-shadow: 0 5px 12px rgba(155, 85, 50, .16) !important;
        font-size: .82rem !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: nowrap;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button::after {
        margin-left: 6px !important;
        font-size: .88rem !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        grid-row: 8 !important;
        align-self: center !important;
        min-height: 0 !important;
        margin: 0 !important;
        color: #927963 !important;
        font-size: .61rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 380px) {
    .baba-shelf-track {
        grid-auto-columns: calc(100% - 30px) !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        font-size: .78rem !important;
    }
}


/* v3.9.1 – Desktop-Regal luftiger ausbalancieren.
   Bei 3er-Reihen wandern Use-Cases und Produktinfos näher an den CTA,
   damit unter der Beschreibung keine große leere Fläche stehen bleibt. */
@media (min-width: 821px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
        grid-template-rows:
            30px   /* Badge */
            18px   /* Kategorie */
            44px   /* Titel */
            88px   /* Beschreibung */
            1fr    /* bewusster flexibler Zwischenraum */
            84px   /* Perfekt-für-Chips */
            52px   /* Menge/Zutaten */
            46px   /* CTA */
            20px   /* Hinweis */
        !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge { grid-row: 1 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category { grid-row: 2 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 { grid-row: 3 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p { grid-row: 4 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-price,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-availability { grid-row: 5 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-block { grid-row: 6 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts { grid-row: 7 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button { grid-row: 8 !important; }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note { grid-row: 9 !important; }
}


/* v4.0 – Mobile wie bei professionellen Editorial-/Shopping-Seiten:
   eine fast volle Karte im Fokus, klare Hierarchie, weniger Text, Details auf Wunsch. */
.baba-label-mobile,
.baba-mobile-meta {
    display: none;
}

@media (max-width: 620px) {
    .baba-shelf-track {
        grid-auto-columns: calc(100% - 18px) !important;
        gap: 8px !important;
        margin-right: -8px !important;
        padding: 2px 8px 8px 0 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card {
        border-radius: 15px !important;
        box-shadow: 0 7px 20px rgba(53,36,23,.075) !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial {
        aspect-ratio: 16 / 10 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 13px 14px 12px !important;
        gap: 0 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
        display: none !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge {
        align-self: flex-start !important;
        width: auto !important;
        margin: 0 0 10px !important;
        padding: 5px 9px !important;
        font-size: .68rem !important;
        line-height: 1 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        min-height: 2.55em !important;
        margin: 0 0 8px !important;
        font-size: 1rem !important;
        line-height: 1.28 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
        min-height: 2.8em !important;
        margin: 0 0 11px !important;
        color: #655345 !important;
        font-size: .82rem !important;
        line-height: 1.4 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    .baba-label-desktop { display: none !important; }
    .baba-label-mobile { display: inline !important; }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-block {
        min-height: 52px !important;
        margin: 0 0 10px !important;
        overflow: hidden !important;
    }

    .baba-usecase-label {
        margin: 0 0 5px !important;
        font-size: .62rem !important;
        letter-spacing: .045em !important;
    }

    .baba-usecase-chips {
        gap: 5px !important;
        max-height: 27px !important;
        overflow: hidden !important;
        flex-wrap: nowrap !important;
    }

    .baba-usecase-chip {
        flex: 0 0 auto !important;
        min-height: 24px !important;
        padding: 4px 8px !important;
        font-size: .67rem !important;
        line-height: 1 !important;
    }
    .baba-usecase-chip:nth-child(n+4) { display: none !important; }

    .baba-product-facts-desktop {
        display: none !important;
    }

    .baba-mobile-meta {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        min-height: 28px !important;
        margin: 0 0 12px !important;
        color: #756251 !important;
        font-size: .72rem !important;
        line-height: 1.3 !important;
    }

    .baba-mobile-amount {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 27px !important;
        padding: 5px 9px !important;
        border: 1px solid #dfc7ad !important;
        border-radius: 999px !important;
        background: #fff9f1 !important;
        font-weight: 700 !important;
    }

    .baba-mobile-details {
        position: relative;
        margin: 0 !important;
    }
    .baba-mobile-details summary {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 27px !important;
        padding: 5px 9px !important;
        border: 1px solid #dfc7ad !important;
        border-radius: 999px !important;
        background: #fff9f1 !important;
        color: #755b49 !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        list-style: none !important;
    }
    .baba-mobile-details summary::-webkit-details-marker { display: none; }
    .baba-mobile-details summary::after {
        content: '+';
        margin-left: 5px;
        font-weight: 800;
    }
    .baba-mobile-details[open] summary::after { content: '−'; }
    .baba-mobile-details > div {
        width: 100% !important;
        margin-top: 7px !important;
        padding: 8px 9px !important;
        border-radius: 9px !important;
        background: #f8efe4 !important;
        color: #6e5847 !important;
        font-size: .7rem !important;
        line-height: 1.4 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-price,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-availability {
        margin: 0 0 7px !important;
        font-size: .75rem !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        margin: auto 0 0 !important;
        padding: 9px 11px !important;
        border-radius: 10px !important;
        font-size: .8rem !important;
        line-height: 1.15 !important;
        box-shadow: 0 5px 12px rgba(155,85,50,.15) !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .baba-shelf-track {
        grid-auto-columns: calc(100% - 14px) !important;
    }
}


/* v4.1 – Desktop-Regal repariert, Mobile v4.0 bleibt unangetastet.
   Ab vier Produkten werden auf Desktop bewusst nur drei komfortable Karten
   gleichzeitig gezeigt. Das vierte Produkt liegt im horizontalen Regal und
   ist über die Pfeile erreichbar. So werden Karten nicht schmal gequetscht. */
@media (min-width: 821px) {
    .baba-shelf-count-4 .baba-shelf-track {
        grid-auto-columns: calc((100% - 36px) / 3) !important;
        gap: 18px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
    }

    .baba-shelf-count-4 .baba-empfehlung-card {
        min-width: 0 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge {
        justify-self: start !important;
        width: auto !important;
        max-width: max-content !important;
        white-space: nowrap !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        white-space: nowrap !important;
        font-size: .86rem !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
        font-size: .91rem !important;
        line-height: 1.5 !important;
    }
}


/* v4.2 – Desktop-Carousel mit sichtbarem Peek.
   3 volle Karten + ein sichtbarer Teil der nächsten Karte machen sofort klar,
   dass das Regal horizontal weitergeht. Mobile bleibt unverändert. */
@media (min-width: 1100px) {
    .baba-shelf-count-4 .baba-shelf-track {
        grid-auto-columns: 29.5% !important;
        gap: 18px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: 2px !important;
        scrollbar-width: none !important;
        padding-right: 2px !important;
    }

    .baba-shelf-count-4 .baba-shelf-track::-webkit-scrollbar {
        display: none !important;
    }

    .baba-shelf-count-4 .baba-shelf-controls {
        display: flex !important;
    }

    .baba-shelf-count-4 .baba-shelf-arrow {
        width: 42px !important;
        height: 42px !important;
        background: #fffaf2 !important;
        box-shadow: 0 7px 18px rgba(59, 44, 34, .12) !important;
    }

    .baba-shelf-count-4 .baba-shelf-arrow:disabled {
        opacity: .28 !important;
        cursor: default !important;
        transform: none !important;
        box-shadow: none !important;
    }

    /* Dezenter Hinweis am rechten Rand – nicht als harte Kante. */
    .baba-shelf-count-4::after {
        content: '';
        position: absolute;
        right: -1px;
        top: 62px;
        bottom: 8px;
        width: 34px;
        pointer-events: none;
        z-index: 4;
        background: linear-gradient(90deg, rgba(246,239,227,0), rgba(246,239,227,.88));
    }
}

/* Kleinere Desktop-/Laptopbreiten: 2 volle Karten + Peek statt Quetschen. */
@media (min-width: 821px) and (max-width: 1099px) {
    .baba-shelf-count-4 .baba-shelf-track {
        grid-auto-columns: 44% !important;
        gap: 18px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }
    .baba-shelf-count-4 .baba-shelf-track::-webkit-scrollbar {
        display: none !important;
    }
}


/* v4.3 – Hero/Kopfbereich auf allen Geräten kompakter.
   Weniger verschenkter Raum zwischen Seiten-Header, Kicker, Titel und Regal. */
.baba-showcase-header {
    padding-top: 12px !important;
    margin-bottom: 18px !important;
}
.baba-showcase-kicker {
    margin-bottom: 9px !important;
}
.baba-showcase-title {
    margin-bottom: 9px !important;
}
.baba-showcase-subtitle {
    margin-bottom: 8px !important;
}
.baba-showcase-motto {
    margin-bottom: 18px !important;
}

@media (max-width: 620px) {
    .baba-showcase-header {
        padding-top: 6px !important;
        margin-bottom: 14px !important;
    }
    .baba-showcase-kicker {
        margin-bottom: 7px !important;
    }
    .baba-showcase-title {
        margin-bottom: 8px !important;
    }
    .baba-showcase-subtitle {
        margin-bottom: 7px !important;
    }
    .baba-showcase-motto {
        margin-bottom: 14px !important;
    }
}

/* v4.4 – Desktop schlanker + Editorialbilder wirklich im 3:2-Format.
   Wichtig: Auf Desktop durfte das Bild als Flex-Item bisher schrumpfen, wenn
   der Textblock höher wurde. Dadurch wirkte das 3:2-Bild flach/abgeschnitten.
   Jetzt bleibt das Bild unverändert, während die Desktop-Typografie leichter
   und kompakter wird. Mobile v4.0 bleibt bewusst unangetastet. */
@media (min-width: 821px) {
    /* Bildhöhe nicht mehr vom langen Textblock zusammendrücken lassen. */
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image {
        flex: 0 0 auto !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial {
        width: 100% !important;
        aspect-ratio: 3 / 2 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 3 / 2 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Desktop weniger "fett": gleiche Hierarchie, aber ruhiger und edler. */
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
        padding: 14px 15px !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge {
        padding: 4px 8px !important;
        font-size: .66rem !important;
        font-weight: 700 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
        font-size: .68rem !important;
        font-weight: 600 !important;
        letter-spacing: .045em !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        font-size: .94rem !important;
        font-weight: 600 !important;
        line-height: 1.28 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card p {
        font-size: .84rem !important;
        font-weight: 400 !important;
        line-height: 1.46 !important;
        color: #655345 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-label {
        font-size: .66rem !important;
        font-weight: 700 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-chips {
        gap: 5px !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-usecase-chip {
        min-height: 25px !important;
        padding: 5px 8px !important;
        font-size: .70rem !important;
        font-weight: 600 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts {
        font-size: .73rem !important;
        line-height: 1.34 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-facts strong {
        font-weight: 700 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        min-height: 43px !important;
        padding: 9px 13px !important;
        font-size: .80rem !important;
        font-weight: 700 !important;
    }

    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        font-size: .66rem !important;
        font-weight: 500 !important;
    }
}

/* v4.5.2 – kompakte Produktkarten auf Basis des Security-Hardening v4.5.1.
   Zusatzinfos liegen in einem nativen, barrierearmen <details>-Bereich.
   CTA bleibt immer sichtbar. Geschlossene Karten sind bewusst deutlich kürzer. */
.baba-product-details {
    margin: 0 0 11px;
    border-top: 1px solid rgba(215, 194, 168, .72);
    border-bottom: 1px solid rgba(215, 194, 168, .72);
}
.baba-product-details summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 26px 8px 0;
    color: #76513c;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.2;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.baba-product-details summary::-webkit-details-marker { display: none; }
.baba-product-details summary::after {
    content: '⌄';
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-54%);
    color: #a65d37;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    transition: transform .16s ease;
}
.baba-product-details[open] summary::after {
    transform: translateY(-46%) rotate(180deg);
}
.baba-product-details summary:focus-visible {
    outline: 2px solid rgba(166, 93, 55, .38);
    outline-offset: 3px;
    border-radius: 5px;
}
.baba-product-details-content {
    padding: 2px 0 11px;
}
.baba-product-details .baba-usecase-block {
    margin: 0 0 10px !important;
    min-height: 0 !important;
    overflow: visible !important;
}
.baba-product-details .baba-usecase-label {
    margin: 0 0 6px !important;
}
.baba-product-details .baba-usecase-chips {
    max-height: none !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
}
.baba-product-details .baba-usecase-chip:nth-child(n) {
    display: inline-flex !important;
}
.baba-product-details .baba-product-facts {
    display: grid !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 4px !important;
    overflow: visible !important;
}

/* Mehrprodukt-Regale: hier entsteht der große Platzgewinn. */
.baba-product-shelf:not(.baba-shelf-count-1) .baba-shelf-track {
    align-items: start !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card {
    height: auto !important;
    align-self: start !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image,
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image img,
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial img {
    aspect-ratio: 16 / 9 !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 13px 14px 12px !important;
    gap: 0 !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-badge {
    margin: 0 0 8px !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
    margin: 0 0 4px !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
    min-height: 2.55em !important;
    margin: 0 0 7px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-short {
    min-height: 2.9em !important;
    margin: 0 0 9px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details {
    margin: 0 0 10px !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-price,
.baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-availability {
    margin: 0 0 7px !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
    margin-top: 0 !important;
}

@media (min-width: 821px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-card h3 {
        font-size: .92rem !important;
        font-weight: 650 !important;
        line-height: 1.28 !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-short {
        color: #655345 !important;
        font-size: .80rem !important;
        line-height: 1.45 !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details summary {
        min-height: 36px !important;
        font-size: .73rem !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details .baba-usecase-chip {
        min-height: 24px !important;
        padding: 4px 7px !important;
        font-size: .67rem !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details .baba-product-facts {
        font-size: .70rem !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 620px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image,
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-image.baba-image-editorial {
        aspect-ratio: 16 / 9 !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
        display: none !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-short {
        min-height: 2.8em !important;
        margin-bottom: 8px !important;
        font-size: .80rem !important;
        line-height: 1.4 !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details {
        margin-bottom: 9px !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details summary {
        min-height: 35px !important;
        font-size: .72rem !important;
    }
    .baba-mobile-meta,
    .baba-mobile-details,
    .baba-mobile-amount,
    .baba-product-facts-desktop,
    .baba-label-mobile,
    .baba-label-desktop {
        display: none !important;
    }
}

/* v4.5.4 – kompakter Detailbereich ohne doppelte Beschreibung.
   Beim Öffnen von „Mehr Infos“ wird die bereits sichtbare Kurzbeschreibung
   einfach vollständig aufgeklappt. Dadurch entsteht keine Text-Dopplung. */
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-body:has(.baba-product-details[open]) .baba-empfehlung-short {
    display: block !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

/* Die Kategorie gehört optisch zum Titel und bleibt linksbündig. */
.baba-product-shelf:not(.baba-shelf-count-1) .baba-empfehlung-category {
    width: 100% !important;
    text-align: left !important;
}

/* Details selbst bewusst ruhig und kompakt halten. */
.baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details[open] .baba-product-details-content {
    padding-top: 8px !important;
}
.baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details[open] .baba-usecase-block {
    margin-top: 0 !important;
}


/* v4.5.5 – Marketing-/Vertrauens-Feinschliff für Desktop und Smartphone.
   Ziel: weniger Reibung, klare externe CTA, transparente Partnerlink-Kennzeichnung,
   persönliche Auswahl statt generischer Shop-Optik. */
.baba-showcase-trust {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px 10px;
    max-width: 850px;
    margin: 2px 0 18px;
    padding: 10px 13px;
    border: 1px solid rgba(215, 194, 168, .92);
    border-left: 3px solid #a65d37;
    border-radius: 12px;
    background: rgba(255, 250, 242, .74);
    color: #725744;
    font-size: .84rem;
    line-height: 1.45;
    box-shadow: 0 6px 18px rgba(63, 42, 27, .035);
}
.baba-showcase-trust strong {
    color: #3b2c22;
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
}

/* Kategorie steht bereits als Regalüberschrift – in der Karte keine Wiederholung. */
.baba-empfehlung-category {
    display: none !important;
}

/* Persönlicher, konkreter Aufklapper statt generischem „Mehr Infos“. */
.baba-product-details summary {
    color: #6f4935 !important;
    font-weight: 800 !important;
}
.baba-product-details .baba-usecase-label {
    color: #735643 !important;
    letter-spacing: .045em !important;
}

/* Externe Aktion explizit und ohne Kaufdruck formulieren. */
.baba-amazon-button::after {
    content: '↗' !important;
    margin-left: 8px !important;
    font-size: .95rem !important;
    line-height: 1 !important;
}
.baba-cta-note {
    max-width: none !important;
    margin-top: 6px !important;
    color: #8a7260 !important;
    font-size: .68rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}
.baba-cta-note strong {
    color: #76513c !important;
    font-weight: 750 !important;
}
.baba-affiliate-hinweis {
    max-width: 760px;
    margin-top: 15px !important;
    padding-top: 11px;
    border-top: 1px solid rgba(215, 194, 168, .62);
    color: #806a58 !important;
    font-size: .72rem !important;
    line-height: 1.45 !important;
}

@media (min-width: 821px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details summary {
        font-size: .72rem !important;
        min-height: 35px !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        min-height: 44px !important;
        padding: 9px 12px !important;
        font-size: .78rem !important;
        font-weight: 750 !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        font-size: .64rem !important;
    }
}

@media (max-width: 620px) {
    .baba-showcase-trust {
        display: flex;
        gap: 3px;
        margin: 2px 0 13px;
        padding: 9px 11px;
        border-radius: 11px;
        font-size: .76rem;
        line-height: 1.4;
    }
    .baba-showcase-trust strong {
        flex: 0 0 100%;
        font-size: .76rem;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details summary {
        min-height: 36px !important;
        padding-right: 23px !important;
        font-size: .73rem !important;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        min-height: 45px !important;
        padding: 10px 11px !important;
        font-size: .78rem !important;
        font-weight: 750 !important;
        white-space: nowrap;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-cta-note {
        display: block !important;
        width: 100% !important;
        margin-top: 6px !important;
        color: #806a58 !important;
        font-size: .68rem !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    .baba-affiliate-hinweis {
        margin-top: 12px !important;
        padding-top: 10px;
        font-size: .68rem !important;
    }
}

@media (max-width: 380px) {
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-amazon-button {
        font-size: .74rem !important;
        letter-spacing: -.01em;
    }
    .baba-product-shelf:not(.baba-shelf-count-1) .baba-product-details summary {
        font-size: .70rem !important;
    }
}

/* v4.6.3 – KI-Bildhinweis auf der zentralen Empfehlungsseite.
   Serverseitig im Showcase-Header, daher ohne Nachlade-Sprung. */
.baba-ai-image-disclosure {
    display: block;
    max-width: 900px;
    margin: -5px 0 18px !important;
    padding: 0 2px;
    color: #806a58 !important;
    font-size: .76rem !important;
    font-weight: 500;
    line-height: 1.5 !important;
}
.baba-ai-image-disclosure-label {
    color: inherit;
    font-weight: 600;
}

@media (max-width: 820px) {
    .baba-ai-image-disclosure {
        max-width: 100%;
        margin: -2px 0 16px !important;
        font-size: .74rem !important;
        line-height: 1.45 !important;
    }
}

@media (max-width: 620px) {
    .baba-ai-image-disclosure {
        margin: -1px 0 14px !important;
        padding: 0 1px;
        font-size: .71rem !important;
        line-height: 1.45 !important;
    }
}


/* v4.6.4 – Mobile Kopfzeile deutlich kompakter.
   Volle Transparenz bleibt erhalten, auf Smartphones aber mit kurzer sichtbarer Fassung. */
.baba-copy-mobile {
    display: none !important;
}
.baba-copy-desktop {
    display: inline !important;
}

@media (max-width: 620px) {
    .baba-copy-desktop {
        display: none !important;
    }
    .baba-copy-mobile {
        display: inline !important;
    }

    .baba-showcase-header {
        padding-top: 4px !important;
        margin-bottom: 11px !important;
    }
    .baba-showcase-kicker {
        margin-bottom: 5px !important;
        font-size: .62rem !important;
        gap: 8px !important;
        letter-spacing: .15em !important;
    }
    .baba-showcase-kicker > span {
        width: 22px !important;
    }
    .baba-showcase-title {
        margin-bottom: 6px !important;
        font-size: 2.25rem !important;
        line-height: .98 !important;
    }
    .baba-showcase-subtitle {
        margin-bottom: 7px !important;
        font-size: .88rem !important;
        line-height: 1.38 !important;
    }
    .baba-showcase-trust {
        gap: 2px 6px !important;
        margin: 0 0 7px !important;
        padding: 7px 9px !important;
        border-radius: 10px !important;
        font-size: .70rem !important;
        line-height: 1.30 !important;
    }
    .baba-showcase-trust strong {
        flex: 0 0 auto !important;
        margin-right: 3px !important;
        font-size: .70rem !important;
    }
    .baba-ai-image-disclosure {
        max-width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 1px !important;
        font-size: 11px !important;
        line-height: 1.30 !important;
        font-weight: 500 !important;
    }
    .baba-ai-image-disclosure-label {
        font-size: inherit !important;
        font-weight: 500 !important;
        color: inherit !important;
    }
    .baba-showcase-rule {
        margin-top: 0 !important;
    }
}


/* v4.6.5 – Bildhinweis optisch ruhiger: Label nicht mehr fett hervorgehoben. */
.baba-ai-image-disclosure-label {
    color: inherit !important;
    font-weight: 600 !important;
}
@media (max-width: 820px) {
    .baba-ai-image-disclosure {
        color: #8a7665 !important;
        font-weight: 400 !important;
    }
    .baba-ai-image-disclosure-label {
        font-weight: 500 !important;
    }
}
@media (max-width: 620px) {
    .baba-ai-image-disclosure {
        font-size: 10.5px !important;
        line-height: 1.28 !important;
        color: #8d7a69 !important;
    }
    .baba-ai-image-disclosure-label {
        font-size: inherit !important;
        font-weight: 400 !important;
    }
}


/* v4.6.6 – Smartphone-Test: redundante „Babas Auswahl“-Box ausblenden.
   Tablet und Desktop bleiben unverändert. */
@media (max-width: 620px) {
    .baba-showcase-trust {
        display: none !important;
    }
    .baba-showcase-subtitle {
        margin-bottom: 8px !important;
    }
    .baba-ai-image-disclosure {
        margin-top: 0 !important;
    }
}

/* =========================================================
   Baba Recipe Engine: Einkaufswagen direkt hinter der Zutat
   v4.7.0
   - geschlossen: nur ein dezenter Einkaufswagen
   - geöffnet: Produktkarte unter der Zutatenzeile
   - kein Amazon-Logo im Trigger; Affiliate-Hinweis bleibt in der Karte
========================================================= */
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ke-ingredient-main {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 7px !important;
    row-gap: 0 !important;
    min-width: 0;
}
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ke-ingredient-text {
    flex: 0 1 auto;
    min-width: 0;
}
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ke-ingredient-main > .baba-ingredient-recommendation {
    --baba-rec-accent: #a65d37;
    --baba-rec-text: #3b2c22;
    --baba-rec-muted: #78685c;
    --baba-rec-border: rgba(166, 93, 55, .20);
    flex: 0 0 auto;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    font: inherit;
}
.baba-ingredient-rec-details {
    margin: 0;
    border: 0;
}
.baba-ingredient-rec-toggle {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(166, 93, 55, .24);
    border-radius: 50%;
    background: #fffaf2;
    color: var(--baba-rec-accent, #a65d37);
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 3px 8px rgba(59, 44, 34, .045);
    transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.baba-ingredient-rec-toggle::-webkit-details-marker { display: none; }
.baba-ingredient-rec-toggle::marker { content: ''; }
.baba-ingredient-rec-toggle:focus-visible {
    outline: 2px solid rgba(166, 93, 55, .42);
    outline-offset: 2px;
}
.baba-ingredient-rec-help {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    color: currentColor;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    transform: translateY(-0.25px);
}
.baba-ingredient-rec-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
@media (hover:hover) {
    .baba-ingredient-rec-toggle:hover {
        border-color: rgba(166, 93, 55, .48);
        background: #fff3e4;
        transform: translateY(-1px);
        box-shadow: 0 5px 11px rgba(59, 44, 34, .08);
    }
}
.baba-ingredient-rec-details[open] .baba-ingredient-rec-toggle {
    background: #f5eadc;
    border-color: rgba(166, 93, 55, .42);
}
/* Beim Öffnen wird nur diese eine Empfehlung zur vollen Zeile. */
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ingredient-recommendation:has(.baba-ingredient-rec-details[open]) {
    flex: 0 0 100%;
    width: 100% !important;
    margin-top: 7px !important;
}
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ingredient-rec-details[open] > .baba-ingredient-rec-toggle {
    margin-left: auto;
    margin-bottom: 6px;
}
.baba-ingredient-rec-card {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 13px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--baba-rec-border, rgba(166, 93, 55, .20));
    border-radius: 15px;
    background: #fffdf9;
    box-shadow: 0 10px 24px rgba(59, 44, 34, .07);
}
.baba-ingredient-rec-media {
    min-height: 108px;
    border-radius: 11px;
    overflow: hidden;
    background: #f7f1e8;
    display: grid;
    place-items: center;
}
.baba-ingredient-rec-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 108px;
    object-fit: contain;
}
.baba-ingredient-rec-media.baba-image-editorial img { object-fit: cover; }
.baba-ingredient-rec-placeholder {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(166, 93, 55, .24);
    border-radius: 50%;
    color: var(--baba-rec-accent, #a65d37);
    font-weight: 900;
    letter-spacing: .05em;
}
.baba-ingredient-rec-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}
.baba-ingredient-rec-badge {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    margin: 0 0 5px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #f5eadc;
    color: var(--baba-rec-accent, #a65d37);
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
}
.baba-ingredient-rec-title {
    color: var(--baba-rec-text, #3b2c22);
    font-size: 14px;
    line-height: 1.3;
}
.baba-ingredient-rec-amount {
    margin-top: 3px;
    color: var(--baba-rec-muted, #78685c);
    font-size: 11.5px;
    font-weight: 700;
}
.baba-ingredient-rec-body p {
    margin: 6px 0 9px !important;
    color: #685a50 !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
}
.baba-ingredient-rec-amazon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-height: 38px;
    margin: auto 0 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: var(--baba-rec-accent, #a65d37) !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(166, 93, 55, .18) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}
.baba-ingredient-rec-amazon:hover,
.baba-ingredient-rec-amazon:focus {
    background: #8f4c2c !important;
    color: #fff !important;
    opacity: 1 !important;
}
.baba-ingredient-rec-note {
    margin-top: 5px;
    color: #8a796c;
    font-size: 9.5px;
    line-height: 1.25;
}
@media (max-width: 560px) {
    .baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ke-ingredient-main {
        column-gap: 6px !important;
    }
    .baba-ingredient-rec-toggle {
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
    }
    .baba-ingredient-rec-help {
        width: 17px;
        height: 17px;
    }
    .baba-ingredient-rec-card {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 11px;
        padding: 10px;
    }
    .baba-ingredient-rec-media { min-height: 86px; }
    .baba-ingredient-rec-media img { min-height: 86px; }
    .baba-ingredient-rec-body p { font-size: 11.5px !important; }
    .baba-ingredient-rec-amazon { min-height: 40px; }
}

/* =========================================================
   4.7.8 – dezente redaktionelle Hinweise
   Keine Zusatzboxen: nur kurze, ruhige Orientierung unter der Kategorie.
========================================================= */
.baba-shelf-note {
    max-width: 820px;
    margin: -5px 0 14px 19px !important;
    padding: 0 !important;
    color: #786657 !important;
    font-size: .86rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

@media (max-width: 620px) {
    .baba-shelf-note {
        max-width: none;
        margin: -3px 0 12px 15px !important;
        font-size: .82rem !important;
        line-height: 1.5 !important;
    }
}

/* =========================================================
   4.9.0 – Baba Preis-Tipp Pilot (AWIN)
   Nur ein freigegebenes Testrezept, bewusst ohne festen Preis.
========================================================= */
.baba-awin-price-tip {
    margin: 24px 0 18px;
    padding: 18px;
    border: 1px solid rgba(35, 73, 42, .18);
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfffb 0%, #f7fbf7 100%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .045);
}
.baba-awin-price-tip-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 12px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #edf7ef;
    color: #1f5f2d;
    font-size: .78rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .015em;
}
.baba-awin-price-tip-grid {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}
.baba-awin-price-tip-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 8px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .07);
}
.baba-awin-price-tip-media img {
    display: block;
    width: 100%;
    max-width: 118px;
    height: 118px;
    object-fit: contain;
}
.baba-awin-price-tip-body h3 {
    margin: 0 0 4px !important;
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
}
.baba-awin-price-tip-model {
    margin-bottom: 9px;
    color: #6a6a6a;
    font-size: .8rem;
}
.baba-awin-price-tip-body p {
    margin: 0 0 13px !important;
    font-size: .93rem !important;
    line-height: 1.55 !important;
}
.baba-awin-price-tip-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 11px;
    background: #1f5f2d;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800;
    line-height: 1.25;
    transition: transform .15s ease, opacity .15s ease;
}
.baba-awin-price-tip-link:hover,
.baba-awin-price-tip-link:focus {
    color: #fff !important;
    opacity: .93;
    transform: translateY(-1px);
}
.baba-awin-price-tip-note {
    margin-top: 9px;
    color: #6b6b6b;
    font-size: .72rem;
    line-height: 1.45;
}
.baba-awin-price-tip-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    margin: -2px 0 12px;
}
.baba-awin-price-tip-proof span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 9px;
    border: 1px solid rgba(31, 95, 45, .14);
    border-radius: 999px;
    background: rgba(237, 247, 239, .72);
    color: #315d39;
    font-size: .7rem;
    line-height: 1.2;
    font-weight: 750;
}
.baba-awin-price-tip-radar {
    margin-top: 10px;
}
.baba-awin-price-tip-radar a {
    display: inline-flex;
    align-items: center;
    color: #315d39 !important;
    font-size: .78rem;
    line-height: 1.4;
    font-weight: 800;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(49, 93, 57, .24);
}
.baba-awin-price-tip-radar a:hover,
.baba-awin-price-tip-radar a:focus {
    color: #173f20 !important;
    border-bottom-color: currentColor;
}
@media (max-width: 620px) {
    .baba-awin-price-tip { padding: 14px; border-radius: 15px; }
    .baba-awin-price-tip-grid { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; align-items: start; }
    .baba-awin-price-tip-media { min-height: 84px; padding: 5px; border-radius: 11px; }
    .baba-awin-price-tip-media img { width: 78px; height: 78px; }
    .baba-awin-price-tip-body h3 { font-size: .97rem !important; }
    .baba-awin-price-tip-body p { font-size: .86rem !important; line-height: 1.5 !important; }
    .baba-awin-price-tip-link { width: 100%; min-height: 42px; padding: 9px 12px; font-size: .88rem; }
    .baba-awin-price-tip-proof { gap: 5px; margin-bottom: 10px; }
    .baba-awin-price-tip-proof span { min-height: 24px; padding: 4px 7px; font-size: .62rem; }
    .baba-awin-price-tip-radar { margin-top: 9px; }
    .baba-awin-price-tip-radar a { font-size: .7rem; }
    .baba-awin-price-tip-note { font-size: .68rem; }
}


/* =========================================================
   5.0.0 – Automatischer Preis-Tipp zwischen Zutaten/Zubereitung
========================================================= */
.baba-ke-preview .baba-awin-price-tip--inline {
    margin: 18px 0 18px !important;
}
.baba-ke-preview .baba-awin-price-tip--inline + .baba-ke-directions {
    margin-top: 0 !important;
}
@media (max-width: 620px) {
    .baba-ke-preview .baba-awin-price-tip--inline {
        margin: 14px 0 16px !important;
    }
}

/* =========================================================
   5.0.25 – Rezept-Preis-Tipp mobil kompakter
========================================================= */
.baba-awin-mobile-only,
.baba-awin-price-tip-copy--mobile,
.baba-awin-price-tip-note--mobile{display:none!important}
@media (max-width:620px){
  .baba-awin-desktop-only,
  .baba-awin-price-tip-copy--desktop,
  .baba-awin-price-tip-note--desktop{display:none!important}
  .baba-awin-mobile-only{display:inline!important}
  .baba-awin-price-tip-copy--mobile,
  .baba-awin-price-tip-note--mobile{display:block!important}

  .baba-awin-price-tip{margin:14px 0 15px!important;padding:11px!important;border-radius:14px!important}
  .baba-awin-price-tip-kicker{margin:0 0 9px!important;padding:4px 8px!important;font-size:.67rem!important;line-height:1.15!important}
  .baba-awin-price-tip-grid{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;column-gap:11px!important;row-gap:0!important;align-items:start!important}
  .baba-awin-price-tip-body{display:contents!important}
  .baba-awin-price-tip-media{grid-column:1!important;grid-row:1 / span 2!important;min-height:76px!important;padding:4px!important;border-radius:10px!important}
  .baba-awin-price-tip-media img{width:68px!important;height:68px!important;max-width:68px!important;object-fit:contain!important}
  .baba-awin-price-tip-body h3{grid-column:2!important;grid-row:1!important;align-self:end!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;margin:0 0 3px!important;font-size:.92rem!important;line-height:1.22!important}
  .baba-awin-price-tip-model{grid-column:2!important;grid-row:2!important;margin:0!important;font-size:.66rem!important;line-height:1.25!important}
  .baba-awin-price-tip-copy--mobile{grid-column:1 / -1!important;grid-row:3!important;margin:9px 0 8px!important;font-size:.76rem!important;line-height:1.42!important}
  .baba-awin-price-tip-proof{grid-column:1 / -1!important;grid-row:4!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0 0 8px!important;overflow:hidden!important}
  .baba-awin-price-tip-proof span{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:.59rem!important;line-height:1.25!important;white-space:nowrap!important}
  .baba-awin-price-tip-proof-extra{display:none!important}
  .baba-awin-price-tip-link{grid-column:1 / -1!important;grid-row:5!important;width:100%!important;min-height:39px!important;padding:8px 10px!important;border-radius:10px!important;font-size:.79rem!important;line-height:1.2!important}
  .baba-awin-price-tip-radar{grid-column:1 / -1!important;grid-row:6!important;margin-top:7px!important;text-align:left!important}
  .baba-awin-price-tip-radar a{font-size:.63rem!important;line-height:1.3!important}
  .baba-awin-price-tip-note--mobile{grid-column:1 / -1!important;grid-row:7!important;margin-top:7px!important;padding-top:7px!important;border-top:1px solid rgba(31,95,45,.10)!important;font-size:.59rem!important;line-height:1.35!important}
}


/* =========================================================
   5.0.29 – Desktop/Mobil-Text sauber trennen
   Reiner Anzeige-Fix: keine Empfehlungs- oder Preislogik.
========================================================= */
@media (min-width: 621px) {
    .baba-awin-mobile-only,
    .baba-awin-price-tip-copy--mobile,
    .baba-awin-price-tip-note--mobile {
        display: none !important;
    }
    .baba-awin-desktop-only {
        display: inline !important;
    }
    .baba-awin-price-tip-copy--desktop,
    .baba-awin-price-tip-note--desktop {
        display: block !important;
    }
}