/* ============================================================
   ZGA Premium theme — ยาจีนดั้งเดิม / luxury
   ใช้ร่วมทุกหน้าฝั่งลูกค้า (โหลดผ่าน shop/headerpage.php)
   ============================================================ */
:root{
  --zg-maroon:#5b1619; --zg-maroon-d:#3f0e11;
  --zg-gold:#b78b3c; --zg-gold-2:#c9a45c; --zg-goldline:#e6d6ac;
  --zg-ivory:#f6efe1; --zg-paper:#fffdf8; --zg-ink:#2c2620; --zg-muted:#8c7d64;
}

/* ฟอนต์: หัวข้อ Serif ไทย (หรู) + เนื้อหา Sarabun */
body{ font-family:'Sarabun',sans-serif; color:var(--zg-ink); }
h1,h2,h3,h4,.zg-serif{ font-family:'Noto Serif Thai','Sarabun',serif; }

/* พื้นหลังพรีเมียม (เจาะจงหน้า shop ที่ใช้ bg-gray-50 เพื่อไม่กระทบหน้าอื่น) */
body.bg-gray-50{
  background:
    radial-gradient(1100px 460px at 50% -160px, rgba(183,139,60,.10), transparent 60%),
    linear-gradient(180deg,#f7f1e5 0%, #f2ead9 100%) !important;
}

/* คอมโพเนนต์พรีเมียม (ใช้ผ่านคลาส) */
.zg-card{ background:var(--zg-paper); border:1px solid var(--zg-goldline); border-radius:16px;
  box-shadow:0 14px 36px rgba(63,14,17,.09); position:relative; overflow:hidden; }
.zg-card--accent::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--zg-maroon),var(--zg-gold) 55%,var(--zg-maroon)); }
.zg-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(135deg,var(--zg-maroon),var(--zg-maroon-d)); color:#f7e9c8;
  border:1px solid var(--zg-gold); border-radius:12px; padding:12px 22px; font-weight:700;
  font-family:'Noto Serif Thai',serif; cursor:pointer; text-decoration:none; transition:.2s; }
.zg-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(63,14,17,.28); }
.zg-btn--gold{ background:linear-gradient(135deg,var(--zg-gold),#a97e33); color:#fff; }
.zg-price{ color:var(--zg-gold); font-family:'Noto Serif Thai',serif; font-weight:700; }
.zg-divider{ height:1px; background:linear-gradient(90deg,transparent,var(--zg-goldline),transparent); border:0; margin:18px 0; }
.zg-eyebrow{ color:var(--zg-muted); font-size:12px; letter-spacing:3px; text-transform:uppercase; }