.promo-toolbar,.promo-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.promo-toolbar{margin:20px 0}.promo-toolbar label{display:grid;gap:6px;flex:1}.promo-list{display:grid;gap:16px}.promo-card h2{margin:8px 0}.promo-actions form{margin:0}.promo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.promo-stats dt{font-size:12px;color:#64748b}.promo-stats dd{margin:5px 0;font-weight:650}.promo-empty{text-align:center;padding:50px 24px}.promo-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,94vw);height:100dvh;max-height:100dvh;border:0;padding:24px;box-sizing:border-box;overflow-y:auto;border-radius:18px 0 0 18px;background:#fff;color:#172033}.promo-drawer::backdrop{background:#0f172a70;backdrop-filter:blur(3px)}.promo-drawer>header,.promo-drawer footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.promo-drawer>header{margin-bottom:20px}.promo-drawer footer{position:sticky;bottom:-24px;padding:18px 0;background:inherit}.promo-drawer fieldset{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:10px}.promo-preview{padding:20px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px}.promo-switch{display:flex!important;align-items:center;gap:12px;cursor:pointer;position:relative}.promo-switch input{position:absolute;width:44px;height:26px;opacity:0;margin:0;cursor:pointer}.promo-switch>span{width:44px;height:26px;border-radius:20px;background:#94a3b8;position:relative;flex:none;transition:background .2s}.promo-switch>span:before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.promo-switch input:checked+span{background:#4f46e5}.promo-switch input:checked+span:before{transform:translateX(18px)}.promo-switch input:focus-visible+span{outline:3px solid #818cf8;outline-offset:3px}.promo-saving{color:#176534;font-weight:650}.shop-promotions{padding:12px;margin:10px 0;border:1px solid #dbe4df;border-radius:12px;background:var(--card,#f7faf8);color:inherit}.shop-promotions p{margin:6px 0}.shop-promo-coupon{display:flex;gap:8px}.shop-promo-coupon input{min-width:0;flex:1}.shop-promo-label{display:inline-block;font-size:12px;padding:3px 7px;margin:4px;border-radius:6px;background:#e6f4ea;color:#176534}.klaus-float{position:fixed;left:18px;bottom:18px;z-index:40}.klaus-character{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;padding:0;cursor:pointer;color:inherit}.klaus-character img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 4px 4px #0002);transition:opacity .12s;forced-color-adjust:none;color-scheme:only light}.klaus-cart{display:flex;align-items:center;gap:10px;padding:8px 0}.klaus-cart p{font-size:13px}.klaus-character[data-motion=true] img{animation:klaus-breathe 2s ease-in-out infinite}.klaus-character[data-action=cart_add_jump][data-motion=true] img{animation:klaus-jump .55s ease-in-out 2}.klaus-character[data-action=touch_bark_hearts][data-motion=true] img{animation:klaus-pet .45s ease-in-out 2}.klaus-character[data-action=progress_celebrate_20_products][data-motion=true] img{animation:klaus-jump .65s ease-in-out 3}.klaus-character[data-action=idle_sleeping][data-motion=true] img{animation:klaus-sleep 3s ease-in-out infinite}.klaus-character[data-action=browsing_roll_over][data-motion=true] img{animation:klaus-roll 1.4s ease-in-out}.klaus-hearts{position:absolute;pointer-events:none;inset:0;opacity:0;color:#da447d;font-size:20px}.klaus-character[data-action=touch_bark_hearts] .klaus-hearts{animation:klaus-hearts 1s ease-out}.klaus-reward{max-width:360px;border:0;border-radius:20px;text-align:center;padding:28px;background:#fff;color:#172033}.klaus-reward::backdrop{background:#10182788}.klaus-reward img{width:120px;height:110px;object-fit:contain}.klaus-reward button{border:0;border-radius:10px;padding:12px 18px;background:#4f46e5;color:white}.klaus-message{font-size:13px;max-width:140px}.promo-drawer [hidden],.shop-promotions [hidden]{display:none!important}
@keyframes klaus-breathe{50%{transform:translateY(-3px) rotate(1deg)}}@keyframes klaus-jump{35%{transform:translateY(-17px) rotate(-6deg)}65%{transform:translateY(2px) rotate(4deg)}}@keyframes klaus-pet{35%{transform:scale(1.09) rotate(-5deg)}70%{transform:scale(.97) rotate(4deg)}}@keyframes klaus-sleep{50%{transform:scale(1.025)}}@keyframes klaus-roll{50%{transform:rotate(24deg) translateX(5px)}}@keyframes klaus-hearts{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(-35px)}}
@media(max-width:640px){.promo-drawer{width:100vw;border-radius:0}.promo-stats{grid-template-columns:1fr 1fr}.klaus-float{left:8px;bottom:8px}.klaus-character img{width:85px;height:85px}.promo-toolbar{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.klaus-character img,.klaus-hearts{animation:none!important;transition:none!important}.promo-switch>span,.promo-switch>span:before{transition:none}}

.klaus-character.klaus-float{position:fixed}.shop-promo-coupon button{width:auto!important;flex:none;padding:9px 12px}.shop-promo-coupon input{width:100%;min-width:0;padding:9px;border:1px solid #94a3b8;border-radius:8px;background:transparent;color:inherit}.promotion-featured{position:fixed;inset:20% 16px auto;z-index:80;max-width:450px;border:1px solid #cbd5e1;border-radius:16px;padding:24px;background:#fff;color:#172033}.klaus-hearts{overflow:visible}.promo-drawer fieldset .check{display:flex;gap:8px;padding:4px}.promo-drawer fieldset .check input{width:auto}

.promo-drawer{max-width:100vw}.promo-drawer [type=range]{accent-color:#4f46e5}@media(max-width:640px){dialog.promo-drawer{inset:0;margin:0;width:100vw;max-width:100vw;border-radius:0!important}}