<!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 Eyeshadow contains 6 Colors BEP431 Playful - 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 Eyeshadow contains 6 Colors BEP431 Playful">
            L.A. Colors Eyeshadow contains 6 Colors BEP431 Playful
        </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/41zjUoi1vVL.jpg" alt="L.A. Colors Eyeshadow contains 6 Colors BEP431 Playful" 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 Eyeshadow contains 6 Colors BEP431 Playful
            </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">$7.49</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/B00PST5LDY?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> B00PST5LDY</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">796433156048 081555654313</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">Coverage</span>
                    <span class="text-gray-800 font-medium text-right">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">Skin Type</span>
                    <span class="text-gray-800 font-medium text-right">All</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">Special Feature</span>
                    <span class="text-gray-800 font-medium text-right">Waterproof</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">5.5 x 3.5 x 0.5 inches; 0.14 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">2019-07-19</span>
                    </div>
                    <h4 class="text-sm font-bold text-gray-900 mb-1">I love LA</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4">Very nice pallet of pinks and bronze.  Just enough.</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/(50-pcs)-disposable-oral-swabs,-sterile-B09Y1L18LG" 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/41g9RtaamaL.jpg" alt="(50 PCS) Disposable Oral Swabs, Sterile Dental Sponge Swabsticks Unflavored for Mouth &amp; Gum Cleaning" 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">
                        (50 PCS) Disposable Oral Swabs, Sterile Dental Sponge Swabsticks Unflavored for Mouth &amp; Gum Cleaning
                    </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/B09Y1L18LG?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/adjustable-silicone-ring-bands-at-both-e-B08T82BX75" 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/31UDarOj+EL.jpg" alt="Adjustable Silicone Ring Bands At Both Ends Rubber Loop For Non Piercing Nipple Chain Body Jewelry-white,12pcs" 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">
                        Adjustable Silicone Ring Bands At Both Ends Rubber Loop For Non Piercing Nipple Chain Body Jewelry-white,12pcs
                    </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.98</span>
                    <a href="https://www.amazon.com/dp/B08T82BX75?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/jo-malone-tudor-rose-and-amber-3.4-oz-10-B082W1DV8Q" 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/310t1ixmSML.jpg" alt="Jo Malone Tudor Rose &amp; Amber 3.4 oz 100 ml Cologne Spray Unboxed" 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">
                        Jo Malone Tudor Rose &amp; Amber 3.4 oz 100 ml Cologne Spray Unboxed
                    </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">$349.99</span>
                    <a href="https://www.amazon.com/dp/B082W1DV8Q?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/hpynpes-jade-roller-and-gua-sha,-facial-B0BPSFWMC8" 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/31NPjOYIRAL.jpg" alt="HPYNPES Jade Roller and Gua Sha, Facial Roller, Natural Jade Stone Face Massager, Noiseless Jade Face Roller for Skin Tightening, Reduce Wrinkles" 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">
                        HPYNPES Jade Roller and Gua Sha, Facial Roller, Natural Jade Stone Face Massager, Noiseless Jade Face Roller for Skin Tightening, Reduce Wrinkles
                    </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/B0BPSFWMC8?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/hair-styling-wax-for-men---strong-hold-a-B07CLH4Q1H" 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/21sHlBuYwxL.jpg" alt="Hair Styling Wax for Men - Strong Hold &amp; Matt Finish, Good Smell &amp; Easy to Wash off, 3.12 oz. - The Nature Eco Love Story Funky Beats Matt Wax" 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">
                        Hair Styling Wax for Men - Strong Hold &amp; Matt Finish, Good Smell &amp; Easy to Wash off, 3.12 oz. - The Nature Eco Love Story Funky Beats Matt Wax
                    </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">$19.99</span>
                    <a href="https://www.amazon.com/dp/B07CLH4Q1H?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/refillable-travel-bottles-kit,-portable-B0BB7JZ6BW" 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/312QII4yhHL.jpg" alt="Refillable Travel Bottles Kit, Portable Large Diameter Travel Bottles Press On Operation Toiletries Containers" 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">
                        Refillable Travel Bottles Kit, Portable Large Diameter Travel Bottles Press On Operation Toiletries Containers
                    </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.93</span>
                    <a href="https://www.amazon.com/dp/B0BB7JZ6BW?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/china-glaze-nail-polish,-sample-sizing-m-B07FYKZQBN" 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/311NZ0uqAHL.jpg" alt="China Glaze Nail Polish, Sample Sizing Me Up 1629" 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">
                        China Glaze Nail Polish, Sample Sizing Me Up 1629
                    </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">$6.88</span>
                    <a href="https://www.amazon.com/dp/B07FYKZQBN?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/stainless-steel-bead-ball-holding-tweeze-B01IP8AP9Y" 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/31gG6q6q2aL.jpg" alt="STAINLESS STEEL BEAD/BALL HOLDING TWEEZERS BALL HOLDER PIERCING TOOL BEAD BALL GRABBER by G.S ONLINE STORE" 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">
                        STAINLESS STEEL BEAD/BALL HOLDING TWEEZERS BALL HOLDER PIERCING TOOL BEAD BALL GRABBER by G.S ONLINE STORE
                    </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.09</span>
                    <a href="https://www.amazon.com/dp/B01IP8AP9Y?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/soft-lips-limited-edition-praline-browni-B01758CDVI" 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/41je-25+7tL.jpg" alt="Soft Lips Limited Edition Praline Brownie Lip Moisturizing Balm" 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">
                        Soft Lips Limited Edition Praline Brownie Lip Moisturizing Balm
                    </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.00</span>
                    <a href="https://www.amazon.com/dp/B01758CDVI?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/perfume-studio-4-oz-cobalt-blue-boston-r-B00I9GOCCO" 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/31Q5EVOTzPL.jpg" alt="Perfume Studio 4 Oz Cobalt Blue Boston Round Glass Bottles with Option of Pump, Spray Atomizer, Cap, or Dropper (Glass Bottle With White Atomizer)" 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">
                        Perfume Studio 4 Oz Cobalt Blue Boston Round Glass Bottles with Option of Pump, Spray Atomizer, Cap, or Dropper (Glass Bottle With White Atomizer)
                    </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">$4.72</span>
                    <a href="https://www.amazon.com/dp/B00I9GOCCO?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>