/* Zoo-Kompakt Mega-Navigation + Merkliste. Separater Hotfix, damit app.css nicht überschrieben wird. */
.site-header{position:relative;z-index:500}
.nav-primary{display:flex;align-items:center;gap:22px;min-width:0;flex:1}
.nav-primary-item{position:static;height:72px;display:flex;align-items:center}
/* v0.3.11: ruhiger Desktop-Hover. Das Mega-Menü wird per JS-Klasse geöffnet statt direkt über :hover. */
.nav-primary-link{display:flex;align-items:center;height:100%;font-weight:750;white-space:nowrap;color:var(--ink);transition:color .16s ease}
.nav-primary-link:hover,.nav-primary-item.is-mega-open>.nav-primary-link{color:var(--forest)}
.mega-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(23,51,43,.07);border-bottom:1px solid rgba(23,51,43,.09);box-shadow:0 24px 48px rgba(23,51,43,.13);opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;pointer-events:none;z-index:450}
.nav-primary-item.is-mega-open>.mega-menu,.nav-primary-item:focus-within>.mega-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
/* Kein interner Scroller: das Mega-Menü wächst mit seinem Inhalt. */
.mega-menu-inner{padding-top:20px;padding-bottom:24px;max-height:none;overflow:visible}
.mega-menu-head{margin-bottom:18px}.mega-menu-all{font-size:1.05rem;font-weight:850;color:var(--forest);display:inline-flex;gap:8px;align-items:center}.mega-menu-all span{color:var(--orange)}
.mega-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 34px;align-items:start}
.mega-menu-group{min-width:0}.mega-menu-title{display:block;font-size:1rem;font-weight:850;color:var(--ink);margin-bottom:8px}.mega-menu-links{display:grid;gap:6px}.mega-menu-links a{font-size:.92rem;color:var(--muted);line-height:1.35}.mega-menu-links a:hover{color:var(--orange)}.mega-menu-links .mega-menu-more{font-weight:750;color:var(--forest);margin-top:2px}
.header-actions{display:flex;align-items:center;gap:8px}.wishlist-header-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:54px;color:var(--ink);font-size:.72rem;font-weight:750}.wishlist-heart{font-size:1.45rem;line-height:1}.wishlist-count{position:absolute;top:-4px;right:2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:.66rem;font-weight:850}
.mobile-menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:44px;font-size:22px;cursor:pointer}
.mobile-menu{position:fixed;inset:0;z-index:2000;visibility:hidden;pointer-events:none}.mobile-menu.is-open{visibility:visible;pointer-events:auto}.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(11,27,22,.5);border:0}.mobile-menu-panel{position:absolute;top:0;bottom:0;left:0;width:min(430px,92vw);background:#fff;transform:translateX(-102%);transition:.22s ease;overflow:auto;padding:18px 18px 30px;box-shadow:18px 0 50px rgba(0,0,0,.18)}.mobile-menu.is-open .mobile-menu-panel{transform:none}.mobile-menu-open{overflow:hidden}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mobile-menu-close{border:0;background:#f0f4f2;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.mobile-menu-search{display:flex;border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:18px}.mobile-menu-search input{flex:1;border:0;padding:10px;background:transparent;font:inherit;min-width:0}.mobile-menu-search button{border:0;border-radius:9px;background:var(--forest);color:#fff;padding:0 15px}.mobile-nav-root{border-top:1px solid var(--line)}.mobile-nav-node{border-bottom:1px solid #edf0ee}.mobile-nav-row{display:flex;align-items:center;gap:8px;min-height:50px}.mobile-nav-row>a{flex:1;font-weight:780;color:var(--ink);padding:10px 2px}.mobile-nav-expand{width:38px;height:38px;flex:none;border:0;background:transparent;font-size:22px;color:var(--forest);cursor:pointer;transition:.15s}.mobile-nav-expand[aria-expanded=true]{transform:rotate(180deg)}.mobile-nav-children{padding-left:18px;border-left:2px solid #edf3ef}.mobile-nav-static{display:flex;gap:8px;flex-wrap:wrap;padding-top:18px}.mobile-nav-static a{padding:9px 12px;border-radius:999px;background:#f4f7f5;font-weight:750}.mobile-wishlist-link{display:flex;align-items:center;gap:9px;margin-top:18px;padding:13px;border-radius:12px;background:#fff4eb;color:var(--forest);font-weight:800}
.product-card{position:relative}.product-wishlist-toggle{position:absolute;z-index:4;right:10px;top:10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(23,51,43,.12);display:grid;place-items:center;font-size:21px;color:var(--forest);cursor:pointer;user-select:none}.product-wishlist-toggle.is-active{background:#fff0e6;color:var(--orange)}.product-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wishlist-detail-button{appearance:none;border:1px solid #d8e1dc;background:#fff;color:var(--forest);border-radius:10px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}.wishlist-detail-button.is-active{background:#fff2e8;border-color:#ffc89e;color:#bf550f}.wishlist-page{min-height:55vh}.wishlist-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.wishlist-head h1{margin:6px 0 6px}.wishlist-head p{margin:0;color:var(--muted)}.wishlist-clear{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}.wishlist-loading,.wishlist-empty{text-align:center;padding:50px 20px}.wishlist-empty strong{font-size:1.5rem}.wishlist-empty p{color:var(--muted);margin-bottom:20px}
@media(max-width:1100px){.nav-primary{display:none}.mobile-menu-button{display:block}.nav{gap:14px}.top-search{margin-left:auto}.mega-menu{display:none}}
@media(max-width:700px){.wishlist-header-link span:last-child{display:none}.wishlist-header-link{min-width:40px}.header-actions{margin-left:auto}.wishlist-head{align-items:flex-start;flex-direction:column}.wishlist-clear{align-self:flex-start}}

/* Hotfix 2026-10-01: Mega-Menü ruhiger, ohne Fettschrift + kategoriespezifische Marken. */
.mega-menu,
.mega-menu a,
.mega-menu-title,
.mega-menu-all,
.mega-menu-more,
.mega-menu-brands-title,
.mega-menu-brand-links a {
    font-weight: 500 !important;
}
.mega-menu-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
    gap: 42px;
    align-items: start;
}
.mega-menu-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 34px;
}
.mega-menu-title {
    color: #405049;
    font-size: .98rem;
    margin-bottom: 7px;
}
.mega-menu-links a {
    color: #69756f;
    font-size: .94rem;
}
.mega-menu-all {
    color: var(--forest);
}
.mega-menu-brands {
    border-left: 1px solid #e8edea;
    padding-left: 26px;
    min-width: 0;
}
.mega-menu-brands-title {
    color: #405049;
    font-size: .98rem;
    margin-bottom: 9px;
}
.mega-menu-brand-links {
    display: grid;
    gap: 7px;
}
.mega-menu-brand-links a {
    color: #69756f;
    line-height: 1.35;
}
.mega-menu-links a:hover,
.mega-menu-brand-links a:hover,
.mega-menu-title:hover {
    color: var(--orange);
}
@media (max-width: 1280px) and (min-width: 1101px) {
    .mega-menu-content {grid-template-columns:minmax(0,1fr) 200px;gap:28px}
    .mega-menu-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}
}


/* v0.3.11: dezente Link-Hover statt langer Unterstreichungen. */
.nav-primary > .nav-primary-item > .nav-primary-link:after{left:50%;right:auto;bottom:8px;width:0;height:1px;opacity:.55;transform:translateX(-50%);transition:width .16s ease,opacity .16s ease}
.nav-primary > .nav-primary-item > .nav-primary-link:hover:after,
.nav-primary > .nav-primary-item.is-mega-open > .nav-primary-link:after{right:auto;width:16px;opacity:.72}
.mega-menu a:after{display:none!important;content:none!important}
.mega-menu a{text-decoration:none!important;transition:color .14s ease,opacity .14s ease}
.mega-menu-links a:hover,.mega-menu-brand-links a:hover,.mega-menu-title:hover,.mega-menu-all:hover{color:var(--forest);opacity:.78}
/* Mehr Spalten reduzieren die Höhe und ersetzen den bisherigen Scrollbereich. */
.mega-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}
@media (max-width:1280px) and (min-width:1101px){.mega-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px}.mega-menu-content{gap:24px}.mega-menu-brands{padding-left:20px}}

/* v0.3.12: schwebendes Mega-Menue in regulärer Contentbreite. */
@media (min-width:1101px) {
    .mega-menu {
        left: 50%;
        right: auto;
        top: calc(100% + 10px);
        width: min(1220px, calc(100vw - 44px));
        background: rgba(255,255,255,.94);
        border: 1px solid rgba(23,51,43,.08);
        border-radius: 18px;
        box-shadow: 0 12px 34px rgba(23,51,43,.09);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        transform: translate(-50%,-4px);
        overflow: hidden;
    }
    .nav-primary-item.is-mega-open > .mega-menu,
    .nav-primary-item:focus-within > .mega-menu {
        transform: translate(-50%,0);
    }
    .mega-menu-inner {
        padding: 20px 24px 24px;
    }
}