<div style="border:1px solid #eee;padding:15px;border-radius:10px;

            font-family:Arial,sans-serif;max-width:600px;margin:auto;

            box-shadow:0 2px 6px rgba(0,0,0,0.05);">

[giá]123000[giá]

  <!-- Hình ảnh sản phẩm -->

  <div style="text-align:center;">

    <img src="

" 

         alt="" 

         style="max-width:100%;border-radius:10px;">

  </div>

  <!-- Tiêu đề -->

  <h2 style="color:#333;margin-top:15px;text-align:center;">Tên Sản Phẩm</h2>

  <!-- Mô tả ngắn -->

  <p style="font-size:15px;color:#555;line-height:1.6;margin:10px 0;">

    📌 <strong>Công dụng:</strong> Giúp dưỡng ẩm, làm sáng da và bảo vệ da suốt ngày dài.<br>

    📦 <strong>Quy cách:</strong> 30ml – Hàng chính hãng FULL VAT.<br>

    🌍 <strong>Xuất xứ:</strong> Hàn Quốc.

  </p>

  <!-- Bảng giá -->

  <h3 style="color:#e74c3c;margin:15px 0 10px;">💰 Bảng giá sỉ</h3>

  <table style="border-collapse:collapse;width:100%;font-size:15px;border-radius:8px;overflow:hidden;">

    <tr style="background:#f8f8f8;text-align:center;">

      <th style="padding:10px;border:1px solid #ddd;">Số lượng</th>

      <th style="padding:10px;border:1px solid #ddd;">Đơn giá</th>

    </tr>

    <tr style="text-align:center;">

      <td style="padding:10px;border:1px solid #ddd;">1 – 5 sp</td>

      <td style="padding:10px;border:1px solid #ddd;">120.000đ</td>

    </tr>

    <tr style="text-align:center;">

      <td style="padding:10px;border:1px solid #ddd;">6 – 11 sp</td>

      <td style="padding:10px;border:1px solid #ddd;">110.000đ</td>

    </tr>

    <tr style="text-align:center;">

      <td style="padding:10px;border:1px solid #ddd;">≥ 12 sp</td>

      <td style="padding:10px;border:1px solid #ddd;">100.000đ</td>

    </tr>

  </table> <!-- Giá hiển thị -->

  <p><strong>Giá: <span id="gia-sp">0</span> đ</strong></p>

  

  <!-- Số lượng -->

  <label for="soluong">Chọn số lượng:</label>

  <input type="number" id="soluong" value="1" min="1" style="width:60px;">

  <p id="gia-theo-sl" style="color:green;font-weight:bold;"></p>

</div>

<script>

  // Bảng giá theo số lượng

  const bangGia = [

    {min: 1, max: 1, gia: 100000},   // 1 sp = 100k

    {min: 2, max: 4, gia: 95000},    // 2-4 sp = 95k/sp

    {min: 5, max: 9, gia: 90000},    // 5-9 sp = 90k/sp

    {min: 10, max: 999, gia: 85000}  // từ 10 sp = 85k/sp

  ];

  const soluongInput = document.getElementById("soluong");

  const giaSP = document.getElementById("gia-sp");

  const giaTheoSL = document.getElementById("gia-theo-sl");

  function tinhGia() {

    let sl = parseInt(soluongInput.value);

    let gia = 0;

    // Xác định giá theo số lượng

    for (let i of bangGia) {

      if (sl >= i.min && sl <= i.max) {

        gia = i.gia;

        break;

      }

    }

    // Hiển thị

    giaSP.textContent = gia.toLocaleString("vi-VN");

    giaTheoSL.textContent = "Tổng cộng: " + (gia * sl).toLocaleString("vi-VN") + " đ";

  }

  soluongInput.addEventListener("input", tinhGia);

  tinhGia(); // chạy lần đầu

</script>

  <!-- Nút Zalo -->

  <div style="text-align:center;margin-top:20px;">

    <a href="https://zalo.me/0979704365" target="_blank" 

       style="display:inline-block;padding:12px 25px;

              background:#25D366;color:#fff;font-size:16px;

              font-weight:bold;text-decoration:none;border-radius:6px;

              transition:0.3s;">

      💬 Liên hệ Zalo để đặt hàng

    </a>

  </div>

</div>