/* ==========================================================================
   BERKEI Partnerportal V2 – Katalog (seit 0.3.106)
   Liste (Tabelle ab 960 px Katalogbreite, darunter kompakte Liste fuer Handy
   und Tablet), Kacheln, Mengensteuerung, Rabattfortschritt, Details,
   Bestelluebersicht, Pruefdialog, Vorschau fuer Gaeste.
   Ein Markup (includes/b2b/catalog-render.php), die Layouts haengen an
   [data-view] und an der Breite des Katalogs (Container Queries).
   Nur innerhalb von .berkei-partner-platform.
   ========================================================================== */

.berkei-partner-platform {
    --bpp-surface: #fff;
    --bpp-head-bg: #f5f7f9;
    --bpp-line: #edf0f2;
    --bpp-hover: #f8fafb;
    --bpp-radius: 14px;
    --bpp-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 20px rgba(16, 24, 40, 0.05);
    --bpp-red: #b42318;
    --bpp-warn: #8a4b00;
    --bpp-cols: 56px minmax(180px, 2.4fr) 86px 108px 150px minmax(150px, 1.5fr) 116px 40px;
}

.berkei-partner-platform .screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Knoepfe des Portals: Theme-Stile (Grossbuchstaben, Schatten, Mindesthoehen) neutralisieren */
.berkei-partner-platform .bpp-qty__btn,
.berkei-partner-platform .bpp-item__toggle,
.berkei-partner-platform .bpp-progress__add,
.berkei-partner-platform .bpp-variant-btn,
.berkei-partner-platform .bpp-view-switch__btn,
.berkei-partner-platform .bpp-summary__cta,
.berkei-partner-platform .bpp-btn,
.berkei-partner-platform .bpp-link,
.berkei-partner-platform .bpp-dialog__close,
.berkei-partner-platform .bpp-review__remove {
    appearance: none;
    margin: 0;
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    font-family: inherit;
    line-height: 1.2;
}

/* ── Werkzeugleiste: Ansicht ──────────────────────── */

.berkei-partner-platform .bpp-toolbar.is-instant .bpp-filter-btn { display: none; }

.berkei-partner-platform .bpp-view-switch {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}

.berkei-partner-platform .bpp-view-switch__label {
    margin-right: 8px;
    font-size: 12px;
    color: var(--bpp-soft);
}

.berkei-partner-platform .bpp-view-switch__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 42px;
    min-width: 44px;
    padding: 0 12px;
    border: 1px solid var(--bpp-border);
    background: #fff;
    color: var(--bpp-muted);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.berkei-partner-platform .bpp-view-switch__btn:first-of-type { border-radius: 8px 0 0 8px; }
.berkei-partner-platform .bpp-view-switch__btn:last-of-type { border-radius: 0 8px 8px 0; border-left: 0; }
.berkei-partner-platform .bpp-view-switch__btn:hover { color: var(--bpp-text); background: var(--bpp-hover); }

.berkei-partner-platform .bpp-view-switch__btn[aria-pressed="true"] {
    background: var(--bpp-dark);
    border-color: var(--bpp-dark);
    color: #fff;
}

.berkei-partner-platform .bpp-select select { width: auto; min-width: 150px; }

/* Handy: zwei Zeilen - Suche + Ansicht, dann Kategorie, Verfuegbarkeit, Sortierung.
   16 px Schrift, sonst zoomt iOS beim Antippen. */
@media (max-width: 700px) {
    .berkei-partner-platform .bpp-toolbar { gap: 8px; }
    .berkei-partner-platform .bpp-search { order: 1; flex: 1 1 200px; min-width: 0; }
    .berkei-partner-platform .bpp-view-switch { order: 2; margin-left: 0; }
    .berkei-partner-platform .bpp-view-switch__label { display: none; }
    .berkei-partner-platform .bpp-view-switch__btn { width: 44px; padding: 0; justify-content: center; }
    .berkei-partner-platform .bpp-view-switch__btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    .berkei-partner-platform .bpp-select { order: 3; flex: 1 1 28%; min-width: 0; }
    .berkei-partner-platform .bpp-select select { width: 100%; min-width: 0; padding: 0 4px 0 8px; }
    .berkei-partner-platform .bpp-search input,
    .berkei-partner-platform .bpp-select select { font-size: 16px; }
    .berkei-partner-platform .bpp-count { order: 4; flex-basis: 100%; margin-top: -2px; }
}

.berkei-partner-platform .bpp-admin-note { margin: 0 0 12px; }

/* ── Katalog ──────────────────────────────────────── */

.berkei-partner-platform .bpp-catalog {
    container-type: inline-size;
    container-name: bppcat;
    position: relative;
}

.berkei-partner-platform .bpp-item[hidden],
.berkei-partner-platform .bpp-summary[hidden],
.berkei-partner-platform .bpp-item__details[hidden],
.berkei-partner-platform .bpp-item__msg[hidden] {
    display: none !important;
}

.berkei-partner-platform .bpp-catalog__empty {
    margin: 0;
    padding: 28px 16px;
    text-align: center;
    color: var(--bpp-muted);
    background: #fff;
    border: 1px solid var(--bpp-border);
    border-radius: var(--bpp-radius);
}

.berkei-partner-platform .bpp-catalog__head { display: none; }

/* Gemeinsame Teile eines Produkts */
.berkei-partner-platform .bpp-item {
    position: relative;
    color: var(--bpp-text);
}

.berkei-partner-platform .bpp-item__media {
    grid-area: media;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--bpp-line);
    border-radius: 10px;
}

.berkei-partner-platform .bpp-item__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.berkei-partner-platform .bpp-item__badge {
    grid-area: media;
    align-self: start;
    justify-self: start;
    z-index: 1;
    margin: -6px 0 0 -6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--bpp-orange);
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-item__main { grid-area: main; min-width: 0; }

.berkei-partner-platform .bpp-item__name {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: var(--bpp-text);
}

.berkei-partner-platform .bpp-item__name a { color: inherit; text-decoration: none; }
.berkei-partner-platform .bpp-item__name a:hover { color: var(--bpp-action); }

.berkei-partner-platform .bpp-item__desc {
    margin: 2px 0 0;
    overflow: hidden;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--bpp-soft);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.berkei-partner-platform .bpp-status {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.3;
    color: var(--bpp-muted);
}

.berkei-partner-platform .bpp-status__dot {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9aa4ad;
}

.berkei-partner-platform .bpp-status--instock .bpp-status__dot { background: #2e9a47; }
.berkei-partner-platform .bpp-status--backorder .bpp-status__dot { background: var(--bpp-orange); }
.berkei-partner-platform .bpp-status--unavailable .bpp-status__dot { background: #d92d20; }
.berkei-partner-platform .bpp-status--variable .bpp-status__dot { background: var(--bpp-action); }

.berkei-partner-platform .bpp-item__uvp { grid-area: uvp; }
.berkei-partner-platform .bpp-item__ek { grid-area: ek; }
.berkei-partner-platform .bpp-item__qty { grid-area: qty; }
.berkei-partner-platform .bpp-item__tier { grid-area: tier; min-width: 0; }
.berkei-partner-platform .bpp-item__profit { grid-area: profit; }

.berkei-partner-platform .bpp-item__cell { min-width: 0; font-size: 13px; }

.berkei-partner-platform .bpp-item__label {
    font-size: 11.5px;
    color: var(--bpp-soft);
    white-space: nowrap;
}

.berkei-partner-platform .bpp-item__value { color: var(--bpp-text); font-variant-numeric: tabular-nums; }
.berkei-partner-platform .bpp-item__ek strong { font-size: 15px; font-weight: 700; }
.berkei-partner-platform .bpp-item__ek strong.is-preview { color: var(--bpp-muted); }
.berkei-partner-platform .bpp-item__profit strong { color: var(--bpp-green); font-weight: 700; }

.berkei-partner-platform .bpp-item__note {
    display: block;
    font-size: 11.5px;
    color: var(--bpp-soft);
}

.berkei-partner-platform .bpp-item__unlock {
    display: block;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--bpp-action);
}

.berkei-partner-platform .bpp-item__toggle {
    grid-area: toggle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--bpp-soft);
    cursor: pointer;
    justify-self: end;
}

.berkei-partner-platform .bpp-item__toggle:hover { background: var(--bpp-head-bg); color: var(--bpp-text); }
.berkei-partner-platform .bpp-item__toggle svg { transition: transform 0.2s ease; }
.berkei-partner-platform .bpp-item.is-open .bpp-item__toggle svg { transform: rotate(90deg); }

.berkei-partner-platform .bpp-item__msg {
    grid-area: msg;
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--bpp-warn);
}

.berkei-partner-platform .bpp-item__details { grid-area: details; min-width: 0; }

.berkei-partner-platform .bpp-unavailable {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--bpp-red);
}

.berkei-partner-platform .bpp-variant-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--bpp-action);
    border-radius: 10px;
    background: #fff;
    color: var(--bpp-action);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-variant-btn:hover { background: #eef5fd; }

.berkei-partner-platform .bpp-item__sum {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bpp-green);
}

.berkei-partner-platform .bpp-lock {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--bpp-soft);
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-lock__icon { width: 13px; height: 13px; }

/* ── Mengensteuerung ─────────────────────────────── */

.berkei-partner-platform .bpp-qty {
    display: inline-flex;
    flex: none;
    align-items: stretch;
    width: auto;
    height: 44px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cdd5db;
    border-radius: 10px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.berkei-partner-platform .bpp-qty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #f3f5f7;
    color: var(--bpp-text);
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.berkei-partner-platform .bpp-qty__btn:hover:not(:disabled) { background: #e6ebef; }
.berkei-partner-platform .bpp-qty__btn:disabled { color: #b4bcc3; cursor: not-allowed; }

.berkei-partner-platform .bpp-qty__input {
    flex: 1 0 54px;
    width: 54px;
    min-width: 54px;
    height: auto;
    margin: 0;
    padding: 0 2px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--bpp-text);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    box-shadow: none;
    -moz-appearance: textfield;
    appearance: textfield;
    font-variant-numeric: tabular-nums;
}

.berkei-partner-platform .bpp-qty__input::-webkit-outer-spin-button,
.berkei-partner-platform .bpp-qty__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.berkei-partner-platform .bpp-qty__input:focus { outline: none; }
.berkei-partner-platform .bpp-qty:focus-within { outline: 2px solid var(--bpp-action); outline-offset: 1px; }
.berkei-partner-platform .bpp-qty.is-set { border-color: var(--bpp-action); }
.berkei-partner-platform .bpp-qty.is-pending { box-shadow: 0 0 0 3px rgba(9, 105, 220, 0.14); }

/* ── Rabattfortschritt ───────────────────────────── */

/* Balken in voller Breite, darunter Preisstufe und "+N hinzufuegen" nebeneinander (umbrechend) */
.berkei-partner-platform .bpp-progress {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 8px;
    font-size: 12px;
    line-height: 1.35;
    color: var(--bpp-muted);
}

.berkei-partner-platform .bpp-progress p { margin: 0; }

.berkei-partner-platform .bpp-progress__row,
.berkei-partner-platform .bpp-progress__hint,
.berkei-partner-platform .bpp-progress__active,
.berkei-partner-platform .bpp-progress__reached { flex: 1 1 100%; }

.berkei-partner-platform .bpp-progress__next { flex: 0 1 auto; }

.berkei-partner-platform .bpp-progress__row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.berkei-partner-platform .bpp-progress__bar {
    position: relative;
    flex: 1 1 auto;
    min-width: 56px;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5eaee;
}

.berkei-partner-platform .bpp-progress__bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #3aa655, var(--bpp-green));
    transition: width 0.35s ease;
}

.berkei-partner-platform .bpp-progress__count {
    white-space: nowrap;
    color: var(--bpp-muted);
    font-variant-numeric: tabular-nums;
}

.berkei-partner-platform .bpp-progress__count strong,
.berkei-partner-platform .bpp-progress__next strong { color: var(--bpp-text); }

.berkei-partner-platform .bpp-progress__hint { color: var(--bpp-green); }

.berkei-partner-platform .bpp-progress__add {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 2px 10px;
    border: 1px solid var(--bpp-green);
    border-radius: 999px;
    background: #fff;
    color: var(--bpp-green);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.berkei-partner-platform .bpp-progress__add:hover { background: var(--bpp-green-light); }

.berkei-partner-platform .bpp-progress__active { color: var(--bpp-green); font-weight: 600; }
.berkei-partner-platform .bpp-progress__active span { font-weight: 400; }

.berkei-partner-platform .bpp-progress__reached {
    flex: 0 1 auto !important;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--bpp-green);
    color: #fff;
    font-weight: 700;
    animation: bpp-pop 0.3s ease;
}

.berkei-partner-platform .bpp-progress.is-reached .bpp-progress__bar > span { background: var(--bpp-green-strong); }
.berkei-partner-platform .bpp-progress__none { color: var(--bpp-soft); }

@keyframes bpp-pop {
    from { transform: scale(0.92); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .berkei-partner-platform .bpp-progress__bar > span,
    .berkei-partner-platform .bpp-item__toggle svg { transition: none; }
    .berkei-partner-platform .bpp-progress__reached { animation: none; }
}

/* ── Details ─────────────────────────────────────── */

.berkei-partner-platform .bpp-item__details { padding: 12px 0 4px; }

.berkei-partner-platform .bpp-details {
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 20px;
    padding: 16px;
    border-radius: 12px;
    background: var(--bpp-hover);
    border: 1px solid var(--bpp-line);
}

.berkei-partner-platform .bpp-details__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    background: #fff;
    border-radius: 10px;
}

.berkei-partner-platform .bpp-details__desc { margin: 0 0 10px; font-size: 13.5px; line-height: 1.5; color: var(--bpp-text); }

.berkei-partner-platform .bpp-details__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    margin: 0 0 14px;
    font-size: 13px;
}

.berkei-partner-platform .bpp-details__facts dt { font-size: 11.5px; color: var(--bpp-soft); }
.berkei-partner-platform .bpp-details__facts dd { margin: 0; font-weight: 600; }

.berkei-partner-platform .bpp-ladder,
.berkei-partner-platform .bpp-variants {
    width: 100%;
    max-width: 600px;
    margin: 0 0 14px;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid var(--bpp-line);
    font-size: 13px;
}

.berkei-partner-platform .bpp-ladder caption,
.berkei-partner-platform .bpp-variants caption {
    padding: 0 0 6px;
    text-align: left;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bpp-soft);
}

.berkei-partner-platform .bpp-ladder th,
.berkei-partner-platform .bpp-ladder td,
.berkei-partner-platform .bpp-variants th,
.berkei-partner-platform .bpp-variants td {
    padding: 8px 12px;
    border: 0;
    border-bottom: 1px solid var(--bpp-line);
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
}

.berkei-partner-platform .bpp-ladder thead th,
.berkei-partner-platform .bpp-variants thead th {
    background: var(--bpp-head-bg);
    font-size: 12px;
    font-weight: 600;
    color: var(--bpp-muted);
}

.berkei-partner-platform .bpp-ladder tbody th,
.berkei-partner-platform .bpp-variants tbody th { font-weight: 600; }

.berkei-partner-platform .bpp-ladder tr.is-current { background: var(--bpp-green-light); }
.berkei-partner-platform .bpp-ladder tr.is-current th,
.berkei-partner-platform .bpp-ladder tr.is-current td { color: var(--bpp-green-strong); font-weight: 700; }
.berkei-partner-platform .bpp-variants .bpp-status { margin: 0; }
.berkei-partner-platform .bpp-variants__ek { font-weight: 700; font-variant-numeric: tabular-nums; }

.berkei-partner-platform .bpp-logo-line {
    max-width: 600px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px dashed #c6cfd6;
    border-radius: 10px;
    background: #fff;
}

.berkei-partner-platform .bpp-logo-line p { margin: 0 0 8px; font-size: 12.5px; color: var(--bpp-muted); }
.berkei-partner-platform .bpp-logo-line .bpp-logo-line__title { font-size: 14px; font-weight: 700; color: var(--bpp-text); }
.berkei-partner-platform .bpp-logo-line .bpp-logo-line__process { margin: 8px 0 0; font-size: 12px; }

.berkei-partner-platform .bpp-details__link { margin: 0; font-size: 13px; font-weight: 600; }
.berkei-partner-platform .bpp-details__link a { color: var(--bpp-action); text-decoration: none; }

/* ── Liste: kompakt (Handy, Tablet, schmaler Katalog) ───────────────── */

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__items {
    overflow: hidden;
    background: var(--bpp-surface);
    border: 1px solid var(--bpp-border);
    border-radius: var(--bpp-radius);
    box-shadow: var(--bpp-shadow);
}

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item {
    display: grid;
    /* Feste Spaltenbreiten: eine auto-Spalte richtete sich nach dem breitesten Element
       ueber zwei Spalten und drueckte EK und UVP zusammen. Oben Bild + Name, darunter
       ueber die volle Breite EK links, Menge rechts, Fortschritt, UVP und Rohertrag. */
    grid-template-columns: 56px minmax(0, 1fr) 132px 36px;
    grid-template-areas:
        "media main   main   toggle"
        "ek    ek     qty    qty"
        "tier  tier   tier   tier"
        "uvp   uvp    profit profit"
        "msg   msg    msg    msg"
        "details details details details";
    gap: 8px 10px;
    align-items: center;
    padding: 12px;
    border-top: 1px solid var(--bpp-line);
}

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__items > .bpp-item:first-child { border-top: 0; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item:hover { background: var(--bpp-hover); }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__media { align-self: start; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__qty { justify-self: end; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__qty .bpp-item__label { display: none; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__tier .bpp-item__label { display: none; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__toggle { align-self: start; width: 36px; height: 36px; }

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek,
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__uvp,
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__profit {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 6px;
}

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek strong { font-size: 16px; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek .bpp-item__note,
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__profit .bpp-item__note,
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__unlock { display: inline; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__unlock { flex-basis: 100%; }

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__details { padding-top: 6px; }

/* Handy: Abstaende enger, Handelsspanne nur in den Details */
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__profit [data-bpp-margin] { display: none; }

@container bppcat (max-width: 479px) {
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item { padding: 12px 10px; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__uvp,
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__profit { font-size: 12px; }
}

@container bppcat (max-width: 339px) {
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item { grid-template-columns: 48px minmax(0, 1fr) 128px 36px; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__media { width: 48px; height: 48px; }
}

/* ── Liste: Tabelle (Desktop) ────────────────────── */

@container bppcat (min-width: 960px) {
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__head {
        position: sticky;
        top: var(--bpp-sticky-top, 0px);
        z-index: 4;
        display: grid;
        grid-template-columns: var(--bpp-cols);
        column-gap: 14px;
        align-items: center;
        padding: 11px 16px;
        background: var(--bpp-head-bg);
        border: 1px solid var(--bpp-border);
        border-bottom: 1px solid var(--bpp-line);
        border-radius: var(--bpp-radius) var(--bpp-radius) 0 0;
        font-size: 12px;
        font-weight: 600;
        color: var(--bpp-muted);
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__head-product { grid-column: span 2; }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__items {
        border-top: 0;
        border-radius: 0 0 var(--bpp-radius) var(--bpp-radius);
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item {
        grid-template-columns: var(--bpp-cols);
        grid-template-areas:
            "media main uvp ek qty tier profit toggle"
            ".     msg  msg msg msg msg  msg    msg"
            "details details details details details details details details";
        gap: 0 14px;
        min-height: 76px;
        padding: 10px 16px;
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__media { align-self: center; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__qty { justify-self: start; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__toggle { align-self: center; width: 40px; height: 40px; }

    /* Spaltenkoepfe tragen die Beschriftung; in den Zellen nur fuer Screenreader */
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek,
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__uvp,
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__profit { display: block; }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek .bpp-item__note,
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__profit .bpp-item__note,
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__unlock { display: block; }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek strong { font-size: 15px; }

    /* Zeile kompakt halten: Ersparnis je Stueck steht im Knopf und in den Details */
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-progress__hint,
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-progress__active span { display: none; }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__msg { margin-top: 6px; }
}

/* ── Kacheln ─────────────────────────────────────── */

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-catalog__items {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

@container bppcat (min-width: 480px) {
    .berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-catalog__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container bppcat (min-width: 760px) {
    .berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-catalog__items { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}

@container bppcat (min-width: 1100px) {
    .berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-catalog__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto 1fr auto auto auto auto auto auto;
    grid-template-areas:
        "media  media  media"
        "main   main   main"
        "uvp    ek     profit"
        "qty    qty    qty"
        "tier   tier   tier"
        "msg    msg    msg"
        "toggle toggle toggle"
        "details details details";
    gap: 10px 10px;
    padding: 12px;
    background: var(--bpp-surface);
    border: 1px solid var(--bpp-border);
    border-radius: var(--bpp-radius);
    box-shadow: var(--bpp-shadow);
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item.is-in-cart { border-color: #9cc3f0; }

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__media {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    border: 0;
    background: #f6f8f9;
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__badge { margin: 8px 0 0 8px; }

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__main { align-self: start; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__name { font-size: 15px; }

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__cell .bpp-item__label { display: block; margin-bottom: 1px; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__uvp,
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__ek,
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__profit {
    padding: 8px;
    border-radius: 8px;
    background: var(--bpp-head-bg);
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__profit { background: var(--bpp-green-light); }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__profit .bpp-item__label { color: var(--bpp-green-strong); }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__qty .bpp-item__label,
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__tier .bpp-item__label { display: none; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__qty .bpp-qty { display: flex; width: 100%; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__qty .bpp-qty__input { flex: 1 1 auto; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-variant-btn { width: 100%; justify-content: center; }

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__toggle {
    justify-self: stretch;
    width: 100%;
    height: 36px;
    border-radius: 8px;
    background: var(--bpp-head-bg);
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__toggle svg { transform: rotate(90deg); }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item.is-open .bpp-item__toggle svg { transform: rotate(-90deg); }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-details { grid-template-columns: minmax(0, 1fr); padding: 12px; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-details__media { display: none; }

/* Details schmal: Bild ueber dem Text, Tabellen als Zeilen */
@container bppcat (max-width: 639px) {
    .berkei-partner-platform .bpp-details { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 12px; }
    .berkei-partner-platform .bpp-details__media { max-width: 160px; }
}

@container bppcat (max-width: 520px) {
    .berkei-partner-platform .bpp-variants thead { display: none; }
    .berkei-partner-platform .bpp-variants tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "name ek" "status qty";
        gap: 4px 10px;
        align-items: center;
        padding: 10px 12px;
        border-bottom: 1px solid var(--bpp-line);
    }
    .berkei-partner-platform .bpp-variants tr > * { padding: 0; border: 0; }
    .berkei-partner-platform .bpp-variants tr > :nth-child(1) { grid-area: name; }
    .berkei-partner-platform .bpp-variants tr > :nth-child(2) { grid-area: status; }
    .berkei-partner-platform .bpp-variants tr > :nth-child(3) { grid-area: ek; justify-self: end; }
    .berkei-partner-platform .bpp-variants tr > :nth-child(4) { grid-area: qty; justify-self: end; }
}

/* ── Bestelluebersicht (sticky unten) ────────────── */

.berkei-partner-platform .bpp-summary {
    position: sticky;
    bottom: 0;
    z-index: 30;
    margin: 16px 0 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.berkei-partner-platform .bpp-summary__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    padding: 12px 18px;
    background: #fff;
    border: 1px solid var(--bpp-border);
    border-radius: var(--bpp-radius);
    box-shadow: 0 -8px 28px rgba(8, 20, 31, 0.12);
}

.berkei-partner-platform .bpp-summary__figures {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px 28px;
}

.berkei-partner-platform .bpp-summary__fig { display: flex; flex-direction: column; gap: 1px; }
.berkei-partner-platform .bpp-summary__label { font-size: 12px; color: var(--bpp-soft); }

.berkei-partner-platform .bpp-summary__fig strong {
    font-size: 17px;
    font-weight: 700;
    color: var(--bpp-text);
    font-variant-numeric: tabular-nums;
}

.berkei-partner-platform .bpp-summary__fig--main strong { font-size: 24px; letter-spacing: -0.01em; }
.berkei-partner-platform .bpp-summary__fig--profit strong { font-size: 15px; color: var(--bpp-green); }
.berkei-partner-platform .bpp-summary.is-preview .bpp-summary__fig strong { color: var(--bpp-muted); }

.berkei-partner-platform .bpp-summary__note {
    order: 3;
    flex: 1 1 100%;
    margin: 0;
    font-size: 12px;
    color: var(--bpp-muted);
}

.berkei-partner-platform .bpp-summary__note:empty { display: none; }

.berkei-partner-platform .bpp-summary__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 48px;
    margin-left: auto;
    padding: 0 22px;
    border: 0;
    border-radius: 10px;
    background: var(--bpp-action);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-summary__cta:hover { background: var(--bpp-action-hover); }

.berkei-partner-platform .bpp-note--error { color: var(--bpp-red); font-weight: 600; }
.berkei-partner-platform .bpp-note--warn { color: var(--bpp-warn); font-weight: 600; }
.berkei-partner-platform .bpp-note--pending { color: var(--bpp-muted); }

.berkei-partner-platform .bpp-link {
    padding: 0;
    border: 0;
    background: none;
    color: var(--bpp-action);
    font-size: inherit;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

/* Infoleiste unter dem Katalog nicht unter der Leiste verschwinden lassen */
.berkei-partner-platform.bpp-has-summary .bpp-infobar { margin-bottom: 16px; }

@media (max-width: 700px) {
    .berkei-partner-platform .bpp-summary { margin-left: -4px; margin-right: -4px; }
    .berkei-partner-platform .bpp-summary__inner {
        gap: 8px 14px;
        padding: 10px 12px;
        border-radius: 14px 14px 0 0;
    }
    .berkei-partner-platform .bpp-summary__figures { gap: 4px 18px; }
    .berkei-partner-platform .bpp-summary__fig--main strong { font-size: 20px; }
    .berkei-partner-platform .bpp-summary__fig strong { font-size: 15px; }
    .berkei-partner-platform .bpp-summary__cta { flex: 1 1 100%; order: 4; margin-left: 0; }
}

@media (max-width: 379px) {
    .berkei-partner-platform .bpp-summary__fig--profit { display: none; }
}

/* ── Pruefdialog ─────────────────────────────────── */

.berkei-partner-platform .bpp-dialog {
    width: min(780px, calc(100vw - 24px));
    max-width: none;
    max-height: min(88vh, 920px);
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background: #fff;
    color: var(--bpp-text);
    box-shadow: 0 24px 64px rgba(8, 20, 31, 0.32);
}

.berkei-partner-platform .bpp-dialog[open] { display: flex; flex-direction: column; }
.berkei-partner-platform .bpp-dialog::backdrop { background: rgba(8, 20, 31, 0.55); }

.berkei-partner-platform .bpp-dialog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 14px 20px;
    border-bottom: 1px solid var(--bpp-border);
}

.berkei-partner-platform .bpp-dialog__title {
    margin: 0;
    font-family: inherit;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--bpp-text);
}

.berkei-partner-platform .bpp-dialog__close,
.berkei-partner-platform .bpp-review__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--bpp-muted);
    cursor: pointer;
}

.berkei-partner-platform .bpp-dialog__close:hover,
.berkei-partner-platform .bpp-review__remove:hover:not(:disabled) { background: var(--bpp-head-bg); color: var(--bpp-text); }
.berkei-partner-platform .bpp-review__remove:disabled { opacity: 0.35; cursor: default; }

.berkei-partner-platform .bpp-dialog__body { flex: 1 1 auto; overflow: auto; padding: 4px 20px; }

.berkei-partner-platform .bpp-dialog__foot {
    padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--bpp-border);
    background: #fbfcfd;
}

.berkei-partner-platform .bpp-dialog__lead { margin: 16px 0 8px; font-size: 16px; line-height: 1.5; }
.berkei-partner-platform .bpp-dialog__note { margin: 6px 0 0; font-size: 12.5px; color: var(--bpp-muted); }
.berkei-partner-platform .bpp-dialog__note:empty { display: none; }
.berkei-partner-platform .bpp-dialog__empty { margin: 20px 0; color: var(--bpp-muted); }
.berkei-partner-platform .bpp-dialog__fine { margin: 10px 0 0; font-size: 11px; line-height: 1.4; color: var(--bpp-soft); }

.berkei-partner-platform .bpp-dialog__totals {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px 28px;
    margin: 0;
}

.berkei-partner-platform .bpp-dialog__totals dt { font-size: 12px; color: var(--bpp-soft); }
.berkei-partner-platform .bpp-dialog__totals dd { margin: 0; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.berkei-partner-platform .bpp-dialog__total-main dd { font-size: 22px; }
.berkei-partner-platform .bpp-dialog__total-profit dd { font-size: 15px; color: var(--bpp-green); }

.berkei-partner-platform .bpp-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.berkei-partner-platform .bpp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #cdd5db;
    border-radius: 10px;
    background: #fff;
    color: var(--bpp-text);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.berkei-partner-platform .bpp-btn:hover { background: var(--bpp-hover); color: var(--bpp-text); }
.berkei-partner-platform .bpp-btn--primary { background: var(--bpp-action); border-color: var(--bpp-action); color: #fff; }
.berkei-partner-platform .bpp-btn--primary:hover { background: var(--bpp-action-hover); border-color: var(--bpp-action-hover); color: #fff; }
.berkei-partner-platform .bpp-btn.is-disabled { opacity: 0.45; cursor: not-allowed; }

.berkei-partner-platform .bpp-review { margin: 0; padding: 0; list-style: none; }

.berkei-partner-platform .bpp-review__line {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto 92px 44px;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--bpp-line);
}

.berkei-partner-platform .bpp-review__line img,
.berkei-partner-platform .bpp-review__img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
    border: 1px solid var(--bpp-line);
    border-radius: 8px;
    background: #fff;
}

.berkei-partner-platform .bpp-review__line.is-removed { opacity: 0.55; }
.berkei-partner-platform .bpp-review__line.is-removed .bpp-review__name { text-decoration: line-through; }
.berkei-partner-platform .bpp-review__info p { margin: 0; }
.berkei-partner-platform .bpp-review__name { font-size: 14px; font-weight: 650; line-height: 1.3; }
.berkei-partner-platform .bpp-review__meta { font-size: 12px; color: var(--bpp-soft); }
.berkei-partner-platform .bpp-review__msg { font-size: 12px; color: var(--bpp-warn); }

.berkei-partner-platform .bpp-review__total {
    margin: 0;
    text-align: right;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
    .berkei-partner-platform .bpp-dialog {
        width: 100vw;
        max-height: 92vh;
        margin: auto 0 0;
        border-radius: 16px 16px 0 0;
    }
    .berkei-partner-platform .bpp-dialog__body { padding: 4px 14px; }
    .berkei-partner-platform .bpp-dialog__foot { padding-left: 14px; padding-right: 14px; }
    .berkei-partner-platform .bpp-review__line {
        grid-template-columns: 48px minmax(0, 1fr) auto;
        grid-template-areas: "img info remove" "img qty total";
        gap: 6px 10px;
    }
    .berkei-partner-platform .bpp-review__remove { justify-self: end; }
    .berkei-partner-platform .bpp-review__line > :nth-child(1) { grid-area: img; align-self: start; }
    .berkei-partner-platform .bpp-review__line > .bpp-review__info { grid-area: info; }
    .berkei-partner-platform .bpp-review__line > .bpp-qty { grid-area: qty; justify-self: start; }
    .berkei-partner-platform .bpp-review__line > .bpp-review__total { grid-area: total; }
    .berkei-partner-platform .bpp-review__line > .bpp-review__remove { grid-area: remove; align-self: start; }
    .berkei-partner-platform .bpp-review__line.is-fixed { grid-template-areas: "img info remove" "img total total"; }
    .berkei-partner-platform .bpp-dialog__actions .bpp-btn { flex: 1 1 auto; }
    .berkei-partner-platform .bpp-dialog__actions .bpp-btn--primary { flex-basis: 100%; order: -1; }
}

/* ── Vorschau fuer Gaeste (b2b/catalog-public.php) ── */

.berkei-partner-platform .bpp-preview { margin: 28px 0 32px; }

.berkei-partner-platform .bpp-preview__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 24px;
    margin: 0 0 14px;
}

.berkei-partner-platform .bpp-preview__eyebrow {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--bpp-orange);
}

.berkei-partner-platform .bpp-preview__title {
    margin: 0 0 6px;
    font-family: inherit;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 750;
    letter-spacing: -0.01em;
    text-transform: none;
    color: var(--bpp-text);
}

.berkei-partner-platform .bpp-preview__text { margin: 0; max-width: 720px; font-size: 14px; line-height: 1.5; color: var(--bpp-muted); }

/* ── Portal-Kopf (b2b/portal-header.php) ──────────── */

.berkei-partner-platform .bpp-head {
    position: relative;
    z-index: 40;
    margin: 0 0 12px;
    background: var(--bpp-dark);
    border-radius: 10px;
    color: #fff;
}

.berkei-partner-platform:has(#berkei-b2b-page-catalog.active) .bpp-head { margin-bottom: 0; border-radius: 10px 10px 0 0; }

.berkei-partner-platform .bpp-head .bpp-nav.berkei-b2b-dash-tabs {
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 6px;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: inherit;
}

.berkei-partner-platform .bpp-head .bpp-nav > a.bpp-nav-item { margin-left: 0; }
.berkei-partner-platform .bpp-head__bar { display: none; }

.berkei-partner-platform .bpp-nav-tool,
.berkei-partner-platform .bpp-head__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 12px;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-nav-tool:hover,
.berkei-partner-platform .bpp-head__link:hover { color: #fff; background: rgba(255, 255, 255, 0.07); }
.berkei-partner-platform .bpp-nav-tool--search { margin-left: auto; }
.berkei-partner-platform .bpp-nav-tool--shop { font-size: 13px; font-weight: 500; }

/* Suche und Warenkorb am Desktop nur als Symbol */
.berkei-partner-platform .bpp-nav-tool--search > span,
.berkei-partner-platform .bpp-nav-tool--cart > span:not(.bpp-nav-tool__count) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.berkei-partner-platform .bpp-nav-tool__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--bpp-orange);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
}

.berkei-partner-platform .bpp-nav-tool__count[hidden] { display: none; }

.berkei-partner-platform .bpp-brand {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    margin-right: 6px;
    padding: 0 16px 0 10px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-brand--nav { border-right: 1px solid rgba(255, 255, 255, 0.14); }
.berkei-partner-platform .bpp-brand__word { font-size: 18px; font-weight: 800; letter-spacing: 0.3em; }
.berkei-partner-platform .bpp-brand__sub { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--bpp-orange); }

/* Nur Portal-Kopf (ohne Kopfbereich des Themes): bleibt beim Scrollen oben */
.berkei-partner-portal-standalone .berkei-partner-platform { margin-top: 0 !important; --bpp-sticky-top: 60px; }
.berkei-partner-platform .bpp-head--standalone { position: sticky; top: 0; border-radius: 0 0 10px 10px; }
.berkei-partner-platform:has(#berkei-b2b-page-catalog.active) .bpp-head--standalone { border-radius: 0; }
body.admin-bar .berkei-partner-platform .bpp-head--standalone { top: 32px; }
.berkei-partner-platform .bpp-head--guest { position: relative; margin-bottom: 12px; }
.berkei-partner-platform .bpp-head--guest .bpp-head__bar { display: flex; align-items: center; gap: 4px; padding: 6px 8px; }
.berkei-partner-platform .bpp-head--guest .bpp-brand { flex: 1 1 auto; }

@media (max-width: 899px) {
    .berkei-partner-platform .bpp-head__bar {
        display: flex;
        align-items: center;
        gap: 2px;
        min-height: 56px;
        padding: 6px 6px 6px 14px;
    }

    .berkei-partner-platform .bpp-head__current { flex: 1 1 auto; font-size: 15px; font-weight: 700; }
    .berkei-partner-platform .bpp-head__bar .bpp-brand { flex: 1 1 auto; padding-left: 0; }

    .berkei-partner-platform .bpp-head__cart,
    .berkei-partner-platform .bpp-head__menu {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #fff;
        box-shadow: none;
        cursor: pointer;
    }

    .berkei-partner-platform .bpp-head__cart .bpp-nav-tool__count { position: absolute; top: 2px; right: 0; }
    .berkei-partner-platform .bpp-head__menu[aria-expanded="true"] { background: rgba(255, 255, 255, 0.12); }

    .berkei-partner-platform .bpp-head .bpp-nav.berkei-b2b-dash-tabs { display: none; }

    .berkei-partner-platform .bpp-head.is-open .bpp-nav.berkei-b2b-dash-tabs {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        padding: 6px 8px 10px;
        background: var(--bpp-dark);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0 0 10px 10px;
        box-shadow: 0 14px 28px rgba(8, 20, 31, 0.3);
    }

    .berkei-partner-platform .bpp-head.is-open .bpp-nav-item,
    .berkei-partner-platform .bpp-head.is-open .bpp-nav-tool {
        justify-content: flex-start;
        width: 100%;
        min-height: 46px;
        margin: 0;
        border-bottom: 0;
        border-left: 3px solid transparent;
        border-radius: 6px;
    }

    .berkei-partner-platform .bpp-head.is-open .bpp-nav-item.active { border-left-color: var(--bpp-action); }
    .berkei-partner-platform .bpp-head .bpp-brand--nav,
    .berkei-partner-platform .bpp-head .bpp-nav-tool--cart { display: none !important; }
    .berkei-partner-platform .bpp-head .bpp-nav-tool--search { margin-left: 0; }
    .berkei-partner-platform .bpp-head .bpp-nav-tool--search > span { position: static; width: auto; height: auto; clip: auto; }
    .berkei-partner-portal-standalone .berkei-partner-platform { --bpp-sticky-top: 56px; }
}

@media (min-width: 900px) and (max-width: 1279px) {
    /* Reiter-Symbole weg, damit alles in eine Zeile passt */
    .berkei-partner-platform .bpp-head .bpp-nav-item .bpp-icon { display: none; }
    .berkei-partner-platform .bpp-head .bpp-nav-item,
    .berkei-partner-platform .bpp-head .bpp-nav-tool { padding: 0 10px; font-size: 13.5px; }
    .berkei-partner-platform .bpp-head .bpp-nav-tool--shop span { display: none; }
}

/* ── Hero kompakt (Portal) ───────────────────────── */

.berkei-partner-platform .bpp-hero.bpp-hero--compact { min-height: clamp(170px, 13vw, 215px); }
.berkei-partner-platform .bpp-hero--compact .bpp-hero-inner { padding: clamp(18px, 2.2vw, 28px) clamp(20px, 3vw, 44px); }
.berkei-partner-platform .bpp-hero--compact .bpp-eyebrow { margin-bottom: 6px; }
.berkei-partner-platform .bpp-hero--compact .bpp-hero-title { margin-bottom: 8px; font-size: clamp(26px, 2.5vw, 40px); line-height: 1.05; }
.berkei-partner-platform .bpp-hero--compact .bpp-hero-sub { margin-bottom: 12px; font-size: 15px; }
.berkei-partner-platform .bpp-hero--compact .bpp-benefits { gap: 8px 22px; }
.berkei-partner-platform .bpp-hero--compact .bpp-benefit-icon { flex-basis: 30px; width: 30px; height: 30px; }
.berkei-partner-platform .bpp-hero--compact .bpp-claim { font-size: clamp(22px, 2vw, 32px); }

@media (max-width: 700px) {
    .berkei-partner-platform .bpp-hero.bpp-hero--compact { min-height: 0; }
    .berkei-partner-platform .bpp-hero--compact .bpp-hero-inner { align-items: flex-start; padding: 18px 16px 20px; }
    .berkei-partner-platform .bpp-hero--compact .bpp-hero-title { font-size: 24px; }
    .berkei-partner-platform .bpp-hero--compact .bpp-hero-sub { margin: 0; font-size: 14px; }
    .berkei-partner-platform .bpp-hero--compact .bpp-benefits { display: none; }
}

/* ==========================================================================
   V2.1 – UI-Refinement (Briefing 16.10.2026, seit 0.3.110)
   Weniger Dashboard, mehr Bestelloberflaeche: ein Kopf, Titel statt Banner,
   in der Zeile nur Bild, Name, Verfuegbarkeit + Staffelhinweis, EK, Menge,
   Details. UVP/Rohertrag/Handelsspanne (.bpp-calc) nur mit "Kalkulation
   anzeigen". Eine dunkle Kopffarbe, eine Aktionsfarbe (Blau), Gruen nur fuer
   erreichte Staffeln, Orange nur als Akzent (Zaehler, "Partner").
   Ueberschreibt die Regeln weiter oben (gleiche oder hoehere Spezifitaet).
   ========================================================================== */

.berkei-partner-platform {
    --bpp-dark: #0f1c2b;
    --bpp-cols: 56px minmax(220px, 1fr) 128px 150px 40px;
    --bpp-cols-calc: 56px minmax(200px, 1fr) 96px 128px 150px 128px 40px;
    --bpp-cols-demo: 56px minmax(200px, 1fr) 96px 128px 150px 40px;
}

/* ── Kalkulation nur auf Wunsch ─────────────────── */

.berkei-partner-platform .bpp-catalog:not([data-calc="1"]) .bpp-calc,
.berkei-partner-platform .bpp-summary:not(.is-calc) .bpp-calc { display: none !important; }
.berkei-partner-platform .bpp-catalog[data-calc="1"] { --bpp-cols: var(--bpp-cols-calc); }
.berkei-partner-platform .bpp-catalog[data-mode="demo"] { --bpp-cols: var(--bpp-cols-demo); }

.berkei-partner-platform .bpp-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    margin: 0;
    padding: 0 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bpp-muted);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.berkei-partner-platform .bpp-switch__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
}

.berkei-partner-platform .bpp-switch__track {
    position: relative;
    flex: 0 0 34px;
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: #cdd5db;
    transition: background 0.15s;
}

.berkei-partner-platform .bpp-switch__track::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.25);
    transition: transform 0.15s;
}

.berkei-partner-platform .bpp-switch__input:checked + .bpp-switch__track { background: var(--bpp-action); }
.berkei-partner-platform .bpp-switch__input:checked + .bpp-switch__track::after { transform: translateX(14px); }
.berkei-partner-platform .bpp-switch__input:focus-visible + .bpp-switch__track { outline: 2px solid var(--bpp-action); outline-offset: 2px; }
.berkei-partner-platform .bpp-switch:hover { color: var(--bpp-text); }

/* ── Kopf: eine Leiste ───────────────────────────── */

.berkei-partner-platform .bpp-head,
.berkei-partner-platform:has(#berkei-b2b-page-catalog.active) .bpp-head { margin-bottom: 18px; border-radius: 10px; }
.berkei-partner-platform .bpp-head--standalone,
.berkei-partner-platform:has(#berkei-b2b-page-catalog.active) .bpp-head--standalone { border-radius: 0 0 10px 10px; }

.berkei-partner-platform .bpp-head .bpp-nav.berkei-b2b-dash-tabs { gap: 2px; padding: 4px 6px; }
.berkei-partner-platform .bpp-head .bpp-nav-item,
.berkei-partner-platform .bpp-head .bpp-nav-tool { min-height: 44px; padding: 0 14px; font-size: 14px; }
.berkei-partner-platform .bpp-head .bpp-nav-item .bpp-icon { width: 17px; height: 17px; opacity: 0.85; }
.berkei-partner-platform .bpp-head .bpp-nav-item.active { background: rgba(255, 255, 255, 0.08); border-bottom-width: 2px; }
.berkei-partner-platform .bpp-brand { gap: 6px; padding: 0 14px 0 8px; }
.berkei-partner-platform .bpp-brand__word { font-size: 14px; letter-spacing: 0.24em; }
.berkei-partner-platform .bpp-brand__sub { font-size: 10px; letter-spacing: 0.14em; }

/* Mit dem Kopfbereich des Themes: dort stehen Warenkorb, Konto und Shop schon */
.berkei-partner-platform .bpp-head--embedded .bpp-nav-tool--cart,
.berkei-partner-platform .bpp-head--embedded .bpp-nav-item--account,
.berkei-partner-platform .bpp-head--embedded .bpp-nav-tool--shop,
.berkei-partner-platform .bpp-head--embedded .bpp-head__cart { display: none !important; }

/* ── Titel statt Banner ──────────────────────────── */

.berkei-partner-platform .bpp-page-title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 14px;
    margin: 0 0 14px;
}

.berkei-partner-platform .bpp-page-title__h {
    margin: 0;
    font-family: inherit;
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
    color: var(--bpp-text);
}

.berkei-partner-platform .bpp-page-title__sub { margin: 0; font-size: 13px; color: var(--bpp-soft); }

/* ── Werkzeugleiste ──────────────────────────────── */

.berkei-partner-platform .bpp-toolbar { gap: 8px; margin: 0 0 12px; }
.berkei-partner-platform .bpp-search { flex: 1 1 280px; }
.berkei-partner-platform .bpp-search input,
.berkei-partner-platform .bpp-select select,
.berkei-partner-platform .bpp-filter-btn,
.berkei-partner-platform .bpp-filters-toggle { height: 40px; border-radius: 8px; }
.berkei-partner-platform .bpp-search input { font-size: 15px; }
.berkei-partner-platform .bpp-select select { width: auto; min-width: 140px; font-size: 13.5px; color: var(--bpp-muted); }
.berkei-partner-platform .bpp-toolbar__filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.berkei-partner-platform .bpp-view-switch__label { display: none; }
.berkei-partner-platform .bpp-view-switch__btn { height: 40px; }

.berkei-partner-platform .bpp-filters-toggle {
    display: none;
    position: relative;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid var(--bpp-border);
    background: #fff;
    color: var(--bpp-text);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    cursor: pointer;
}

.berkei-partner-platform .bpp-filters-toggle[aria-expanded="true"] { border-color: var(--bpp-dark); }

.berkei-partner-platform .bpp-filters-toggle__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--bpp-action);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.berkei-partner-platform .bpp-filters-toggle__count[hidden] { display: none; }

@media (max-width: 700px) {
    .berkei-partner-platform .bpp-search { order: 1; flex: 1 1 0; }
    .berkei-partner-platform .bpp-filters-toggle { display: inline-flex; order: 2; }
    .berkei-partner-platform .bpp-view-switch { order: 3; }
    .berkei-partner-platform .bpp-toolbar__filters {
        display: none;
        order: 4;
        flex: 1 1 100%;
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
        background: #fff;
        border: 1px solid var(--bpp-border);
        border-radius: 10px;
    }
    .berkei-partner-platform .bpp-toolbar.is-filters-open .bpp-toolbar__filters { display: flex; }
    .berkei-partner-platform .bpp-toolbar__filters .bpp-select { flex: none; width: 100%; }
    .berkei-partner-platform .bpp-toolbar__filters .bpp-select select { width: 100%; min-width: 0; font-size: 16px; }
}

@media (max-width: 359px) {
    .berkei-partner-platform .bpp-filters-toggle > span:not(.bpp-filters-toggle__count) {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    .berkei-partner-platform .bpp-filters-toggle { width: 44px; padding: 0; justify-content: center; }
}

/* ── Produktzeile ────────────────────────────────── */

.berkei-partner-platform .bpp-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 6px;
    margin-top: 3px;
    min-width: 0;
}

.berkei-partner-platform .bpp-item__meta .bpp-status { margin: 0; }
.berkei-partner-platform .bpp-item__tier { min-width: 0; font-size: 12px; }
.berkei-partner-platform .bpp-item__tier:empty { display: none; }
.berkei-partner-platform .bpp-item__tier:has(> div.bpp-progress) { flex: 1 1 100%; }

.berkei-partner-platform .bpp-item__ek strong { font-size: 16px; font-weight: 700; }
.berkei-partner-platform .bpp-item__profit strong { color: var(--bpp-text); font-weight: 600; }
.berkei-partner-platform .bpp-item__uvp .bpp-item__value { color: var(--bpp-muted); }

/* Verfuegbarkeit: kleine Marke, keine Signalfarben ausser "vorraetig" */
.berkei-partner-platform .bpp-status { font-size: 12px; }
.berkei-partner-platform .bpp-status__dot { flex-basis: 7px; width: 7px; height: 7px; }
.berkei-partner-platform .bpp-status--backorder .bpp-status__dot { background: transparent; box-shadow: inset 0 0 0 1.5px #8d98a2; }
.berkei-partner-platform .bpp-status--variable .bpp-status__dot { background: #9aa4ad; }

.berkei-partner-platform .bpp-item__badge {
    background: var(--bpp-dark);
    font-size: 9px;
    letter-spacing: 0.03em;
}

.berkei-partner-platform .bpp-item__sum { color: var(--bpp-muted); }
.berkei-partner-platform .bpp-variant-btn { height: 40px; padding: 0 12px; border-color: #cdd5db; color: var(--bpp-text); font-weight: 600; }
.berkei-partner-platform .bpp-variant-btn:hover { border-color: var(--bpp-action); background: #fff; color: var(--bpp-action); }

/* ── Staffelhinweis (berkei-partner-catalog.js, progressHtml) ── */

.berkei-partner-platform .bpp-progress.is-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12px;
    color: var(--bpp-soft);
    white-space: nowrap;
}

.berkei-partner-platform .bpp-progress__sep { color: #c3cad0; }

.berkei-partner-platform div.bpp-progress {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 10px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.35;
    color: var(--bpp-muted);
}

.berkei-partner-platform div.bpp-progress > * { flex: 0 1 auto; }
.berkei-partner-platform .bpp-progress__row { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.berkei-partner-platform .bpp-progress__bar { flex: 0 0 88px; width: 88px; min-width: 0; height: 4px; background: #e6eaee; }
.berkei-partner-platform .bpp-progress__bar > span { background: var(--bpp-action); }
.berkei-partner-platform .bpp-progress__count { font-size: 11.5px; color: var(--bpp-soft); }
.berkei-partner-platform .bpp-progress__next strong { color: var(--bpp-text); font-weight: 600; }
.berkei-partner-platform .bpp-progress__active { color: var(--bpp-green); font-weight: 600; }

.berkei-partner-platform .bpp-progress__add {
    display: inline;
    min-height: 0;
    padding: 2px;
    border: 0;
    border-radius: 4px;
    background: none;
    color: var(--bpp-action);
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.berkei-partner-platform .bpp-progress__add:hover { background: none; color: var(--bpp-action-hover); }

/* ── Liste: kompakt (Handy, Tablet) ──────────────── */

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__items { box-shadow: none; }

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item {
    grid-template-columns: 52px minmax(0, 1fr) auto 36px;
    grid-template-areas:
        "media main main toggle"
        "media ek   qty  qty"
        "msg   msg  msg  msg"
        "details details details details";
    gap: 6px 10px;
    padding: 12px;
}

.berkei-partner-platform .bpp-catalog[data-view="list"][data-calc="1"] .bpp-item,
.berkei-partner-platform .bpp-catalog[data-view="list"][data-mode="demo"] .bpp-item {
    grid-template-areas:
        "media main main   toggle"
        "media ek   qty    qty"
        "uvp   uvp  profit profit"
        "msg   msg  msg    msg"
        "details details details details";
}

.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__media { width: 52px; height: 52px; }
.berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__ek { align-self: center; }

@container bppcat (max-width: 339px) {
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item { grid-template-columns: 44px minmax(0, 1fr) auto 32px; gap: 6px 8px; padding: 10px; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__media { width: 44px; height: 44px; }
    .berkei-partner-platform .bpp-qty__btn { flex-basis: 38px; width: 38px; }
    .berkei-partner-platform .bpp-qty__input { flex-basis: 44px; width: 44px; min-width: 44px; }
}

/* ── Liste: Tabelle (Desktop) ────────────────────── */

@container bppcat (min-width: 960px) {
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-catalog__head {
        padding: 9px 16px;
        background: #fafbfc;
        font-size: 11.5px;
        letter-spacing: 0.02em;
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item {
        grid-template-columns: var(--bpp-cols);
        grid-template-areas:
            "media main ek qty toggle"
            ".     msg  msg msg msg"
            "details details details details details";
        gap: 0 14px;
        min-height: 68px;
        padding: 8px 16px;
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"][data-calc="1"] .bpp-item {
        grid-template-areas:
            "media main uvp ek qty profit toggle"
            ".     msg  msg msg msg msg    msg"
            "details details details details details details details";
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"][data-mode="demo"] .bpp-item {
        grid-template-areas:
            "media main uvp ek qty toggle"
            ".     msg  msg msg msg msg"
            "details details details details details details";
    }

    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__qty { justify-self: start; }
}

/* ── Kacheln ─────────────────────────────────────── */

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item {
    grid-template-rows: auto 1fr auto auto auto auto auto;
    grid-template-areas:
        "media  media  media"
        "main   main   main"
        "ek     ek     ek"
        "qty    qty    qty"
        "msg    msg    msg"
        "toggle toggle toggle"
        "details details details";
    gap: 8px;
    box-shadow: none;
}

.berkei-partner-platform .bpp-catalog[data-view="grid"][data-calc="1"] .bpp-item {
    grid-template-areas:
        "media  media  media"
        "main   main   main"
        "uvp    ek     profit"
        "qty    qty    qty"
        "msg    msg    msg"
        "toggle toggle toggle"
        "details details details";
}

.berkei-partner-platform .bpp-catalog[data-view="grid"][data-mode="demo"] .bpp-item {
    grid-template-areas:
        "media  media  media"
        "main   main   main"
        "uvp    ek     ek"
        "qty    qty    qty"
        "msg    msg    msg"
        "toggle toggle toggle"
        "details details details";
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__uvp,
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__ek,
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__profit { padding: 0; background: none; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__profit .bpp-item__label { color: var(--bpp-soft); }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__ek .bpp-item__label { display: none; }
.berkei-partner-platform .bpp-catalog[data-view="grid"][data-calc="1"] .bpp-item__ek .bpp-item__label,
.berkei-partner-platform .bpp-catalog[data-view="grid"][data-mode="demo"] .bpp-item__ek .bpp-item__label { display: block; }
.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__ek strong { font-size: 18px; }

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__toggle {
    height: 32px;
    border-top: 1px solid var(--bpp-line);
    border-radius: 0;
    background: transparent;
}

.berkei-partner-platform .bpp-catalog[data-view="grid"] .bpp-item__toggle:hover { background: var(--bpp-hover); }

/* ── Bestelluebersicht ───────────────────────────── */

.berkei-partner-platform .bpp-summary__inner {
    gap: 8px 20px;
    padding: 10px 16px;
    box-shadow: 0 -6px 20px rgba(15, 28, 43, 0.1);
}

.berkei-partner-platform .bpp-summary__fig--main strong { font-size: 22px; }
.berkei-partner-platform .bpp-summary__fig strong { font-size: 15px; }
.berkei-partner-platform .bpp-summary__fig--profit strong { color: var(--bpp-text); }
.berkei-partner-platform .bpp-summary__cta { min-height: 44px; padding: 0 20px; font-size: 15px; }
.berkei-partner-platform .bpp-dialog__total-profit dd { color: var(--bpp-text); }

@media (max-width: 700px) {
    .berkei-partner-platform .bpp-summary__inner { flex-wrap: wrap; gap: 6px 12px; padding: 8px 12px; }
    .berkei-partner-platform .bpp-summary__figures { flex: 1 1 auto; flex-wrap: nowrap; align-items: baseline; gap: 0 12px; min-width: 0; }
    .berkei-partner-platform .bpp-summary__fig .bpp-summary__label { display: none; }
    .berkei-partner-platform .bpp-summary__fig strong { font-size: 13px; font-weight: 600; color: var(--bpp-muted); }
    .berkei-partner-platform .bpp-summary__fig--main strong { font-size: 19px; font-weight: 700; color: var(--bpp-text); }
    .berkei-partner-platform .bpp-summary__fig--profit { display: none; }
    .berkei-partner-platform .bpp-summary__cta { flex: 0 0 auto; order: 0; margin-left: auto; padding: 0 14px; font-size: 14px; }
    .berkei-partner-platform .bpp-summary__note { order: 3; }
}

@media (max-width: 359px) {
    .berkei-partner-platform .bpp-summary__cta span[aria-hidden] { display: none; }
    .berkei-partner-platform .bpp-summary__cta { padding: 0 12px; }
}

/* ── Infoleiste unter dem Katalog: leise ──────────── */

.berkei-partner-platform .bpp-infobar {
    min-height: 0;
    padding: 12px 2px 0;
    background: none;
    border-top: 1px solid var(--bpp-line);
    border-radius: 0;
    font-size: 12px;
}

.berkei-partner-platform .bpp-infobar-text .bpp-icon,
.berkei-partner-platform .bpp-infobar-points .bpp-icon { color: var(--bpp-soft); }
.berkei-partner-platform .bpp-infobar-points { font-weight: 500; color: var(--bpp-muted); }

/* Staffelhinweis und Lieferzeit: in schmalen Zeilen und Kacheln eigene Zeile bzw. nur in den Details */
.berkei-partner-platform .bpp-item__tier:has(> .bpp-progress.is-hint) { flex: 1 1 100%; }
.berkei-partner-platform .bpp-progress.is-hint .bpp-progress__sep { display: none; }
.berkei-partner-platform .bpp-catalog .bpp-item .bpp-status__extra { display: none; }

@container bppcat (min-width: 960px) {
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item__tier:has(> .bpp-progress.is-hint) { flex: 0 1 auto; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-progress.is-hint .bpp-progress__sep { display: inline; }
    .berkei-partner-platform .bpp-catalog[data-view="list"] .bpp-item .bpp-status__extra { display: inline; }
}

.berkei-partner-platform .bpp-catalog .bpp-variants .bpp-status__extra { display: inline; }

/* Handy: Bestellwert, Stueck und Knopf in einer Zeile, Hinweise darunter */
@media (max-width: 700px) {
    .berkei-partner-platform .bpp-summary__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }
    .berkei-partner-platform .bpp-summary__note { grid-column: 1 / -1; }
    .berkei-partner-platform .bpp-summary__figures { flex-wrap: wrap; gap: 0 10px; }
}

/* Kopf 900-1279 px: alles in eine Zeile - Konto und Webshop nur als Symbol */
@media (min-width: 900px) and (max-width: 1279px) {
    .berkei-partner-platform .bpp-head .bpp-nav-item,
    .berkei-partner-platform .bpp-head .bpp-nav-tool { padding: 0 10px; font-size: 13.5px; }
    .berkei-partner-platform .bpp-head .bpp-nav-item--account > span,
    .berkei-partner-platform .bpp-head .bpp-nav-tool--shop > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    .berkei-partner-platform .bpp-head .bpp-nav-item--account .bpp-icon { display: inline-block; }
    .berkei-partner-platform .bpp-brand { padding-right: 10px; }
}

/* Gaeste-Kopf auf dem Handy: Anmelden und Webshop als Symbol (0.3.110 - "Nur Portal-Kopf" ist Standard) */
@media (max-width: 480px) {
    .berkei-partner-platform .bpp-head--guest .bpp-head__link { width: 44px; padding: 0; justify-content: center; }
    .berkei-partner-platform .bpp-head--guest .bpp-head__link > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}