<div class="combo-sale-page"> <p class="text-gray-700 text-base md:text-lg leading-relaxed mb-8 max-w-3xl">Ưu đãi theo khung giờ / theo ngày — giá & tồn kho cập nhật tại quầy. Bảng dưới là dữ liệu minh họa.</p> <div class="flash-sale-section"> <div class="section-header"> <h2><i class="fas fa-bolt" aria-hidden="true"></i> Đang giảm giá</h2> <div class="countdown" aria-label="Thời gian ưu đãi (minh họa)"> <span class="countdown-item"><span class="countdown-value">08</span><span class="countdown-label">Giờ</span></span> <span class="countdown-sep">:</span> <span class="countdown-item"><span class="countdown-value">30</span><span class="countdown-label">Phút</span></span> <span class="countdown-sep">:</span> <span class="countdown-item"><span class="countdown-value">00</span><span class="countdown-label">Giây</span></span> </div> </div> <div class="flash-sale-grid"> <article class="flash-sale-card"> <div class="flash-sale-img"> <span class="flash-sale-badge combo-badge" style="left:auto;right:10px;background:linear-gradient(135deg,#e53935,#ff7043);">-20%</span> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:800;color:#b91c1c;font-size:14px;">Tôm sú</div> </div> <div class="flash-sale-info"> <div class="flash-sale-name">Tôm sú size 20–22 con/kg</div> <div class="flash-sale-price"> <span class="flash-sale-price-new">520.000đ/kg</span> <span class="flash-sale-price-old">650.000đ</span> </div> <div class="flash-sale-progress"><div class="flash-sale-progress-bar" style="width:72%;height:100%;border-radius:6px;"></div></div> <p class="flash-sale-sold">Đã bán ~72% — minh họa</p> </div> </article> <article class="flash-sale-card"> <div class="flash-sale-img"> <span class="flash-sale-badge combo-badge" style="left:auto;right:10px;">-12%</span> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:800;color:#145214;font-size:14px;">Ghẹ xanh</div> </div> <div class="flash-sale-info"> <div class="flash-sale-name">Ghẹ xanh tươi</div> <div class="flash-sale-price"> <span class="flash-sale-price-new">385.000đ/kg</span> <span class="flash-sale-price-old">440.000đ</span> </div> <div class="flash-sale-progress"><div class="flash-sale-progress-bar" style="width:45%;height:100%;border-radius:6px;"></div></div> <p class="flash-sale-sold">Còn hàng — minh họa</p> </div> </article> <article class="flash-sale-card"> <div class="flash-sale-img"> <span class="flash-sale-badge combo-badge" style="left:auto;right:10px;background:linear-gradient(135deg,#e53935,#ff7043);">Hot</span> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:800;color:#c2410c;font-size:14px;">Mực ống</div> </div> <div class="flash-sale-info"> <div class="flash-sale-name">Mực ống tươi</div> <div class="flash-sale-price"> <span class="flash-sale-price-new">195.000đ/kg</span> <span class="flash-sale-price-old">230.000đ</span> </div> <div class="flash-sale-progress"><div class="flash-sale-progress-bar" style="width:88%;height:100%;border-radius:6px;"></div></div> <p class="flash-sale-sold">Sắp hết — minh họa</p> </div> </article> <article class="flash-sale-card"> <div class="flash-sale-img"> <span class="flash-sale-badge combo-badge" style="left:auto;right:10px;">-8%</span> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:800;color:#1d4ed8;font-size:14px;">Hàu sữa</div> </div> <div class="flash-sale-info"> <div class="flash-sale-name">Hàu sữa Pháp Vân</div> <div class="flash-sale-price"> <span class="flash-sale-price-new">12.000đ/con</span> <span class="flash-sale-price-old">13.000đ</span> </div> <div class="flash-sale-progress"><div class="flash-sale-progress-bar" style="width:30%;height:100%;border-radius:6px;"></div></div> <p class="flash-sale-sold">Mới mở bán — minh họa</p> </div> </article> </div> </div> <div class="sale-products-section mt-10"> <h2><i class="fas fa-tags" aria-hidden="true"></i> Thêm gợi ý (minh họa)</h2> <div class="sale-products-grid"> <article class="sale-product-card"> <div class="sale-product-img"> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:#374151;font-size:13px;">Nghêu</div> </div> <div class="sale-product-info"> <div class="sale-product-name">Nghêu hấp sả — khay</div> <div class="sale-product-price"> <span class="flash-sale-price-new">85.000đ</span> <span class="sale-product-price-old">95.000đ</span> </div> </div> </article> <article class="sale-product-card"> <div class="sale-product-img"> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:#374151;font-size:13px;">Sò điệp</div> </div> <div class="sale-product-info"> <div class="sale-product-name">Sò điệp nướng mỡ hành</div> <div class="sale-product-price"> <span class="flash-sale-price-new">165.000đ</span> <span class="sale-product-price-old">185.000đ</span> </div> </div> </article> <article class="sale-product-card"> <div class="sale-product-img"> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:#374151;font-size:13px;">Bạch tuộc</div> </div> <div class="sale-product-info"> <div class="sale-product-name">Bạch tuộc baby nướng</div> <div class="sale-product-price"> <span class="flash-sale-price-new">220.000đ</span> <span class="sale-product-price-old">250.000đ</span> </div> </div> </article> <article class="sale-product-card"> <div class="sale-product-img"> <div style="display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:#374151;font-size:13px;">Cá lóc</div> </div> <div class="sale-product-info"> <div class="sale-product-name">Cá lóc hấp bầu</div> <div class="sale-product-price"> <span class="flash-sale-price-new">195.000đ</span> <span class="flash-sale-price-old">210.000đ</span> </div> </div> </article> </div> </div> </div>
