.collection-showcase-section{position:relative;width:100%;box-sizing:border-box;overflow:hidden;transition:opacity .6s ease-out,transform .6s ease-out}.collection-showcase-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.collection-showcase-heading{margin-bottom:2rem}.collection-showcase-heading h2{margin:0}.collection-showcase-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--grid-gap) * (var(--mobile-cols) - 1))) / var(--mobile-cols));gap:var(--grid-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;box-sizing:border-box;scroll-behavior:smooth}.collection-showcase-track::-webkit-scrollbar{display:none}.collection-showcase-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}@media screen and (min-width:750px){.collection-showcase-track{grid-auto-flow:unset;grid-template-columns:repeat(2,1fr);overflow-x:visible;scroll-snap-type:none}}@media screen and (min-width:990px){.collection-showcase-track{grid-template-columns:repeat(4,1fr)}}.collection-showcase-card{position:relative;display:flex;flex-direction:column;width:100%;text-decoration:none;color:inherit;box-sizing:border-box;overflow:hidden;scroll-snap-align:start;background-color:var(--card-bg, transparent);border-radius:var(--card-radius, 12px);border:var(--card-border, none);box-shadow:var(--card-shadow, none);padding:var(--card-padding, 0px);transition:transform var(--transition-speed, .3s) ease,box-shadow var(--transition-speed, .3s) ease,opacity var(--transition-speed, .3s) ease;height:var(--card-height, auto)}.collection-card-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--image-radius, 12px);box-sizing:border-box}.collection-card-image-wrapper.ratio-square{aspect-ratio:1 / 1}.collection-card-image-wrapper.ratio-portrait{aspect-ratio:3 / 4}.collection-card-image-wrapper.ratio-landscape{aspect-ratio:4 / 3}.collection-card-image-wrapper.ratio-original{aspect-ratio:auto}.collection-card-image{width:100%;height:100%;object-fit:var(--image-fit, cover);transition:transform var(--transition-speed, .3s) ease;display:block}.collection-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:var(--overlay-color, rgba(0,0,0,0));opacity:var(--overlay-opacity, 0);transition:opacity var(--transition-speed, .3s) ease}.collection-card-overlay.gradient-top{background:linear-gradient(to bottom,var(--overlay-color) 0%,transparent 100%)}.collection-card-overlay.gradient-bottom{background:linear-gradient(to top,var(--overlay-color) 0%,transparent 100%)}.collection-card-overlay.gradient-left{background:linear-gradient(to right,var(--overlay-color) 0%,transparent 100%)}.collection-card-overlay.gradient-right{background:linear-gradient(to left,var(--overlay-color) 0%,transparent 100%)}.collection-card-title-wrapper{position:absolute;z-index:2;box-sizing:border-box;padding:var(--title-padding-bottom, 15px);width:calc(100% - 30px);max-width:var(--title-max-width, 100%);pointer-events:none}.collection-card-title{margin:0;color:var(--title-color, #ffffff);font-size:var(--title-size, 20px);font-weight:var(--title-weight, 500);letter-spacing:var(--title-letter-spacing, normal);line-height:var(--title-line-height, 1.2);text-shadow:var(--title-shadow, none);text-align:var(--title-align, left)}.pos-top-left{top:calc(15px + var(--offset-y, 0px));left:calc(15px + var(--offset-x, 0px))}.pos-top-center{top:calc(15px + var(--offset-y, 0px));left:50%;transform:translate(-50%)}.pos-top-right{top:calc(15px + var(--offset-y, 0px));right:calc(15px + var(--offset-x, 0px))}.pos-center{top:calc(50% + var(--offset-y, 0px));left:50%;transform:translate(-50%,-50%)}.pos-bottom-left{bottom:calc(15px + var(--offset-y, 0px));left:calc(15px + var(--offset-x, 0px))}.pos-bottom-center{bottom:calc(15px + var(--offset-y, 0px));left:50%;transform:translate(-50%)}.pos-bottom-right{bottom:calc(15px + var(--offset-y, 0px));right:calc(15px + var(--offset-x, 0px))}@media screen and (min-width:750px){.hover-effect-zoom:hover .collection-card-image.enable-zoom{transform:scale(var(--hover-scale-val, 1.08))}.hover-effect-lift:hover{transform:translateY(-8px)}.hover-effect-scale:hover{transform:scale(1.03)}.hover-effect-shadow:hover{box-shadow:var(--hover-shadow-val, 0 10px 20px rgba(0,0,0,.15))}.hover-effect-opacity:hover .collection-card-image{opacity:.85}}.collection-showcase-dots{display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.collection-showcase-dot{background-color:var(--dot-color, #ccc);width:var(--dot-size, 8px);height:var(--dot-size, 8px);border-radius:50%;margin:0 calc(var(--dot-gap, 10px) / 2);border:none;cursor:pointer;transition:background-color var(--transition-speed, .3s) ease,transform var(--transition-speed, .3s) ease}.collection-showcase-dot.is-active{background-color:var(--dot-active-color, #000);transform:scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/collection-showcase-cards.css.map */