/* ===== LUXURY THEME — Walnut + Gold (áp cho trang con: sản phẩm + blog) ===== */
:root{
  --gold:#B98D52; --gold-2:#DBB57E; --gold-soft:#EFD8AC; --gold-deep:#8C6A39;
  --walnut-d:#241812; --walnut:#3B2A1A; --lux-ink:#2a1c10; --lux-cream:#FBF6EC;
}

/* Tiêu đề serif sang trọng */
.pg-h1, .prose h2, .prose h3, .section-title,
.cta-box h2, .faq-q, .rel-card .h, .kb-feat-bd h3, .exp-h3{
  font-family:'Playfair Display', serif !important;
}
.section-title{ color:var(--lux-ink) !important; letter-spacing:.3px; }
.section-subtitle{ color:#6b5844 !important; }
.prose h2{ color:var(--lux-ink) !important; }
.prose h3{ color:var(--gold-deep) !important; }

/* Hero trang sản phẩm → walnut + gold */
.pg-hero{
  background:
    radial-gradient(900px 520px at 80% 12%, rgba(184,141,82,.30), transparent 60%),
    radial-gradient(700px 500px at 6% 96%, rgba(120,78,40,.40), transparent 60%),
    linear-gradient(140deg,#241812 0%,#3B2A1A 55%,#1c120c 100%) !important;
}
.pg-badge{
  background:rgba(184,141,82,.16) !important; color:var(--gold-soft) !important;
  border:1px solid rgba(184,141,82,.46) !important;
}
.pg-hero-cta{ background:linear-gradient(100deg,var(--gold-2),var(--gold)) !important; color:#241c05 !important; }
.breadcrumb a:hover{ color:var(--gold-2) !important; }

/* Số thứ tự lớp cấu tạo → gold */
.layer .ln{ background:linear-gradient(135deg,var(--gold-2),var(--gold)) !important; color:#241c05 !important; }

/* Bảng giá */
.prc th{ background:var(--walnut) !important; }
.prc td:first-child{ color:var(--gold-deep) !important; }

/* Callout "Lời thật của Mr. Săm" */
.callout{ border-left-color:var(--gold) !important; background:#fbf5ea !important; }
.callout-label{ color:var(--gold-deep) !important; }

/* Hộp CTA → walnut + nút gold */
.cta-box{ background:linear-gradient(140deg,#3B2A1A,#241812) !important; }
.cta-box h2{ color:#fff !important; }
.cta-phone{ background:linear-gradient(100deg,var(--gold-2),var(--gold)) !important; color:#241c05 !important; }

/* Khối "Tìm hiểu thêm" */
.rel{ background:var(--lux-cream) !important; }
.rel-card .t{ color:var(--gold-deep) !important; }
.rel-card:hover{ border-color:rgba(184,141,82,.46) !important; box-shadow:0 10px 30px rgba(140,106,57,.14) !important; }

/* Badge & divider chung (blog index, các section) */
.badge{
  background:linear-gradient(100deg,rgba(185,141,82,.14),rgba(219,181,126,.16)) !important;
  color:var(--gold-deep) !important; border:1px solid rgba(185,141,82,.42) !important;
  letter-spacing:1.5px !important; font-weight:800 !important; text-transform:uppercase !important;
}
.divider{ background:linear-gradient(90deg,var(--gold),var(--gold-2)) !important; height:3px !important; border-radius:3px; }

/* Nút outline → gold */
.btn-outline{ border-color:var(--gold) !important; color:var(--gold-deep) !important; }
.btn-outline:hover{ background:var(--gold) !important; color:#fff !important; border-color:var(--gold) !important; }

/* Nền cream ấm hơn cho mọi nơi dùng var(--cream) */
:root{ --cream:#FBF6EC; }

/* Link trong bài */
.prose a{ color:var(--gold-deep); }
.prose a:hover{ color:var(--walnut); }