.related-products{display:block;position:relative;background:linear-gradient(180deg,#f8fafc,#fff,#f8fafc);border-radius:24px;padding:2.5rem 1.5rem;margin:1rem 0;overflow:hidden}.related-products:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,132,254,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.related-products:after{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,198,251,.05) 0%,transparent 70%);pointer-events:none;z-index:0}product-recommendations{display:block}product-recommendations .related-products{padding:2.5rem 1.5rem}.related-products .title-wrapper-with-link{margin-bottom:2rem;position:relative;z-index:1}.related-products .heading{text-align:center}.related-products .heading h2{margin-bottom:0;font-size:clamp(22px,5vw,32px);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#334155,#0084fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;padding-bottom:16px}.related-products .heading h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#0084fe,#00c6fb,#0084fe);background-size:200% 100%;border-radius:4px;animation:shimmerLine 3s ease-in-out infinite}@keyframes shimmerLine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.related-products .heading h2:before{content:"\2726";position:absolute;top:50%;left:-30px;transform:translateY(-50%);font-size:12px;color:#0084fe;opacity:.5;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:.8;transform:translateY(-50%) scale(1.2)}}.related-products .heading .rte{margin-top:1rem;color:#64748b;font-size:15px;max-width:500px;margin-left:auto;margin-right:auto}.related-products slider-component{position:relative;z-index:1}.related-products .grid{gap:20px}.related-products .grid__item{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.related-products .card-wrapper{position:relative}.related-products .card{border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 6px #00000005,0 1px 3px #0000000a}.related-products .card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0084fe1f,0 8px 16px #00000014;border-color:#0084fe26}.related-products .card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,132,254,.05) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1;border-radius:20px}.related-products .card:hover:before{opacity:1}.related-products .card__media{border-radius:16px;overflow:hidden;margin:10px;position:relative}.related-products .card__media:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.02) 100%);pointer-events:none}.related-products .card__media img{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.related-products .card:hover .card__media img{transform:scale(1.08)}.related-products .price{font-weight:700}.related-products .price-item--sale{color:#0084fe}.related-products .badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;font-weight:600;font-size:11px;padding:4px 8px;box-shadow:0 2px 8px #ef44444d}.related-products .quick-add__submit,.related-products .card__information .button{border-radius:12px;font-weight:600;transition:all .3s ease}.related-products .quick-add__submit:hover,.related-products .card__information .button:hover{transform:scale(1.02);box-shadow:0 4px 12px #0084fe4d}.related-products .slider-buttons{display:flex;gap:10px}.related-products .slider-button{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.related-products .slider-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0084fe,#00c6fb);opacity:0;transition:opacity .3s ease}.related-products .slider-button:hover{border-color:transparent;box-shadow:0 8px 24px #0084fe59,0 4px 8px #0084fe33;transform:scale(1.1)}.related-products .slider-button:hover:before{opacity:1}.related-products .slider-button:active{transform:scale(.95)}.related-products .slider-button svg{width:14px;height:14px;fill:#64748b;transition:all .3s ease;position:relative;z-index:1}.related-products .slider-button:hover svg{fill:#fff}.related-products .slider-button--prev svg{transform:rotate(90deg)}.related-products .slider-button--next svg{transform:rotate(-90deg)}.slider-arrow--inline .related-products{position:relative}.slider-arrow--inline .related-products .slider-button--prev{position:absolute;left:-22px;top:50%;transform:translateY(-50%);z-index:10}.slider-arrow--inline .related-products .slider-button--next{position:absolute;right:-22px;top:50%;transform:translateY(-50%);z-index:10}.slider-arrow--inline .related-products .slider-button:hover{transform:translateY(-50%) scale(1.15)}.related-products .slider-counter{display:flex;justify-content:center;gap:10px;margin-top:2rem}.related-products .slider-counter__link{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;padding:0;cursor:pointer}.related-products .slider-counter__link--active{background:linear-gradient(135deg,#0084fe,#00c6fb);transform:scale(1.3);box-shadow:0 2px 8px #0084fe66}.related-products .slider-counter__link:hover:not(.slider-counter__link--active){background:#94a3b8;transform:scale(1.2)}.related-products .grid__item:nth-child(1){animation-delay:0s}.related-products .grid__item:nth-child(2){animation-delay:.1s}.related-products .grid__item:nth-child(3){animation-delay:.2s}.related-products .grid__item:nth-child(4){animation-delay:.3s}.related-products .grid__item:nth-child(5){animation-delay:.4s}.related-products .grid__item:nth-child(6){animation-delay:.5s}@media (max-width: 991px){.related-products{border-radius:20px;padding:2rem 1rem;margin:.5rem}.related-products .heading h2{font-size:24px}.related-products .heading h2:after{width:60px;height:3px}.related-products .heading h2:before{display:none}.slider-arrow--inline .related-products .slider-button--prev,.slider-arrow--inline .related-products .slider-button--next{display:none}.related-products .card{border-radius:16px}}@media (max-width: 767px){.related-products{border-radius:16px;padding:1.5rem 1rem;margin:0}.related-products:before,.related-products:after{width:200px;height:200px}product-recommendations .related-products{padding:1.5rem 1rem}.related-products .title-wrapper-with-link{margin-bottom:1.5rem}.related-products .heading h2{font-size:20px;padding-bottom:12px}.related-products .heading h2:after{width:50px}.related-products .grid{gap:12px}.related-products .card{border-radius:14px}.related-products .card__media{margin:8px;border-radius:12px}.related-products .slider-button{width:38px;height:38px;border-radius:12px}.related-products .slider-counter{margin-top:1.5rem;gap:8px}.related-products .slider-counter__link{width:8px;height:8px}}@media (max-width: 480px){.related-products{padding:1.25rem .75rem}.related-products .heading h2{font-size:18px}.related-products .heading h2:after{width:40px;height:2px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-related-products.css.map */