<!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>L.A. Colors Auto Eye Liner Pencil 665 White - 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="L.A. Colors Auto Eye Liner Pencil 665 White">
            L.A. Colors Auto Eye Liner Pencil 665 White
        </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/21YyaOdTPSL.jpg" alt="L.A. Colors Auto Eye Liner Pencil 665 White" 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">
                L.A. Colors Auto Eye Liner Pencil 665 White
            </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">$5.25</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/B004C6ZOC2?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> L.A. COLORS</div>
                <div><span class="font-medium text-gray-700">ASIN:</span> B004C6ZOC2</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">081555766658</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">L.A. COLORS</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Color</span>
                    <span class="text-gray-800 font-medium text-right">CAE665A White</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">Pencil</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">1.00 Count</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Special Feature</span>
                    <span class="text-gray-800 font-medium text-right">Smudge proof</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 model number</span>
                    <span class="text-gray-800 font-medium text-right">LCAE665</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">5 x 0.3 x 0.3 inches; 0.16 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">2012-11-14</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">nice</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">SO pretty. I bought this for me after seeing a makeup review online. I have not had a chance to try it out, but I can see that it is nice. Thank you.</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">2022-06-08</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">My favorite eyeliner!</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">It goes on easy, lasts forever. Takes a few passes for the color to payoff, but that&#39;s no trouble. Please never discontinue this, it&#39;s my favorite makeup item fr, brightens my hooded eyes right up.</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">2013-02-28</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Good eyeliner</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">It works great. One con is that it does not stay very long but It does what it is suppose to do.</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">2014-07-13</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">Nice eye liner</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">What I was looking for.  It&#39;s creamy - goes on without tugging the eyelid.  Stays on for 6 hrs..</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/kat-von-d---tattoo-brow---light-brown-by-B0108MFS24" 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/41Uj2BsVc3L.jpg" alt="Kat Von D - Tattoo Brow - Light Brown by Kat Von D" 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">
                        Kat Von D - Tattoo Brow - Light Brown by Kat Von D
                    </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">$15.00</span>
                    <a href="https://www.amazon.com/dp/B0108MFS24?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/instruments-shifter-base-bushings-for-20-B07QY23RJS" 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/41Y9LedWkSL.jpg" alt="Instruments Shifter Base Bushings for 2016+ Honda Civic MT Manual (1914)" 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">
                        Instruments Shifter Base Bushings for 2016+ Honda Civic MT Manual (1914)
                    </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">$29.00</span>
                    <a href="https://www.amazon.com/dp/B07QY23RJS?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/saponificio-artigianale-fiorentino-rose-B00TRE33AY" 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/51mmQRTTrLL.jpg" alt="Saponificio Artigianale Fiorentino Rose Blossom Boxed Soap Set 3 x 7.05 Oz Bars All Natural Made in Italy" 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">
                        Saponificio Artigianale Fiorentino Rose Blossom Boxed Soap Set 3 x 7.05 Oz Bars All Natural Made in Italy
                    </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.99</span>
                    <a href="https://www.amazon.com/dp/B00TRE33AY?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/lushy-long-curly-navy-blue-wig-full-dens-B07BP44999" 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/41YW3m4ZdlL.jpg" alt="Lushy Long Curly Navy Blue Wig Full Density Half Hand Tied Heat Friendly Synthetic Lace Front Wigs" 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">
                        Lushy Long Curly Navy Blue Wig Full Density Half Hand Tied Heat Friendly Synthetic Lace Front Wigs
                    </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.65</span>
                    <a href="https://www.amazon.com/dp/B07BP44999?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/e12-B006WPCT5G" 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/41dvE5dW-jL.jpg" alt="E12" 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">
                        E12
                    </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/B006WPCT5G?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/nyx-pack-of-two:-soft-mate-lip-cream:-is-B01BYL5LP2" 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/410uihlUZxL.jpg" alt="NYX pack of two: Soft Mate Lip Cream: Istantbul and Slim Lip Pencil:Nude Pink" 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">
                        NYX pack of two: Soft Mate Lip Cream: Istantbul and Slim Lip Pencil:Nude Pink
                    </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">$15.89</span>
                    <a href="https://www.amazon.com/dp/B01BYL5LP2?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/nicka-k-radiant-liquid-eye-shadow---gold-B078WR2L52" 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/31jkfAwHLkL.jpg" alt="NICKA K Radiant Liquid Eye Shadow - Golden Gemma" 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">
                        NICKA K Radiant Liquid Eye Shadow - Golden Gemma
                    </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">$7.99</span>
                    <a href="https://www.amazon.com/dp/B078WR2L52?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/italwax-hard-wax-white-chocolate-2.2lb-1-B00SNJQFZO" 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/31PZmtZdHPS.jpg" alt="Italwax Hard Wax White Chocolate 2.2lb 1kg" 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">
                        Italwax Hard Wax White Chocolate 2.2lb 1kg
                    </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">$26.40</span>
                    <a href="https://www.amazon.com/dp/B00SNJQFZO?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/unguento-veterinario-de-la-tia-250-gramo-B07R86T65R" 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/41arby79ClS.jpg" alt="Unguento Veterinario de la Tia 250 gramos y Llavero. De la Tia Veterinary Ointment 8.81 Oz. and Key Chain." 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">
                        Unguento Veterinario de la Tia 250 gramos y Llavero. De la Tia Veterinary Ointment 8.81 Oz. and Key Chain.
                    </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">$29.35</span>
                    <a href="https://www.amazon.com/dp/B07R86T65R?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/savvy-curls---black-stripes-convertible-B07J5SKC8K" 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/41f4OByVvXL.jpg" alt="Savvy Curls - Black Stripes Convertible" 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">
                        Savvy Curls - Black Stripes Convertible
                    </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">$36.99</span>
                    <a href="https://www.amazon.com/dp/B07J5SKC8K?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>