From d292f00640a5b0cf68019eedebcdbb87ecb27270 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 12 Nov 2025 18:18:03 +0700
Subject: <MIqdad> watermark produk tidak tersedia

---
 public/images/produk_tidak_tersedia.svg            | 91 ++++++++++++++++++++++
 .../product-detail/components/ProductDetail.tsx    | 11 ++-
 2 files changed, 96 insertions(+), 6 deletions(-)
 create mode 100644 public/images/produk_tidak_tersedia.svg

diff --git a/public/images/produk_tidak_tersedia.svg b/public/images/produk_tidak_tersedia.svg
new file mode 100644
index 00000000..69fe214b
--- /dev/null
+++ b/public/images/produk_tidak_tersedia.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 3365 2426.5" style="enable-background:new 0 0 3365 2426.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.3;}
+	.st1{fill:#4D4D4D;}
+</style>
+<g>
+	<g class="st0">
+		<g>
+			<path class="st1" d="M885.5,1497.4c12.5-5.9,25-6.7,37.3-2.5c12.3,4.2,21.5,12.6,27.4,25.2c5.9,12.7,6.5,25.1,1.8,37.2
+				c-4.7,12.1-13.3,21.1-25.8,27l-16.5,7.7l17.4,37.2l-31.8,14.9L837.3,1520L885.5,1497.4z M912.1,1554.2c3.5-1.7,6-4.3,7.2-7.9
+				c1.3-3.6,1-7.4-0.8-11.3c-1.8-3.9-4.5-6.5-8.1-7.8c-3.6-1.3-7.1-1.1-10.7,0.6l-16.5,7.7l12.4,26.4L912.1,1554.2z"/>
+			<path class="st1" d="M1065.2,1564.7l-40.4-30l-11.4,5.3l18.8,40.1l-31.8,14.9l-58.1-124.2l49.7-23.2c12.7-5.9,25.2-6.8,37.5-2.7
+				c12.4,4.1,21.5,12.3,27.3,24.8c3.5,7.4,4.8,15.2,3.9,23.1c-0.9,8-3.7,15.3-8.5,22l47,34L1065.2,1564.7z M987.8,1485.3l13,27.8
+				l17.6-8.2c4-1.7,6.6-4.4,7.8-8.2c1.3-3.8,0.9-7.7-1-11.9c-1.9-4.1-4.8-6.9-8.5-8.4c-3.7-1.4-7.5-1.2-11.4,0.6L987.8,1485.3z"/>
+			<path class="st1" d="M1207.6,1478.5c-6.8,18.4-19.2,31.8-37.4,40.3c-18.2,8.5-36.5,9.5-55,2.9c-18.4-6.6-31.9-19-40.4-37.2
+				c-8.5-18.2-9.4-36.5-2.7-54.9c6.8-18.4,19.2-31.8,37.4-40.3c18.2-8.5,36.5-9.5,55-2.9c18.4,6.6,31.9,19,40.4,37.2
+				C1213.5,1441.8,1214.4,1460.1,1207.6,1478.5z M1127.2,1489.5c9.3,3.3,18.8,2.8,28.4-1.7s16.1-11.4,19.5-20.7
+				c3.4-9.3,2.8-18.9-1.8-28.7c-4.6-9.8-11.6-16.4-20.9-19.7c-9.3-3.3-18.8-2.8-28.4,1.7s-16.1,11.4-19.5,20.7
+				c-3.4,9.3-2.8,18.9,1.8,28.7C1110.9,1479.6,1117.9,1486.2,1127.2,1489.5z"/>
+			<path class="st1" d="M1241.2,1331c17.1-8,34.3-8.8,51.4-2.3c17.1,6.5,29.8,18.5,38,36.2c8.2,17.6,9.4,35.1,3.4,52.3
+				s-17.5,29.9-34.7,38l-50.6,23.7l-58.1-124.2L1241.2,1331z M1284.9,1424.5c8.6-4,14.3-10.2,17.1-18.5c2.8-8.3,1.9-17.1-2.5-26.6
+				c-4.4-9.5-10.7-15.8-18.8-19c-8.1-3.2-16.5-2.8-25.1,1.3l-17.9,8.4l29.4,62.8L1284.9,1424.5z"/>
+			<path class="st1" d="M1452.7,1372.1c-5.5,12.2-15.4,21.7-29.8,28.4c-14.4,6.8-28.1,8.3-40.9,4.7c-12.9-3.6-22.4-12-28.5-25.1
+				l-39-83.4l31.8-14.9l37.6,80.4c4.9,10.4,13.1,12.9,24.7,7.5c11.6-5.4,14.9-13.3,10.1-23.7l-37.6-80.4l31.7-14.9l39,83.4
+				C1457.9,1347.2,1458.2,1359.9,1452.7,1372.1z"/>
+			<path class="st1" d="M1592,1318.2l-35.5,16.6l-61.7-39l26,55.7l-31.8,14.9l-58.1-124.2l31.8-14.9l24.4,52.2l9.4-68.1l35.5-16.6
+				l-11.2,78.7L1592,1318.2z"/>
+			<path class="st1" d="M1668.3,1131.1l14.4,30.7l-30.7,14.4l43.7,93.5l-31.8,14.9l-43.7-93.5l-30.7,14.4l-14.4-30.7L1668.3,1131.1z
+				"/>
+			<path class="st1" d="M1679.8,1125.7l31.8-14.9l58.1,124.2l-31.8,14.9L1679.8,1125.7z"/>
+			<path class="st1" d="M1781.6,1078.1c17.1-8,34.3-8.8,51.4-2.3c17.1,6.5,29.8,18.5,38,36.2c8.2,17.6,9.4,35.1,3.4,52.3
+				c-6,17.3-17.5,29.9-34.7,38l-50.6,23.7l-58.1-124.2L1781.6,1078.1z M1825.4,1171.5c8.6-4,14.3-10.2,17.1-18.5
+				c2.8-8.3,1.9-17.1-2.5-26.6c-4.4-9.5-10.7-15.8-18.8-19c-8.1-3.2-16.5-2.8-25.1,1.3l-17.9,8.4l29.4,62.8L1825.4,1171.5z"/>
+			<path class="st1" d="M1987.6,1133l-14.3-15.1l-42.3,19.8l3,20.4l-34.4,16.1l-18.5-142.7l40-18.7l99.2,104.9L1987.6,1133z
+				 M1926.4,1106.5l25-11.7l-32.3-36.3L1926.4,1106.5z"/>
+			<path class="st1" d="M2132.2,1065.3l-35.5,16.6l-61.7-39l26,55.7l-31.8,14.9l-58.1-124.2l31.8-14.9l24.4,52.2l9.4-68.1l35.5-16.6
+				l-11.2,78.7L2132.2,1065.3z"/>
+			<path class="st1" d="M2208.6,878.3l14.4,30.7l-30.7,14.4l43.7,93.5l-31.8,14.9l-43.7-93.5l-30.7,14.4l-14.4-30.7L2208.6,878.3z"
+				/>
+			<path class="st1" d="M2296,952.4l48.1-22.5l13.9,29.8l-79.8,37.4l-58.1-124.2l78.9-36.9l13.9,29.6l-47.2,22.1l8.1,17.2l42.7-20
+				l13.7,29.3l-42.7,20L2296,952.4z"/>
+			<path class="st1" d="M2437.8,922.3l-40.4-30l-11.4,5.3l18.8,40.1l-31.8,14.9L2315,828.5l49.7-23.2c12.7-5.9,25.2-6.8,37.5-2.7
+				c12.4,4.1,21.5,12.3,27.3,24.8c3.5,7.4,4.8,15.2,3.9,23.1c-0.9,8-3.7,15.3-8.5,22l47,34L2437.8,922.3z M2360.4,842.9l13,27.8
+				l17.6-8.2c4-1.7,6.6-4.4,7.8-8.2c1.3-3.8,0.9-7.7-1-11.9c-1.9-4.1-4.8-6.9-8.5-8.4c-3.7-1.4-7.5-1.2-11.4,0.6L2360.4,842.9z"/>
+			<path class="st1" d="M2526.7,884c-13.1,6.1-25.3,8.5-36.5,6.9c-11.2-1.5-20.8-6.2-28.6-14.1l19.8-28.5c9.8,8.8,20.5,10.5,32.2,5
+				c9.7-4.5,13.3-9.6,10.7-15.1c-1.7-3.6-5.9-5.3-12.5-4.9c-2.8,0.1-8.8,0.9-17.9,2.3c-12.9,2-24.1,1.6-33.5-1.3
+				c-9.4-2.9-16.6-9.6-21.6-20.3c-5.4-11.5-5.6-22.7-0.7-33.6c4.9-10.9,13.5-19.3,25.8-25c10.4-4.9,20.8-6.8,31.1-5.7
+				c10.3,1.1,19.8,5.2,28.3,12.5l-19.3,28.1c-8.2-7.4-16.8-9-25.8-4.8c-3.8,1.8-6.3,3.9-7.5,6.3c-1.2,2.5-1.3,4.9-0.2,7.3
+				c1.3,2.7,3.8,4.4,7.6,4.9c3.8,0.6,10.4,0.1,20-1.3c6.9-0.6,12.5-1.2,16.9-1.6c4.4-0.4,9.4-0.2,15.1,0.7c5.7,0.8,10.7,3,15,6.6
+				c4.3,3.5,7.8,8.4,10.7,14.5c5.7,12.2,5.8,23.7,0.4,34.6C2550.7,868.6,2540.9,877.3,2526.7,884z"/>
+			<path class="st1" d="M2602,809.2l48.1-22.5l13.9,29.8l-79.8,37.4l-58.1-124.2l78.9-36.9l13.9,29.6l-47.2,22.1l8.1,17.2l42.7-20
+				l13.7,29.3l-42.7,20L2602,809.2z"/>
+			<path class="st1" d="M2671.5,661.6c17.1-8,34.3-8.8,51.4-2.3c17.1,6.5,29.8,18.5,38,36.2c8.2,17.6,9.4,35.1,3.4,52.3
+				c-6,17.3-17.5,29.9-34.7,38l-50.6,23.7L2621,685.3L2671.5,661.6z M2715.3,755.1c8.6-4,14.3-10.2,17.1-18.5
+				c2.8-8.3,1.9-17.1-2.5-26.6c-4.4-9.5-10.7-15.8-18.8-19c-8.1-3.2-16.5-2.8-25.1,1.3l-17.9,8.4l29.4,62.8L2715.3,755.1z"/>
+			<path class="st1" d="M2746.5,626.5l31.8-14.9l58.1,124.2l-31.8,14.9L2746.5,626.5z"/>
+			<path class="st1" d="M2933.2,690.5l-14.3-15.1l-42.3,19.8l3,20.4l-34.4,16.1L2826.7,589l40-18.7l99.2,104.9L2933.2,690.5z
+				 M2872,664l25-11.7l-32.3-36.3L2872,664z"/>
+		</g>
+		<g>
+			<path class="st1" d="M827,1712.7c-57.7-38.8-115.6-77.6-173.4-116.3c-11.1-7.4-22.1-15-33.4-22.2c-8.3-5.2-17.3-5.7-26.3-1.6
+				c-10.5,4.8-15.6,13.4-16.8,24.7c-7.9,75.8-15.9,151.5-23.9,227.3c-0.8,7.7-1.8,15.3-2.2,23c-0.4,9,3.1,16.6,10.1,22.2
+				c9.9,8,20.6,8.5,32.1,3.2c77-36.1,154.1-72.2,231.2-108.2c0.8-0.4,1.7-0.8,2.5-1.2c7.6-3.9,12.9-9.8,14.5-18.1
+				c1-5,0.3-10.3,0.3-15.4l-3.7-7.8C834.4,1719,831,1715.4,827,1712.7z M819,1744.4c-1.1,0.9-2.5,1.5-3.8,2.1
+				c-38.4,18-76.8,36-115.2,53.9c-38.3,17.9-76.6,35.9-114.9,53.8c-1.3,0.6-2.6,1.2-4,1.5c-4.8,1.1-9.2-2.2-9.4-7.2
+				c-0.1-1.3,0.1-2.7,0.2-4c8.6-81.5,17.2-163,25.7-244.4c0.1-0.9,0.2-1.8,0.3-2.7c1.2-5.8,6.6-8.4,11.8-5.5
+				c2.7,1.5,5.2,3.4,7.7,5.1c66.3,44.4,132.5,88.8,198.8,133.2c1.1,0.7,2.3,1.5,3.2,2.4C823.1,1735.9,822.9,1741.4,819,1744.4z"/>
+			<path class="st1" d="M647.5,1655.6c5.1,11.2,9.9,22.6,14.8,33.9c-0.1,0-0.2,0.1-0.3,0.1c5,11.7,10.1,23.4,15.1,35.2
+				c1.9,4.4,1.5,6.8-1.8,10.3c-2.7,2.9-6,4.2-9.8,4.7c-3.6,0.4-6.4-1.1-8.1-4.4c-11.6-22.7-23.2-45.4-34.8-68.1
+				c-3-6-2.2-10.7,2.2-14.8c5.1-4.7,12.9-6.4,17.6-3.1C644.6,1650.8,646.4,1653.2,647.5,1655.6z"/>
+			<path class="st1" d="M696.3,1757.2c3.3,7,0.2,16.1-6.7,19.5c-7.2,3.5-16.1,0.3-19.5-7c-3.5-7.4-0.4-16.1,6.9-19.5
+				C683.9,1746.8,692.9,1750.1,696.3,1757.2z"/>
+		</g>
+	</g>
+	<g class="st0">
+		<path class="st1" d="M3115.2,1052.3L641,2210.1c-89.1,41.7-195.5,3.1-237.2-85.9l-240-512.8c-41.7-89.1-3.1-195.5,85.9-237.2
+			L2724,216.4c89.1-41.7,195.5-3.1,237.2,85.9l240,512.8C3242.8,904.2,3204.3,1010.6,3115.2,1052.3z M265.3,1407.4
+			c-70.8,33.1-101.5,117.7-68.3,188.6l240,512.8c33.1,70.8,117.7,101.5,188.6,68.3l2474.2-1157.9c70.8-33.1,101.5-117.7,68.3-188.6
+			l-240-512.8c-33.1-70.8-117.7-101.5-188.6-68.3L265.3,1407.4z"/>
+	</g>
+	<g class="st0">
+		<path class="st1" d="M3220.3,1092.1L604.2,2316.4c-93.4,43.7-204.9,3.3-248.6-90.1L54.6,1583c-43.7-93.4-3.3-204.9,90.1-248.6
+			L2760.8,110.1c93.4-43.7,204.9-3.3,248.6,90.1l301.1,643.3C3354.1,936.9,3313.7,1048.4,3220.3,1092.1z M148.9,1343.5
+			c-88.4,41.4-126.6,146.9-85.3,235.3l301.1,643.3c41.4,88.4,146.9,126.6,235.3,85.3L3216.1,1083c88.4-41.4,126.6-146.9,85.3-235.3
+			l-301.1-643.3c-41.4-88.4-146.9-126.6-235.3-85.3L148.9,1343.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index 354889e5..388d2248 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -143,16 +143,16 @@ const ProductDetail = ({ product }: Props) => {
 
   return (
     <>
-      {/* WATERMARK OVERLAY jika produk tidak punya harga */}
-      {!hasPrice && (
-        <div className='fixed inset-0 z-[5] flex items-center justify-center pointer-events-none select-none'>
+      {isDesktop && !hasPrice && (
+        <div className='fixed inset-0 z-[50] flex items-center justify-center pointer-events-none select-none'>
           <img
-            src='/images/nonaktif-watermark.png'
+            src='/images/produk_tidak_tersedia.svg'
             alt='Produk tidak tersedia'
-            className='w-[80%] max-w-[600px] opacity-10 rotate-[-25deg]'
+            className='w-[35%] opacity-[50%] -translate-x-[10%]'
           />
         </div>
       )}
+
       <div className='md:flex md:flex-wrap'>
         <div className='w-full mb-4 md:mb-0 px-4 md:px-0'>
           <Breadcrumb id={product.id} name={product.name} />
@@ -293,7 +293,6 @@ const ProductDetail = ({ product }: Props) => {
                     </h1>
                   </div>
                 )}
-                <div className='h-6 md:h-0' />
                 <h1 className={style['title']}>{product.name}</h1>
                 <div className='h-3 md:h-0' />
                 <Information product={product} />
-- 
cgit v1.2.3