/* =========================================
   RESET & ROOT VARIABLES
   Primary: #3b5cff (Blue)
   Accent : #FF4D4F (Red — sale/badge only)
   ========================================= */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue:#3b5cff;--blue-d:#2347e0;--blue-l:#eef1ff;
  --orange:#ff5625;--orange-d:#d43235;--orange-l:#fff1f0;
  --dark:#1a1a1a;--dark2:#1e2d3d;
  --text:#111827;--text2:#4b5563;--text3:#9ca3af;
  --bg:#f5f6fa;--white:#fff;--border:#e5e7eb;--border2:#f1f5f9;
  --shadow:0 2px 16px rgba(59,92,255,.08);
  --r:6px;--r2:10px;
  --font-body:'Encode Sans',sans-serif;
  --font-head:'Manrope',sans-serif;
}

/* =========================================
   BASE
   ========================================= */
body{background:var(--bg);font-family:var(--font-body);color:var(--text);font-size:14px;line-height:1.6}
.mi{font-family:'Material Icons';font-style:normal;font-size:20px;line-height:1;vertical-align:middle;display:inline-block}
ol,
ul {
  padding-left: 1rem;
}

/* =========================================
   TYPOGRAPHY SCALE
   H1 32px · H2 24px · H3 20px · H4 18px
   Body 14px — all headings use Manrope
   ========================================= */
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--text)}
h1{font-size:2rem;font-weight:800;letter-spacing:-.5px}
h2{font-size:1.5rem;font-weight:700;letter-spacing:-.3px}
h3{font-size:1.25rem;font-weight:700}
h4{font-size:1.1rem;font-weight:700}
h5,h6{font-size:.9rem;font-weight:700}