.section-image-gallery .image-gallery-list{display:grid;grid-auto-rows:16rem;grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);gap:1rem}.section-image-gallery .image-gallery-list .image-gallery-item{grid-row:span 1;grid-column:span 1;position:relative;border-radius:var(--medium-radius);overflow:hidden;--alpha-overlay: 0}.section-image-gallery .image-gallery-list .image-gallery-item .media{position:absolute;inset-inline-start:0;inset-block-start:0;width:100%;height:100%}.section-image-gallery .image-gallery-list .image-gallery-item .media img,.section-image-gallery .image-gallery-list .image-gallery-item .media svg{transition:transform .3s cubic-bezier(0,0,.3,1)}.section-image-gallery .image-gallery-list .image-gallery-item .media:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;width:100%;height:100%;background:rgba(var(--color-foreground),var(--alpha-overlay))}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content{position:relative;z-index:1;padding:2rem;height:100%}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3{color:var(--color-text);margin-block-end:0}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3.title-size--small{font-size:1rem}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3.title-size--medium{font-size:1.5rem}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3.title-size--large{font-size:2rem}.section-image-gallery .image-gallery-list .image-gallery-item.item-columns--1{grid-column:span 1}.section-image-gallery .image-gallery-list .image-gallery-item.item-columns--2{grid-column:span 2}.section-image-gallery .image-gallery-list .image-gallery-item.item-columns--3{grid-column:span 3}.section-image-gallery .image-gallery-list .image-gallery-item.item-columns--4{grid-column:span 4}.section-image-gallery .image-gallery-list .image-gallery-item.item-rows--1{grid-row:span 1}.section-image-gallery .image-gallery-list .image-gallery-item.item-rows--2{grid-row:span 2}@media screen and (max-width: 749px){.section-image-gallery .image-gallery-list{grid-auto-rows:8rem;grid-auto-flow:dense;grid-template-columns:repeat(2,1fr)}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content{padding:1rem}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3{color:var(--color-text-mobile)}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3.title-size-mobile--small{font-size:.875rem}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3.title-size-mobile--medium{font-size:1rem}.section-image-gallery .image-gallery-list .image-gallery-item .image-gallery-content h3.title-size-mobile--large{font-size:1.25rem}.section-image-gallery .image-gallery-list .image-gallery-item.item-mobile-columns--1{grid-column:span 1}.section-image-gallery .image-gallery-list .image-gallery-item.item-mobile-columns--2{grid-column:span 2}.section-image-gallery .image-gallery-list .image-gallery-item.item-mobile-rows--1{grid-row:span 1}.section-image-gallery .image-gallery-list .image-gallery-item.item-mobile-rows--2{grid-row:span 2}.section-image-gallery .image-gallery-list .image-gallery-item.item-mobile-rows--3{grid-row:span 3}.section-image-gallery .image-gallery-list .image-gallery-item.item-mobile-rows--4{grid-row:span 4}}.gallery-modal{display:none;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background:#000000bf;justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.gallery-modal-content{display:flex;flex-direction:row;background:var(--color-background, #111);border-radius:12px;overflow:hidden;width:85vw;max-width:1400px;max-height:90vh;box-shadow:0 10px 40px #0006}.gallery-modal-left{flex:2;background:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;height:100%;min-height:60vh}.gallery-modal-left img{width:100%;height:auto;max-width:100%;max-height:90vh;object-fit:contain;object-position:center;display:block;background:transparent}.gallery-modal-right{flex:1;background:#141414;color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;min-width:320px;box-sizing:border-box}.gallery-modal-right hr{border:none;border-top:1px solid #333;margin-bottom:1.25rem}.gallery-modal-right h3{margin-bottom:1rem;color:#fff;font-weight:600;letter-spacing:.5px}.gallery-modal-right a{display:inline-block;margin-top:.75rem;padding:.75rem 1.25rem;background:#b500b5;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;text-align:center;transition:.3s}.gallery-modal-right a:hover{background:#ff7bff;color:#000}@media (max-width: 768px){.gallery-modal-content{flex-direction:column;width:95vw;max-height:none}.gallery-modal-left img{max-height:60vh}}#galleryModalVideo{width:100%;max-height:80vh;border-radius:10px;background:#000;object-fit:contain}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;opacity:.9;pointer-events:none;text-shadow:0 0 10px rgba(0,0,0,.6)}.image-gallery-item .media{position:relative;overflow:hidden}.image-gallery-item .media-image.animate--scale-up{filter:brightness(.85);transition:transform .3s ease,filter .3s ease}.image-gallery-item:hover .media-image.animate--scale-up{transform:scale(1.05);filter:brightness(1)}.media{position:relative}.media .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;opacity:.9;pointer-events:none;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-image-gallery.css.map */