.gallery-header{text-align:left;margin-bottom:24px}.gallery-header h2{margin:0 0 .5rem;line-height:1.2;color:#111}.gallery-header p{color:#666;margin:0;letter-spacing:.5px;text-transform:uppercase}.gallery-blocks-container{display:flex;flex-direction:column;gap:16px}.gallery-grid-block{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(180px,auto);gap:12px;transition:all .3s ease}.gallery-grid-block.is-hidden{display:none}.gallery-item{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.gallery-item img,.gallery-item .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;transition:transform .3s ease;aspect-ratio:1}.gallery-item img:hover{transform:scale(1.03)}@media screen and (min-width:769px){.gallery-grid-block.featured-pos-left{grid-template-areas:"feat feat img2 img3 img4" "feat feat img5 img6 img7"}.gallery-grid-block.featured-pos-right{grid-template-areas:"img2 img3 img4 feat feat" "img5 img6 img7 feat feat"}.gallery-item.item-featured{grid-area:feat}.gallery-item:nth-child(2){grid-area:img2}.gallery-item:nth-child(3){grid-area:img3}.gallery-item:nth-child(4){grid-area:img4}.gallery-item:nth-child(5){grid-area:img5}.gallery-item:nth-child(6){grid-area:img6}.gallery-item:nth-child(7){grid-area:img7}}.gallery-load-more-btn-wrap{display:flex;justify-content:center;gap:12px;margin-top:32px}.gallery-btn{padding:12px 32px;cursor:pointer;border-radius:8px;font-size:14px;border:1px solid #194636;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease;background:#eff9f5;color:#000}.gallery-btn:hover{border-color:#000;background:#000;color:#fff}.gallery-btn.is-hidden{display:none}.gallery-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.gallery-lightbox.active{opacity:1;visibility:visible;background:#000000c9}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lightbox-close{position:absolute;top:20px;right:25px;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;z-index:10;line-height:1;opacity:.8;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-stage{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:0 80px}.lightbox-frame{width:100%;max-width:900px;height:90vh;max-height:900px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lightbox-frame img{width:100%;height:100%;object-fit:contain;display:block}.lightbox-nav{background:#ffffff40;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:28px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:6;transition:all .2s ease}.lightbox-nav:hover{background:#fffc;color:#000}.lightbox-prev{left:15px}.lightbox-next{right:15px}@media screen and (max-width:768px){.gallery-grid-block{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,auto);gap:8px}.gallery-item.item-featured{grid-column:span 2!important;grid-row:span 2!important}.mobile-layout-grid_2_col .gallery-blocks-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.mobile-layout-grid_2_col .gallery-grid-block{display:contents!important}.mobile-layout-grid_2_col .gallery-grid-block.is-hidden{display:none!important}.mobile-layout-grid_2_col .gallery-item.item-featured,.mobile-layout-grid_2_col .gallery-item.item-small{grid-column:span 1!important;grid-row:span 1!important;height:100%!important}.mobile-layout-grid_2_col .gallery-item img{aspect-ratio:1 / 1;object-fit:cover}.lightbox-stage{padding:0 10px}.lightbox-frame{height:60vh;max-width:90vw;border-radius:8px}.lightbox-nav{width:38px;height:38px;font-size:22px;background:#00000080}.lightbox-prev{left:20px}.lightbox-next{right:20px}}@media screen and (max-width:749px){.lightbox-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.lightbox-nav{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/section-real-life-gallery.css.map */