<!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 - Color Correcting Lightweight Vegan &amp; Good for Skin Makeup (Fair) - 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 - Color Correcting Lightweight Vegan &amp; Good for Skin Makeup (Fair)">
            Doll Skin T.C.E Super Coverage Treatment Concealer - Color Correcting Lightweight Vegan &amp; Good for Skin Makeup (Fair)
        </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/31Wb7yOzEAS.jpg" alt="Doll Skin T.C.E Super Coverage Treatment Concealer - Color Correcting Lightweight Vegan &amp; Good for Skin Makeup (Fair)" 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 - Color Correcting Lightweight Vegan &amp; Good for Skin Makeup (Fair)
            </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">$29.5</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/B083QNGXGJ?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> B083QNGXGJ</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">811742024748</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">Skin Tone</span>
                    <span class="text-gray-800 font-medium text-right">Very Light</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 0.88 x 0.88 inches; 0.32 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 class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Recommended Uses For Product</span>
                    <span class="text-gray-800 font-medium text-right">Face Makeup</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">2022-04-11</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Great coverage</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">Goes on great , very light coverage, I had used it before , love it!!!</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">2023-01-05</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">It covers pretty well</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">I like the consistency, &amp; it covers pretty well.  I have a brown spot below my left eye that bothers me, &amp; it covers pretty well at first but wears off easily. That could just be my crapie skin.  It also shows fine lines under my eyes.  Again my skin!  So far I haven’t found anything that doesn’t do the same.</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/twisted-fringe-twisted-fringe---extensio-B07M68B9Q4" 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/41t0fYkqjQL.jpg" alt="Twisted Fringe Twisted Fringe - Extension Brush" 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">
                        Twisted Fringe Twisted Fringe - Extension Brush
                    </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">$27.00</span>
                    <a href="https://www.amazon.com/dp/B07M68B9Q4?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/ibd-led-uv-bonder-gel-nail-non-acid-prim-B0197SN66U" 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/41t-secJdrL.jpg" alt="ibd LED/UV Bonder Gel Nail Non Acid Primer 0.5oz 14 Gram" 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">
                        ibd LED/UV Bonder Gel Nail Non Acid Primer 0.5oz 14 Gram
                    </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">$17.40</span>
                    <a href="https://www.amazon.com/dp/B0197SN66U?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/math-grade-3-workbook-1421790432" 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/511skswsKhL.jpg" alt="Math Grade 3 Workbook" 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">
                        Math Grade 3 Workbook
                    </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">$25.99</span>
                    <a href="https://www.amazon.com/dp/1421790432?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/hollywood-beauty-carrot-cholesterol-deep-B01IAER87U" 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/51PKxpiD+6L.jpg" alt="Hollywood Beauty Carrot Cholesterol Deep Conditioning Creme, 20 oz (Pack of 5)" 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">
                        Hollywood Beauty Carrot Cholesterol Deep Conditioning Creme, 20 oz (Pack of 5)
                    </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">$20.36</span>
                    <a href="https://www.amazon.com/dp/B01IAER87U?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/tous-kids-by-tous-eau-de-toilette-spray-B073V791Y8" 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/31hX514wTlL.jpg" alt="Tous Kids by Tous Eau De Toilette Spray (Tester) 3. 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">
                        Tous Kids by Tous Eau De Toilette Spray (Tester) 3. 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">$34.04</span>
                    <a href="https://www.amazon.com/dp/B073V791Y8?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/allure-14-26-B009WO2VDO" 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/51eOGgRN7+L.jpg" alt="Allure 14/26" 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">
                        Allure 14/26
                    </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">$115.40</span>
                    <a href="https://www.amazon.com/dp/B009WO2VDO?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/neal&#39;s-yard-remedies-wild-rose-daily-hyd-B08DS43MW9" 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/31tw1qQfeUL.jpg" alt="Neal&#39;s Yard Remedies Wild Rose Daily Hydrating Body Lotion and Moisturizer for All Skin Types – Lotion for Body and Hands, Moisturizing and Nourishing for Dry Skin (6.76 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">
                        Neal&#39;s Yard Remedies Wild Rose Daily Hydrating Body Lotion and Moisturizer for All Skin Types – Lotion for Body and Hands, Moisturizing and Nourishing for Dry Skin (6.76 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">$31.50</span>
                    <a href="https://www.amazon.com/dp/B08DS43MW9?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/foundation-makeup-brush-iron-shape-flat-B08V16LM4C" 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/415ZDsFjVzL.jpg" alt="Foundation Makeup Brush Iron Shape Flat Top Liquid Powder Foundation Face Brush for Blending Liquid, Cream or Flawless Powder Cosmetics with Protective Cover (Black), Medium" 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">
                        Foundation Makeup Brush Iron Shape Flat Top Liquid Powder Foundation Face Brush for Blending Liquid, Cream or Flawless Powder Cosmetics with Protective Cover (Black), Medium
                    </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/B08V16LM4C?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/ziaja-gdanskin-body-balm-brightening-and-B07H1YK9J7" 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/31l4Jjx35xL.jpg" alt="Ziaja Gdanskin Body Balm-Brightening And Intensively Moisturizing - 300ML" 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">
                        Ziaja Gdanskin Body Balm-Brightening And Intensively Moisturizing - 300ML
                    </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">$11.99</span>
                    <a href="https://www.amazon.com/dp/B07H1YK9J7?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/zuri-pressed-powder---tender-brown-B00JU7AC02" 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/41rKrCA-jBL.jpg" alt="Zuri Pressed Powder - Tender Brown" 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">
                        Zuri Pressed Powder - Tender Brown
                    </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">$12.75</span>
                    <a href="https://www.amazon.com/dp/B00JU7AC02?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>