/* HOD Lumise Gallery Pro v0.3.2 – CLEAN BASE
   Komplett bereinigte CSS-Datei: keine alten Hover-/Positionsregeln. */

body.hod-lgp-active {
    --hod-ink:#10182b;
    --hod-muted:#667085;
    --hod-line:#e5e8ef;
    --hod-accent:#5d4cf0;
    --hod-accent-2:#785cff;
}

/* =========================================================
   HERO
   ========================================================= */
.hod-lgp-top {
    width:min(1540px,calc(100% - 40px));
    margin:20px auto 26px;
    box-sizing:border-box;
}

.hod-lgp-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:center;
    padding:26px 30px;
    border:1px solid var(--hod-line);
    border-radius:22px;
    background:
        radial-gradient(circle at 83% 0%,rgba(108,83,255,.15),transparent 33%),
        linear-gradient(135deg,#fff 0%,#fbf8f5 100%);
    box-shadow:0 12px 38px rgba(18,25,43,.055);
}

.hod-lgp-hero h1 {
    margin:0 0 8px !important;
    padding:0 !important;
    border:0 !important;
    color:var(--hod-ink) !important;
    font-size:clamp(30px,2.5vw,43px) !important;
    line-height:1.06 !important;
    letter-spacing:-1.25px !important;
    font-weight:800 !important;
    text-transform:none !important;
}

.hod-lgp-hero p {
    margin:0 !important;
    max-width:820px;
    color:var(--hod-muted) !important;
    font-size:16px !important;
    line-height:1.55 !important;
}

.hod-lgp-actions {
    display:flex;
    gap:12px;
}

.hod-lgp-btn {
    min-width:220px;
    min-height:72px;
    padding:13px 18px;
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    border-radius:15px;
    box-sizing:border-box;
    text-decoration:none !important;
    font-size:14px !important;
    line-height:1.2;
    font-weight:800 !important;
}

.hod-lgp-btn small {
    margin-top:5px;
    font-size:10px !important;
    font-weight:500;
    opacity:.86;
}

.hod-lgp-btn--ai {
    color:#fff !important;
    background:linear-gradient(135deg,var(--hod-accent),var(--hod-accent-2));
    box-shadow:0 10px 24px rgba(93,76,240,.22);
}

.hod-lgp-btn--upload {
    color:#22265a !important;
    border:1px solid #877af5;
    background:#fff;
}

/* =========================================================
   SCHNELLFILTER
   ========================================================= */
.hod-lgp-category-strip {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
}

.hod-lgp-category-chip {
    min-height:76px;
    padding:12px 14px;
    border:1px solid var(--hod-line);
    border-radius:15px;
    background:#fff;
    box-shadow:0 7px 24px rgba(18,25,43,.045);
    display:flex;
    gap:11px;
    align-items:center;
    text-align:left;
    cursor:pointer;
    user-select:none;
}

.hod-lgp-cat-icon {
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#f4f5f8;
    font-size:22px;
}

.hod-lgp-cat-copy strong {
    display:block;
    margin-bottom:3px;
    color:var(--hod-ink);
    font-size:12px;
}

.hod-lgp-cat-copy small {
    display:block;
    color:var(--hod-muted);
    font-size:9px;
}

.hod-lgp-category-chip--active {
    border-color:#7d6df4 !important;
    background:
        linear-gradient(135deg,rgba(93,76,240,.08),rgba(120,92,255,.035)),
        #fff !important;
    box-shadow:
        0 0 0 2px rgba(93,76,240,.09),
        0 10px 28px rgba(93,76,240,.10) !important;
}

.hod-lgp-category-chip--active .hod-lgp-cat-icon {
    background:#ece9ff !important;
    color:#5143cc !important;
}

.hod-lgp-category-chip--active strong {
    color:#4036b7 !important;
}

/* =========================================================
   TABS / SEARCH / RESULTS
   ========================================================= */
body.hod-lgp-active .hod-lgp-tab {
    min-width:170px !important;
    padding:13px 20px !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #e2e6ee !important;
    border-radius:13px !important;
    font-weight:700 !important;
    box-shadow:0 5px 18px rgba(18,25,43,.035) !important;
}

body.hod-lgp-active input.hod-lgp-search {
    min-width:250px;
    min-height:42px !important;
    padding:10px 14px !important;
    border:1px solid var(--hod-line) !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 5px 18px rgba(18,25,43,.035) !important;
}

.hod-lgp-results-bar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin:4px 2px 12px;
    color:#667085;
}

.hod-lgp-results-count {
    display:flex;
    align-items:baseline;
    gap:7px;
}

.hod-lgp-results-count strong {
    color:#111827;
    font-size:16px;
}

.hod-lgp-results-count span,
.hod-lgp-results-hint {
    font-size:11px;
}

.hod-lgp-results-hint {
    color:#8a91a0;
}

/* =========================================================
   CLONE GRID
   ========================================================= */
body.hod-lgp-active .lumise-addon-shortcode-tc-list.hod-lgp-original-hidden {
    display:none !important;
}

.hod-lgp-premium-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    width:100%;
    margin-top:14px;
    padding:0 2px 22px;
    box-sizing:border-box;
}

.hod-lgp-premium-card {
    min-width:0;
    overflow:hidden;
    border:1px solid var(--hod-line);
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 1px 2px rgba(16,24,40,.03),
        0 10px 30px rgba(16,24,40,.07);
    cursor:pointer;
    outline:none;
    transform:none !important;
    transition:none !important;
}

.hod-lgp-premium-card:hover,
.hod-lgp-premium-card:focus-visible {
    transform:none !important;
    border-color:#cfc9f5;
    box-shadow:
        0 1px 2px rgba(16,24,40,.03),
        0 10px 30px rgba(16,24,40,.07);
}

/* =========================================================
   PRODUKT-MOCKUP
   ========================================================= */
.hod-lgp-premium-visual {
    position:relative;
    height:255px;
    overflow:hidden;
    background:#f6f3ee;
}

.hod-lgp-premium-mockup {
    position:absolute;
    z-index:0;
    inset:0;
    display:block;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}

/* feste Druckzone */
.hod-lgp-premium-design-wrap {
    position:absolute !important;
    z-index:2 !important;
    pointer-events:none !important;
}

.hod-lgp-premium-design {
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    mix-blend-mode:multiply;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));
}

/* PRINT-ZONES auf den 4:3 Mockup-Bildern */
.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap {
    left:37%;
    top:30%;
    width:26%;
    height:30%;
}

.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap {
    left:37.5%;
    top:26%;
    width:25%;
    height:25%;
}

.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left:34%;
    top:35%;
    width:24%;
    height:31%;
}

.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    left:34%;
    top:40%;
    width:32%;
    height:31%;
}

.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap {
    left:37%;
    top:30%;
    width:26%;
    height:20%;
}

/* Seitenverhältnis des Motives innerhalb der Druckzone */
.hod-lgp-premium-card--wide .hod-lgp-premium-design {
    max-height:66% !important;
}

.hod-lgp-premium-card--tall .hod-lgp-premium-design {
    max-width:70% !important;
}

.hod-lgp-design-compact .hod-lgp-premium-design {
    max-width:100% !important;
    max-height:100% !important;
}

/* Cliparts ohne Produkt */
.hod-lgp-premium-card--plain .hod-lgp-premium-design-wrap {
    left:12%;
    top:10%;
    width:76%;
    height:78%;
}

.hod-lgp-premium-card--plain .hod-lgp-premium-design {
    mix-blend-mode:normal;
}

/* =========================================================
   STABILE HOVER-MOTIVVORSCHAU
   Sie liegt INNERHALB derselben Visual-Fläche und hat pointer-events:none.
   Keine Position/Größe des eigentlichen Motivs wird dabei verändert.
   ========================================================= */
.hod-lgp-card-preview {
    position:absolute;
    z-index:20;
    inset:0;
    display:none;
    pointer-events:none !important;
    background:
        radial-gradient(circle at 50% 45%,#fff 0%,#faf8f5 52%,#f0ece6 100%);
}

.hod-lgp-preview-visible .hod-lgp-card-preview {
    display:block;
}

.hod-lgp-card-preview-inner {
    position:absolute;
    left:10%;
    top:8%;
    width:80%;
    height:78%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hod-lgp-card-preview-img {
    display:block;
    width:auto;
    height:auto;
    max-width:82%;
    max-height:82%;
    object-fit:contain;
    transform:none !important;
    filter:
        drop-shadow(0 2px 2px rgba(0,0,0,.05))
        drop-shadow(0 12px 24px rgba(0,0,0,.10));
}

.hod-lgp-card-preview-label {
    position:absolute;
    left:14px;
    bottom:13px;
    padding:7px 10px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e1e4ea;
    color:#283044;
    font-size:10px;
    line-height:1;
    font-weight:700;
    box-shadow:0 4px 12px rgba(15,23,42,.05);
}

/* =========================================================
   BADGES / BODY
   ========================================================= */
.hod-lgp-premium-badge {
    position:absolute;
    z-index:30;
    top:12px;
    left:12px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(222,226,234,.9);
    color:#313849;
    box-shadow:0 3px 10px rgba(0,0,0,.06);
    font-size:9px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.45px;
    pointer-events:none;
}

.hod-lgp-premium-quick {
    position:absolute;
    z-index:30;
    top:11px;
    right:11px;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    border:1px solid #e0e3e9;
    color:#3d4556;
    font-size:13px;
    font-weight:700;
    box-shadow:0 3px 10px rgba(0,0,0,.05);
    pointer-events:none;
}

.hod-lgp-premium-body {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    min-height:66px;
    padding:13px 14px 14px;
    box-sizing:border-box;
    border-top:1px solid rgba(231,234,240,.8);
    background:#fff;
}

.hod-lgp-premium-body strong {
    display:block;
    color:#151b29;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
}

.hod-lgp-premium-body small {
    display:block;
    margin-top:3px;
    color:#7a8190;
    font-size:9px;
    line-height:1.2;
}

.hod-lgp-premium-body > span {
    flex:0 0 auto;
    padding:7px 10px;
    border:1px solid #e8eaf0;
    border-radius:9px;
    background:#f7f8fb;
    color:#20295a;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1350px) {
    .hod-lgp-category-strip {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:1250px) {
    .hod-lgp-premium-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:1150px) {
    .hod-lgp-hero {
        grid-template-columns:1fr;
    }
    .hod-lgp-actions {
        width:100%;
    }
    .hod-lgp-btn {
        flex:1;
    }
}

@media(max-width:900px) {
    .hod-lgp-category-strip {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:767px) {
    .hod-lgp-top {
        width:calc(100% - 24px);
        margin:14px auto 18px;
    }

    .hod-lgp-hero {
        padding:21px 17px;
        border-radius:17px;
    }

    .hod-lgp-hero h1 {
        font-size:28px !important;
    }

    .hod-lgp-hero p {
        font-size:14px !important;
    }

    .hod-lgp-actions {
        flex-direction:column;
    }

    .hod-lgp-btn {
        min-width:0;
        width:100%;
    }

    .hod-lgp-category-strip {
        display:flex;
        overflow-x:auto;
        gap:10px;
        padding-bottom:8px;
    }

    .hod-lgp-category-chip {
        min-width:190px;
    }

    .hod-lgp-premium-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .hod-lgp-premium-visual {
        height:200px;
    }

    .hod-lgp-premium-body {
        padding:10px;
    }

    .hod-lgp-premium-body > span {
        display:none;
    }

    .hod-lgp-card-preview {
        display:none !important;
    }

    body.hod-lgp-active input.hod-lgp-search {
        min-width:0;
        width:100%;
    }
}


/* =========================================================
   v0.3.3 – DOM-STABILITÄT / ANTI-FLICKER
   Hover darf keinerlei Layout oder Größe verändern.
   ========================================================= */
.hod-lgp-premium-card,
.hod-lgp-premium-card:hover,
.hod-lgp-premium-card:focus,
.hod-lgp-premium-card:focus-visible,
.hod-lgp-premium-visual,
.hod-lgp-premium-design-wrap,
.hod-lgp-premium-design {
    animation: none !important;
}

.hod-lgp-card-preview,
.hod-lgp-card-preview * {
    pointer-events: none !important;
}

.hod-lgp-preview-visible .hod-lgp-card-preview {
    display: block !important;
}

.hod-lgp-premium-card:not(.hod-lgp-preview-visible) .hod-lgp-card-preview {
    display: none !important;
}


/* =========================================================
   v0.3.4 – FEINTUNING DRUCKPOSITIONEN
   Ziel:
   - Shirt etwas natürlicher auf Brusthöhe
   - Hoodie kompakte Logos höher und sichtbarer
   - Tasse mittiger / etwas größer
   - Tote etwas höher und harmonischer
   ========================================================= */

/* Grundzonen leicht korrigiert */
.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap {
    left: 37% !important;
    top: 31.5% !important;
    width: 25% !important;
    height: 27% !important;
}

.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap {
    left: 37.5% !important;
    top: 27.5% !important;
    width: 24% !important;
    height: 21% !important;
}

.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 35.5% !important;
    top: 38% !important;
    width: 28% !important;
    height: 25% !important;
}

.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    left: 34.5% !important;
    top: 37.5% !important;
    width: 30% !important;
    height: 28% !important;
}

.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap {
    left: 37% !important;
    top: 28.5% !important;
    width: 24% !important;
    height: 18% !important;
}

/* Kompakte Logos / Kronen / kleine Symbole: pro Produkt feiner einstellen */
.hod-lgp-design-compact.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap {
    top: 34% !important;
    width: 18% !important;
    height: 13% !important;
}

.hod-lgp-design-compact.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap {
    top: 32% !important;
    width: 18% !important;
    height: 12% !important;
}

.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 36% !important;
    top: 36.5% !important;
    width: 18% !important;
    height: 13% !important;
}

.hod-lgp-design-compact.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    top: 39% !important;
    width: 18% !important;
    height: 13% !important;
}

.hod-lgp-design-compact.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap {
    top: 30% !important;
    width: 16% !important;
    height: 10% !important;
}

/* Breite Motive wie Flaggen sollen auf Mug/Tote etwas ruhiger sitzen */
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    top: 39% !important;
    width: 30% !important;
    height: 22% !important;
}

.hod-lgp-premium-card--wide.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    top: 39% !important;
    width: 32% !important;
    height: 22% !important;
}

/* Leichte Hilfe für schwarze Motive auf schwarzem Hoodie/Cap */
.hod-lgp-design-dark.hod-lgp-mockup-hoodie .hod-lgp-premium-design,
.hod-lgp-design-dark.hod-lgp-mockup-cap .hod-lgp-premium-design {
    filter:
        drop-shadow(0 0 1px rgba(255,255,255,.35))
        drop-shadow(0 2px 4px rgba(0,0,0,.18)) !important;
}


/* =========================================================
   v0.3.5 – FESTE DRUCKZONEN JE PRODUKT
   Alle Motive sitzen pro Produkt an derselben Position.
   Nur die Skalierung reagiert noch auf Motivformat.
   ========================================================= */

/* SHIRT bleibt wie zuletzt */
.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap {
    left: 37% !important;
    top: 31.5% !important;
    width: 25% !important;
    height: 27% !important;
}

/* HOODIE: bewusst TIEFER */
.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap {
    left: 37.5% !important;
    top: 31% !important;
    width: 24% !important;
    height: 21% !important;
}

/* TASSE: bewusst HÖHER */
.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 35.5% !important;
    top: 34.5% !important;
    width: 28% !important;
    height: 25% !important;
}

/* TASCHE: bewusst HÖHER */
.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    left: 34.5% !important;
    top: 34% !important;
    width: 30% !important;
    height: 28% !important;
}

/* CAP ebenfalls feste Zone */
.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap {
    left: 37% !important;
    top: 28.5% !important;
    width: 24% !important;
    height: 18% !important;
}

/* Nur die MOTIVGRÖSSE unterscheidet sich noch, nie mehr die Position */
.hod-lgp-design-compact .hod-lgp-premium-design {
    max-width: 74% !important;
    max-height: 74% !important;
}

.hod-lgp-premium-card--wide .hod-lgp-premium-design {
    max-width: 100% !important;
    max-height: 64% !important;
}

.hod-lgp-premium-card--tall .hod-lgp-premium-design {
    max-width: 66% !important;
    max-height: 100% !important;
}

/* Kombination compact+wide/tall */
.hod-lgp-design-compact.hod-lgp-premium-card--wide .hod-lgp-premium-design {
    max-width: 82% !important;
    max-height: 58% !important;
}
.hod-lgp-design-compact.hod-lgp-premium-card--tall .hod-lgp-premium-design {
    max-width: 58% !important;
    max-height: 82% !important;
}


/* =========================================================
   v0.3.6 – KORREKTUR TASSE / TASCHE + DUNKELMOTIVE
   Nachjustiert anhand Screenshot:
   - Tasse etwas TIEFER / mittiger
   - Tasche etwas TIEFER / mittiger
   - Hoodie dunkle Motive künftig vermeiden
   ========================================================= */

/* SHIRT bleibt unverändert */
.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-shirt .hod-lgp-premium-design-wrap {
    left: 37% !important;
    top: 31.5% !important;
    width: 25% !important;
    height: 27% !important;
}

/* Hoodie bleibt von der Position, aber dunkle Motive sollen dort künftig gar nicht mehr landen */
.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-hoodie .hod-lgp-premium-design-wrap {
    left: 37.5% !important;
    top: 31% !important;
    width: 24% !important;
    height: 21% !important;
}

/* TASSE: sichtbar tiefer auf die Becherfront */
.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 35.5% !important;
    top: 41% !important;
    width: 27% !important;
    height: 21% !important;
}

/* TASCHE: etwas tiefer und mittiger auf die Stofffläche */
.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    left: 35% !important;
    top: 40% !important;
    width: 28% !important;
    height: 22% !important;
}

/* CAP unverändert */
.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-cap .hod-lgp-premium-design-wrap {
    left: 37% !important;
    top: 28.5% !important;
    width: 24% !important;
    height: 18% !important;
}

/* Feines Sizing: kleine Logos nicht zu winzig, aber auch nicht zu dominant */
.hod-lgp-design-compact .hod-lgp-premium-design {
    max-width: 78% !important;
    max-height: 78% !important;
}

.hod-lgp-premium-card--wide .hod-lgp-premium-design {
    max-width: 100% !important;
    max-height: 66% !important;
}

.hod-lgp-premium-card--tall .hod-lgp-premium-design {
    max-width: 68% !important;
    max-height: 100% !important;
}


/* =========================================================
   v0.3.7 – FEINKORREKTUR HÖHE FÜR TASSE + TASCHE
   Laut Screenshot sitzen beide noch zu hoch.
   Deshalb jetzt gezielt etwas tiefer.
   ========================================================= */

/* TASSE: sichtbar tiefer auf die Becherfront */
.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 35.5% !important;
    top: 46% !important;
    width: 27% !important;
    height: 21% !important;
}

/* TASCHE: etwas tiefer in die Stoffmitte */
.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-tote .hod-lgp-premium-design-wrap {
    left: 35% !important;
    top: 45% !important;
    width: 28% !important;
    height: 22% !important;
}


/* =========================================================
   v0.3.8 – FEINKORREKTUR NUR FÜR DIE TASSE
   Tasche passt jetzt. Deshalb nur die Tasse noch etwas tiefer.
   ========================================================= */

.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 35.5% !important;
    top: 50% !important;
    width: 27% !important;
    height: 21% !important;
}


/* =========================================================
   v0.3.9 – TASSE DEUTLICH TIEFER
   Nutzerfeedback: Motiv auf der Tasse sitzt noch zu hoch.
   Deshalb jetzt deutlich weiter nach unten.
   ========================================================= */

.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 35.5% !important;
    top: 58% !important;
    width: 27% !important;
    height: 21% !important;
}


/* =========================================================
   v0.4.0 – TASSE KLAR SICHTBAR KORRIGIERT
   Ziel: eindeutiger Unterschied auf der Mug.
   Das Motiv wandert sichtbar tiefer in die Becher-Mitte.
   ========================================================= */

.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-design-compact.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap,
.hod-lgp-premium-card--wide.hod-lgp-mockup-mug .hod-lgp-premium-design-wrap {
    left: 36% !important;
    top: 63% !important;
    width: 24% !important;
    height: 17% !important;
}


/* =========================================================
   v0.5.0 – MOCKUP-KOORDINATENSYSTEM
   WICHTIG: Mockup ist jetzt echtes IMG auf einer festen 4:3-Fläche.
   Dadurch stimmen Prozentkoordinaten exakt mit dem Originalbild überein.
   ========================================================= */

.hod-lgp-premium-visual {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    background: #f6f3ee !important;
}

.hod-lgp-premium-mockup {
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: none !important;
    pointer-events: none !important;
    user-select: none !important;
}

.hod-lgp-premium-design-wrap {
    position: absolute !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.hod-lgp-premium-design {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: translate(-50%, -50%) !important;
}

/* Debug-Modus: URL um &hod_print_debug=1 ergänzen */
body.hod-lgp-print-debug .hod-lgp-premium-design-wrap {
    outline: 2px dashed #ff2d55 !important;
    background: rgba(255,45,85,.10) !important;
}

body.hod-lgp-print-debug .hod-lgp-premium-design-wrap::after {
    content: "Druckzone";
    position: absolute;
    left: 0;
    top: -19px;
    padding: 2px 5px;
    background: #ff2d55;
    color: #fff;
    font-size: 9px;
    line-height: 1.2;
    border-radius: 3px;
}


/* =========================================================
   v0.5.2 – LIVE MOCKUP-KALIBRIERUNG
   Aktiv mit ?hod_print_debug=1
   ========================================================= */
.hod-lgp-calibrator {
    position: fixed;
    z-index: 1000000;
    right: 18px;
    top: 100px;
    width: 330px;
    padding: 16px;
    border: 1px solid #dddfe6;
    border-radius: 15px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 20px 55px rgba(15,23,42,.20);
    color: #171b28;
    font-family: inherit;
    font-size: 13px;
}

.hod-lgp-cal-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:13px;
    font-size:15px;
}

.hod-lgp-cal-close {
    appearance:none;
    border:0;
    background:transparent;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}

.hod-lgp-calibrator > label {
    display:block;
    margin-bottom:13px;
    font-weight:700;
}

.hod-lgp-calibrator select {
    display:block;
    width:100%;
    margin-top:5px;
}

.hod-lgp-cal-row {
    display:grid;
    grid-template-columns:65px 1fr 64px;
    gap:8px;
    align-items:center;
    margin:10px 0;
}

.hod-lgp-cal-row span {
    font-size:11px;
    font-weight:700;
}

.hod-lgp-cal-row input[type="range"] {
    width:100%;
}

.hod-lgp-cal-row input[type="number"] {
    width:64px;
    padding:5px;
}

.hod-lgp-cal-actions {
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:13px;
}

.hod-lgp-cal-status {
    min-height:18px;
    margin-top:9px;
    color:#5e6675;
    font-size:11px;
}

body.hod-lgp-print-debug .hod-lgp-premium-design-wrap {
    outline: 2px dashed #ff2d55 !important;
    background: rgba(255,45,85,.08) !important;
}


/* =========================================================
   v0.5.3 – KALIBRIERUNG OHNE HOVER
   ========================================================= */
body.hod-lgp-print-debug .hod-lgp-card-preview,
body.hod-lgp-print-debug .hod-lgp-preview-visible .hod-lgp-card-preview {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Während Kalibrierung bleibt die Karte komplett ruhig. */
body.hod-lgp-print-debug .hod-lgp-premium-card,
body.hod-lgp-print-debug .hod-lgp-premium-card:hover {
    transform: none !important;
}


/* =========================================================
   v0.6.3 – GRÖSSERE MOTIV-VORSCHAU + BESSERER HOVER-KONTRAST
   ========================================================= */
.hod-lgp-card-preview {
    background:
        radial-gradient(circle at 50% 42%, rgba(78, 90, 116, .96) 0%, rgba(50, 59, 78, .98) 58%, rgba(33, 40, 54, .99) 100%);
}

.hod-lgp-card-preview-inner {
    left: 7%;
    top: 6%;
    width: 86%;
    height: 80%;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 16px 40px rgba(0,0,0,.16);
}

.hod-lgp-card-preview-img {
    max-width: 92%;
    max-height: 92%;
    filter:
        drop-shadow(0 0 3px rgba(0,0,0,.36))
        drop-shadow(0 0 12px rgba(0,0,0,.18))
        drop-shadow(0 18px 32px rgba(0,0,0,.22));
}

.hod-lgp-card-preview-label {
    left: 14px;
    bottom: 13px;
    background: rgba(255,255,255,.96);
    border-color: rgba(226,230,238,.92);
    color: #20283a;
    box-shadow: 0 8px 18px rgba(7, 12, 24, .18);
}

/* Plain/Clipart-Karten dürfen das Motiv generell etwas größer zeigen. */
.hod-lgp-premium-card--plain .hod-lgp-premium-design-wrap {
    left: 9%;
    top: 8%;
    width: 82%;
    height: 80%;
}

.hod-lgp-premium-card--plain .hod-lgp-premium-design {
    max-width: 88% !important;
    max-height: 88% !important;
}

/* Mobile weiterhin ruhig und nicht zu dominant halten. */
@media(max-width:767px) {
    .hod-lgp-card-preview-inner {
        left: 9%;
        top: 8%;
        width: 82%;
        height: 76%;
    }

    .hod-lgp-card-preview-img {
        max-width: 88%;
        max-height: 88%;
    }
}


/* =========================================================
   v0.6.4 – HOVER ETWAS HELLER / KONTRAST-SAFE
   ========================================================= */
.hod-lgp-card-preview {
    background:
        radial-gradient(circle at 50% 42%, #8b93a2 0%, #737c8c 56%, #606a7a 100%);
}

.hod-lgp-card-preview-inner {
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
    border-color: rgba(255,255,255,.13);
}

/* Doppelte Kontur hilft sowohl sehr hellen als auch schwarzen Motiven. */
.hod-lgp-card-preview-img {
    filter:
        drop-shadow(0 0 2px rgba(255,255,255,.34))
        drop-shadow(0 0 4px rgba(0,0,0,.38))
        drop-shadow(0 16px 30px rgba(0,0,0,.18));
}


/* =========================================================
   v0.6.5 – HOVER NOCH ETWAS GRÖSSER
   ========================================================= */
.hod-lgp-card-preview-inner {
    left: 4%;
    top: 4%;
    width: 92%;
    height: 82%;
}

.hod-lgp-card-preview-img {
    max-width: 96%;
    max-height: 96%;
}

/* =========================================================
   COMMUNITY-GALERIE – v0.7.0
   ========================================================= */
.hod-lgp-category-strip[hidden],
.hod-lgp-community-filters[hidden] {
    display:none !important;
}

.hod-lgp-community-tab-wrap {
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

body.hod-lgp-active .hod-lgp-community-tab {
    appearance:none;
    cursor:pointer;
    color:#31344f !important;
}

body.hod-lgp-active .hod-lgp-community-tab--active {
    color:#fff !important;
    border-color:#5d4cf0 !important;
    background:linear-gradient(135deg,var(--hod-accent),var(--hod-accent-2)) !important;
    box-shadow:0 8px 22px rgba(93,76,240,.18) !important;
}

.hod-lgp-community-filters {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:12px;
    padding:12px 14px;
    border:1px solid var(--hod-line);
    border-radius:15px;
    background:#fff;
    box-shadow:0 7px 24px rgba(18,25,43,.035);
}

.hod-lgp-community-filter {
    appearance:none;
    min-height:36px;
    padding:8px 13px;
    border:1px solid #e1e4eb;
    border-radius:999px;
    background:#fff;
    color:#3d4352;
    font-size:12px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
}

.hod-lgp-community-filter:hover,
.hod-lgp-community-filter.is-active {
    border-color:#7869ef;
    color:#493cca;
    background:#f2f0ff;
}

/* Im Community-Modus darf die Motivfläche die volle Breite nutzen. */
body.hod-lgp-community-mode .lumise-addon-shortcode-tc-row > [class*="col-md-3"],
body.hod-lgp-community-mode .lumise-addon-shortcode-tc-row > [class*="sidebar"] {
    display:none !important;
}

body.hod-lgp-community-mode .lumise_shortcode-tc-listing.lumise-addon-shortcode-tc-col-md-9 {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
}

.hod-lgp-community-card .hod-lgp-community-visual {
    display:grid;
    place-items:center;
    padding:22px;
    box-sizing:border-box;
    background:
        radial-gradient(circle at 50% 42%,#fff 0%,#fbfaf8 58%,#f4f1ec 100%);
}

.hod-lgp-community-design {
    display:block;
    width:100%;
    height:100%;
    max-width:92%;
    max-height:92%;
    object-fit:contain;
    object-position:center;
    user-select:none;
    -webkit-user-drag:none;
    filter:drop-shadow(0 5px 12px rgba(16,24,40,.08));
}

.hod-lgp-community-badge {
    background:linear-gradient(135deg,#5d4cf0,#785cff) !important;
    color:#fff !important;
}

.hod-lgp-community-empty {
    grid-column:1 / -1;
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding:34px;
    text-align:center;
    border:1px dashed #d7dbe5;
    border-radius:18px;
    background:#fbfbfc;
    color:#747b8b;
}

.hod-lgp-community-empty strong {
    color:#202638;
    font-size:17px;
}

.hod-lgp-community-empty span {
    max-width:560px;
    font-size:12px;
    line-height:1.55;
}

body.hod-lgp-modal-open {
    overflow:hidden !important;
}

.hod-lgp-community-modal[hidden] {
    display:none !important;
}

.hod-lgp-community-modal {
    position:fixed;
    z-index:999999;
    inset:0;
    display:grid;
    place-items:center;
    padding:24px;
    box-sizing:border-box;
}

.hod-lgp-community-backdrop {
    position:absolute;
    inset:0;
    background:rgba(12,16,27,.72);
    backdrop-filter:blur(3px);
}

.hod-lgp-community-dialog {
    position:relative;
    z-index:1;
    width:min(920px,calc(100vw - 36px));
    max-height:calc(100vh - 40px);
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    overflow:auto;
    border:1px solid rgba(255,255,255,.65);
    border-radius:22px;
    background:#fff;
    box-shadow:0 28px 80px rgba(0,0,0,.28);
}

.hod-lgp-community-close {
    position:absolute;
    z-index:3;
    right:14px;
    top:12px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #e3e5eb;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    color:#111827;
    font-size:27px;
    line-height:1;
    cursor:pointer;
}

.hod-lgp-community-dialog-image {
    min-height:520px;
    display:grid;
    place-items:center;
    padding:38px;
    box-sizing:border-box;
    background:
        radial-gradient(circle at 50% 42%,#fff 0%,#f8f6f2 65%,#efece6 100%);
}

.hod-lgp-community-dialog-image img {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:520px;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
}

.hod-lgp-community-dialog-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:54px 42px 42px;
    box-sizing:border-box;
}

.hod-lgp-community-kicker {
    margin-bottom:10px;
    color:#5d4cf0;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}

.hod-lgp-community-dialog-copy h2 {
    margin:0 0 8px !important;
    color:#111827 !important;
    font-size:28px !important;
    line-height:1.12 !important;
    text-transform:none !important;
}

.hod-lgp-community-meta {
    margin:0 0 20px !important;
    color:#697183;
    font-size:12px;
    font-weight:700;
}

.hod-lgp-community-explain {
    margin:0 0 22px !important;
    color:#5f6776;
    font-size:13px;
    line-height:1.58;
}

.hod-lgp-community-use {
    width:100%;
    min-height:48px;
    padding:12px 18px;
    border:0;
    border-radius:12px;
    background:#111;
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}

.hod-lgp-community-use:disabled {
    opacity:.72;
    cursor:default;
}

.hod-lgp-community-use-status {
    min-height:18px;
    margin-top:12px;
    color:#596174;
    font-size:11px;
    line-height:1.45;
}

.hod-lgp-community-shop {
    margin-top:14px;
    padding:11px 14px;
    text-align:center;
    border:1px solid #d9d5fb;
    border-radius:11px;
    color:#4d42c8 !important;
    background:#f7f5ff;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
}

@media (max-width:760px) {
    .hod-lgp-community-dialog {
        grid-template-columns:1fr;
    }
    .hod-lgp-community-dialog-image {
        min-height:320px;
        padding:24px;
    }
    .hod-lgp-community-dialog-copy {
        padding:30px 24px 26px;
    }
}


/* =========================================================
   v0.7.1 – KLARER WECHSEL DESIGNVORLAGEN / COMMUNITY
   ========================================================= */
.hod-lgp-view-switch {
    display:flex;
    align-items:center;
    gap:5px;
    width:min(100%, 520px);
    margin:14px 0 14px;
    padding:5px;
    border:1px solid #e5e3ee;
    border-radius:16px;
    background:#f6f5fa;
    box-shadow:0 6px 22px rgba(18,25,43,.035);
}

.hod-lgp-view-switch-btn {
    appearance:none;
    flex:1 1 0;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 16px;
    border:1px solid transparent;
    border-radius:12px;
    background:transparent;
    color:#31364a;
    font:inherit;
    font-size:13px;
    line-height:1.15;
    font-weight:800;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.hod-lgp-view-switch-btn:hover {
    background:#fff;
    border-color:#dedbea;
}

.hod-lgp-view-switch-btn.is-active {
    color:#fff;
    border-color:#5d4cf0;
    background:linear-gradient(135deg,var(--hod-accent),var(--hod-accent-2));
    box-shadow:0 8px 22px rgba(93,76,240,.20);
}

.hod-lgp-view-switch-btn:focus-visible {
    outline:3px solid rgba(93,76,240,.22);
    outline-offset:2px;
}

.hod-lgp-view-switch-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    font-size:15px;
}

/* Der alte dritte Reiter wird ab v0.7.1 bewusst nicht mehr verwendet. */
.hod-lgp-community-tab-wrap,
.hod-lgp-community-tab {
    display:none !important;
}

@media (max-width: 767px) {
    .hod-lgp-view-switch {
        width:100%;
        margin-top:10px;
        border-radius:14px;
    }
    .hod-lgp-view-switch-btn {
        min-height:44px;
        padding:9px 10px;
        font-size:12px;
    }
}


/* =========================================================
   v0.7.2 – COMMUNITY-MOTIVE AUF PRODUKT-MOCKUPS
   Cliparts bleiben bewusst als Rohmotiv ohne Mockup sichtbar.
   ========================================================= */
.hod-lgp-community-card--mockup .hod-lgp-community-visual {
    display:block;
    padding:0;
    background:#f6f3ee;
}

.hod-lgp-community-card--mockup .hod-lgp-premium-design-wrap {
    z-index:2 !important;
}

.hod-lgp-community-card--mockup .hod-lgp-community-design-on-mockup {
    user-select:none;
    -webkit-user-drag:none;
}

.hod-lgp-community-card--mockup .hod-lgp-premium-mockup {
    width:100%;
    height:100%;
    object-fit:cover;
}

.hod-lgp-community-dialog-image {
    position:relative;
    align-content:center;
    gap:14px;
}

.hod-lgp-community-modal-product {
    position:relative;
    width:min(100%,560px);
    aspect-ratio:4 / 3;
    overflow:hidden;
    border:1px solid #e6e2dc;
    border-radius:18px;
    background:#f6f3ee;
    box-shadow:0 14px 34px rgba(16,24,40,.10);
}

.hod-lgp-community-modal-product[hidden] {
    display:none !important;
}

.hod-lgp-community-modal-mockup {
    position:absolute;
    z-index:0;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    user-select:none;
    -webkit-user-drag:none;
}

.hod-lgp-community-modal-design-wrap {
    z-index:2 !important;
}

.hod-lgp-community-modal-design {
    user-select:none;
    -webkit-user-drag:none;
}

.hod-lgp-community-original-preview {
    width:min(100%,560px);
    min-height:86px;
    display:grid;
    grid-template-columns:auto 74px;
    align-items:center;
    justify-content:end;
    gap:12px;
    padding:8px 10px 8px 14px;
    box-sizing:border-box;
    border:1px solid #e6e8ee;
    border-radius:13px;
    background:rgba(255,255,255,.94);
    color:#697183;
    font-size:11px;
    font-weight:800;
}

.hod-lgp-community-original-img {
    display:block;
    width:74px !important;
    height:74px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    padding:5px;
    box-sizing:border-box;
    border:1px solid #eceef2;
    border-radius:9px;
    background:#fff;
    user-select:none;
    -webkit-user-drag:none;
}

.hod-lgp-community-modal--plain .hod-lgp-community-original-preview {
    width:min(100%,520px);
    grid-template-columns:1fr;
    justify-items:center;
    padding:18px;
}

.hod-lgp-community-modal--plain .hod-lgp-community-original-preview span {
    display:none;
}

.hod-lgp-community-modal--plain .hod-lgp-community-original-img {
    width:100% !important;
    height:auto !important;
    max-height:480px !important;
    border:0;
}

@media (max-width:760px) {
    .hod-lgp-community-modal-product {
        width:100%;
    }
    .hod-lgp-community-original-preview {
        width:100%;
    }
}

/* =========================================================
   v0.7.4 – HOVER-MOTIV DEUTLICH GRÖSSER
   Die JS-Vorschau wird zusätzlich auf sichtbaren Motivinhalt beschnitten.
   ========================================================= */
.hod-lgp-card-preview-inner {
    left: 1.5%;
    top: 1.5%;
    width: 97%;
    height: 87%;
    overflow: hidden;
}

.hod-lgp-card-preview-img {
    max-width: 100%;
    max-height: 100%;
}

@media(max-width:767px) {
    .hod-lgp-card-preview-inner {
        left: 3%;
        top: 3%;
        width: 94%;
        height: 83%;
    }
    .hod-lgp-card-preview-img {
        max-width: 100%;
        max-height: 100%;
    }
}

/* v0.7.16 – Admin-Bestseller-Markierung */
.hod-lgp-admin-bestseller{
    position:absolute;
    top:14px;
    right:54px;
    z-index:32;
    width:36px;
    height:36px;
    border:1px solid rgba(15,23,42,.14);
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#94a3b8;
    font-size:19px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(15,23,42,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .15s ease, color .15s ease, background .15s ease;
}
.hod-lgp-admin-bestseller:hover{transform:scale(1.07);color:#d49400;}
.hod-lgp-admin-bestseller.is-active{background:#fff7d6;color:#e0a400;border-color:#f2cc59;}
.hod-lgp-admin-bestseller:disabled{opacity:.55;cursor:wait;}


/* v0.7.17 – Bestseller-Stern bleibt über der Hover-Motivvorschau */
.hod-lgp-preview-visible .hod-lgp-admin-bestseller,
.hod-lgp-premium-card:hover .hod-lgp-admin-bestseller {
    z-index:32 !important;
    opacity:1 !important;
    visibility:visible !important;
    display:flex !important;
    pointer-events:auto !important;
}


/* =========================================================
   v0.7.18 – Favoriten deutlicher hervorheben
   ========================================================= */
.hod-lgp-category-chip--favorites {
    border-color:#e9cf7c;
    background:linear-gradient(135deg,#fffdf5,#fff8dc);
    box-shadow:0 8px 25px rgba(181,139,28,.10);
}
.hod-lgp-category-chip--favorites .hod-lgp-cat-icon {
    background:#fff2bd;
    color:#c58a00;
}
.hod-lgp-category-chip--favorites strong {
    color:#7a5700;
}
.hod-lgp-category-chip--favorites:hover {
    border-color:#dcb64a;
    box-shadow:0 10px 30px rgba(181,139,28,.16);
}
.hod-lgp-category-chip--favorites.hod-lgp-category-chip--active {
    border-color:#d2a62f !important;
    background:linear-gradient(135deg,#fff7cf,#fffbea) !important;
    box-shadow:0 0 0 2px rgba(210,166,47,.12),0 10px 28px rgba(181,139,28,.15) !important;
}
.hod-lgp-category-chip--favorites.hod-lgp-category-chip--active .hod-lgp-cat-icon {
    background:#ffeaa0 !important;
    color:#a86f00 !important;
}
.hod-lgp-category-chip--favorites.hod-lgp-category-chip--active strong {
    color:#745000 !important;
}

/* =========================================================
   v0.7.21 – saubere zweizeilige Schnellfilter-Beschriftungen
   ========================================================= */
.hod-lgp-cat-copy strong .hod-lgp-cat-line {
    display:block;
    line-height:1.25;
    white-space:nowrap;
}

/* Search feedback remains separate from the result count. */
.hod-lgp-loading-status { margin: 14px 0; padding: 12px 16px; border-radius: 10px; background: #eef6ff; color: #153a60; font-weight: 600; }
.hod-lgp-loading-status[hidden] { display: none; }
.hod-lgp-loading-status.is-loading::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 10px; border: 2px solid #b6d6f3; border-top-color: #1769aa; border-radius: 50%; vertical-align: -2px; animation: hod-lgp-spin .8s linear infinite; }
@keyframes hod-lgp-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .hod-lgp-loading-status.is-loading::before { animation: none; } }