/* Pricing and payment module styles; consumes only the approved Phase 1 tokens/components. */
.mlma-ui .mlma-pricing__main { min-width: 0; }
.mlma-ui .mlma-pricing__header { align-items: start; }
.mlma-ui .mlma-pricing__header-copy { max-width: 780px; }
.mlma-ui .mlma-pricing__header-copy .mlma-label { margin-bottom: var(--mlma-space-4); }
.mlma-ui .mlma-pricing__header-copy .mlma-page-title { max-width: 14ch; }
.mlma-ui .mlma-pricing__payment-region { display: grid; gap: var(--mlma-space-3); min-width: 0; }
.mlma-ui .mlma-pricing__offers-region { min-width: 0; margin-block: var(--mlma-space-8); }
.mlma-ui .mlma-pricing__access { margin-bottom: var(--mlma-space-6); }
.mlma-ui .mlma-pricing__access-state { margin: 0; color: var(--mlma-yellow); font-size: 1.1rem; font-weight: 800; }
.mlma-ui .mlma-pricing__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--mlma-space-4); }
.mlma-ui .mlma-pricing__card { display: grid; align-content: start; gap: var(--mlma-space-3); min-width: 0; border: 1px solid var(--mlma-line); border-top: 3px solid var(--mlma-yellow); border-radius: var(--mlma-radius); background-color: var(--mlma-surface); color: var(--mlma-ink); }
.mlma-ui .mlma-pricing__card > * { min-width: 0; }
.mlma-ui .mlma-pricing__offer-title { margin: 0; color: var(--mlma-ink); font-size: clamp(1.4rem,2.8vw,2rem); line-height: 1.08; letter-spacing: -.035em; overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing__description, .mlma-ui .mlma-pricing__period { margin: 0; color: var(--mlma-muted); }
.mlma-ui .mlma-pricing__source-note { margin: 0; padding: var(--mlma-space-2) var(--mlma-space-3); border: 1px solid var(--mlma-yellow); border-inline-start: 4px solid var(--mlma-black); background: var(--mlma-yellow); color: var(--mlma-black); font-size: .82rem; font-weight: 800; overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing__price-block { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mlma-space-2) var(--mlma-space-3); }
.mlma-ui .mlma-pricing__price-label { flex-basis: 100%; color: var(--mlma-muted); font-size: .8rem; }
.mlma-ui .mlma-pricing__price { color: var(--mlma-yellow); font-size: clamp(2rem,4vw,3rem); line-height: 1; font-weight: 900; letter-spacing: -.04em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing__old-price { color: var(--mlma-muted); font-size: .95rem; }
.mlma-ui .mlma-pricing__benefits-title { margin: var(--mlma-space-2) 0 0; font-size: .96rem; }
.mlma-ui .mlma-pricing__benefits { margin: 0; padding-inline-start: 1.25rem; }
.mlma-ui .mlma-pricing__benefits li { margin-block: var(--mlma-space-1); overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing__legal { display: flex; flex-wrap: wrap; gap: var(--mlma-space-2) var(--mlma-space-4); margin: 0; padding: 0; list-style: none; font-size: .82rem; }
.mlma-ui .mlma-pricing__legal a { min-height: 44px; display: inline-flex; align-items: center; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing__legal-pending, .mlma-ui .mlma-pricing__availability-note { margin: 0; overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing__consent { display: flex; align-items: flex-start; gap: var(--mlma-space-3); min-height: 48px; cursor: pointer; }
.mlma-ui .mlma-pricing__consent input { flex: 0 0 22px; width: 22px; height: 22px; margin: 0; accent-color: var(--mlma-yellow); }
.mlma-ui .mlma-pricing__purchase { width: 100%; white-space: normal; }
.mlma-ui .mlma-pricing__result-actions, .mlma-ui .mlma-pricing__navigation { display: flex; flex-wrap: wrap; gap: var(--mlma-space-3); margin-block: var(--mlma-space-4); }
.mlma-ui .mlma-pricing__result-actions > *, .mlma-ui .mlma-pricing__navigation > * { min-height: 44px; }
.mlma-ui .mlma-pricing__payment-region .mlma-feedback__title { overflow-wrap: anywhere; }
.mlma-ui .mlma-pricing :is(button,a,input):focus-visible { outline: var(--mlma-focus-ring); outline-offset: 3px; }
.mlma-ui .mlma-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 900px) { .mlma-ui .mlma-pricing__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) {
  .mlma-ui .mlma-pricing__grid { grid-template-columns: minmax(0,1fr); }
  .mlma-ui .mlma-pricing__result-actions, .mlma-ui .mlma-pricing__navigation { display: grid; grid-template-columns: minmax(0,1fr); }
  .mlma-ui .mlma-pricing__result-actions > *, .mlma-ui .mlma-pricing__navigation > * { width: 100%; }
  .mlma-ui .mlma-pricing__price-block { gap: var(--mlma-space-2); }
}
