/* Pepswerk Header 1.9.0: kleines Redesign.
   Warenkorb schwarz mit violetter Kante wie die Kaufbuttons (Shop/Produktseite), violette Anzeige.
   Konto/Menü mit leichter Kontur und gleicher Form, ruhige Hover-Zustände. */
#pwh-header{--pwh-ink:#0b0810;--pwh-violet:#741fe7;--pwh-violet-l:#ac69ff;--pwh-line:#e3d9ee;--pwh-r:13px 5px 13px 5px;--pwh-ease:cubic-bezier(.16,1,.3,1)}

/* Aktionen: einheitliche Form */
#pwh-header .pwh-account,#pwh-header .pwh-toggle,#pwh-header .pwh-cart{border-radius:var(--pwh-r)!important;transition:transform .3s var(--pwh-ease),box-shadow .3s var(--pwh-ease),background-color .25s,border-color .25s,color .25s}
#pwh-header .pwh-account,#pwh-header .pwh-toggle{border:1px solid var(--pwh-line)!important;background:#fff!important;box-shadow:0 1px 0 #fff inset,0 2px 8px -4px #3212551f!important}
#pwh-header .pwh-account svg,#pwh-header .pwh-toggle svg{transition:stroke .25s}
#pwh-header .pwh-toggle[aria-expanded=true]{border-radius:var(--pwh-r)!important;background:#f4eefb!important;border-color:#d7c6ea!important}

/* Warenkorb: schwarz, violette Kante, leichtes Glühen */
#pwh-header .pwh-cart{background:linear-gradient(115deg,#050505 20%,#242226 50%,#050505 80%)!important;border:1px solid #050505!important;color:#fff!important;box-shadow:0 6px 14px -6px #0b081080!important}
#pwh-header .pwh-cart svg{stroke:#fff}
#pwh-header .pwh-cart:active{transform:scale(.95)}
#pwh-header .pwh-cart:focus-visible,#pwh-header .pwh-account:focus-visible,#pwh-header .pwh-toggle:focus-visible{outline:2px solid var(--pwh-violet);outline-offset:3px}

/* Anzeige: violett, weiße Zahl, springt beim Aktualisieren kurz auf */
#pwh-header .pwh-count{right:-6px!important;top:-6px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border:2px solid #fff!important;border-radius:999px!important;background:var(--pwh-violet)!important;color:#fff!important;font:800 10.5px/16px Arial,sans-serif!important;box-shadow:0 3px 8px -2px #741fe799;animation:pwh-count-pop .45s var(--pwh-ease)}
#pwh-header .pwh-count.is-empty{display:none!important}
@keyframes pwh-count-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}

@media(hover:hover) and (pointer:fine){
 #pwh-header .pwh-account:hover,#pwh-header .pwh-toggle:hover{border-color:#cdb6ea!important;background:#faf6ff!important;transform:translateY(-1px)}
 #pwh-header .pwh-cart:hover{transform:translateY(-1px);border-color:#050505!important;box-shadow:0 8px 18px -6px #0b081099!important}
 /* Menülinks: violette Unterstreichung */
 #pwh-header .pwh-desktop .pwh-links>li>a{position:relative;transition:color .25s}
 #pwh-header .pwh-desktop .pwh-links>li>a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--pwh-violet);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--pwh-ease)}
 #pwh-header .pwh-desktop .pwh-links>li>a:hover{color:var(--pwh-violet)!important}
 #pwh-header .pwh-desktop .pwh-links>li>a:hover:after,#pwh-header .pwh-desktop .pwh-links>li.current-menu-item>a:after{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
 #pwh-header .pwh-count{animation:none}
 #pwh-header .pwh-account,#pwh-header .pwh-toggle,#pwh-header .pwh-cart,#pwh-header .pwh-desktop .pwh-links>li>a:after{transition:none}
}