.collection-row{padding:48px 0;width:100%;margin:0 auto}.collection-row__heading{display:block;text-align:center;padding:0 48px;margin-bottom:24px;text-transform:uppercase;color:#121212}.collection-row__wrapper{position:relative;display:flex;flex-direction:column;gap:20px}.collection-row__track{display:flex;gap:16px;overflow-x:auto;padding:0 48px;scrollbar-width:none}.collection-row__track::-webkit-scrollbar{display:none}.collection-card{position:relative;flex:0 0 280px;text-decoration:none;color:inherit}.collection-card__image{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;background:#f4f4f4}.collection-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.collection-card:hover img{transform:scale(1.05)}.collection-card__title{position:absolute;left:10px;bottom:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:24px;line-height:1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);pointer-events:none}.collection-controls{display:flex;align-items:center;justify-content:space-between;padding:0 48px;margin-top:10px;gap:20px}.custom-scrollbar-track{flex-grow:1;height:4px;background-color:#e0e0e0;border-radius:2px;position:relative;overflow:hidden}.custom-scrollbar-thumb{position:absolute;left:0;top:0;bottom:0;width:20%;background-color:#333;border-radius:2px;transition:transform .1s linear;will-change:transform}.arrow-group{display:flex;gap:10px;flex-shrink:0}.scroll-btn{background:none;border:none;cursor:pointer;padding:5px;color:#333;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.scroll-btn:hover{opacity:1}@media (max-width: 768px){.collection-row__track,.collection-row__heading,.collection-controls{padding:0 16px}.collection-card{flex-basis:160px}.collection-card__title{font-size:18px}}.collection-row__track{cursor:grab;user-select:none;-webkit-user-select:none}.collection-row__track.active{cursor:grabbing}.custom-scrollbar-thumb{cursor:grab}.custom-scrollbar-thumb.active{cursor:grabbing}.collection-card{cursor:grab}.collection-row__track.active .collection-card{cursor:grabbing}.scroll-btn.disabled{opacity:.3;pointer-events:none;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/118/assets/io-collection-scroll.css.map */