/* ==========================================================================
   Zenuric theme — minisite shop-zenuric.html
   Sumber: docs/master/zenuric-001..005.png (ungu #5b2d8f, emas #f0b429, hero gelap -004)
   Fork minisite baru = salin file ini, ganti nilai var + konten. Core tidak disentuh.
   ========================================================================== */

:root {
  --mj-primary: #5b2d8f;          /* ungu Zenuric — teks heading & nav aktif */
  --mj-primary-contrast: #ffffff; /* verified 9.47:1 */
  --mj-accent: #7a3fb3;           /* ungu muda untuk hover/kicker */
  --mj-accent-contrast: #ffffff;  /* verified 5.5:1 */
  --mj-price: #8c6d1f;            /* emas AA di surface terang; di hero gelap pakai #f0b429 */
  --mj-price-on-dark: #f0b429;    /* verified 8.25:1 di charcoal */
  --mj-bg: #f5f0fa;               /* lavender sangat muda */
  --mj-bg-deep: #3a2260;          /* hero band gelap ala master -004 (bukan hitam datar) */
  --mj-bg-deep-text: #f3eefb;
  --mj-surface: #ffffff;
  --mj-text: #33254d;
  --mj-text-muted: #5d5073;
  --mj-border: #e2d8ee;
}

/* ---------- Hero gelap khas Zenuric ---------- */
.mj-hero--zenuric {
  background:
    radial-gradient(1100px 500px at 12% -10%, rgba(136, 73, 198, .35), transparent 60%),
    var(--mj-bg-deep);
  color: var(--mj-bg-deep-text);
  padding-block: var(--mj-section-pad);
}
.mj-hero--zenuric h1,
.mj-hero--zenuric h2 { color: #ffffff; }
.mj-hero--zenuric .mj-hero__lead { color: var(--mj-bg-deep-text); opacity: .92; }
.mj-hero--zenuric .mj-price { color: var(--mj-price-on-dark); }
.mj-hero--zenuric .mj-badge { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.28); color: var(--mj-bg-deep-text); }
.mj-hero--zenuric .mj-cta--wa { background: #ffffff; color: var(--mj-primary); }
.mj-hero--zenuric .mj-cta--wa:hover { opacity: .9; }
.mj-hero--zenuric .mj-hero__media img { background: transparent; } /* PNG kemasan tanpa bg-putih di hero gelap */

/* ---------- Kicker ungu ---------- */
.mj-kicker { color: var(--mj-accent); }

/* ---------- Trust bar emas di atas ungu (verified 5.08:1) ---------- */
.mj-trustbar--zenuric { border-color: var(--mj-border); background: var(--mj-surface); }
.mj-trustbar--zenuric strong { color: var(--mj-primary); }

/* ---------- Badge BPOM/Halal: ungu muda, verified ---------- */
.mj-badge--zen { color: var(--mj-primary); border-color: #d9c8ef; background: #f8f4fd; }

/* ---------- Komposisi: definisi list, bukan grid kartu seragam ---------- */
.mj-compos { max-width: 680px; }
.mj-compos dt { font-weight: 600; margin-top: .6em; }
.mj-compos dd { margin: 0 0 .35em; color: var(--mj-text-muted); display: flex; justify-content: space-between; gap: 1rem; }
.mj-compos dd span:last-child { font-variant-numeric: tabular-nums; color: var(--mj-text); }

/* ---------- Aturan pakai & peringatan ---------- */
.mj-usage li { margin-bottom: .5rem; }
.mj-usage .mj-disclaimer strong { color: var(--mj-text); }

/* ---------- Media grid produk (bottle + box) ---------- */
.mj-product-visual { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--mj-space-2); align-items: end; }
.mj-product-visual img { mix-blend-mode: multiply; } /* PNG dengan bg lavender menyatu di surface terang */
@media (max-width: 700px) {
  .mj-product-visual { grid-template-columns: 1fr 1fr; }
  .mj-product-visual img { max-height: 260px; object-fit: contain; }
}

/* ---------- Section head di surface terang ---------- */
.mj-shopsin h2 { color: var(--mj-primary); }