.photo-grid{width:100%;padding-top:var(--padding-top, var(--section-padding-m));padding-bottom:var(--padding-bottom, var(--section-padding-m));padding-left:var(--container-side-padding);padding-right:var(--container-side-padding)}.photo-grid__container{max-width:var(--container-max-width);margin:0 auto;display:flex;gap:var(--gap-m);padding-bottom:var(--gap-m)}.photo-grid__main{flex:1 1 50%;min-width:0}.photo-grid__main-image-wrapper{position:relative;width:100%;aspect-ratio:var(--main-image-aspect-ratio, 1.5);overflow:hidden;background-color:var(--color-sand)}.photo-grid__image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.photo-grid__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1);opacity:1;transition:opacity .6s ease;z-index:1}.photo-grid__image-container--loaded .photo-grid__image-placeholder{opacity:0;pointer-events:none}.photo-grid__image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.photo-grid__image-container--loaded .photo-grid__image{opacity:1}.photo-grid__cell{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.photo-grid__cell:hover .photo-grid__image-container--loaded .photo-grid__image{opacity:var(--opacity-high)}.photo-grid__cell--link{text-decoration:none;cursor:pointer}.photo-grid__cell--zoom{padding:0;margin:0;border:none;background:none;cursor:zoom-in}.photo-grid__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.photo-grid__lightbox--active{opacity:1;visibility:visible}.photo-grid__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transform:scale(1.1);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease}.photo-grid__lightbox--active .photo-grid__lightbox-backdrop{transform:scale(1);opacity:1}.photo-grid__lightbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--gap-xxl);cursor:zoom-out}.photo-grid__lightbox-image-wrapper{display:flex;align-items:center;justify-content:center;max-width:calc(100% - 120px);max-height:calc(100% - 80px);transform:scale(.9) translateY(20px);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease;transition-delay:.1s}.photo-grid__lightbox--active .photo-grid__lightbox-image-wrapper{transform:scale(1) translateY(0);opacity:1}.photo-grid__lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 25px 80px #00000080;cursor:pointer}.photo-grid__lightbox-image--loading{opacity:0}.photo-grid__lightbox-close{position:absolute;top:var(--gap-l);right:var(--gap-l);width:48px;height:48px;padding:0;border:none;background:#ffffff1a;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast),opacity .4s ease;opacity:0;transform:translateY(-10px);transition-delay:.2s}.photo-grid__lightbox--active .photo-grid__lightbox-close{opacity:1;transform:translateY(0)}.photo-grid__lightbox-close:hover{background:#fff3;transform:scale(1.1)}.photo-grid__lightbox-nav{position:absolute;top:50%;width:48px;height:48px;padding:0;border:none;background:#ffffff1a;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast),opacity .4s ease;opacity:0}.photo-grid__lightbox--active .photo-grid__lightbox-nav{opacity:1}.photo-grid__lightbox-nav:hover{background:#fff3}.photo-grid__lightbox--active .photo-grid__lightbox-nav:hover{transform:translateY(-50%) scale(1.1)}.photo-grid__lightbox-prev{left:var(--gap-l);transform:translateY(-50%) translate(-20px);transition-delay:.25s}.photo-grid__lightbox--active .photo-grid__lightbox-prev{transform:translateY(-50%) translate(0)}.photo-grid__lightbox-next{right:var(--gap-l);transform:translateY(-50%) translate(20px);transition-delay:.25s}.photo-grid__lightbox--active .photo-grid__lightbox-next{transform:translateY(-50%) translate(0)}.photo-grid__lightbox-counter{position:absolute;bottom:var(--gap-l);left:50%;transform:translate(-50%) translateY(10px);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-white);opacity:0;transition:opacity .4s ease,transform .4s ease;transition-delay:.3s}.photo-grid__lightbox--active .photo-grid__lightbox-counter{opacity:var(--opacity-high);transform:translate(-50%) translateY(0)}.photo-grid__grid{flex:1 1 50%;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--gap-m)}.photo-grid__grid-item{position:relative;min-height:0;overflow:hidden;background-color:var(--color-sand)}.photo-grid__placeholder{background-color:var(--color-sand);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-grid__placeholder-svg{width:100%;height:100%;object-fit:cover}.photo-grid__mobile-slider{display:none;position:relative;overflow:hidden}.photo-grid__mobile-slider-track{display:flex;transition:transform var(--transition-base);will-change:transform}.photo-grid__mobile-slider-slide{flex:0 0 100%;min-width:100%;width:100%}.photo-grid__mobile-slider-image-container{width:100%;position:relative;overflow:hidden;aspect-ratio:3 / 2}.photo-grid__mobile-slider-image-container.photo-grid__cell--zoom{display:block;cursor:zoom-in}.photo-grid__mobile-slider-image{display:block;width:100%;height:100%;object-fit:cover}.photo-grid__mobile-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border:none;background:#ffffff80;border-radius:50%;color:var(--color-dark-grey);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background var(--transition-fast),opacity var(--transition-fast);box-shadow:0 2px 8px #0000001a;opacity:.6}.photo-grid__mobile-slider-nav:hover{background:#ffffffb3;opacity:1}.photo-grid__mobile-slider-nav svg{width:12px;height:20px}.photo-grid__mobile-slider-nav--prev{left:var(--gap-s)}.photo-grid__mobile-slider-nav--next{right:var(--gap-s)}.photo-grid--hide-desktop{display:none}.photo-grid--hide-tablet,.photo-grid--hide-mobile{display:block}@media screen and (max-width:1199px){.photo-grid{--container-side-padding: 40px}.photo-grid--hide-desktop{display:block}.photo-grid--hide-tablet{display:none}.photo-grid--hide-mobile{display:block}}@media screen and (max-width:749px){.photo-grid{--container-side-padding: 20px;padding-top:var(--padding-top-mobile, var(--padding-top, var(--section-padding-m)));padding-bottom:var(--padding-bottom-mobile, var(--padding-bottom, var(--section-padding-m)))}.photo-grid--mobile-slider{padding-left:0!important;padding-right:0!important;overflow:hidden}.photo-grid--mobile-slider .photo-grid__container{display:none}.photo-grid--mobile-slider .photo-grid__mobile-slider{display:block;position:relative;width:100vw}.photo-grid--mobile-slider .photo-grid__mobile-slider-track{width:100%}.photo-grid--mobile-slider .photo-grid__mobile-slider-slide{width:100vw;flex-shrink:0}.photo-grid--mobile-slider .photo-grid__mobile-slider-image-container{aspect-ratio:3 / 2}.photo-grid:not(.photo-grid--mobile-slider) .photo-grid__container{flex-direction:column}.photo-grid:not(.photo-grid--mobile-slider) .photo-grid__main{flex:none;width:100%}.photo-grid:not(.photo-grid--mobile-slider) .photo-grid__main-image-wrapper{height:auto;aspect-ratio:var(--main-image-aspect-ratio, 1.5)}.photo-grid:not(.photo-grid--mobile-slider) .photo-grid__grid{flex:none;width:100%}.photo-grid:not(.photo-grid--mobile-slider) .photo-grid__grid-item{aspect-ratio:3 / 2}.photo-grid--hide-desktop,.photo-grid--hide-tablet{display:block}.photo-grid--hide-mobile{display:none}.photo-grid__lightbox-content{padding:var(--gap-m)}.photo-grid__lightbox-image-wrapper{max-width:100%;max-height:calc(100% - 120px)}.photo-grid__lightbox-close{top:var(--gap-m);right:var(--gap-m);width:40px;height:40px}.photo-grid__lightbox-nav{width:40px;height:40px}.photo-grid__lightbox-prev{left:var(--gap-s)}.photo-grid__lightbox-next{right:var(--gap-s)}.photo-grid__lightbox-counter{bottom:var(--gap-m)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-photo-grid.css.map */