/* moCreates Base CSS (v0.1) */

/* HERO */
.mc-hero {
  padding-block: clamp(3rem, 6vw, 6rem);
}

.mc-hero p {
  max-width: 60ch;
}

/* Product-specific hero styling (context via body class) */
.single-mc_product .mc-hero {
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
/* HERO — contextual variants */

/* Default hero (all content types) */
.mc-hero {
  padding-block: clamp(3rem, 6vw, 6rem);
}

/* Products: slightly tighter + clearer separation */
.single-mc_product .mc-hero {
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
  border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Pages: a touch more breathing room */
.page .mc-hero {
  padding-block: clamp(3.5rem, 7vw, 6.5rem);
}

/* Keep hero text readable */
.mc-hero p {
  max-width: 60ch;
  color: var(--wp--preset--color--muted);
}

.mc-hero-summary {
  max-width: 60ch;
  margin-top: 0.75rem;
  color: var(--wp--preset--color--muted);
  font-size: var(--wp--preset--font-size--lg);
}