/* Frontend + Editor shared */
.mhp-wrap { width: 100%; }
.mhp-card { width: 100%; }
.mhp-inner { z-index: 2; }
.mhp-overlay { z-index: 1; }
.mhp-title, .mhp-subtitle { word-break: break-word; max-width: 100%; }
.mhp-underline { display: block; }

.mhp-title { font-size: var(--mhp-title-d, 40px); }
.mhp-subtitle { font-size: var(--mhp-sub-d, 16px); }

@media (max-width: 1024px){
  .mhp-title { font-size: var(--mhp-title-t, 34px); }
  .mhp-subtitle { font-size: var(--mhp-sub-t, 15px); }
}
@media (max-width: 600px){
  .mhp-title { font-size: var(--mhp-title-m, 28px); }
  .mhp-subtitle { font-size: var(--mhp-sub-m, 14px); }
}

/* CTA */
.mhp-cta-row { margin-top: 18px; }
.mhp-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.mhp-cta:hover { transform: translateY(-1px); }
.mhp-cta--filled {
  background: var(--mhp-cta-bg, #2563EB);
  color: var(--mhp-cta-color, #fff);
  box-shadow: 0 10px 22px rgba(15,23,42,.16);
}
.mhp-cta--outline {
  background: transparent;
  color: var(--mhp-cta-bg, #2563EB);
  border: 2px solid var(--mhp-cta-bg, #2563EB);
}
.mhp-cta.is-hidden { display: none; }

/* Scroll animations */
.mhp-card[data-mhp-anim]{
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.2,.8,.2,1);
}
.mhp-card[data-mhp-anim].mhp-in{
  opacity: 1;
  transform: translate3d(0,0,0);
}
.mhp-anim-none{ opacity: 1 !important; transform: none !important; transition: none !important; }
.mhp-anim-fade{ transform: none !important; }
.mhp-anim-slide-left{ transform: translate3d(-18px,0,0); }
.mhp-anim-slide-right{ transform: translate3d(18px,0,0); }
.mhp-anim-zoom{ transform: scale(.98); }