<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Doll Skin T.C.E Super Coverage Treatment Concealer (Light) - OmniPocket Daily</title>
    
    <script src="https://cdn.tailwindcss.com"></script>
    
    <style>
        /* 原生样式微调，用于和 Tailwind 相互补充 */
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background-color: #f7f7f7;
            /* 为手机端底部固定导航栏预留出空间，防止遮挡内容 */
            padding-bottom: 70px; 
        }
        @media (min-width: 768px) {
            body {
                padding-bottom: 0px; /* 电脑端不需要底部留白 */
            }
        }
    </style>
</head>
<body class="bg-[#f7f7f7] text-gray-900">

    <header class="bg-[#131921] text-white px-4 py-3 shadow-md flex items-center justify-between">
        <a href="/" class="text-lg font-bold flex items-center gap-1.5 hover:text-amber-500 transition-colors">
            <span>📦</span> OmniPocket Daily
        </a>
        
        <nav class="hidden md:flex items-center gap-6 text-sm font-medium">
            <a href="/" class="text-gray-300 hover:text-amber-500 transition-colors">Home</a>
            <a href="/list" class="text-gray-300 hover:text-amber-500 transition-colors">All Categories</a>
        </nav>
    </header>

    <main class="max-w-[1200px] p-4 mx-auto">
        
<nav class="flex mb-4 text-xs text-gray-500" aria-label="Breadcrumb">
    <ol class="flex items-center space-x-2">
        <li><a href="/" class="hover:text-amber-600">Home</a></li>
        <li><span class="text-gray-300">/</span></li>
        <li><a href="/list" class="hover:text-amber-600">Products</a></li>
        <li><span class="text-gray-300">/</span></li>
        <li class="text-gray-900 font-medium truncate max-w-[200px]" title="Doll Skin T.C.E Super Coverage Treatment Concealer (Light)">
            Doll Skin T.C.E Super Coverage Treatment Concealer (Light)
        </li>
    </ol>
</nav>

<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 mb-6">
    <div class="flex flex-col md:flex-row gap-8">
        <div class="flex-1 max-w-md mx-auto flex flex-col items-center justify-center">
            <img src="https://m.media-amazon.com/images/I/31VMBwjuRQS.jpg" alt="Doll Skin T.C.E Super Coverage Treatment Concealer (Light)" class="max-h-[400px] object-contain rounded-lg">
            <span class="text-xs text-blue-600 font-medium mt-4 cursor-pointer hover:underline">View all sizes / colors</span>
        </div>
        
        <div class="flex-[1.2] flex flex-col justify-start">
            <h1 class="text-xl md:text-2xl font-bold text-gray-900 leading-tight mb-4">
                Doll Skin T.C.E Super Coverage Treatment Concealer (Light)
            </h1>
            
            <div class="bg-gray-50 border border-gray-100 rounded-xl p-5 max-w-md mb-6">
                <div class="flex items-baseline gap-1 mb-1">
                    <span class="text-3xl font-extrabold text-gray-900">$28.0</span>
                </div>
                <div class="text-[11px] text-gray-500 mb-4">
                    Amazon Price <br> as of Jun 11 2026, 04:59 AM
                </div>
                
                <a href="https://www.amazon.com/dp/B083ZKSSGB?tag=tmpyhtest-20&language=en_US&ref_=as_li_ss_tl" 
                   target="_blank" 
                   class="block w-full text-center bg-amber-400 hover:bg-amber-500 text-gray-900 font-semibold py-2.5 px-4 rounded-lg shadow-sm transition-colors text-sm">
                    Check Price at Amazon →
                </a>
            </div>
            
            <div class="border-t border-gray-100 pt-4 text-xs text-gray-500 space-y-2">
                <div><span class="font-medium text-gray-700">Brand:</span> DOLL 10 NO.</div>
                <div><span class="font-medium text-gray-700">ASIN:</span> B083ZKSSGB</div>
                <div class="text-green-600 font-semibold flex items-center gap-1 mt-2">
                    <span>✓</span> In Stock.
                </div>
            </div>
        </div>
    </div>
</div>




<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 mb-6">
    <h2 class="text-base font-bold text-gray-900 flex items-center gap-2 mb-4">
        <span>📋</span> Specifications & Details
    </h2>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3 text-xs">
        
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">UPC</span>
                    <span class="text-gray-800 font-medium text-right">811742024762 811742026278</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Brand</span>
                    <span class="text-gray-800 font-medium text-right">DOLL 10 NO.</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Coverage</span>
                    <span class="text-gray-800 font-medium text-right">Full</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Item Form</span>
                    <span class="text-gray-800 font-medium text-right">Cream</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Product Benefits</span>
                    <span class="text-gray-800 font-medium text-right">Flawless,Nourishes</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Product Dimensions</span>
                    <span class="text-gray-800 font-medium text-right">0.91 x 4.17 x 0.91 inches; 15.52 Ounces</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Package Information</span>
                    <span class="text-gray-800 font-medium text-right">Tube</span>
                </div>
            
        
    </div>
</div>


<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 mb-6">
    <h2 class="text-base font-bold text-gray-900 flex items-center gap-2 mb-4">
        <span>🔥</span> Real Customer Reviews
    </h2>
    
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs">
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center text-amber-400 text-xs font-bold gap-1">
                            <span>★★★★★</span>
                            <span class="text-gray-600 font-semibold">(5.0.0)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium">2021-07-28</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Good quality</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">It works</p>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs">
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center text-amber-400 text-xs font-bold gap-1">
                            <span>★★★★★</span>
                            <span class="text-gray-600 font-semibold">(5.0.0)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium">2020-03-06</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Great product</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">I love the doll 10 brand and have worn their hydrogel foundation for quite awhile now, also had their other concealer which i felt no different than the foundation itself but this one is very much better. I have dark circles and this covered them great! Makes my eye area look much brighter. Littlepricy but will last me a long time. Also came quicker than predicted.</p>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs">
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center text-amber-400 text-xs font-bold gap-1">
                            <span>★★★★★</span>
                            <span class="text-gray-600 font-semibold">(4.0.0)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium">2020-11-18</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Very helpful</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">Very,very good at covering dark circles!!</p>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs">
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center text-amber-400 text-xs font-bold gap-1">
                            <span>★★★★★</span>
                            <span class="text-gray-600 font-semibold">(4.0.0)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium">2021-06-24</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Applicator is a problem</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">The applicator looks good, but way too much product comes out of the tube even if you&#39;re careful, and it smears all over with the applicator. This was recommended to me by a trustworthy source, but I&#39;m very frustrated with it and feel like I&#39;ve wasted half the product.</p>
                </div>
            
        </div>
    
</div>

<hr class="border-gray-200 my-8">

<div class="mb-10">
    <div class="flex items-center justify-between mb-4 px-1">
        <h2 class="text-base font-bold text-gray-900 flex items-center gap-2">
            <span>⚡</span> Customers Also Viewed
        </h2>
        <a href="/list" class="text-xs text-amber-600 font-semibold hover:underline">Discover More →</a>
    </div>

    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/aussie-hairspray-instant-freeze-8.5-ounc-B0BB5MY8YC" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/31ziz67288L.jpg" alt="Aussie Hairspray Instant Freeze 8.5 Ounce Pump (251ml) (6 Pack)" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Aussie Hairspray Instant Freeze 8.5 Ounce Pump (251ml) (6 Pack)
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$37.99</span>
                    <a href="https://www.amazon.com/dp/B0BB5MY8YC?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/sabonetes-natura-mamae-e-bebe-5-x-100-g-B0857C3D9Q" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/31SPhBqj39L.jpg" alt="Sabonetes Natura Mamae e Bebe 5 X 100 g" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Sabonetes Natura Mamae e Bebe 5 X 100 g
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$18.61</span>
                    <a href="https://www.amazon.com/dp/B0857C3D9Q?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/raw-african-black-soap-from-ghana---pack-B003V5B86Q" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/41Is0DA0dQL.jpg" alt="Raw African Black Soap from Ghana - Pack of 3 Blocks x 1 Lb Each" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Raw African Black Soap from Ghana - Pack of 3 Blocks x 1 Lb Each
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$14.01</span>
                    <a href="https://www.amazon.com/dp/B003V5B86Q?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/estée-lauder-pure-color-long-lasting-lip-B004QJO5N4" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/31LyuasI7oL.jpg" alt="Estée Lauder Pure Color Long Lasting Lipstick 3.8g - 86 Tiger Eye" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Estée Lauder Pure Color Long Lasting Lipstick 3.8g - 86 Tiger Eye
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$38.00</span>
                    <a href="https://www.amazon.com/dp/B004QJO5N4?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/zermat-zentimento-romance-edp-B014ULNNL2" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/41yoc1C190L.jpg" alt="Zermat Zentimento Romance EDP" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Zermat Zentimento Romance EDP
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$24.60</span>
                    <a href="https://www.amazon.com/dp/B014ULNNL2?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/the-nightmare-before-christmas-bone-dadd-B08HWGJP9Y" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/414nPL7RRWL.jpg" alt="The Nightmare Before Christmas Bone Daddy Mens Cologne 3.4 Fl. Oz! Blend Of Warm Woods, Exotic Citrus, Vanilla, Cedar, Clove &amp; Amber! Sweet Smell Halloween Cologne Inspired By Jack Skellington!" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        The Nightmare Before Christmas Bone Daddy Mens Cologne 3.4 Fl. Oz! Blend Of Warm Woods, Exotic Citrus, Vanilla, Cedar, Clove &amp; Amber! Sweet Smell Halloween Cologne Inspired By Jack Skellington!
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$56.49</span>
                    <a href="https://www.amazon.com/dp/B08HWGJP9Y?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/alastin-skincare-ha-(hyaluronic-acid)-im-B09XMNN8BL" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/21J5JBYXpTL.jpg" alt="Alastin Skincare HA (Hyaluronic Acid) IMMERSE Serum 1 Fl. Oz. 29.6 mL" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Alastin Skincare HA (Hyaluronic Acid) IMMERSE Serum 1 Fl. Oz. 29.6 mL
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$81.14</span>
                    <a href="https://www.amazon.com/dp/B09XMNN8BL?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/honey-blonde-bundles-27-bundles-blonde-b-B0B8HHWS5C" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/51JqOg6Q1OL.jpg" alt="Honey Blonde Bundles 27 Bundles Blonde Body Wave Bundles Human Hair 30 30 30 Inch Blonde Body Wave Bundles Weave Unprocessed Virgin Human Hair 3 Bundle For Woman Extension" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Honey Blonde Bundles 27 Bundles Blonde Body Wave Bundles Human Hair 30 30 30 Inch Blonde Body Wave Bundles Weave Unprocessed Virgin Human Hair 3 Bundle For Woman Extension
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$49.55</span>
                    <a href="https://www.amazon.com/dp/B0B8HHWS5C?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/khamis-al-uns-unisex-edp---eau-de-parfum-B07MVGYQV4" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/51nK9FXn7uL.jpg" alt="Khamis Al Uns Unisex EDP - Eau de Parfum 100 ML (3.4 oz) | Consists Top Notes of Plum, Raspberry, Coconut, Saffron and Base Notes of Sandalwood, Benzine, White Musk,| Royal Scent| by Nabeel Perfumes" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Khamis Al Uns Unisex EDP - Eau de Parfum 100 ML (3.4 oz) | Consists Top Notes of Plum, Raspberry, Coconut, Saffron and Base Notes of Sandalwood, Benzine, White Musk,| Royal Scent| by Nabeel Perfumes
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$21.49</span>
                    <a href="https://www.amazon.com/dp/B07MVGYQV4?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
            
            
            
            
            
            

            <div class="bg-white rounded-xl border border-gray-100 shadow-3xs p-3 flex flex-col justify-between hover:shadow-md transition-shadow duration-200">
                <a href="/product/glyderm-lotion-lite-plus-10%---4-oz-B0041E7S9C" class="block group">
                    <div class="w-full h-36 flex items-center justify-center bg-white rounded-lg p-2 mb-2 overflow-hidden">
                        <img src="https://m.media-amazon.com/images/I/31-oUvAjWKL.jpg" alt="Glyderm Lotion Lite Plus 10% - 4 oz" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-2 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        Glyderm Lotion Lite Plus 10% - 4 oz
                    </h3>
                </a>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">$39.99</span>
                    <a href="https://www.amazon.com/dp/B0041E7S9C?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       class="inline-block bg-amber-400 hover:bg-amber-500 text-gray-950 font-bold py-1 px-3 rounded-full shadow-2xs transition-colors text-[11px] whitespace-nowrap flex-shrink-0">
                        Check →
                    </a>
                </div>
            </div>
        
    </div>
</div>

    </main>

    <div class="fixed bottom-0 left-0 right-0 h-14 bg-white border-t border-gray-200 shadow-lg flex md:hidden z-[9999]">
        <a href="/" class="flex-1 flex flex-col items-center justify-center text-gray-600 text-[11px] font-medium active:text-amber-500">
            <span class="text-lg">🏠</span>
            <span>Home</span>
        </a>
        
        <a href="/list" class="flex-1 flex flex-col items-center justify-center bg-gray-50 border-l border-r border-gray-100 text-gray-900 text-[11px] font-bold active:text-amber-500">
            <span class="text-lg">🛍️</span>
            <span>Categories</span>
        </a>
        
        <a href="/robots.txt" class="flex-1 flex flex-col items-center justify-center text-gray-600 text-[11px] font-medium active:text-amber-500">
            <span class="text-lg">ℹ️</span>
            <span>About</span>
        </a>
    </div>

</body>
</html>