/* ===== MTH Landing System (Codazon / Magento 2) ===== */
.mth-wrap{max-width:1200px;margin:0 auto;padding:16px}
.mth-section{margin:12px 0}
@media(min-width:768px){.mth-section{margin:16px 0}}

.mth-kicker{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:#7a7a7a;margin:0 0 8px}

.mth-hero{background:#0b0b0b;color:#fff;border-radius:16px;overflow:hidden}
.mth-hero-inner{padding:22px}
.mth-hero h1{font-size:28px;line-height:1.15;margin:0 0 10px}
.mth-hero p{margin:0 0 14px;opacity:.92;font-size:15px;line-height:1.55}

.mth-badges{margin-top:14px}
.mth-badge{display:inline-block;margin:0 8px 8px 0;padding:8px 10px;border-radius:999px;font-size:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}

.mth-cta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
.mth-btn{display:inline-block;padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:800}
.mth-btn-primary{background:#c9a227;color:#111}
.mth-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}

.mth-grid{display:grid;gap:14px}
.mth-grid-2{grid-template-columns:1fr}
.mth-grid-3{grid-template-columns:1fr}

.mth-card{border:1px solid #e8e8e8;border-radius:14px;padding:14px;background:#fff}
.mth-card h2,.mth-card h3{margin:0 0 8px}
.mth-card p{margin:0;line-height:1.6}

.mth-list{margin:10px 0 0;padding-left:18px}
.mth-list li{margin:6px 0;line-height:1.55}

.mth-cta-bar{background:#111;color:#fff;border-radius:16px;padding:16px}
.mth-cta-bar h2{margin:0 0 8px;font-size:22px}
.mth-cta-bar p{margin:0 0 12px;opacity:.9;line-height:1.6}

.mth-faq hr{margin:14px 0;border:0;border-top:1px solid #e8e8e8}

@media(min-width:768px){
  .mth-hero-inner{padding:34px}
  .mth-hero h1{font-size:40px}
  .mth-grid-2{grid-template-columns:1fr 1fr}
  .mth-grid-3{grid-template-columns:repeat(3,1fr)}
  
}
/* === FORCE REMOVE TinyMCE <p> MARGINS (Codazon fix) === */
.cms-page-view .page-main .std p {
  margin: 0 !important;
  padding: 0 !important;
}

/* FORCE hero H1 visibility (Codazon override) */
.cms-page-view .page-main .mth-hero h1{
  color:#fff !important;
  opacity:1 !important;
  font-weight:800 !important;
}


/* Make all blocks use the same container width */
.cms-page-view .page-main .mth-wrap{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* Center ALL section kickers/titles in MTH sections */
.cms-page-view .mth-kicker{
  text-align:center !important;
  display:block;
  width:100%;
}