/* MRHG Home Lite 1.0.2 — HivePress Native, pinned categories */
:root{
  --mrhg-red:#d7262e;
  --mrhg-navy:#003366;
  --mrhg-text:#222;
  --mrhg-muted:#666;
  --mrhg-bg:#fff;
  --radius:14px;
  --shadow:0 10px 24px rgba(0,0,0,.08);
}

.mrhg-wrap{ max-width:1100px; margin:0 auto; padding: clamp(16px,3vw,24px); }
.mrhg-hero{ background:var(--mrhg-bg); border-bottom:1px solid #eee; }
.mrhg-hero h1{ font-weight:800; font-size: clamp(28px,5.4vw,44px); line-height:1.12; margin: 8px 0; color:var(--mrhg-navy); }
.mrhg-hero .sub{ font-size: clamp(14px,3.2vw,18px); color:var(--mrhg-muted); margin-bottom:16px; }
.mrhg-search{ display:flex; gap:10px; align-items:center; }
.mrhg-search input{ flex:1; padding:12px 14px; border:1px solid #ddd; border-radius: var(--radius); font-size:16px; }
.mrhg-search button{ padding:12px 18px; border:0; border-radius: var(--radius); background:var(--mrhg-red); color:#fff; font-weight:700; cursor:pointer; }
.mrhg-trust{ display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-top:12px; color:var(--mrhg-muted); font-weight:600; }
@media (max-width:640px){ .mrhg-trust{ grid-template-columns:1fr; text-align:center; } .mrhg-search{ flex-direction:column; } }

.mrhg-categories h2, .mrhg-steps h2{ font-size: clamp(22px,4.5vw,32px); color:var(--mrhg-text); margin: 24px 0 12px; }
.mrhg-categories .grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:14px; }
@media (max-width:1024px){ .mrhg-categories .grid{ grid-template-columns: repeat(2,1fr);} }
@media (max-width:640px){ .mrhg-categories .grid{ grid-template-columns: 1fr;} }

.mrhg-categories .cat{ display:flex; align-items:center; justify-content:center; text-decoration:none; color:var(--mrhg-navy); background:#f7f9fc; border:1px solid #e9edf5; padding:16px; border-radius: var(--radius); font-weight:700; transition: transform .1s ease; }
.mrhg-categories .cat:hover{ transform: translateY(-2px); background:#fff; }

.cta-row{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap; }
.btn{ display:inline-block; padding:12px 18px; border-radius:var(--radius); text-decoration:none; font-weight:800; }
.btn.primary{ background:var(--mrhg-red); color:#fff; }
.btn.secondary{ background:#eef2f7; color:var(--mrhg-navy); }

.view-all{ margin-top:18px; text-align:center; }
.view-all a{ color:var(--mrhg-navy); text-decoration:none; font-weight:700; }
.view-all a:hover{ text-decoration:underline; }

.mrhg-steps .steps{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; }
@media (max-width:800px){ .mrhg-steps .steps{ grid-template-columns:1fr; } }
.mrhg-steps .step{ background:#fff; border:1px solid #eee; border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); }
.mrhg-steps .num{ display:inline-grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--mrhg-navy); color:#fff; font-weight:800; margin-bottom:8px; }

html, body { overflow-x:hidden; }
img, svg { max-width:100%; height:auto; display:block; }