<!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>D.H.E.A. for Women Cream - 2 oz cream - 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="D.H.E.A. for Women Cream - 2 oz cream">
            D.H.E.A. for Women Cream - 2 oz cream
        </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/31dh58vQJNL.jpg" alt="D.H.E.A. for Women Cream - 2 oz cream" 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">
                D.H.E.A. for Women Cream - 2 oz cream
            </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">$18.95</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/B000BJ7WEM?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> Sarati</div>
                <div><span class="font-medium text-gray-700">ASIN:</span> B000BJ7WEM</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> Key Features
    </h2>
    <div class="text-sm text-gray-600 leading-relaxed space-y-2">
        
            <p>Designed especially for women | 1.7 ounce pump</p>
        
    </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">609728823009 885184239763 885343489022 611794031530</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">Sarati</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Use for</span>
                    <span class="text-gray-800 font-medium text-right">Whole Body</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">Unit Count</span>
                    <span class="text-gray-800 font-medium text-right">2 ounce</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Manufacturer</span>
                    <span class="text-gray-800 font-medium text-right">Sarati</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Number of Items</span>
                    <span class="text-gray-800 font-medium text-right">1</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 Dimensions</span>
                    <span class="text-gray-800 font-medium text-right">4.1 x 2.1 x 2 inches; 2.08 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">Is Discontinued By Manufacturer</span>
                    <span class="text-gray-800 font-medium text-right">No</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">2007-10-01</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">A Blessing</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">I am on a diet given to me by my doctor &amp; he recommended Sarati to help. It is safe to use and I love it.  You put it once a day on different areas of the body.  You can&#39;t put it on before you shower or get your hands wet.  What it does it to help you stay calm while you are on the diet and it works.&lt;br /&gt;&lt;br /&gt;I suggest you ask your doctor first to use this product.  I am very happy with the price too.  I imagine it is cheaper that what the doctor would ask for it.&lt;br /&gt;&lt;br /&gt;Thank you Amazon for having this product.  But remember to ask you doctor first.</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/mineral-sun-block-by-disco-for-men,-mois-B097CDGX7J" 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/21CT0nlZiQS.jpg" alt="Mineral Sun Block by Disco for Men, Moisturizing, SPF 30, All Natural and Paraben Free, 2 Ounces" 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">
                        Mineral Sun Block by Disco for Men, Moisturizing, SPF 30, All Natural and Paraben Free, 2 Ounces
                    </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">$28.49</span>
                    <a href="https://www.amazon.com/dp/B097CDGX7J?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/goody-ouchless-no-metal-elastics,-candy-B01KTZYFSI" 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/4125gjgYOuL.jpg" alt="Goody Ouchless No Metal Elastics, Candy Coated, 30 count" 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">
                        Goody Ouchless No Metal Elastics, Candy Coated, 30 count
                    </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.06</span>
                    <a href="https://www.amazon.com/dp/B01KTZYFSI?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/i-don&#39;t-do-dishes-w15---nail-polish-lacq-B01N1R6YFO" 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/51vTRDeDnOL.jpg" alt="I DON&#39;T DO DISHES W15 - Nail Polish Lacquer .5oz 1 Bottle" 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">
                        I DON&#39;T DO DISHES W15 - Nail Polish Lacquer .5oz 1 Bottle
                    </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">$13.95</span>
                    <a href="https://www.amazon.com/dp/B01N1R6YFO?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/moom-organic-hair-removal-kit-with-tea-t-B00LBIBPOA" 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/51ZdFXEHouL.jpg" alt="Moom Organic Hair Removal Kit With Tea Tree Classic - 1 Kit" 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">
                        Moom Organic Hair Removal Kit With Tea Tree Classic - 1 Kit
                    </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">$31.14</span>
                    <a href="https://www.amazon.com/dp/B00LBIBPOA?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/sarabecca-natural-roll-on-perfume-neroli-B01G45J8NE" 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/416dqR8DYwS.jpg" alt="Sarabecca Natural Roll-On Perfume Neroli" 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">
                        Sarabecca Natural Roll-On Perfume Neroli
                    </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.99</span>
                    <a href="https://www.amazon.com/dp/B01G45J8NE?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-sugar-peace,-love,-grow-4-piece-gift-B09KS7ZS9M" 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/51lmHRgNyEL.jpg" alt="Raw Sugar Peace, Love, Grow 4 Piece Gift Set in Sparkling Pear + Peach (Includes: Body Wash, Lotion, Sugar Scrub &amp; Body Butter)" 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 Sugar Peace, Love, Grow 4 Piece Gift Set in Sparkling Pear + Peach (Includes: Body Wash, Lotion, Sugar Scrub &amp; Body Butter)
                    </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">$22.95</span>
                    <a href="https://www.amazon.com/dp/B09KS7ZS9M?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/dnd-702-astral-blast-gel-and-matching-po-B088BM9RQ4" 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/41jUY-FfWqL.jpg" alt="DND 702 Astral Blast Gel &amp; Matching Polish Set - DND Gel &amp; Lacquer" 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">
                        DND 702 Astral Blast Gel &amp; Matching Polish Set - DND Gel &amp; Lacquer
                    </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">$9.99</span>
                    <a href="https://www.amazon.com/dp/B088BM9RQ4?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/temporary-tooth-repair-kit-tooth-filling-B08HRK1RFS" 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/31yTa5o-wuL.jpg" alt="Temporary Tooth Repair Kit Tooth Filling Thermal Beads Veneer Tooth Replacements for Missing or Broken Tooth Fake Teeth White 3Pcs 10mg" 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">
                        Temporary Tooth Repair Kit Tooth Filling Thermal Beads Veneer Tooth Replacements for Missing or Broken Tooth Fake Teeth White 3Pcs 10mg
                    </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">$5.99</span>
                    <a href="https://www.amazon.com/dp/B08HRK1RFS?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/diane-bobby-pins,-black,-2&#34;,-300-count-B01H1I65Y8" 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/51p2RieBHzL.jpg" alt="Diane Bobby Pins, Black, 2&#34;, 300 Count" 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">
                        Diane Bobby Pins, Black, 2&#34;, 300 Count
                    </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">$8.30</span>
                    <a href="https://www.amazon.com/dp/B01H1I65Y8?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/catrice-stylist-eyebrow-pencil-with-brus-B00JVU3K9I" 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/21uddIjdAjL.jpg" alt="Catrice Stylist Eyebrow pencil With Brush Color 020 Date With Ash-ton 0.057 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">
                        Catrice Stylist Eyebrow pencil With Brush Color 020 Date With Ash-ton 0.057 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">$3.79</span>
                    <a href="https://www.amazon.com/dp/B00JVU3K9I?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>