.collection-showcase{width:100%;background:var(--color-bg);padding-left:12px;padding-right:12px}@media only screen and (min-width:768px){.collection-showcase{padding-left:5%;padding-right:5%}}.collection-showcase--grid{position:relative;max-width:1400px;margin:0 auto}.collection-showcase--grid.grid{display:flex;gap:var(--items-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-showcase--grid.grid::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.collection-showcase--grid.grid{gap:10px}}.collection-showcase--grid.carousel .collection-showcase--item{margin-right:var(--items-gap, 20px)}.collection-showcase--item{position:relative;flex:0 0 auto;width:calc((100% - (var(--items-gap, 20px) * (var(--columns) - 1))) / var(--columns));display:flex;flex-direction:column;background:#fff;overflow:hidden;scroll-snap-align:start}.collection-showcase--link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:block;font-size:0}.collection-showcase--image{display:block;position:relative;aspect-ratio:4 / 5;overflow:hidden}.collection-showcase--img,.collection-showcase--image .placeholder_svg_tag{display:block;width:100%;height:100%;object-fit:cover}.collection-showcase--badges{position:absolute;top:10px;left:10px;z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:6px}@media only screen and (min-width:768px){.collection-showcase--badges{top:12px;left:12px}}.collection-showcase--info{padding:16px;color:var(--color-text)}.collection-showcase--title{display:block;margin:0;color:inherit;font-size:1rem;font-weight:600;text-decoration:none}@media only screen and (max-width:767px){.collection-showcase--title{font-size:.75rem;line-height:normal}}.collection-showcase--type{margin:5px 0 0;color:inherit;opacity:.7;font-size:.625rem;line-height:normal}.collection-showcase--price{margin-top:16px}.collection-showcase--item .price{margin-top:0;color:var(--color-text);font-size:1.125rem}@media only screen and (max-width:767px){.collection-showcase--info{padding:8px}.collection-showcase--item .price{font-size:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/collection-showcase.css.map */