From 9478c11061fce4ddbc6a92b98ac0708d33423179 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 15 Oct 2025 15:45:03 +0700
Subject: <Miqdad> voucher position, size and pickp now position

---
 src/lib/product/components/ProductCard.jsx | 29 +++++++++++------------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 0eae23de..25d1535c 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -300,7 +300,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                   <Link
                     href='/panduan-pick-up-service'
                     aria-label='Pick Up Now'
-                    className='absolute top-0 right-1 z-10'
+                    className='absolute top-1 right-1 z-10'
                   >
                     <Image
                       src='/images/PICKUP-NOW.png'
@@ -456,7 +456,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                   {product?.lowestPrice.price > 0 ? (
                     <>
                       {currencyFormat(product?.lowestPrice.priceDiscount)}
-                      <div className='text-gray_r-9 text-[10px] font-normal'>
+                      <div className='text-gray_r-9 text-[10px] font-normal mt-1 leading-tight'>
                         Include PPN:{' '}
                         {currencyFormat(
                           product.lowestPrice.price *
@@ -478,23 +478,16 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
               )}
 
               {discount > 0 && (product?.flashSale?.id ?? 0) < 1 && (
-                <div className='inline-flex items-center gap-2 text-green-600 mb-1'>
-                  {/* Label polos (bukan dalam kotak) */}
-                  <span className='text-sm font-semibold'>Voucher</span>
-
-                  {/* Chip: ikon + nominal */}
-                  <span
-                    className='
-                inline-flex items-center gap-1.5
-                rounded bg-green-50 px-2.5 py-0.5
-                ring-green-300
-              '
-                  >
-                    <TicketIcon className='h-3.5 w-3.5' />
-                    <span className='text-sm font-extrabold tabular-nums'>
-                      {currencyFormat(discount)}
+                <div className='mt-1 mb-1'>
+                  <div className='inline-flex items-center gap-2 text-green-600'>
+                    <span className='text-[9pt] font-semibold'>Voucher</span>
+                    <span className='inline-flex items-center gap-1.5 rounded bg-green-50 px-2.5 py-0.5 ring-0'>
+                      <TicketIcon className='h-3.5 w-3.5' />
+                      <span className='text-sm font-extrabold tabular-nums'>
+                        {currencyFormat(discount)}
+                      </span>
                     </span>
-                  </span>
+                  </div>
                 </div>
               )}
 
-- 
cgit v1.2.3