/* ═══════════════════════════════════════════════════════════════
   DESKTOP UI V2 — màn hình ≥769px (2026-10-29, Đợt 2–3 trang chủ)
   - Cùng bảng màu Mobile V2: navy #0F2A5F (thương hiệu) + cam #D4430C (hành động, giá);
     đỏ chỉ cho % giảm.
   - Nạp sau main.css + màu toàn cục + mobile-v2.css. View in <style> trong <body> (đến
     sau file này) nên mọi selector có tiền tố `body` để thắng cùng độ ưu tiên.
   - Điện thoại (≤768px) không đổi. Khôi phục: rollback.sh trong gói backups/homepage-wave23-(thời gian)
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 769px) {
  :root {
    --v2-navy: #0F2A5F;
    --v2-orange: #D4430C;
    --v2-orange-dark: #B8390A;
    --v2-orange-on-dark: #FF8A3D;
    --v2-orange-tint: #FFF1E8;
    --v2-orange-line: #F6D3BC;
    --brand-accent-dark: #B8390A; /* nút "Mua ngay": hết dải cam → vàng */
  }

  /* ── Đợt 2 · Hero: danh mục đã có ở thanh menu → bỏ cột trái (nửa dưới đang trống) ── */
  body .hm-hero-cats { display: none; }
  body .hm-hero-section { padding: 0; } /* đệm 16px trước đây nằm sau cột trái → giờ lộ thành dải tối */
  body .hm-hero-banner { padding: 40px 56px; }
  body .hm-hero-visual { width: 252px; }
  /* 4 ô cùng một kiểu — !important để thắng màu nền đặt riêng từng ô (style inline từ Admin) */
  body .hm-hv-item {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px; padding: 16px 10px 14px;
  }
  body .hm-hv-item:hover { background: rgba(255, 255, 255, .15) !important; border-color: rgba(255, 138, 61, .65); }
  body .hm-hv-item svg { color: var(--v2-orange-on-dark); }
  body .hm-hv-item span { font-size: .74rem; color: #fff; }

  /* ── Đợt 2 · Dải cam kết giữa trang trùng với dải cam kết đầu chân trang → giữ một ── */
  body .hm-trust { display: none; }

  /* ── Đợt 2 · Tiêu đề mục: gạch chân navy + cam ── */
  body .hm-sec-title { color: var(--v2-navy); }
  body .hm-sec-title::before,
  body #hm-news-sec .hm-sec-title::before {
    background: linear-gradient(90deg, var(--v2-navy) 0 26px, transparent 26px 30px, var(--v2-orange) 30px 44px);
  }

  /* ── Đợt 3 · Ưu đãi nổi bật: nền sáng thay khung vàng phát sáng ── */
  body .hm-flash-frame { background: none; padding: 0; box-shadow: none; border-radius: 18px; }
  body .hm-flash-box { background: var(--v2-orange-tint); border: 1px solid var(--v2-orange-line); }
  body .hm-flash-box::before { display: none; }
  body .hm-flash-pill {
    color: var(--v2-navy); font-family: 'Be Vietnam Pro', sans-serif; font-weight: 800;
    letter-spacing: .4px; border: 1px solid var(--v2-orange-line);
    box-shadow: 0 2px 10px rgba(15, 42, 95, .10);
  }
  body .hm-flash-time { background: #fff; color: var(--v2-orange); border: 1px solid var(--v2-orange-line); }
  body .hm-flash-footer { background: #fff; color: var(--v2-navy); border-top: 1px solid var(--v2-orange-line); }

  /* ── Đợt 3 · Thẻ sản phẩm: giá + nút chính màu cam hành động ── */
  body .hm-pcard-prices .hm-price-sale { color: var(--v2-orange); }
  body .hm-pcard-buynow { background: var(--v2-orange); }
  body .hm-pcard-buynow:hover { background: var(--v2-orange-dark); filter: none; box-shadow: 0 4px 12px rgba(212, 67, 12, .28); }
  body .hm-pcard-atc-btn { background: #fff; border: 1px solid var(--v2-orange-line); }
  body .hm-pcard-atc-btn svg { color: var(--v2-orange); }
  body .hm-pcard-atc-btn:hover { background: var(--v2-orange-tint); filter: none; }
}