:root{--trending-primary-color: #4CAF50;--trending-text-color: #333;--trending-text-light: #666;--trending-border-color: #e5e5e5;--trending-shadow: 0 2px 8px rgba(0,0,0,.08);--trending-shadow-hover: 0 8px 25px rgba(0,0,0,.12);--trending-border-radius: 12px;--trending-transition: all .3s ease}.trending-styles,.trending-styles__category{position:relative;overflow:hidden}.trending-styles__category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.trending-styles__category:hover:before{left:100%}.trending-styles__product{position:relative;overflow:hidden}.trending-styles__product:hover:before{opacity:1}.trending-styles__product-info{position:relative;z-index:2}.trending-styles__nav{opacity:.8;transition:all .3s ease}.trending-styles__nav:hover{opacity:1;background:var(--trending-primary-color)}.trending-styles__nav:hover svg{fill:#000}.trending-styles__loading{display:flex;justify-content:center;align-items:center;height:300px;color:var(--trending-text-light)}.trending-styles__loading:after{content:"";width:40px;height:40px;border:3px solid var(--trending-border-color);border-top:3px solid var(--trending-primary-color);border-radius:50%;animation:trending-spin 1s linear infinite}@keyframes trending-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trending-styles__error{text-align:center;padding:40px 20px;color:#e74c3c;background:#fdf2f2;border-radius:var(--trending-border-radius);margin:20px 0}.trending-styles__empty{text-align:center;padding:60px 20px;color:var(--trending-text-light)}.trending-styles__empty h3{margin:0 0 10px;color:var(--trending-text-color)}@media (max-width: 1024px){.trending-styles__product{flex:0 0 240px}}@media (max-width: 480px){.trending-styles__product{flex:0 0 220px}.trending-styles__category{padding:8px 16px;font-size:.8rem}}@media (prefers-contrast: high){.trending-styles__category{border-width:3px}.trending-styles__category.active{background-color:#000;border-color:#000}}@media (prefers-reduced-motion: reduce){.trending-styles__product,.trending-styles__category,.trending-styles__nav,.trending-styles__products-track{transition:none}.trending-styles__category:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/trending-styles.css.map */