.mobile-scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#0000000d;z-index:10000;display:block;contain:layout style paint;will-change:transform}.mobile-scroll-progress__bar{height:100%;background:linear-gradient(90deg,#2d7a6e,#4ba396);width:0%;transition:width .1s ease-out;box-shadow:0 0 8px #2d7a6e80;will-change:width;transform:translateZ(0)}.swipe-hint{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#2d7a6ef2;color:#fff;padding:8px 16px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;pointer-events:none;z-index:10;animation:swipe-pulse 1.5s ease-in-out infinite;transition:opacity .3s ease;box-shadow:0 4px 16px #2d7a6e66}.swipe-hint__arrow{font-size:1.25rem;animation:swipe-arrow 1.5s ease-in-out infinite}.swipe-hint__text{letter-spacing:.3px}@keyframes swipe-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}@keyframes swipe-arrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.floating-cta{position:fixed;bottom:-100px;left:50%;transform:translate(-50%) translateZ(0);z-index:100;transition:bottom .4s cubic-bezier(.4,0,.2,1);display:block;contain:layout style paint;will-change:bottom,transform}.floating-cta.visible{bottom:20px}@media(min-width:769px){.floating-cta{left:auto;right:30px;transform:none}.floating-cta.visible{bottom:30px}}.floating-cta__btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2d7a6e,#3d9b8a);color:#fff;text-decoration:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:700;box-shadow:0 8px 24px #2d7a6e66,0 4px 8px #0000001a;position:relative;overflow:hidden;transition:all .3s ease;letter-spacing:.3px;white-space:nowrap}.floating-cta__btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2d7a6e80,0 6px 12px #00000026}.floating-cta__btn:active{transform:scale(.95)}.floating-cta__pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50px;background:#ffffff4d;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.cta-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;background:#fff6;border-radius:inherit;transform:translate(-50%,-50%) scale(0);animation:cta-pulse 2.5s ease-out infinite;pointer-events:none}@keyframes cta-pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes button-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.katalog-card__btn:after,.katalog-cta-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:button-shimmer 3s ease-in-out infinite;pointer-events:none;border-radius:inherit}.stock-indicator{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;margin-bottom:8px;animation:stock-pulse 2s ease-in-out infinite,stock-bounce 3s ease-in-out infinite;border:1px solid rgba(251,191,36,.3);letter-spacing:.2px}.stock-indicator svg{flex-shrink:0;animation:icon-wiggle 2.5s ease-in-out infinite}@keyframes stock-pulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 4px #fbbf2400}}@keyframes stock-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes icon-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.touch-ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(2);opacity:0}}.katalog-card{transition:transform .2s ease,box-shadow .2s ease;contain:layout style paint;transform:translateZ(0)}@media(max-width:768px){.katalog-card:active{transform:translateY(-3px) scale(.98)}.katalog-card__btn{min-height:44px;padding:10px 16px;font-size:.875rem}}@media(min-width:769px){.katalog-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 20px 60px #64a0dc33,0 6px 16px #0000000f;will-change:transform,box-shadow}}.katalog-card__image-wrapper{position:relative}.katalog-card__image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}@media(max-width:768px){.katalog-card:active .katalog-card__image-wrapper:after{opacity:1}}@media(min-width:769px){.katalog-card:hover .katalog-card__image-wrapper:after{opacity:1}}@media(max-width:768px){.katalog-card__badge{animation:badge-bounce 3s ease-in-out infinite}@keyframes badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.katalog-card__price .price-now{position:relative;display:inline-block}.katalog-card__price .price-now:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#2d7a6e,transparent);opacity:0;animation:price-highlight 3s ease-in-out infinite}@keyframes price-highlight{0%,to{opacity:0}50%{opacity:.5}}}.trust-badge-mobile{display:inline-flex;align-items:center;gap:8px;background:#fffffff2;padding:10px 16px;border-radius:12px;font-size:.8125rem;font-weight:600;color:#1a1a1a;box-shadow:0 2px 8px #00000014;border:1px solid rgba(45,122,110,.15)}.trust-badge-mobile svg{color:#2d7a6e;flex-shrink:0}@media(max-width:768px){a,button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.katalog-card__title a{min-height:auto;display:inline}}@media(min-width:769px){.katalog-card__btn,.katalog-cta-btn,.guarantee-cta{cursor:pointer;transition:all .3s ease}}.katalog-card__image-wrapper{position:relative;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}.katalog-card__image-wrapper img{animation:fade-in .4s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.urgency-timer{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;margin:8px 0;border:1px solid rgba(220,38,38,.2)}.urgency-timer svg{animation:timer-tick 1s ease-in-out infinite}@keyframes timer-tick{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}}@media(max-width:768px){.katalog-grid{scroll-padding:0 20px;scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mobile-engagement.css.map */