/*
 * ShopDesign V3 (Vorschau) – Header, Mega-Menü, Mobil-Menü im Design-System v2.
 * Alles hängt an body.le-hd-v3 (Schalter headerDesign). Nur Darstellung: Labels, URLs, Kategorien, Warenkorb,
 * Merkzettel, Konto und Suche bleiben Shopware-Funktionen. Tokens wie le-shop-design.css (--le-*).
 */
/* F-05: Serif auch auf Seiten ohne le-shop-design.css (Impressum, Warenkorb, Suche …) */
@font-face { font-family: 'LE Cormorant'; src: url('../fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'LE Cormorant'; src: url('../fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
.le-hd-v3 {
    --le-ink: #1b1b1b; --le-text: #3b3934; --le-muted: #777164; --le-label: #5f5a50; --le-gold: #dab44a;
    --le-gold-deep: #9c7c25; --le-line: #e6e0d2; --le-field: #d9d2c2; --le-paper: #faf8f3;
    --le-serif: 'LE Cormorant', 'Cormorant Garamond', Georgia, serif; --le-sans: 'Raleway', 'Open Sans', Arial, sans-serif;
    --hd-on-dark: #d9d4c8; --hd-muted-dark: #a59f92; --hd-focus: 0 0 0 3px rgba(218, 180, 74, .35);
}

/* ---------------------------------------------------------------- Fokus (alle Breiten) */
.le-hd-v3 .header-main a:focus-visible, .le-hd-v3 .navigation-main a:focus-visible, .le-hd-v3 .advanced-menu a:focus-visible,
.le-hd-v3 .advanced-menu .button--close:focus-visible, .le-hd-v3 .sidebar-main a:focus-visible, .le-hd-v3 .header-main button:focus-visible {
    outline: 2px solid #dab44a !important; outline-offset: 3px; box-shadow: none;
}
.le-hd-v3 .advanced-menu a:focus-visible, .le-hd-v3 .advanced-menu .button--close:focus-visible, .le-hd-v3 .sidebar-main a:focus-visible { outline-color: var(--le-ink) !important; }
.le-hd-v3 .header-main .main-search--field:focus { outline: none; border-color: var(--le-gold) !important; box-shadow: var(--hd-focus); }

/* ---------------------------------------------------------------- Desktop ≥ 1024 px */
@media screen and (min-width: 64em) {
    /* Hauptpunkte: Linie statt Kachel, gleicher Schnitt aktiv/inaktiv */
    .le-hd-v3 .navigation-main .navigation--list .navigation--entry,
    .le-hd-v3 .navigation-main .navigation--list .navigation--entry.is--hovered { background: transparent !important; }
    .le-hd-v3 .navigation-main .navigation--link,
    .le-hd-v3 .navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
        position: relative; padding: .5rem 12px .45rem; font: 500 15px/1.3 var(--le-sans); letter-spacing: .02em;
        color: var(--hd-on-dark) !important; background: transparent !important; border-radius: 0;
    }
    .le-hd-v3 .navigation-main .navigation--link::after {
        content: ''; position: absolute; left: 12px; right: 12px; bottom: .2rem; height: 1px; background: var(--le-gold);
        transform: scaleX(0); transform-origin: left; transition: transform .18s ease;
    }
    .le-hd-v3 .navigation-main .navigation--link:hover,
    .le-hd-v3 .navigation-main .navigation--entry.is--hovered .navigation--link { color: #fff !important; }
    .le-hd-v3 .navigation-main .navigation--link:hover::after,
    .le-hd-v3 .navigation-main .navigation--entry.is--hovered .navigation--link::after,
    .le-hd-v3 .navigation-main .is--active .navigation--link::after { transform: scaleX(1); }
    .le-hd-v3 .navigation-main .is--active .navigation--link { color: var(--le-gold) !important; font-weight: 500 !important; }
    /* Bei offenem Panel nur der geöffnete Punkt unterstrichen (G-D4) */
    .le-hd-v3 .navigation-main .navigation--list:has(.is--hovered) .navigation--entry.is--active:not(.is--hovered) .navigation--link::after { transform: scaleX(0); }
    /* Fokus der Hauptpunkte innen: die Navigationsleiste schneidet äußere Rahmen oben/unten ab (G: „nur Balken“) */
    .le-hd-v3 .navigation-main .navigation--link:focus-visible, .le-hd-v3 .navigation-main .navigation--link:focus { outline: 2px solid #dab44a !important; outline-offset: -2px !important; }
    .le-hd-v3 .navigation-main .navigation--link:focus:not(:focus-visible) { outline: none !important; }

    /* Icon-Leiste: eine Reihe, feste Reihenfolge Beratung · Suche · Merkzettel · Konto · Warenkorb */
    .le-hd-v3 .header-main .shop--navigation > .navigation--list { display: flex; justify-content: flex-end; align-items: center; gap: 4px; padding-top: 0; height: 40px; } /* Höhe wie Theme: Header bleibt 115 px (F-22) */
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry { position: relative !important; float: none; margin: 0 !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search { order: 2; position: relative !important; left: auto !important; right: auto !important; top: auto !important; width: auto !important; margin: 0 !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search .btn { position: static !important; display: inline-flex !important; }
    .le-hd-v3 .header-main .shop--navigation .entry--search, .le-hd-v3 .header-main .shop--navigation .entry--search .btn, .le-hd-v3 .header-main .shop--navigation .entry--search .is--active.btn { background: transparent !important; border: 0 !important; }
    .le-hd-v3 .header-main .shop--navigation .entry--cart .cart--link { display: inline-flex !important; flex-direction: row; align-items: center; gap: 8px; height: 40px; padding: 0 2px 0 6px !important; position: relative; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .entry--cart .cart--link i.icon--basket { position: static !important; left: auto !important; top: auto !important; margin: 0 !important; }
    .le-hd-v3 .header-main .shop--navigation .entry--cart .cart--amount { position: static !important; display: inline-block !important; color: #fff !important; margin: 0 !important; }
    .le-hd-v3 .header-main .shop--navigation .entry--cart .cart--display { display: none !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--notepad { order: 3; }
    .le-hd-v3 .header-main .navigation--entry.entry--account { order: 4; }
    .le-hd-v3 .header-main .navigation--entry.entry--cart { order: 5; }
    .le-hd-v3 .header-main .le-hd-phone-entry { order: 1; margin-right: 18px !important; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn,
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > a.btn { width: 40px; height: 40px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry.entry--cart > a.btn { width: auto !important; min-width: 40px; padding: 0 2px 0 8px !important; gap: 8px; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry .icon--account { left: 0 !important; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn i, .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > a i { font-size: 22px !important; }
    .le-hd-v3 .header-main .entry--cart .cart--amount { font: 600 13px/1 var(--le-sans); font-variant-numeric: lining-nums; }
    /* Suche: Feld unter der Icon-Leiste, Ink-Rahmen statt Grau */
    .le-hd-v3 .header-main .navigation--entry.entry--search .main-search--form {
        position: absolute !important; top: 46px !important; right: -170px !important; left: auto !important; width: 380px !important;
        padding: 0 !important; background: transparent !important; z-index: 3600;
    }
    .le-hd-v3 .header-main .main-search--field { height: 44px; border: 1px solid var(--le-field) !important; border-radius: 0 !important; background: #fff !important; color: var(--le-ink) !important; font: 400 15px var(--le-sans); padding: 0 44px 0 14px; }
    .le-hd-v3 .header-main .entry--search ::placeholder, .le-hd-v3 .header-main .main-search--field::placeholder { text-transform: none !important; color: var(--le-muted) !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search .main-search--results { top: 92px !important; right: -170px !important; left: auto !important; width: 380px !important; margin: 0 !important; }

    /* Beratungszeile */
    .le-hd-v3 .le-hd-phone { display: inline-flex; align-items: baseline; gap: 10px; text-decoration: none; padding: 6px 4px; }
    .le-hd-v3 .le-hd-phone__label { font: 700 10.5px/1 var(--le-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--hd-muted-dark); }
    .le-hd-v3 .le-hd-phone__nr { font: 600 13px/1 var(--le-sans); color: #fff; font-variant-numeric: lining-nums; letter-spacing: .02em; }
    .le-hd-v3 .le-hd-phone:hover .le-hd-phone__nr { color: var(--le-gold); }

    /* Mega-Panel */
    .le-hd-v3 .advanced-menu .menu--container.le-hd-nopanel { display: none !important; }
    .le-hd-v3 .advanced-menu .menu--container.le-hd-panel.menu--is-active {
        display: flex !important; flex-direction: column; width: min(1160px, calc(100% - 64px)); margin: 0 auto; background: #fff;
        border-top: 1px solid var(--le-gold); box-shadow: 0 18px 40px rgba(0, 0, 0, .12); padding: 26px 44px 0; box-sizing: border-box;
        max-height: calc(100vh - 139px); overflow-y: auto; animation: le-hd-in .18s ease-out;
    }
    @keyframes le-hd-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
    .le-hd-v3 .advanced-menu .le-hd-panel .button-container {
        order: 0; position: relative; background: transparent !important; height: auto; padding: 0 48px 18px 0; margin: 0;
        border-bottom: 1px solid var(--le-line);
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .button--category {
        display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 10px; padding: 0 0 4px; border-bottom: 1px solid var(--le-gold);
        font: 700 11.5px/1.2 var(--le-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--le-ink) !important; background: none;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .button--category i { color: var(--le-gold-deep); font-size: 10px; position: static !important; margin: 0 !important; }
    .le-hd-v3 .advanced-menu { background: transparent !important; box-shadow: none !important; border: 0 !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel .button--close {
        position: absolute; right: -10px; top: -6px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
        color: var(--le-muted) !important; font-size: 14px; background: none; cursor: pointer;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .button--close:hover { color: var(--le-ink) !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel .content--wrapper { order: 1; display: flex; gap: 44px; padding: 26px 0 28px; margin: 0; background: #fff; }
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--list.menu--level-0 {
        width: auto !important; flex: 1 1 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 36px; padding: 0; margin: 0;
        columns: auto; column-count: auto;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--list-item.item--level-0 { width: auto !important; padding: 0; margin: 0; break-inside: avoid; }
    .le-hd-v3 .advanced-menu .le-hd-panel .item--level-0 > .menu--list-item-link {
        display: block; font: 600 19px/1.25 var(--le-serif); color: var(--le-ink) !important; margin: 0 0 10px; padding: 0; text-transform: none;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .item--level-0 > .menu--list-item-link:hover { color: var(--le-gold-deep) !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--level-1 { display: block; columns: auto; padding: 0; margin: 0; }
    .le-hd-v3 .advanced-menu .le-hd-panel .item--level-1 { width: auto !important; padding: 0; margin: 0; }
    .le-hd-v3 .advanced-menu .le-hd-panel .item--level-1 > .menu--list-item-link {
        display: inline-block; font: 400 14.5px/30px var(--le-sans); color: var(--le-text) !important; padding: 0; border-bottom: 1px solid transparent;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .item--level-1 > .menu--list-item-link:hover { color: var(--le-ink) !important; border-bottom-color: var(--le-gold); line-height: 29px; }
    /* Ebene 3 nur, wenn der Bereich sonst sehr knapp ist (Kennzeichnung per JS: le-hd-panel--compact) */
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--level-2 { display: none; }
    .le-hd-v3 .advanced-menu .le-hd-panel.le-hd-panel--compact .menu--level-2 { display: block; padding: 0 0 4px 12px; margin: 0; }
    .le-hd-v3 .advanced-menu .le-hd-panel.le-hd-panel--compact .item--level-2 > .menu--list-item-link { font: 400 13.5px/26px var(--le-sans); color: var(--le-muted) !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel.le-hd-panel--compact .item--level-2 > .menu--list-item-link:hover { color: var(--le-ink) !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel.le-hd-panel--single .menu--list.menu--level-0 { grid-template-columns: 1fr; }
    .le-hd-v3 .advanced-menu .le-hd-panel.le-hd-panel--single .item--level-0 > .menu--level-1 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 36px; }
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--delimiter { display: none; }
    /* Teaser: kein Hintergrundbild (lädt dann nicht), kein abgeschnittener Text – nur der Bereichstitel */
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--teaser {
        width: 300px !important; flex: 0 0 300px; padding: 2px 0 0 28px; margin: 0; border-left: 1px solid var(--le-line); position: static;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .teaser--image { display: none !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel .teaser--text { display: none !important; }
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--teaser::before {
        content: 'Bereich'; display: block; font: 700 11px/1 var(--le-sans); letter-spacing: .26em; text-transform: uppercase; color: var(--le-gold-deep); margin-bottom: 12px;
    }
    .le-hd-v3 .advanced-menu .le-hd-panel .teaser--headline { font: 500 22px/1.25 var(--le-serif); color: var(--le-ink); margin: 0; padding: 0; text-transform: none; }
    /* Fußzeile */
    .le-hd-v3 .advanced-menu .le-hd-panel-foot {
        order: 2; display: flex; justify-content: space-between; align-items: center; min-height: 52px; border-top: 1px solid var(--le-line); gap: 24px;
    }
    .le-hd-v3 .le-hd-panel-foot__contact { display: inline-flex; align-items: baseline; gap: 14px; }
    .le-hd-v3 .le-hd-panel-foot__label { font: 700 11px/1 var(--le-sans); letter-spacing: .26em; text-transform: uppercase; color: var(--le-label); }
    .le-hd-v3 .le-hd-panel-foot__nr { font: 600 18px/1 var(--le-serif); color: var(--le-ink) !important; font-variant-numeric: lining-nums; text-decoration: none; }
    .le-hd-v3 .le-hd-panel-foot__link {
        font: 700 11.5px/1 var(--le-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--le-ink) !important; text-decoration: none;
        padding-bottom: 4px; border-bottom: 1px solid var(--le-gold);
    }
    .le-hd-v3 .le-hd-panel-foot__link::after { content: ' →'; color: var(--le-gold-deep); }
    .le-hd-v3 .le-hd-oc-service { display: none; }

    /* Eckband „LE Showroom“: entfällt (HeaderDesign entfernt den Link); Regel nur als Sicherung */
    .le-hd-v3.le-hd-v3--no-ribbon .header-main .top-bar .showroom { display: none !important; }
}
@media screen and (min-width: 64em) and (max-width: 78.74em) {
    .le-hd-v3 .navigation-main .navigation--link,
    .le-hd-v3 .navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link { padding: .5rem 9px .45rem; font-size: 14.5px; }
    .le-hd-v3 .navigation-main .navigation--link::after { left: 9px; right: 9px; }
    .le-hd-v3 .le-hd-phone__label { font-size: 0; letter-spacing: 0; }
    .le-hd-v3 .le-hd-phone__label::before { content: '\e619'; font-family: 'shopware'; font-size: 15px; color: var(--le-gold); }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list { padding-right: 8px; }
    /* 1.7.3 V-03: bei 1024–1259 px brachen Einträge um („LE -“ / „Niedrigenergiehäuser“) – Teaser (wiederholt nur die Bereichsüberschrift) ausblenden */
    .le-hd-v3 .advanced-menu .le-hd-panel .menu--teaser { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .le-hd-v3 .advanced-menu .menu--container.le-hd-panel.menu--is-active { animation: none; }
    .le-hd-v3 .navigation-main .navigation--link::after { transition: none; }
}

/* ---------------------------------------------------------------- Mobil/Tablet < 1024 px: immer Burger + Off-Canvas */
@media screen and (max-width: 63.99em) {
    .le-hd-v3 header + nav.navigation-main, .le-hd-v3 .navigation-main { display: none !important; }
    .le-hd-v3 .header-main { padding: 0 !important; height: 56px; border-bottom: 1px solid rgba(218, 180, 74, .35); position: relative; z-index: auto; } /* 1.7.3 T-01: kein eigener Stapelkontext – sonst liegt das Body-Overlay (z 5000) über dem Ajax-Warenkorb im Header */
    .le-hd-v3 .header-main .top-bar { display: none !important; }
    .le-hd-v3 .header-main .header--navigation { height: 56px; padding: 0 !important; position: relative; }
    .le-hd-v3 .header-main .logo-main { position: absolute; left: 58px; top: 8px; width: auto !important; padding: 0 !important; margin: 0 !important; float: none; z-index: 2; } /* 1.7.3 A-02: über .shop--navigation (absolut, volle Breite) */
    .le-hd-v3 .header-main .logo-main .logo--shop { width: auto !important; height: 40px !important; }
    .le-hd-v3 .header-main .logo-main .logo--link { height: 40px !important; top: 0 !important; display: block; }
    .le-hd-v3 .header-main .logo-main img { height: 40px; width: auto; }
    .le-hd-v3 .shop--navigation { position: absolute !important; inset: 0 0 auto 0; top: 0 !important; width: 100% !important; height: 56px; float: none; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list { display: flex; align-items: center; justify-content: flex-end; height: 56px; padding: 0 8px 0 0; gap: 2px; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry { position: relative !important; margin: 0 !important; float: none; display: block; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry.entry--menu-left { display: block !important; position: absolute !important; left: 6px; top: 6px; order: 0; }
    .le-hd-v3 .shop--navigation .entry--menu-left .btn {
        width: 44px !important; height: 44px !important; padding: 0 !important; font-size: 0 !important; color: #fff !important;
        display: flex; align-items: center; justify-content: center; line-height: 1;
    }
    .le-hd-v3 .shop--navigation .entry--menu-left .icon--menu { font-size: 22px !important; color: var(--le-gold); position: static !important; margin: 0 !important; line-height: 1 !important; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry.entry--menu-left { top: 6px !important; left: 6px !important; }
    .le-hd-v3 .header-main .shop--navigation .entry--menu-left .btn { margin: 0 !important; line-height: 44px !important; position: static !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search { order: 1; position: relative !important; left: auto !important; right: auto !important; top: auto !important; width: auto !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search .btn { position: static !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--notepad { order: 2; }
    .le-hd-v3 .header-main .navigation--entry.entry--account { order: 3; }
    .le-hd-v3 .header-main .navigation--entry.entry--cart { order: 4; }
    .le-hd-v3 .header-main .le-hd-phone-entry { display: none !important; }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn,
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > a.btn {
        width: 40px !important; height: 40px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center;
        color: var(--le-gold) !important; background: none !important; border: 0 !important;
    }
    .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn i, .le-hd-v3 .header-main .shop--navigation > .navigation--list > .navigation--entry > a i { font-size: 21px !important; left: 0 !important; top: 0 !important; }
    .le-hd-v3 .header-main .shop--navigation .cart--amount, .le-hd-v3 .header-main .shop--navigation .cart--display { display: none !important; }
    .le-hd-v3 .header-main .shop--navigation .cart--quantity { top: 2px !important; left: 24px !important; }
    /* Suche: Band in Ink unter dem Header */
    .le-hd-v3 .header-main.is--active-searchfield { height: auto; padding-bottom: 68px !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search .main-search--form {
        position: fixed !important; left: 0 !important; right: 0 !important; top: 56px !important; width: auto !important; padding: 0 16px 12px !important;
        background: var(--le-ink) !important; border: 0 !important; z-index: 3600;
    }
    .le-hd-v3 .header-main .main-search--field {
        height: 48px; border: 1px solid var(--le-field) !important; border-radius: 0 !important; background: #fff !important; color: var(--le-ink) !important;
        font: 400 16px var(--le-sans); padding: 0 44px 0 14px;
    }
    .le-hd-v3 .header-main .entry--search ::placeholder, .le-hd-v3 .header-main .main-search--field::placeholder { text-transform: none !important; color: var(--le-muted) !important; }
    .le-hd-v3 .header-main .navigation--entry.entry--search .main-search--results { position: fixed !important; top: 116px !important; left: 16px !important; right: 16px !important; width: auto !important; margin: 0 !important; transform: none !important; }

    /* Off-Canvas: weiß, 56-px-Zeilen, kein Werbefeld */
    .le-hd-v3 .sidebar-main.off-canvas { width: min(86vw, 340px) !important; background: #fff !important; }
    .le-hd-v3 .sidebar-main .navigation--smartphone .entry--close-off-canvas .navigation--link {
        height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background: var(--le-ink) !important;
        color: #fff !important; font: 600 14px var(--le-sans); border: 0;
    }
    .le-hd-v3 .sidebar-main .navigation--smartphone .entry--close-off-canvas i { color: var(--le-gold); }
    .le-hd-v3 .sidebar-main .categories--headline {
        padding: 22px 20px 10px !important; margin: 0; background: #fff !important; border: 0 !important;
        font: 700 11px/1 var(--le-sans) !important; letter-spacing: .26em; text-transform: uppercase; color: var(--le-gold-deep) !important;
    }
    .le-hd-v3 .sidebar-main .sidebar--navigation { background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
    .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--entry { border-bottom: 1px solid var(--le-line) !important; background: #fff !important; }
    .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--link {
        min-height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px !important;
        font: 500 16px/1.3 var(--le-sans) !important; color: var(--le-ink) !important; background: #fff !important; border: 0 !important;
    }
    .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--link .is--icon-right, .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--link i { color: var(--le-gold-deep) !important; font-size: 12px; position: static !important; }
    .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--entry.is--active > .navigation--link { box-shadow: inset 2px 0 0 var(--le-gold); }
    .le-hd-v3 .sidebar-main .sidebar--navigation .link--go-back, .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--link.link--go-main {
        min-height: 48px; font: 700 11px/1 var(--le-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--le-label) !important;
    }
    .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--link.is--display-button {
        font: 700 12px/1 var(--le-sans) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--le-gold-deep) !important;
    }
    .le-hd-v3 .sidebar-main .paypal--sidebar { display: none !important; }
    /* 1.7.3 V-08: Service-Block nur im geöffneten Off-Canvas erreichbar (keine unsichtbaren Tab-Stopps) */
    .le-hd-v3 .sidebar-main:not(.is--open) .le-hd-oc-service { visibility: hidden; }
    .le-hd-v3 .sidebar-main, .le-hd-v3 .sidebar-main .sidebar--categories-wrapper, .le-hd-v3 .sidebar-main .sidebar--categories-navigation,
    .le-hd-v3 .sidebar-main .navigation--smartphone, .le-hd-v3 .sidebar-main .sidebar--navigation.is--level1, .le-hd-v3 .sidebar-main .sidebar--navigation.is--level2 { background: #fff !important; }
    /* Ebene 2 (per AJAX: .offcanvas--overlay): weiß; „Hauptmenü“ nur, wenn „Zurück“ nicht ohnehin zum Hauptmenü führt */
    .le-hd-v3 .sidebar-main .offcanvas--overlay { background: #fff !important; width: 100% !important; top: 56px !important; left: 0 !important; right: 0 !important; }
    .le-hd-v3 .sidebar-main .offcanvas--overlay:has(.link--go-back[data-parentId="3"]) .overlay--headline { display: none !important; }
    .le-hd-v3 .sidebar-main .overlay--headline .link--go-main {
        min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 0 20px !important; background: #fff !important; border-bottom: 1px solid var(--le-line);
        font: 700 11px/1 var(--le-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--le-label) !important;
    }
    .le-hd-v3 .sidebar-main .overlay--headline .link--go-main i { font-size: 14px; color: var(--le-gold-deep) !important; }
    .le-hd-v3 .sidebar-main .overlay--category { background: #fff !important; padding: 22px 20px 8px !important; border: 0 !important; }
    .le-hd-v3 .sidebar-main .overlay--category a { text-decoration: none; }
    .le-hd-v3 .sidebar-main .overlay--category .category--headline { font: 600 24px/1.2 var(--le-serif) !important; color: var(--le-ink) !important; text-transform: none !important; }
    .le-hd-v3 .sidebar-main .sidebar--navigation .link--go-back .is--icon-left i { color: var(--le-gold-deep) !important; }
    .le-hd-v3 .sidebar-main .sidebar--navigation .link--go-back { justify-content: flex-start !important; gap: 10px; }
    .le-hd-v3 .sidebar-main .sidebar--navigation, .le-hd-v3 .sidebar-main .sidebar--categories-navigation { margin: 0 !important; padding: 0 !important; }
    .le-hd-v3 .sidebar-main .sidebar--navigation .navigation--link .is--icon-right { display: inline-flex !important; }
    .le-hd-v3 .sidebar-main .navigation--smartphone .entry--close-off-canvas { display: block !important; }
    .le-hd-v3 .header-main .shop--navigation .entry--search, .le-hd-v3 .header-main .shop--navigation .entry--search .btn, .le-hd-v3 .header-main .shop--navigation .entry--search .is--active.btn { background: transparent !important; border: 0 !important; box-shadow: none !important; }
    /* Tablet: Theme blendet die Seitenleiste ab 48em aus – geöffnetes Off-Canvas sichtbar machen */
    .le-hd-v3 .sidebar-main.off-canvas.is--open { display: block !important; position: fixed !important; top: 0; bottom: 0; left: 0 !important; height: 100% !important; overflow-y: auto; z-index: 12000 !important; transform: none !important; box-shadow: 0 0 40px rgba(0,0,0,.25); }
    .le-hd-v3 .sidebar-main.off-canvas.is--open .navigation--smartphone,
    .le-hd-v3 .sidebar-main.off-canvas.is--open .sidebar--categories-wrapper,
    .le-hd-v3 .sidebar-main.off-canvas.is--open .sidebar--categories-navigation,
    .le-hd-v3 .sidebar-main.off-canvas.is--open .categories--headline { display: block !important; }
    .le-hd-v3 .sidebar-main.off-canvas.is--open .navigation--smartphone .navigation--list { display: block !important; }
    .le-hd-v3 .le-hd-oc-service { display: block; margin: 0; padding: 22px 20px 26px; background: var(--le-paper); border-top: 1px solid var(--le-line); }
    .le-hd-v3 .le-hd-oc-service__label { margin: 0 0 8px; font: 700 11px/1 var(--le-sans); letter-spacing: .26em; text-transform: uppercase; color: var(--le-gold-deep); }
    .le-hd-v3 .le-hd-oc-service__nr { display: block; font: 600 24px/1.2 var(--le-serif); color: var(--le-ink) !important; text-decoration: none; font-variant-numeric: lining-nums; margin-bottom: 10px; }
    .le-hd-v3 .le-hd-oc-service__link { font: 500 15px/1.4 var(--le-sans); color: var(--le-ink) !important; text-decoration: none; border-bottom: 1px solid var(--le-gold); }
    .le-hd-v3 .le-hd-oc-service__link::after { content: ' →'; color: var(--le-gold-deep); }
}

/* 1.7.3 A-01: Kopfzeilen-Regeln nur mit Kind-Selektor (> .navigation--list > .navigation--entry) – sonst trafen sie das verschachtelte Konto-Menü */
/* 1.7.3 (Live-Befund Gate A, M1): Tablet 768–1023 px – das Theme setzt ab 48em eigene Sidebar-Regeln (padding-top 30px,
   alle Icons display:none). V3 nutzt dort das Off-Canvas wie mobil → dieselbe, bereits abgenommene Mobil-Darstellung erzwingen. */
@media screen and (min-width: 48em) and (max-width: 63.99em) {
    .le-hd-v3 .sidebar-main.off-canvas { padding-top: 0 !important; }
    .le-hd-v3 .sidebar-main.off-canvas .entry--close-off-canvas i,
    .le-hd-v3 .sidebar-main.off-canvas .sidebar--navigation .navigation--link .is--icon-right,
    .le-hd-v3 .sidebar-main.off-canvas .sidebar--navigation .navigation--link .is--icon-right i { display: block !important; height: auto; }
    .le-hd-v3 .sidebar-main.off-canvas .link--go-back .is--icon-left,
    .le-hd-v3 .sidebar-main.off-canvas .link--go-back i,
    .le-hd-v3 .sidebar-main.off-canvas .overlay--headline .link--go-main i { display: inline-block !important; }
}

/* 1.7.3 A-07: Konto-Menü – „Anmelden“ war weiß auf weiß (Theme-Regel ohne Hintergrund); im V3-Header sichtbar als Ink-Button */
.le-hd-v3 .header-main .entry--account .navigation--signin-btn,
.le-hd-v3 .header-main .entry--account a.navigation--signin-btn:hover {
    background: var(--le-ink) !important; color: #fff !important; border: 1px solid var(--le-ink) !important; text-shadow: none !important;
}

/* 1.7.4 V-02: Gold auf weißen Header-Flächen (Off-Canvas, Mega-Menü-Panel) ≥ 4,5:1 – wie die Startseite (#86691d statt #9c7c25) */
.le-hd-v3 .sidebar-main, .le-hd-v3 .advanced-menu .le-hd-panel { --le-gold-deep: #86691d; }
/* 1.7.4 B1: „registrieren“ im Konto-Menü war Gold #dab44a auf Weiß (1,98:1) – dunkleres Gold ≥ 4,5:1 */
.le-hd-v3 .header-main .entry--account .navigation--register a { color: #86691d !important; text-decoration: underline; text-underline-offset: 3px; }