.gallery-wrapper {margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.gallery-wrapper .image-wrapper{margin-right: 2.2vw;}
.gallery-wrapper .image-wrapper a {width: 14.2vw; display: flex; height: 10vw; text-decoration: none; margin-bottom: 2.2vw; color: #333; box-shadow: 0 0 5px rgb(0 0 0 / 30%); transition: all 200ms ease-in-out; align-items: center; justify-content: center}
.gallery-wrapper .image-wrapper a:hover { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } 
.products{width: 83vw; margin-left: 5.9vw;}
.gallery-wrapper .image-wrapper a img { width: 100%; } 
.gallery-lightboxes .image-lightbox {position: fixed; top: -39px; left: -55px; z-index: 99; width: 102vw; height: 102vh; background: #1613135e; backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0ms ease-in-out;}
.gallery-lightboxes .image-lightbox:target { opacity: 1; visibility: visible; } 
.gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper { opacity: 1; transform: scale(1, 1) translateY(0); } 
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper { transform: scale(0.95, 0.95) translateY(-30px); transition: opacity 500ms ease-in-out, transform 500ms ease-in-out; opacity: 0; margin: 1em auto; max-width: 75%; padding: 0.5em; display: inline-block; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); position: relative; }
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close { width: 1.5em; height: 1.5em; background: #000; color: #fff; font-weight: bold; text-decoration: none; border-radius: 50%; box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5); position: absolute; right: -1em; top: -1em; }
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:before { content: ""; display: block; width: 10px; height: 2px; background: #fff; margin: 0; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -5px; transform: rotate(-45deg); }
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:after { content: ""; display: block; width: 10px; height: 2px; background: #fff; margin: 0; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -5px; transform: rotate(45deg); }
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; }
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left:before { content: ""; display: inline-block; width: 20px; height: 20px; border: 2px solid #fff; border-bottom: 0; border-right: 0; border-radius: 4px 0 0 0; position: absolute; top: 50%; right: 100%; cursor: pointer; transform: rotate(-45deg) translateY(-50%); } 
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } 
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right:before { content: ""; display: block; width: 20px; height: 20px; border: 2px solid #fff; border-bottom: 0; border-left: 0; border-radius: 0 4px 0 0; position: absolute; top: 50%; left: 100%; cursor: pointer; transform: rotate(45deg) translateY(-50%); }
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper img { margin: 0 auto; max-height: 70vh; }