@loafmarkets/ui 0.1.389 → 0.1.390

package/dist/index.js

@@ -9547,7 +9547,21 @@ function GalleryMapSection({
       ] }),
       isMobile ? /* @__PURE__ */ jsxRuntime.jsx(StackedGallery, { images, onPhotoClick }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Carousel, { children: [
-          showVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsx(VideoOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx("video", { autoPlay: true, loop: true, playsInline: true, controls: true, style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 }, children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" }) }) }),
+          showVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsx(VideoOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "video",
+            {
+              autoPlay: true,
+              loop: true,
+              playsInline: true,
+              muted: true,
+              controls: true,
+              onVolumeChange: (e) => {
+                if (!e.currentTarget.muted) e.currentTarget.muted = true;
+              },
+              style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 },
+              children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" })
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Track, { style: { transform: `translateX(-${carouselIndex * 100}%)` }, children: images.map((img, idx) => /* @__PURE__ */ jsxRuntime.jsxs(Slide, { onClick: () => onPhotoClick?.(idx), children: [
             /* @__PURE__ */ jsxRuntime.jsx("img", { src: img.src, alt: img.title }),
             /* @__PURE__ */ jsxRuntime.jsxs(SlideCaption, { children: [
@@ -9667,8 +9681,12 @@ function GalleryMapSection({
           autoPlay: true,
           controls: true,
           playsInline: true,
+          muted: true,
           controlsList: "nodownload",
           disablePictureInPicture: true,
+          onVolumeChange: (e) => {
+            if (!e.currentTarget.muted) e.currentTarget.muted = true;
+          },
           onClick: (e) => e.stopPropagation(),
           onContextMenu: (e) => e.preventDefault()
         }
@@ -9964,6 +9982,15 @@ var Carousel = styled10__default.default.div`
 var VideoOverlay = styled10__default.default.div`
   position: absolute; inset: 0; z-index: 3; background: #000; border-radius: 8px;
   display: flex; align-items: center; justify-content: center;
+
+  /* Property videos stay permanently muted — remove the volume + mute buttons
+     from the native player (Chrome/Edge/Safari/iOS/Android). Firefox ignores
+     these and is covered by the onVolumeChange force-mute fallback. */
+  video::-webkit-media-controls-mute-button,
+  video::-webkit-media-controls-volume-slider,
+  video::-webkit-media-controls-volume-control-container {
+    display: none !important;
+  }
 `;
 var Track = styled10__default.default.div`
   display: flex; transition: transform 0.4s ease;
@@ -10118,6 +10145,13 @@ var FullVideoOverlay = styled10__default.default.div`
     border-radius: 10px;
     background: #000;
   }
+  /* Permanent mute — strip the volume + mute buttons (Firefox handled by the
+     onVolumeChange fallback). */
+  video::-webkit-media-controls-mute-button,
+  video::-webkit-media-controls-volume-slider,
+  video::-webkit-media-controls-volume-control-container {
+    display: none !important;
+  }
 `;
 var FullVideoClose = styled10__default.default.button`
   position: absolute;
@@ -10704,6 +10738,8 @@ var Wrapper = styled10__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
+  /* Breathing room before the footer below the last section (Trading Hours). */
+  padding-bottom: 2.5rem;
 `;
 var GallerySpecRow = styled10__default.default.div`
   display: grid;