.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}.scroller-wrapper{position:relative}.component-scroller{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:20px;padding:10px 20px 10px 5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:5rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#654321 transparent}.component-scroller::-webkit-scrollbar{height:6px}.component-scroller::-webkit-scrollbar-track{background:transparent}.component-scroller::-webkit-scrollbar-thumb{background-color:#654321;border-radius:3px}.component-scroller::-webkit-scrollbar-thumb:hover{background-color:#7a5229}.component-card{position:relative;width:30%;flex-shrink:0;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;color:#fff;scroll-snap-align:start;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease-in-out}.card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,#000000d9,#0009,#0000);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;opacity:.9}.scroll-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;background-color:#ffffffb3;border:1px solid #ccc;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:#ffffffe6}.scroll-arrow:disabled{opacity:0;cursor:default;pointer-events:none}.scroll-arrow svg{width:24px;height:24px;stroke:#333;margin:auto}.scroll-arrow--left{left:10px}.scroll-arrow--right{right:10px}@media (min-width: 769px){.scroll-arrow{display:block}.component-scroller{scrollbar-width:none}.component-scroller::-webkit-scrollbar{display:none}}@media (max-width: 768px){.component-card{width:60%;aspect-ratio:4 / 5}.card-content h3{font-size:1.1em}.card-content p{font-size:.8em}.component-scroller{padding:10px 15px 10px 2rem;gap:15px;scroll-padding-left:2rem}}@media (max-width: 480px){.component-card{width:75%}.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 10px 10px 1rem;gap:15px;scroll-padding-left:1rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-card-slider-01.css.map */