:root{
  --pmx-yellow:#ffc400;
  --pmx-yellow-strong:#e0a900;
  --pmx-ink:#101828;
  --pmx-ink-2:#1f2937;
  --pmx-blue:#00a8e8;
  --pmx-bg:#f7f8fb;
  --pmx-card:#ffffff;
  --pmx-line:#d9e2ec;
  --pmx-muted:#667085;
  --pmx-ok:#0f7a55;
  --pmx-warn:#9a5b00;
  --pmx-radius:8px;
  --pmx-shadow:0 18px 50px rgba(16,24,40,.10);
}

.pmx-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.pmx-lockup img{height:36px;width:auto;display:block}
.pmx-mark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--pmx-yellow);box-shadow:0 10px 26px rgba(255,196,0,.25);overflow:hidden}
.pmx-mark img{width:100%;height:100%;object-fit:cover}
.pmx-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(16,24,40,.10);background:#fff;border-radius:999px;padding:8px 12px;color:#344054;font-size:12px;font-weight:950}
.pmx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;min-height:44px;padding:12px 16px;font-weight:950;text-decoration:none;line-height:1;cursor:pointer}
.pmx-btn.primary{background:var(--pmx-ink);color:#fff;box-shadow:0 14px 30px rgba(16,24,40,.18)}
.pmx-btn.yellow{background:var(--pmx-yellow);border-color:var(--pmx-yellow);color:#111827;box-shadow:0 14px 30px rgba(255,196,0,.22)}
.pmx-btn.ghost{background:#fff;border-color:var(--pmx-line);color:var(--pmx-ink)}
.pmx-card{background:#fff;border:1px solid var(--pmx-line);border-radius:var(--pmx-radius);box-shadow:var(--pmx-shadow)}
.pmx-muted{color:var(--pmx-muted)}
.pmx-product-bg{
  background:linear-gradient(135deg,#ffffff 0%,#f7f8fb 58%,#fff8d9 100%);
}
.pmx-mini-brand{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;color:#475467}