/* Shared visitor navigation for the website, shop and customer account. */
.wirksam-mobile-nav{display:none}
@media(max-width:767px){
    body:has(>.wirksam-mobile-nav){padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
    html:has(.wirksam-mobile-nav){scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
    .wirksam-mobile-nav{position:fixed;z-index:80;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:stretch;gap:3px;padding:7px;background:#fffffff5;border:1px solid #e4dce9;border-radius:22px;box-shadow:0 8px 32px #35263f20,0 1px 4px #35263f0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:WirksamSans,Arial,sans-serif}
    .wirksam-mobile-nav .wirksam-mobile-nav__item{display:flex;flex:1;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border-radius:16px;color:#746a7b;text-decoration:none;font-size:10px;font-weight:600;line-height:1.2;-webkit-tap-highlight-color:transparent}
    .wirksam-mobile-nav .wirksam-mobile-nav__item.is-active{background:#f0e8f6;color:#754c94}
    .wirksam-mobile-nav .wirksam-mobile-nav__item:active{background:#f0e8f6;color:#754c94}
    .wirksam-mobile-nav .wirksam-mobile-nav__item:focus-visible{outline:2px solid #754c94;outline-offset:1px}
    .wirksam-mobile-nav__icon{position:relative;display:grid;place-items:center;width:28px;height:25px}
    .wirksam-mobile-nav__icon svg{display:block;width:23px;height:23px;flex-shrink:0}
    .wirksam-mobile-nav__badge{position:absolute;top:-5px;left:18px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;background:#754c94;border:2px solid white;border-radius:20px;color:white;font:700 9px/1 WirksamSans,Arial,sans-serif}
    body:has(>.wirksam-mobile-nav) .site-header-inner>.wirksam-cart-link{display:none!important}
    .shop-body:has(>.wirksam-mobile-nav) .shop-header>nav{display:none}
    .shop-body:has(>.wirksam-mobile-nav) .cart-toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
    body:has(>.wirksam-mobile-nav) :is(input,textarea,select,button,a){scroll-margin-bottom:110px}
}
@media print{.wirksam-mobile-nav{display:none!important}body:has(>.wirksam-mobile-nav){padding-bottom:0}}

.shop-impersonation-banner{position:sticky;top:0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#4c335e;color:white;font:13px/1.4 WirksamSans,Arial,sans-serif;border-bottom:1px solid #ffffff30;box-shadow:0 3px 14px #252c2520}
.shop-impersonation-banner strong,.shop-impersonation-banner span{display:block}.shop-impersonation-banner span{font-size:11px;opacity:.85;overflow-wrap:anywhere}.shop-impersonation-banner form{margin:0;flex-shrink:0}.shop-impersonation-banner button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#fff;color:#4c335e;border:1px solid #ffffff90;border-radius:8px;font:600 12px WirksamSans,Arial,sans-serif;cursor:pointer}.shop-impersonation-banner button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:600px){.shop-impersonation-banner{flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px}.shop-impersonation-banner button{width:100%}.shop-impersonation-banner strong{font-size:12px}}@media print{.shop-impersonation-banner{display:none}}