.double-slider-section{--bg: transparent;--text-color: var(--text, #e5e7eb);--gap: 24px;--speed: 15s;--visible-desktop: 4;--visible-mobile: 2;--card-height: 56px;--card-height-mobile: 56px;position:relative;background:var(--section-bg);color:var(--text-color);padding:var(--padding-top) 0 var(--padding-bottom) 0}.double-slider-container{position:relative;margin-bottom:40px}.double-slider-container:last-child{margin-bottom:0}.double-slider-track{position:relative;overflow:hidden;margin:0 auto;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 12.5%,rgba(0,0,0,1) 87.5%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000)}.double-slider-items{display:flex;align-items:center;gap:var(--gap);will-change:transform}.double-slider-top-items{animation:marquee-right var(--speed) linear infinite}.double-slider-bottom-items{animation:marquee-left var(--speed) linear infinite}@keyframes marquee-right{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-left{0%{transform:translate(-50%)}to{transform:translate(0)}}.double-slider-card{position:relative;flex:0 0 auto;min-width:calc(100% / var(--visible-desktop));height:var(--card-height);display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;border:2px solid var(--card-border);color:var(--card-text)}.double-slider-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-weight:500;font-size:var(--card-font-desktop);line-height:1.4}@media (max-width: 768px){.double-slider-section{padding:calc(var(--padding-top) * .7) 0 calc(var(--padding-bottom) * .7) 0}.double-slider-container{margin-bottom:30px}.double-slider-card{min-width:calc(100% / var(--visible-mobile));height:var(--card-height-mobile)}.double-slider-content{padding:16px;font-size:var(--card-font-mobile)}.double-slider-items{gap:16px}}@media (prefers-reduced-motion: reduce){.double-slider-items{animation:none!important}}.double-slider-section h2{margin-bottom:48px;font-weight:600;font-size:2.5rem;line-height:1.2}@media (max-width: 768px){.double-slider-section h2{margin-bottom:32px;font-size:2rem}}.double-slider-card:focus{outline:2px solid var(--text);outline-offset:2px}.double-slider-card.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/double-slider.css.map */