.zigzag-showcase-wrapper{overflow:hidden}.zigzag-title-wrapper{text-align:center}.zigzag-title{margin-top:0;margin-bottom:2rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.zigzag-item{position:relative;overflow:hidden;display:block;text-decoration:none;border-radius:var(--border-radius, 0px)}.zigzag-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.zigzag-item:hover img{transform:scale(1.05)}.zigzag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:background-color .3s ease;z-index:1}.zigzag-showcase-wrapper:not(.zigzag-showcase-gradient) .zigzag-overlay{background:#00000040}.zigzag-showcase-wrapper:not(.zigzag-showcase-gradient) .zigzag-item:hover .zigzag-overlay{background:#0006}.zigzag-showcase-wrapper.zigzag-showcase-gradient .zigzag-overlay{background:linear-gradient(to bottom,#0000 40%,#000c)}.zigzag-item-title{position:absolute;margin:0;color:#fff;font-weight:700;text-align:center;text-transform:uppercase;font-size:1.4rem;z-index:2;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5)}.zigzag-showcase-wrapper.text-position-center .zigzag-item-title{top:50%;left:50%;transform:translate(-50%,-50%)}.zigzag-showcase-wrapper.text-position-bottom .zigzag-item-title{bottom:20px;left:20px;right:20px}@media screen and (max-width:749px){.zigzag-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:var(--mobile-row-height, 18vw);gap:var(--mobile-gap, 10px)}.zigzag-item:nth-child(5n+1){grid-column:1;grid-row:span 3}.zigzag-item:nth-child(5n+2){grid-column:2;grid-row:span 2}.zigzag-item:nth-child(5n+3){grid-column:2;grid-row:span 3}.zigzag-item:nth-child(5n+4){grid-column:1;grid-row:span 2}.zigzag-item:nth-child(5n+5){grid-column:1 / -1;grid-row:span 2}.zigzag-item-title{font-size:1.1rem}}@media screen and (min-width:750px){.zigzag-grid{display:flex;gap:var(--desktop-gap, 16px)}.zigzag-showcase-wrapper.desktop-slider-enabled .zigzag-grid{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#333 #f1f1f1;padding-bottom:20px}.zigzag-showcase-wrapper:not(.desktop-slider-enabled) .zigzag-grid{flex-wrap:wrap;justify-content:center}.zigzag-showcase-wrapper.desktop-slider-enabled .zigzag-grid::-webkit-scrollbar{height:8px}.zigzag-showcase-wrapper.desktop-slider-enabled .zigzag-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.zigzag-showcase-wrapper.desktop-slider-enabled .zigzag-grid::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.zigzag-showcase-wrapper.desktop-slider-enabled .zigzag-grid::-webkit-scrollbar-thumb:hover{background:#000}.zigzag-item{height:var(--desktop-height, 450px)}.zigzag-showcase-wrapper.desktop-slider-enabled .zigzag-item{flex:0 0 calc((100% / var(--items-per-row, 4)) - (var(--desktop-gap, 16px) * calc(var(--items-per-row, 4) - 1) / var(--items-per-row, 4)));scroll-snap-align:start}.zigzag-showcase-wrapper:not(.desktop-slider-enabled) .zigzag-item{flex:1 1 calc((100% / var(--items-per-row, 4)) - (var(--desktop-gap, 16px) * calc(var(--items-per-row, 4) - 1) / var(--items-per-row, 4)))}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-zigzag-showcase.css.map */