/* Cherry billing: layout and readability fixes for pages that use Paymenter component markup */
main{max-width:1240px;margin:0 auto;padding:26px clamp(16px,4vw,36px) 64px}
main .wrap{padding-inline:0;max-width:none}
main h1,main h2{letter-spacing:-.02em}
main > div > h1:first-child,main > div > div > h1:first-child{margin-bottom:14px}
main [class*="mh-card"],main .card{background:rgba(26,9,19,.62)}
main a:not(.btn):not([class*="mh-btn"]){color:#ff8fb5}
main a:not(.btn):not([class*="mh-btn"]):hover{color:#ffd0e0}
main table{width:100%}
main td,main th{padding:12px 14px}
main label{color:#f3d7e2}
main input,main select,main textarea{color:#fff5f9}
main ::placeholder{color:#c9a6b7;opacity:.85}
.mh-alert,[class*="alert"]{border-radius:12px}
@media (max-width:700px){main{padding-top:18px}}