/*!
 * BlechArt.shop - Design Tokens (SCSS Variables)
 * Basierend auf style-guide/tokens/
 *//*!
 * BlechArt.shop - SCSS Mixins
 * Wiederverwendbare Mixins für Shop-Komponenten
 */.shop-marketing-banner{position:relative;background:linear-gradient(135deg,rgba(245,158,11,.95) 0,rgba(180,83,9,.85) 50%,rgba(243,244,246,.9) 100%);color:var(--color-white,#111827);padding:clamp(1.2rem,4vw,2rem) 0;margin-bottom:clamp(1rem,3vw,1.5rem);overflow:hidden}.shop-marketing-banner::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:3s ease-in-out infinite shimmer;z-index:1}.shop-marketing-banner__content{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(1rem,3vw,1.5rem);text-align:center}@media(max-width:767px){.shop-marketing-banner__content{flex-direction:column;gap:clamp(.8rem,2vw,1rem);text-align:center}}.shop-marketing-banner__icon{flex-shrink:0;width:80px;height:80px;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:2s ease-in-out infinite pulse}.shop-marketing-banner__text{flex:1}@media(max-width:767px){.shop-marketing-banner__icon{width:60px;height:60px;font-size:1.5rem}.shop-marketing-banner__text{text-align:center}}.shop-marketing-banner__title{font-size:clamp(2rem,6vw,2.5rem);font-weight:700;margin:0 0 clamp(.4rem,1vw,.5rem);text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:767px){.shop-marketing-banner__title{font-size:clamp(1.5rem,5vw,2rem)}}.shop-marketing-banner__discounts{margin:clamp(.6rem,1.5vw,.75rem) 0}.shop-marketing-banner__discount{display:inline-block;margin:clamp(.2rem,.5vw,.25rem)}.shop-marketing-banner__discount-text{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);padding:clamp(.4rem,1vw,.5rem) clamp(.8rem,2vw,1rem);border-radius:9999px;font-weight:600;font-size:clamp(1.125rem,4vw,1.5rem);border:1px solid hsla(0,0%,100%,.3);white-space:nowrap}@media(max-width:767px){.shop-marketing-banner__discount-text{font-size:clamp(.875rem,2.5vw,1rem);padding:clamp(.2rem,.5vw,.25rem) clamp(.6rem,1.5vw,.75rem)}.shop-marketing-banner__actions{width:100%}}.shop-marketing-banner__subtitle{margin:clamp(.4rem,1vw,.5rem) 0 0;opacity:.9;font-size:clamp(.75rem,2vw,.875rem)}.shop-marketing-banner__actions{flex-shrink:0}.shop-marketing-banner__actions .shop-button{box-shadow:0 4px 14px rgba(0,0,0,.15)}.shop-marketing-banner__actions .shop-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.shop-header__discount-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#4ade80 0,#f59e0b 100%);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,2vw,.875rem);font-weight:700;z-index:10;animation:2s ease-in-out infinite discountPulse;border:2px solid var(--color-white,#111827);box-shadow:0 2px 8px rgba(0,0,0,.15)}.shop-header__discount-badge i{font-size:10px}.shop-header__discount-badge::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid rgba(74,222,128,.4);animation:2s ease-out infinite discountRipple}.shop-cart__discount-hints{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);border-radius:.25rem;padding:clamp(.6rem,1.5vw,.75rem);margin:clamp(.8rem,2vw,1rem) 0}.shop-cart__discount-hints__title{font-size:clamp(.75rem,2vw,.875rem);font-weight:600;color:var(--color-success,#4ade80);margin:0 0 clamp(.4rem,1vw,.5rem);display:flex;align-items:center;gap:clamp(.4rem,1vw,.5rem)}.shop-cart__discount-hints__title i{font-size:clamp(.75rem,2vw,.875rem)}.shop-cart__discount-hints__list{list-style:none;margin:0;padding:0}.shop-cart__discount-hints__item{font-size:clamp(.75rem,2vw,.875rem);margin:clamp(.2rem,.5vw,.25rem) 0;padding-left:clamp(.8rem,2vw,1rem);position:relative}.shop-cart__discount-hints__item::before{content:"•";position:absolute;left:0;color:var(--color-success,#4ade80);font-weight:700}.shop-cart__discount-hints__progress{margin-top:clamp(.6rem,1.5vw,.75rem);background:rgba(75,85,99,.3);border-radius:9999px;height:6px;overflow:hidden;position:relative}.shop-cart__discount-hints__progress-bar{background:linear-gradient(90deg,#4ade80 0,#f59e0b 100%);height:100%;border-radius:9999px;transition:width .5s;position:relative}.shop-cart__discount-hints__progress-bar::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes discountPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes discountRipple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:767px){.shop-marketing-banner{padding:clamp(1rem,3vw,1.5rem) 0;margin-bottom:clamp(.8rem,2vw,1rem)}.shop-marketing-banner__content{padding:0 clamp(.8rem,2vw,1rem)}.shop-marketing-banner__title{font-size:clamp(1.5rem,5vw,2rem)}.shop-marketing-banner__discount-text{font-size:clamp(.875rem,2.5vw,1rem);padding:clamp(.2rem,.5vw,.25rem) clamp(.6rem,1.5vw,.75rem)}.shop-header__discount-badge{width:20px;height:20px;top:-6px;right:-6px}.shop-header__discount-badge i{font-size:8px}}@media(prefers-reduced-motion:reduce){.shop-cart__discount-hints__progress-bar::after,.shop-header__discount-badge,.shop-header__discount-badge::after,.shop-marketing-banner::before,.shop-marketing-banner__icon{animation:none}}.discount-marketing-loaded{--discount-marketing-ready:true}@media(max-width:575px){.shop-marketing-banner{padding:clamp(1rem,3vw,1.5rem) 0}.shop-marketing-banner__title{font-size:clamp(1.125rem,4vw,1.5rem)}.shop-marketing-banner__discount-text{font-size:clamp(.75rem,2vw,.875rem);padding:clamp(.2rem,.5vw,.25rem) clamp(.4rem,1vw,.5rem)}}@media(prefers-color-scheme:dark){.shop-cart__discount-hints{background:rgba(74,222,128,.05);border-color:rgba(74,222,128,.2)}.shop-marketing-banner{background:linear-gradient(135deg,rgba(249,250,251,.95) 0,rgba(243,244,246,.9) 50%,rgba(245,158,11,.8) 100%)}.shop-header__discount-badge{border-color:var(--color-gray-800,#f3f4f6)}}@media print{.shop-cart__discount-hints,.shop-header__discount-badge,.shop-marketing-banner{display:none!important}}