.horizontal-slider-section{background-color:#d9d9d9}.section-container{width:100%;max-width:1320px;margin:0 auto;position:relative;overflow:visible;padding:100px 100px 0}.slider-wrapper{position:relative;display:flex;flex-direction:column;gap:0px;padding-bottom:100px}.slider-outer{width:100vw;overflow:hidden;position:relative}.slider-wrapper .scroll-wrapper{height:100%;width:100%;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.slider-wrapper .scroll-wrapper::-webkit-scrollbar{display:none}.slider-wrapper .horizontal-slider{display:flex;gap:50px;padding:60px 60px 30px;width:max-content;align-items:center}.slider-wrapper .slide{border-radius:14px;flex-shrink:0;overflow:hidden;position:relative;background-image:var(--bg);background-size:cover;background-position:center;transition:transform .25s ease,box-shadow .25s ease}.slider-wrapper .slide:hover{transform:translateY(-12px);cursor:pointer}.slider-wrapper .slide .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.slider-wrapper .content{position:absolute;top:50%;left:30px;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;color:#fff;z-index:2}.slider-wrapper button{padding:8px 14px;background:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}.slider-wrapper .indicator-bar{display:flex;gap:10px;justify-content:center;margin-top:25px}.slider-wrapper .indicator-dot{width:10px;height:10px;background:#bbb;border-radius:6px;transition:all .25s ease;cursor:pointer}.slider-wrapper .indicator-dot.active{width:30px;border-radius:6px;background:#000}@media (max-width: 768px){.slider-wrapper .scroll-wrapper{overflow-y:auto;overflow-x:hidden;height:auto}.slider-wrapper .horizontal-slider{flex-direction:column;width:100%;padding:20px;gap:20px}.slider-wrapper .slide{width:100%;max-width:none;height:auto;aspect-ratio:1/1}.slider-wrapper .indicator-bar{display:none}}.horizontal-slider-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.horizontal-slider-section .slider-section-title{font-size:32px;font-weight:600;margin:0}.section-header-btn{padding:10px 20px;background:#236cff;color:#fff;text-decoration:none;border-radius:6px;font-size:16px;transition:opacity .2s ease}.section-header-btn:hover{opacity:.85}@media (max-width: 600px){.section-header{flex-direction:column;gap:15px;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/horizontal-slider.css.map */