.card-slider-01{padding:var(--section-padding-top) 0 var(--section-padding-bottom)}.card-slider-01 .section-title{text-align:center;margin-bottom:30px;font-size:1.8em;padding:0 15px;color:rgb(var(--color-foreground))}.scroller-wrapper{position:relative}.component-scroller{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.component-scroller::-webkit-scrollbar{height:6px}.component-scroller::-webkit-scrollbar-track{background:transparent}.component-scroller::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:3px}.component-scroller::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.5)}.component-card{position:relative;width:30%;flex-shrink:0;aspect-ratio:3 / 4;overflow:hidden;background-size:cover;background-position:center;scroll-snap-align:start;border-style:solid;box-shadow:0 4px 8px rgba(var(--color-shadow),.1);transition:transform .2s ease-in-out}.card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:1}.card-content h3{margin:0 0 5px;font-size:1.2em;line-height:1.3;font-weight:600}.card-content p{margin:0;font-size:.85em;line-height:1.4}.scroll-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;background-color:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:40px;height:40px;cursor:pointer;padding:0;line-height:0;opacity:1;transition:background-color .2s ease,opacity .3s ease}.scroll-arrow:hover:not(:disabled){background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.4)}.scroll-arrow:disabled{opacity:0;cursor:default;pointer-events:none}.scroll-arrow svg{width:24px;height:24px;stroke:rgb(var(--color-foreground));margin:auto}.scroll-arrow--left{left:10px}.scroll-arrow--right{right:10px}.slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:0 15px}.slider-dot{width:6px;height:6px;border-radius:50%;background-color:rgba(var(--color-foreground),.3);border:none;padding:0;cursor:pointer;transition:all .15s ease-out}.slider-dot.active{background-color:rgb(var(--color-foreground));width:6px;height:6px}.slider-dot:hover{background-color:rgba(var(--color-foreground),.5)}@media (min-width: 769px){.scroll-arrow{display:block}.component-scroller{padding:10px 20px 10px 5rem;scroll-padding-left:5rem;scrollbar-width:none}.component-scroller::-webkit-scrollbar{display:none}.slider-dots{display:none}}@media (max-width: 768px){.component-card{width:85%;aspect-ratio:4 / 5;scroll-snap-align:center}.card-content h3{font-size:1.1em}.card-content p{font-size:.8em}.component-scroller{padding:10px 7.5%;gap:15px;scroll-padding:0 7.5%;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.component-scroller::-webkit-scrollbar{display:none}}@media (max-width: 480px){.component-card{width:85%;scroll-snap-align:center}.card-slider-01 .section-title{font-size:1.5em}.card-content h3{font-size:1em}.card-content p{font-size:.75em}.component-scroller{padding:10px 7.5%;gap:12px;scroll-padding:0 7.5%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-card-slider-01.css.map */