prismic-slicemachine-to-hydrogen-jrhcn 0.1.615 → 0.1.617

package/dist/cjs/styles.css

@@ -12320,17 +12320,10 @@ body.hasPdpGalleryLightbox {
 
 .pdpGalleryBadges {
   display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
   gap: 6px;
-  position: absolute;
-  left: 20px;
-  top: 20px;
-  z-index: 1;
-}
-@media screen and (max-width: 760px) {
-  .pdpGalleryBadges {
-    flex-direction: column;
-    z-index: 2;
-  }
+  margin-bottom: 12px;
 }
 .pdpGalleryBadges .pdpGalleryBadge-new,
 .pdpGalleryBadges .pdpGalleryBadge-sale,
@@ -12422,28 +12415,22 @@ body.hasPdpGalleryLightbox {
   }
 }
 
-.pdpGalleryLTDLogo,
-.pdpGalleryVtoLogo {
+.pdpGalleryLTDLogo {
   display: block;
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   z-index: 9;
+  height: 82px;
+  top: 30px;
+  width: 142px;
 }
 .pdpGalleryLTDLogo img,
-.pdpGalleryLTDLogo svg,
-.pdpGalleryVtoLogo img,
-.pdpGalleryVtoLogo svg {
+.pdpGalleryLTDLogo svg {
   display: block;
   height: 100%;
   width: 100%;
 }
-
-.pdpGalleryLTDLogo {
-  height: 82px;
-  top: 30px;
-  width: 142px;
-}
 @media screen and (max-width: 760px) {
   .pdpGalleryLTDLogo {
     height: 32px;
@@ -12452,25 +12439,45 @@ body.hasPdpGalleryLightbox {
   }
 }
 
-.pdpGalleryVtoLogo {
-  height: 36px;
+.pdpGalleryButtons {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  left: 50%;
   position: absolute;
   top: 20px;
   transform: translateX(-50%) !important;
-  width: 205px;
+  width: max-content;
   z-index: 9;
 }
 @media screen and (max-width: 760px) {
-  .pdpGalleryVtoLogo {
-    height: 32px;
+  .pdpGalleryButtons {
+    flex-direction: column;
     top: 12px;
-    width: 175px;
   }
 }
-.pdpGalleryVtoLogo--fixed {
+.pdpGalleryButtons--fixed {
   position: fixed;
 }
 
+.pdpGalleryButton {
+  cursor: pointer;
+  flex: 0 0 auto;
+  height: 36px;
+  width: auto;
+}
+@media screen and (max-width: 760px) {
+  .pdpGalleryButton {
+    height: 32px;
+  }
+}
+.pdpGalleryButton svg {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+
 @media screen and (max-width: 440px) {
   .swiper-slide.pdpGalleryImage video {
     max-width: 100%;