.showcase-gallery{padding-left:5%;padding-right:5%}.showcase-gallery__header{text-align:center;margin:0}.showcase-gallery__header h2{margin-top:0;margin-bottom:0}.showcase-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:2rem auto}.showcase-gallery__item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;aspect-ratio:4 / 3}.showcase-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.showcase-gallery__item:hover img{transform:scale(1.05)}.showcase-gallery__caption,.showcase-lightbox__caption{position:absolute;bottom:6px;left:50%;transform:translate(-50%);padding:.45rem .85rem;background:#111c;color:#fff;font-size:1.3rem;white-space:nowrap;border:1px solid var(--limestone);border-radius:6px;pointer-events:none}.showcase-gallery__caption{opacity:0;transition:opacity .3s ease;z-index:1}.showcase-gallery__item:hover .showcase-gallery__caption{opacity:1}@media screen and (max-width:749px){.showcase-gallery__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.showcase-gallery__grid::-webkit-scrollbar{display:none}.showcase-gallery__item{flex:0 0 80vw;scroll-snap-align:center;overflow:visible;aspect-ratio:auto}.showcase-gallery__item img{aspect-ratio:4 / 3;border-radius:4px}.showcase-gallery__caption{position:static;transform:none;background:none;border:none;border-radius:0;color:var(--limestone);font-size:1.2rem;white-space:normal;text-align:center;padding:.5rem 0 0;opacity:1;pointer-events:auto}}.showcase-gallery__dots{display:none;justify-content:center;gap:10px;margin-top:1rem}@media screen and (max-width:749px){.showcase-gallery__dots{display:flex}}.showcase-gallery__dot{background:none;border:none;cursor:pointer;font-size:2rem;color:var(--rich-soil);padding:0;line-height:1;transition:color .3s,transform .3s}.showcase-gallery__dot.active{color:var(--limestone);transform:scale(1.3)}.showcase-lightbox__content{position:relative;max-width:90vw;max-height:85vh;overflow:hidden;background:#fff}.showcase-lightbox__content img{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;-webkit-user-select:none;user-select:none}.showcase-lightbox__content>img{opacity:0;position:absolute;top:0;left:0;width:100%;pointer-events:none;transition:opacity .2s ease-out}.showcase-lightbox__content>img.active{opacity:1;position:relative;pointer-events:auto;transition:opacity .25s .08s ease-in}.showcase-lightbox__caption{z-index:4;opacity:1;transition:none}.showcase-lightbox__dots{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:4}.showcase-lightbox__dot{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#fff6;padding:0;line-height:1;transition:color .3s,transform .3s}.showcase-lightbox__dot.active{color:#fff;transform:scale(1.3)}@media screen and (min-width:750px){.showcase-lightbox .lightbox-nav--prev{left:calc(50% - 45vw - 32px)}.showcase-lightbox .lightbox-nav--next{right:calc(50% - 45vw - 32px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-gallery.css.map */