<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>B.C. Beauty Concepts Nail Polish Set - 10 Mini Nail Polish Colors, Polish Kit for Fingernails and Toenails, Quick Dry Nail Polish for Women and Girls - OmniPocket Daily</title>
    
    <meta name="description" content="Discover handpicked Amazon finds, hourly trending deals, and smart items for your modern lifestyle at OmniPocket Daily.">
    
    <!-- LLM Crawler Discovery Link -->
    <link rel="alternate" type="text/plain" href="/llms.txt" title="LLM Context Guidelines">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="/static/css/main.css">
    
    <style>
        
        body {
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background-color: #fafbfc;
            
            padding-bottom: 70px; 
        }
        @media (min-width: 768px) {
            body {
                padding-bottom: 0px; 
            }
        }
    </style>
    <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-CF0MRSN5P5"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-CF0MRSN5P5');
    </script>
</head>
<body class="bg-[#fafbfc] text-slate-800 antialiased">

    
    
    
    

    <header class="bg-[#0f172a]/95 text-white sticky top-0 z-[100] backdrop-blur-md border-b border-slate-800/80 shadow-sm">
        <div class="max-w-[1240px] px-4 py-4 mx-auto flex items-center justify-between">
            <a href="/" class="text-xl font-extrabold flex items-center gap-2 hover:text-amber-400 transition-all duration-200 tracking-tight">
                <span class="text-2xl transform hover:scale-110 transition-transform">📦</span> 
                <span class="bg-gradient-to-r from-amber-400 via-amber-300 to-amber-100 bg-clip-text text-transparent">OmniPocket</span> 
                <span class="text-slate-400 font-light text-sm hidden sm:inline border-l border-slate-700 pl-2 ml-1">Daily Finds</span>
            </a>
            
            <nav class="hidden md:flex items-center gap-8 text-sm font-semibold">
                <a href="/" class="text-slate-300 hover:text-amber-400 transition-colors py-1">Home</a>
                <a href="/list" class="text-amber-400 hover:text-amber-400 transition-colors py-1 flex items-center gap-1">
                    <span>🛍️</span> All Products
                </a>
                <a href="/about" class="text-slate-300 hover:text-amber-400 transition-colors py-1">About</a>
            </nav>
        </div>
    </header>

    <main class="max-w-[1240px] px-4 py-6 md:py-8 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="B.C. Beauty Concepts Nail Polish Set - 10 Mini Nail Polish Colors, Polish Kit for Fingernails and Toenails, Quick Dry Nail Polish for Women and Girls">
            B.C. Beauty Concepts Nail Polish Set - 10 Mini Nail Polish Colors, Polish Kit for Fingernails and Toenails, Quick Dry Nail Polish for Women and Girls
        </li>
    </ol>
</nav>

<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 mb-6" itemscope itemtype="https://schema.org/Product">
    <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 relative">
            <!-- Product image display container with clear boundary and color contrast -->
            <div class="w-full bg-[#f8fafc] border border-[#e2e8f0] rounded-2xl p-4 md:p-6 flex items-center justify-center relative shadow-xs mb-4" id="magnifier-container">
                
                <!-- Mobile Only Left Navigation Arrow -->
                <button class="absolute left-3 top-1/2 -translate-y-1/2 w-8 h-8 bg-slate-900/30 active:bg-slate-900/50 text-white rounded-full flex items-center justify-center text-sm font-bold cursor-pointer select-none transition-colors border border-white/10 shadow-xs z-[20] md:hidden" onclick="navigateModalImage(-1)">
                    &#10094;
                </button>
                

                <img src="https://m.media-amazon.com/images/I/41zl9kr+-qL.jpg" alt="B.C. Beauty Concepts Nail Polish Set - 10 Mini Nail Polish Colors, Polish Kit for Fingernails and Toenails, Quick Dry Nail Polish for Women and Girls" id="main-product-img" class="max-h-[360px] object-contain rounded-lg transition-all duration-150 md:cursor-zoom-in" onclick="openImageModal()" itemprop="image">
                
                
                <!-- Mobile Only Right Navigation Arrow -->
                <button class="absolute right-3 top-1/2 -translate-y-1/2 w-8 h-8 bg-slate-900/30 active:bg-slate-900/50 text-white rounded-full flex items-center justify-center text-sm font-bold cursor-pointer select-none transition-colors border border-white/10 shadow-xs z-[20] md:hidden" onclick="navigateModalImage(1)">
                    &#10095;
                </button>
                

                <!-- Magnifier Lens (Amazon style amber border & highlight) -->
                <div id="zoom-lens" class="absolute border border-[#F3D078] bg-[#F3D078]/10 cursor-crosshair hidden pointer-events-none z-[10] rounded shadow-xs"></div>
                
                <!-- Magnifier Zoom Result Window (placed next to container on desktop) -->
                <div id="zoom-window" class="absolute top-0 left-[105%] w-[420px] h-[420px] border border-slate-200 bg-white shadow-2xl overflow-hidden z-[999] hidden pointer-events-none rounded-lg">
                    <img id="zoom-result-img" src="https://m.media-amazon.com/images/I/41zl9kr+-qL.jpg" class="absolute max-w-none" style="width: 1000px; height: 1000px;">
                </div>
            </div>

            <!-- Gallery Thumbnails Grid -->
            
            <div class="flex flex-wrap gap-2 mt-4 justify-center w-full">
                
                    
                    <button class="w-12 h-12 border rounded-md overflow-hidden bg-white p-0.5 transition-all duration-200 hover:border-amber-500 focus:outline-none thumbnail-btn border-amber-500 ring-2 ring-amber-500/20"
                            data-large="https://m.media-amazon.com/images/I/41zl9kr+-qL.jpg"
                            onclick="switchMainImage(this)">
                        <img src="https://m.media-amazon.com/images/I/41zl9kr+-qL._SS40_.jpg" alt="thumbnail 1" class="w-full h-full object-contain">
                    </button>
                    
                
                    
                    <button class="w-12 h-12 border rounded-md overflow-hidden bg-white p-0.5 transition-all duration-200 hover:border-amber-500 focus:outline-none thumbnail-btn border-gray-200"
                            data-large="https://m.media-amazon.com/images/I/51dm6NMpdOL.jpg"
                            onclick="switchMainImage(this)">
                        <img src="https://m.media-amazon.com/images/I/51dm6NMpdOL._SS40_.jpg" alt="thumbnail 2" class="w-full h-full object-contain">
                    </button>
                    
                
                    
                    <button class="w-12 h-12 border rounded-md overflow-hidden bg-white p-0.5 transition-all duration-200 hover:border-amber-500 focus:outline-none thumbnail-btn border-gray-200"
                            data-large="https://m.media-amazon.com/images/I/51MgsZo4-4L.jpg"
                            onclick="switchMainImage(this)">
                        <img src="https://m.media-amazon.com/images/I/51MgsZo4-4L._SS40_.jpg" alt="thumbnail 3" class="w-full h-full object-contain">
                    </button>
                    
                
                    
                    <button class="w-12 h-12 border rounded-md overflow-hidden bg-white p-0.5 transition-all duration-200 hover:border-amber-500 focus:outline-none thumbnail-btn border-gray-200"
                            data-large="https://m.media-amazon.com/images/I/51fgweotpHL.jpg"
                            onclick="switchMainImage(this)">
                        <img src="https://m.media-amazon.com/images/I/51fgweotpHL._SS40_.jpg" alt="thumbnail 4" class="w-full h-full object-contain">
                    </button>
                    
                
                    
                    <button class="w-12 h-12 border rounded-md overflow-hidden bg-white p-0.5 transition-all duration-200 hover:border-amber-500 focus:outline-none thumbnail-btn border-gray-200"
                            data-large="https://m.media-amazon.com/images/I/51T1tXFTSIL.jpg"
                            onclick="switchMainImage(this)">
                        <img src="https://m.media-amazon.com/images/I/51T1tXFTSIL._SS40_.jpg" alt="thumbnail 5" class="w-full h-full object-contain">
                    </button>
                    
                
                    
                    <button class="w-12 h-12 border rounded-md overflow-hidden bg-white p-0.5 transition-all duration-200 hover:border-amber-500 focus:outline-none thumbnail-btn border-gray-200"
                            data-large="https://m.media-amazon.com/images/I/510kMlZXQlL.jpg"
                            onclick="switchMainImage(this)">
                        <img src="https://m.media-amazon.com/images/I/510kMlZXQlL._SS40_.jpg" alt="thumbnail 6" class="w-full h-full object-contain">
                    </button>
                    
                
            </div>
            

            <a href="https://www.amazon.com/dp/B083V8WSRN?tag=tmpyhtest-20&language=en_US&ref_=as_li_ss_tl" 
               target="_blank" 
               rel="nofollow sponsored noopener noreferrer"
               class="text-xs text-blue-600 font-medium mt-4 hover:underline block text-center">
                View all sizes / colors
            </a>
        </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-2" itemprop="name">
                B.C. Beauty Concepts Nail Polish Set - 10 Mini Nail Polish Colors, Polish Kit for Fingernails and Toenails, Quick Dry Nail Polish for Women and Girls
            </h1>
            
            <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating" class="flex items-center gap-1.5 mb-4 text-sm select-none">
                <div class="relative flex text-slate-200 text-base tracking-tighter">
                    ★★★★★
                    <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 84.00000000000001%">★★★★★</div>
                </div>
                <span class="text-gray-700 font-medium"><span itemprop="ratingValue">4.2</span></span>
                <span class="text-gray-400">(<span itemprop="reviewCount">214</span> reviews)</span>
            </div>
            
            <div class="bg-gray-50 border border-gray-100 rounded-xl p-5 max-w-md mb-6" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                <div class="flex items-baseline gap-1 mb-1">
                    <span class="text-3xl font-extrabold text-gray-900">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="64.73">64.73</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                </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/B083V8WSRN?tag=tmpyhtest-20&language=en_US&ref_=as_li_ss_tl" 
                   target="_blank" 
                   rel="nofollow sponsored noopener noreferrer"
                   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> <span itemprop="brand">eycobeauty</span></div>
                <div><span class="font-medium text-gray-700">ASIN:</span> B083V8WSRN</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">192598432353</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">eycobeauty</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">Liquid</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.44 Fl Oz</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Finish Type</span>
                    <span class="text-gray-800 font-medium text-right">Glossy</span>
                </div>
            
                <div class="flex justify-between py-2 border-b border-gray-50">
                    <span class="text-gray-400 uppercase tracking-wider font-semibold">Liquid Volume</span>
                    <span class="text-gray-800 font-medium text-right">0.12 Fluid 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">Material Feature</span>
                    <span class="text-gray-800 font-medium text-right">Non-Toxic, Cruelty Free</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">8 x 7 x 1 inches; 9.59 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">Age Range (Description)</span>
                    <span class="text-gray-800 font-medium text-right">Adult</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 flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2024-11-12">2024-11-12</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Great purchase!</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">Great colors.</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2026-05-05">2026-05-05</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Great</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">They’re so tiny and so cute and they work super well</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2025-09-18">2025-09-18</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Great price for this nail polish set.</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">Nice variety of nail colors that apply smoothly with a good shine.</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2024-10-11">2024-10-11</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Product is as advertised</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">Beautiful colors&lt;br /&gt;Dries fast</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2025-02-28">2025-02-28</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Great Variety of Colors</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">Small bottles, but nice selection of color.  Goes on smoothly and looks good.</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2025-02-10">2025-02-10</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Amazing polish!! Well worth your money!!</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">Amazing nail polish!! Have worn for a week no chipping or cracking and my job is very hands on!! You will not be disappointed with this purchase. Shine long lasting. I purposely waited on my review to see how this polish would hold up on my job and it output formed many gel polish I have tried that cost much more!! Love all the colors goes on beautifully and dries quickly. Will be buying more!!!!</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2025-02-26">2025-02-26</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">Gorgeous!</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">100% lovely polishes, rose designs push to gorgeous level. Used as give aways for baby shower. These are smaller versions of mail polish, but so adorable and already decorated with beautiful roses.</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </div>
            
                <div class="border border-gray-100 rounded-xl p-4 bg-white shadow-2xs flex flex-col" itemprop="review" itemscope itemtype="https://schema.org/Review">
                    
                    <div class="flex items-center justify-between mb-2">
                        <div class="flex items-center gap-1.5" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                            <div class="relative flex text-slate-200 text-xs tracking-tighter select-none">
                                ★★★★★
                                <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                            </div>
                            <span class="text-gray-600 text-xs font-semibold">(<span itemprop="ratingValue">5.0</span>)</span>
                        </div>
                        <span class="text-[10px] text-gray-400 font-medium" itemprop="datePublished" content="2026-06-15">2026-06-15</span>
                    </div>
                    
                    <h4 class="text-sm font-bold text-gray-900 mb-1" itemprop="name">I like all the colors</h4>
                    <p class="text-xs text-gray-500 leading-relaxed line-clamp-4 flex-grow mb-3" itemprop="reviewBody">This polish has lasted on my nails better than I expected.</p>
                    
                    <div class="text-[10px] text-gray-400 mt-auto pt-2 border-t border-gray-50" itemprop="author" itemscope itemtype="https://schema.org/Person">
                        Reviewed by <span class="font-medium text-gray-500" itemprop="name">Real Customer</span>
                    </div>
                </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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/beauty-forever-long-straight-hair-u-part-B08FR6T6B6" 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/51ShMLfTumS.jpg" alt="Beauty Forever Long Straight Hair U Part Wig Glueless Full Head Clip in Human Hair Wigs 1x4 Opening Size 150% Density 100% Virgin Human Hair Wig Middle Part Natural Color 20 Inch" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">Beauty Forever Long Straight Hair U Part Wig Glueless Full Head Clip in Human Hair Wigs 1x4 Opening Size 150% Density 100% Virgin Human Hair Wig Middle Part Natural Color 20 Inch</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 60.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">1</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="31.73">31.73</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B08FR6T6B6?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/nicpoo-no-heat-rollers-hair-curlers-for-B0BX9HR4HF" 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/41dBrKRh65L.jpg" alt="NICPOO No Heat Rollers Hair Curlers for Long Hair,2 Pcs Styler Headband to Sleep in,Curling Ribbon for Women.Mini Hair Ties Styling Accessories Tools.(Blue+Black)" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">NICPOO No Heat Rollers Hair Curlers for Long Hair,2 Pcs Styler Headband to Sleep in,Curling Ribbon for Women.Mini Hair Ties Styling Accessories Tools.(Blue+Black)</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 74.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">8</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="28.16">28.16</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B0BX9HR4HF?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/goldfinch-body-wave-highlight-lace-front-B09ND25XV3" 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/51zj34UeeeL.jpg" alt="Goldfinch Body Wave Highlight Lace Front Wig Human Hair Ombre 4x4 Lace Closure Wigs Highlighted Brown Brazilian Ombre Virgin Human Hair Wigs For Women 150% Density 20 Inch Balayage FB30" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">Goldfinch Body Wave Highlight Lace Front Wig Human Hair Ombre 4x4 Lace Closure Wigs Highlighted Brown Brazilian Ombre Virgin Human Hair Wigs For Women 150% Density 20 Inch Balayage FB30</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 62.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">5</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="22.98">22.98</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B09ND25XV3?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/creightons-smooth-and-strengthen-conditi-B079YK47M7" 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/41vMwRpbkNL.jpg" alt="Creightons Smooth &amp; Strengthen Conditioner with Keratin, 33.8 Oz." class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">Creightons Smooth &amp; Strengthen Conditioner with Keratin, 33.8 Oz.</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 100.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">7</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="73.70">73.70</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B079YK47M7?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/[the-hair-mother-cellar]-m-hair-loss-sha-B01BGSYRD0" 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/31U5xXlKN7L.jpg" alt="[The Hair Mother Cellar] M-hair Loss Shampoo For Moisturizing, Dandruff-free, Nourishing hair For Men (10.14fl.oz./300ml)" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">[The Hair Mother Cellar] M-hair Loss Shampoo For Moisturizing, Dandruff-free, Nourishing hair For Men (10.14fl.oz./300ml)</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 90.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">7</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="67.31">67.31</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B01BGSYRD0?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/20-22-24-inch-p27-613-highlight-bundles-B0BF9TMYFR" 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/61qpYwmi-NL.jpg" alt="20 22 24 Inch P27/613 Highlight Bundles Deep Wave Bundles Human Hair Blonde 3 Bundles Real Unprocessed Brazilian Virgin Hair Extensions For Women Double Weft Bundle No Tangle Hair" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">20 22 24 Inch P27/613 Highlight Bundles Deep Wave Bundles Human Hair Blonde 3 Bundles Real Unprocessed Brazilian Virgin Hair Extensions For Women Double Weft Bundle No Tangle Hair</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 20.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">2</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="25.63">25.63</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B0BF9TMYFR?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/24-pcs-simple-moon-eclipse-black-square-B073TXT9B7" 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/513jDKiM34L.jpg" alt="24 Pcs Simple Moon Eclipse Black Square Short Full Cover False Nail with Glue Stickers and Mini File" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">24 Pcs Simple Moon Eclipse Black Square Short Full Cover False Nail with Glue Stickers and Mini File</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 68.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">4</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="64.74">64.74</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B073TXT9B7?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/12-pieces-adult-extra-soft-toothbrush-wi-B08XB99KTD" 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/51TzZ8hAnHL.jpg" alt="12 Pieces Adult Extra Soft Toothbrush with 20000 Bristles Micro Nano Manual Toothbrushes for Teeth Oral Gums Protect Sensitive Gums" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">12 Pieces Adult Extra Soft Toothbrush with 20000 Bristles Micro Nano Manual Toothbrushes for Teeth Oral Gums Protect Sensitive Gums</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 94.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">6</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="51.44">51.44</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B08XB99KTD?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/evild-yoga-headbands-stretchy-vintage-he-B088LF1C1R" 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/51LOWY89r6L.jpg" alt="Evild Yoga Headbands Stretchy Vintage Head Wraps Elastic Hair Accessories Criss Cross Hair Bands for Women and Girls(Pack of 3) (A)" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">Evild Yoga Headbands Stretchy Vintage Head Wraps Elastic Hair Accessories Criss Cross Hair Bands for Women and Girls(Pack of 3) (A)</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 80.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">2</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="33.42">33.42</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B088LF1C1R?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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" itemscope itemtype="https://schema.org/Product">
                <a href="/product/small-money-clip-leather-wallet-id-bag-c-B00FCQHX3Y" 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/41J96mMMajL.jpg" alt="Small MONEY CLIP Leather Wallet ID Bag Cash Holder Credit Card Cover Case Pouch" class="max-h-full max-w-full object-contain group-hover:scale-105 transition-transform duration-200" itemprop="image">
                    </div>
                    <h3 class="text-xs text-gray-800 font-medium leading-snug mb-1 line-clamp-2 min-h-[32px] group-hover:text-amber-600 transition-colors">
                        <span itemprop="name">Small MONEY CLIP Leather Wallet ID Bag Cash Holder Credit Card Cover Case Pouch</span>
                    </h3>
                </a>
                
                <!-- Dynamic Rating Stars for Recommendations -->
                <div class="flex items-center gap-1.5 mb-2 select-none" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                    <div class="relative flex text-slate-200 text-[10px] tracking-tighter">
                        ★★★★★
                        <div class="absolute top-0 left-0 text-amber-500 overflow-hidden" style="width: 60.0%">★★★★★</div>
                    </div>
                    <span class="text-[9px] text-gray-400 font-semibold">(<span itemprop="reviewCount">6</span>)</span>
                </div>
                
                <div class="flex items-center justify-between mt-1 pt-2 border-t border-gray-50 gap-1.5" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="text-sm font-extrabold text-gray-900 flex-shrink-0">
                        <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="43.76">43.76</span>
                    </span>
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    
                    <a href="https://www.amazon.com/dp/B00FCQHX3Y?tag=tmpyhtest-20&amp;language=en_US&amp;ref_=as_li_ss_tl" 
                       target="_blank"
                       rel="nofollow sponsored noopener noreferrer"
                       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>

<script>
function switchMainImage(btn) {
    var targetSrc = btn.getAttribute('data-large');
    if (!targetSrc) return;
    
    var mainImg = document.getElementById('main-product-img');
    var resultImg = document.getElementById('zoom-result-img');
    if (mainImg) {
        // Simple fade transition effect
        mainImg.style.opacity = '0.3';
        setTimeout(function() {
            mainImg.src = targetSrc;
            mainImg.style.opacity = '1';
            if (resultImg) {
                resultImg.src = targetSrc;
            }
        }, 150);
    }
    
    var buttons = document.querySelectorAll('.thumbnail-btn');
    buttons.forEach(function(b) {
        b.classList.remove('border-amber-500', 'ring-2', 'ring-amber-500/20');
        b.classList.add('border-gray-200');
    });
    
    btn.classList.remove('border-gray-200');
    btn.classList.add('border-amber-500', 'ring-2', 'ring-amber-500/20');
}

function initMagnifier() {
    var container = document.getElementById('magnifier-container');
    var mainImg = document.getElementById('main-product-img');
    var lens = document.getElementById('zoom-lens');
    var zoomWin = document.getElementById('zoom-window');
    var resultImg = document.getElementById('zoom-result-img');
    
    if (!container || !mainImg || !lens || !zoomWin || !resultImg) return;
    
    // Remove existing event listeners to prevent duplicates
    container.removeEventListener('mouseenter', showZoom);
    container.removeEventListener('mouseleave', hideZoom);
    container.removeEventListener('mousemove', moveZoom);
    
    // Only enable on desktop screens (width >= 768px)
    if (window.innerWidth < 768) {
        lens.style.display = 'none';
        zoomWin.style.display = 'none';
        return;
    }
    
    container.addEventListener('mouseenter', showZoom);
    container.addEventListener('mouseleave', hideZoom);
    container.addEventListener('mousemove', moveZoom);
    
    var ratio = 2.5; // Magnification factor
    
    function showZoom() {
        if (window.innerWidth < 768) return;
        lens.style.display = 'block';
        zoomWin.style.display = 'block';
        
        resultImg.src = mainImg.src;
        
        // Dynamically compute the zoom-in result size
        var imgW = mainImg.offsetWidth;
        var imgH = mainImg.offsetHeight;
        
        resultImg.style.width = (imgW * ratio) + 'px';
        resultImg.style.height = (imgH * ratio) + 'px';
        
        // Size the lens proportionately
        lens.style.width = (zoomWin.offsetWidth / ratio) + 'px';
        lens.style.height = (zoomWin.offsetHeight / ratio) + 'px';
    }
    
    function hideZoom() {
        lens.style.display = 'none';
        zoomWin.style.display = 'none';
    }
    
    function moveZoom(e) {
        if (window.innerWidth < 768) return;
        
        var rect = mainImg.getBoundingClientRect();
        var containerRect = container.getBoundingClientRect();
        
        // Mouse coordinate position relative to the main image
        var x = e.clientX - rect.left;
        var y = e.clientY - rect.top;
        
        var lensW = lens.offsetWidth;
        var lensH = lens.offsetHeight;
        
        // Center the lens relative to mouse cursor
        var lensX = x - lensW / 2;
        var lensY = y - lensH / 2;
        
        // Prevent lens boundaries from leaving the image
        if (lensX < 0) lensX = 0;
        if (lensY < 0) lensY = 0;
        if (lensX > rect.width - lensW) lensX = rect.width - lensW;
        if (lensY > rect.height - lensH) lensY = rect.height - lensH;
        
        // Account for image offset inside the flex centering container
        var offsetLeft = rect.left - containerRect.left;
        var offsetTop = rect.top - containerRect.top;
        
        lens.style.left = (lensX + offsetLeft) + 'px';
        lens.style.top = (lensY + offsetTop) + 'px';
        
        // Move the zoom container background image viewport
        resultImg.style.left = -(lensX * ratio) + 'px';
        resultImg.style.top = -(lensY * ratio) + 'px';
    }
}

// Initialise on load and resize
document.addEventListener('DOMContentLoaded', initMagnifier);
if (document.readyState === 'interactive' || document.readyState === 'complete') {
    initMagnifier();
}
window.addEventListener('resize', initMagnifier);

// Re-init if main image changes dynamically (e.g. initial image load async)
var mainImgEl = document.getElementById('main-product-img');
if (mainImgEl) {
    mainImgEl.addEventListener('load', initMagnifier);
}

// Unique image URLs for navigation
var productImages = [
    
        
            
                "https://m.media-amazon.com/images/I/41zl9kr+-qL.jpg",
            
        
            
                "https://m.media-amazon.com/images/I/51dm6NMpdOL.jpg",
            
        
            
                "https://m.media-amazon.com/images/I/51MgsZo4-4L.jpg",
            
        
            
                "https://m.media-amazon.com/images/I/51fgweotpHL.jpg",
            
        
            
                "https://m.media-amazon.com/images/I/51T1tXFTSIL.jpg",
            
        
            
                "https://m.media-amazon.com/images/I/510kMlZXQlL.jpg",
            
        
    
];
var currentImageIndex = 0;

function navigateModalImage(direction) {
    if (productImages.length <= 1) return;
    
    currentImageIndex += direction;
    
    // Wrap around index
    if (currentImageIndex < 0) {
        currentImageIndex = productImages.length - 1;
    } else if (currentImageIndex >= productImages.length) {
        currentImageIndex = 0;
    }
    
    updateModalImage();
    
    // Sync the main page gallery thumbnail button selection
    var buttons = document.querySelectorAll('.thumbnail-btn');
    if (buttons && buttons[currentImageIndex]) {
        buttons.forEach(function(b) {
            b.classList.remove('border-amber-500', 'ring-2', 'ring-amber-500/20');
            b.classList.add('border-gray-200');
        });
        buttons[currentImageIndex].classList.remove('border-gray-200');
        buttons[currentImageIndex].classList.add('border-amber-500', 'ring-2', 'ring-amber-500/20');
        
        // Update main image and magnifier result image (with fade transition)
        var mainImg = document.getElementById('main-product-img');
        if (mainImg) {
            mainImg.style.opacity = '0.3';
            setTimeout(function() {
                mainImg.src = productImages[currentImageIndex];
                mainImg.style.opacity = '1';
            }, 150);
        }
        var resultImg = document.getElementById('zoom-result-img');
        if (resultImg) {
            resultImg.src = productImages[currentImageIndex];
        }
    }
}

// Mobile touch swipe carousel implementation
function initTouchSwipe() {
    var container = document.getElementById('magnifier-container');
    if (!container) return;
    
    var startX = 0;
    var startY = 0;
    var diffX = 0;
    var diffY = 0;
    
    container.addEventListener('touchstart', function(e) {
        if (e.touches.length === 1) {
            startX = e.touches[0].clientX;
            startY = e.touches[0].clientY;
            diffX = 0;
            diffY = 0;
        }
    }, { passive: true });
    
    container.addEventListener('touchmove', function(e) {
        if (e.touches.length === 1) {
            diffX = e.touches[0].clientX - startX;
            diffY = e.touches[0].clientY - startY;
            
            // If horizontal movement is dominant, prevent default page scrolling
            if (Math.abs(diffX) > Math.abs(diffY)) {
                if (e.cancelable) e.preventDefault();
            }
        }
    }, { passive: false });
    
    container.addEventListener('touchend', function(e) {
        var threshold = 50; // Minimum swipe distance in px
        if (Math.abs(diffX) > threshold && Math.abs(diffX) > Math.abs(diffY)) {
            if (diffX > 0) {
                // Swiped right -> Previous image
                navigateModalImage(-1);
            } else {
                // Swiped left -> Next image
                navigateModalImage(1);
            }
        }
    }, { passive: true });
}

// Initialize touch swipe listeners
document.addEventListener('DOMContentLoaded', initTouchSwipe);
if (document.readyState === 'interactive' || document.readyState === 'complete') {
    initTouchSwipe();
}

function updateModalImage() {
    var modalImg = document.getElementById('modal-img');
    if (modalImg && productImages[currentImageIndex]) {
        modalImg.src = productImages[currentImageIndex];
    }
    
    // Update arrow visibility (hide if only 1 unique image)
    var prevBtn = document.getElementById('modal-prev-btn');
    var nextBtn = document.getElementById('modal-next-btn');
    if (prevBtn && nextBtn) {
        if (productImages.length <= 1) {
            prevBtn.style.display = 'none';
            nextBtn.style.display = 'none';
        } else {
            prevBtn.style.display = 'flex';
            nextBtn.style.display = 'flex';
        }
    }
}

// Modal open/close actions (PC Only)
function openImageModal() {
    // Only open the modal popup on PC (desktop screens >= 768px)
    if (window.innerWidth < 768) return;
    
    var modal = document.getElementById('image-modal');
    var modalCard = document.getElementById('modal-card');
    var mainImg = document.getElementById('main-product-img');
    var modalImg = document.getElementById('modal-img');
    
    if (!modal || !modalCard || !mainImg || !modalImg) return;
    
    var currentSrc = mainImg.getAttribute('src');
    currentImageIndex = productImages.indexOf(currentSrc);
    if (currentImageIndex === -1) {
        currentImageIndex = 0;
        for (var i = 0; i < productImages.length; i++) {
            if (currentSrc.includes(productImages[i]) || productImages[i].includes(currentSrc)) {
                currentImageIndex = i;
                break;
            }
        }
    }
    
    updateModalImage();
    
    modal.classList.remove('hidden');
    modal.classList.add('flex');
    
    // Force reflow for fade transition
    setTimeout(function() {
        modal.style.opacity = '1';
        modalCard.classList.remove('scale-95');
        modalCard.classList.add('scale-100');
    }, 10);
}

function closeImageModal(e) {
    if (e.target.id === 'image-modal') {
        closeImageModalDirect();
    }
}

function closeImageModalDirect() {
    var modal = document.getElementById('image-modal');
    var modalCard = document.getElementById('modal-card');
    if (!modal || !modalCard) return;
    
    modal.style.opacity = '0';
    modalCard.classList.remove('scale-100');
    modalCard.classList.add('scale-95');
    
    setTimeout(function() {
        modal.classList.remove('flex');
        modal.classList.add('hidden');
    }, 300);
}

// Keyboard shortcuts for PC (ESC, ArrowLeft, ArrowRight)
document.addEventListener('keydown', function(e) {
    var modal = document.getElementById('image-modal');
    if (!modal || modal.classList.contains('hidden')) return;
    
    if (e.key === 'Escape') {
        closeImageModalDirect();
    } else if (e.key === 'ArrowLeft') {
        navigateModalImage(-1);
    } else if (e.key === 'ArrowRight') {
        navigateModalImage(1);
    }
});
</script>

<!-- Amazon Style Image Modal (Lightbox - PC Only) -->
<div id="image-modal" class="fixed inset-0 bg-slate-900/70 backdrop-blur-xs z-[9999] hidden flex items-center justify-center transition-all duration-300 opacity-0" onclick="closeImageModal(event)">
    <div class="bg-white rounded-xl p-5 shadow-2xl border-4 border-[#F3D078] max-w-2xl w-full mx-4 relative flex flex-col items-center justify-center transform scale-95 transition-all duration-300" id="modal-card">
        <!-- Close Button -->
        <button class="absolute top-2 right-4 text-gray-400 hover:text-gray-700 text-3xl font-light cursor-pointer select-none transition-colors z-[100]" onclick="closeImageModalDirect()">&times;</button>
        
        <!-- Image Area with clear border & Navigation Arrows -->
        <div class="border border-gray-200 rounded-lg p-2 bg-gray-50/50 flex items-center justify-center overflow-hidden max-h-[70vh] w-full shadow-inner relative group">
            <!-- Left Arrow -->
            <button id="modal-prev-btn" class="absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-slate-900/40 hover:bg-slate-900/60 text-white rounded-full flex items-center justify-center text-xl font-bold cursor-pointer select-none transition-colors border border-white/20 shadow-md z-[100]" onclick="navigateModalImage(-1); event.stopPropagation();">
                &#10094;
            </button>
            
            <img id="modal-img" src="" alt="Zoomed Product Image" class="max-h-[65vh] max-w-full object-contain rounded">
            
            <!-- Right Arrow -->
            <button id="modal-next-btn" class="absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-slate-900/40 hover:bg-slate-900/60 text-white rounded-full flex items-center justify-center text-xl font-bold cursor-pointer select-none transition-colors border border-white/20 shadow-md z-[100]" onclick="navigateModalImage(1); event.stopPropagation();">
                &#10095;
            </button>
        </div>
    </div>
</div>

    </main>

    <!-- 手机底部固定导航栏 -->
    <div class="fixed bottom-0 left-0 right-0 h-16 bg-white/80 border-t border-slate-100 backdrop-blur-lg shadow-[0_-8px_20px_rgba(0,0,0,0.04)] flex md:hidden z-[9999] p-1.5 gap-2">
        <a href="/" class="flex-1 flex flex-col items-center justify-center transition-all duration-200 rounded-xl text-slate-500 hover:text-amber-500 font-medium border border-transparent">
            <span class="text-lg ">🏠</span>
            <span class="text-[10px] mt-0.5">Home</span>
        </a>
        
        <a href="/list" class="flex-1 flex flex-col items-center justify-center transition-all duration-200 rounded-xl bg-amber-500/10 text-amber-600 font-bold border border-[#F3D078]">
            <span class="text-lg scale-110 filter drop-shadow-[0_2px_4px_rgba(245,158,11,0.2)]">🛍️</span>
            <span class="text-[10px] mt-0.5">Categories</span>
        </a>
        
        <a href="/about" class="flex-1 flex flex-col items-center justify-center transition-all duration-200 rounded-xl text-slate-500 hover:text-amber-500 font-medium border border-transparent">
            <span class="text-lg ">ℹ️</span>
            <span class="text-[10px] mt-0.5">About</span>
        </a>
    </div>

</body>
</html>