.dual-carousel-section{background-color:var(--bg-color, #1a1a1a);color:var(--text-color, #ffffff);padding:var(--padding-top, 80px) 0 var(--padding-bottom, 80px);position:relative;overflow:hidden;width:100vw;margin-left:50%;transform:translate(-50%)}.dual-carousel-container{max-width:1200px;margin:0 auto;padding:0 20px}.dual-carousel-header{text-align:center;margin-bottom:40px}.dual-carousel-subtitle{font-size:16px;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.dual-carousel-title{font-size:40px;margin:0;font-weight:700;line-height:1.2}.dual-carousel-wrapper{position:relative;display:flex;margin:0 -10px;height:var(--carousel-height, 600px);overflow:hidden}.dual-carousel-fade-top,.dual-carousel-fade-bottom{position:absolute;left:0;right:0;height:var(--fade-height, 100px);z-index:10;pointer-events:none;backdrop-filter:blur(var(--fade-blur, 0px));-webkit-backdrop-filter:blur(var(--fade-blur, 0px))}.dual-carousel-fade-top{top:0;background:linear-gradient(to bottom,var(--fade-color-start) 40%,var(--fade-color-end) 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.dual-carousel-fade-bottom{bottom:0;background:linear-gradient(to top,var(--fade-color-start) 40%,var(--fade-color-end) 100%);mask-image:linear-gradient(to top,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 50%,transparent 100%)}.dual-carousel-columns{display:flex;width:100%}.dual-carousel-column{flex:1;padding:0 10px;height:100%;position:relative;overflow:visible}.dual-carousel-track{display:flex;flex-direction:column;will-change:transform}.dual-carousel-track-up{animation:dualScrollUp var(--animation-speed, 30s) linear infinite}.dual-carousel-track-down{animation:dualScrollDown var(--animation-speed, 30s) linear infinite}.dual-carousel-wrapper.pause-on-hover:hover .dual-carousel-track-up,.dual-carousel-wrapper.pause-on-hover:hover .dual-carousel-track-down{animation-play-state:paused}@keyframes dualScrollUp{0%{transform:translateY(0)}to{transform:translateY(calc(-100% / 3))}}@keyframes dualScrollDown{0%{transform:translateY(calc(-100% / 3))}to{transform:translateY(0)}}.dual-carousel-item{position:relative;margin-bottom:20px;border-radius:var(--item-radius, 16px);overflow:hidden;background-color:var(--item-bg, #ffffff)}.dual-carousel-item img{display:block;width:100%;height:auto;object-fit:cover}.dual-carousel-item svg.placeholder-svg{width:100%;height:300px;background-color:#f4f4f4;display:block;fill:#ccc}.dual-carousel-overlay{position:absolute;top:var(--overlay-y, 50%);left:var(--overlay-x, 50%);transform:translate(-50%,-50%);background:var(--overlay-bg, rgba(255, 255, 255, .9));padding:6px 14px;border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:6px;white-space:nowrap}.dual-carousel-overlay .overlay-number{font-weight:700;font-size:16px;color:var(--overlay-text-color, #000)}.dual-carousel-overlay .overlay-text{font-size:13px;color:var(--overlay-text-color, #333)}.dual-carousel-badge{position:absolute;background:var(--badge-bg, rgba(90, 76, 132, .85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--badge-text, #fff);box-shadow:0 8px 24px #00000026;z-index:5;min-width:220px;max-width:90%}.badge-tl{top:16px;left:16px}.badge-br{bottom:16px;right:16px}.badge-content{display:flex;flex-direction:column;gap:4px}.badge-top-text{font-size:11px;opacity:.8;letter-spacing:.5px}.badge-number{font-size:22px;font-weight:700;line-height:1.1}.badge-bottom{display:flex;align-items:center;gap:4px;color:var(--badge-accent, #00F0FF);font-size:11px;font-weight:600}.badge-icon{width:12px;height:12px}.badge-chart{width:60px;height:40px;flex-shrink:0;color:var(--badge-accent, #00F0FF)}.badge-chart svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@media(max-width:768px){.dual-carousel-section{padding:var(--padding-top-mobile, 40px) 0 var(--padding-bottom-mobile, 40px)}.dual-carousel-wrapper{height:var(--carousel-height-mobile, 400px)}.dual-carousel-title{font-size:28px}.dual-carousel-badge{min-width:180px;padding:8px 12px;gap:10px}.badge-number{font-size:16px}.badge-top-text,.badge-bottom{font-size:9px}.badge-chart{width:40px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/dual-carousel-custom.css.map */