/* MagicMat secure payment */
.mmpay-page{background:#fafafa;color:var(--mm-ink)}
.mmpay-content{padding:56px 0 84px}.mmpay-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:30px;align-items:start}.mmpay-card{border:1px solid var(--mm-line);border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(30,30,30,.055)}.mmpay-main{padding:32px}.mmpay-heading{padding-bottom:26px;border-bottom:1px solid var(--mm-line)}.mmpay-heading>p,.mmpay-summary header>p,.mmpay-method__head>div>p{margin:0 0 8px;color:var(--mm-gold-dark);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.mmpay-heading h2{margin:0 0 13px;font-family:var(--mm-font-display);font-size:clamp(34px,4vw,48px);font-weight:600;line-height:1.02;letter-spacing:-.035em}.mmpay-heading h2 em{color:var(--mm-gold-dark);font-weight:500}.mmpay-heading>span{display:block;max-width:650px;color:var(--mm-muted);font-size:12px;line-height:1.7}.mmpay-heading>span strong{color:var(--mm-ink)}
.mmpay-amount{padding:25px 0;border-bottom:1px solid var(--mm-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.mmpay-amount span{color:var(--mm-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mmpay-amount strong{font-family:var(--mm-font-display);font-size:30px;font-weight:600}.mmpay-method{padding-top:25px}.mmpay-method__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mmpay-method__head h3,.mmpay-card-fields__head h3{margin:0 0 6px;font-family:var(--mm-font-display);font-size:22px;font-weight:600}.mmpay-method__head>div>span,.mmpay-card-fields__head p{display:block;margin:0;color:var(--mm-muted);font-size:11px;line-height:1.6}.mmpay-paypal-mark{color:#253b80;font-size:19px;font-style:italic}.mmpay-paypal-mark span{color:#179bd7}.mmpay-buttons{max-width:440px;margin:22px 0 0}.mmpay-card-fields{margin-top:27px;padding-top:25px;border-top:1px solid var(--mm-line)}.mmpay-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:19px 0}.mmpay-card-grid label{display:block;color:var(--mm-ink);font-size:11px;font-weight:700}.mmpay-card-grid .paypal-hosted-field{height:50px;margin-top:7px;border:1px solid var(--mm-line);border-radius:9px;background:#fff}.mmpay-submit{min-height:48px;padding:11px 19px;border:1px solid var(--mm-ink);border-radius:8px;background:var(--mm-ink);color:#fff;font-family:var(--mm-font-sans);font-size:12px;font-weight:700;cursor:pointer}.mmpay-submit:hover{border-color:var(--mm-gold-dark);background:var(--mm-gold-dark)}.mmpay-submit:disabled{cursor:wait;opacity:.6}.mmpay-message{min-height:0;margin:17px 0 0;color:#9b2424;font-size:11px}.mmpay-message:empty{display:none}.mmpay-page [hidden]{display:none!important}
.mmpay-summary{position:sticky;top:108px;overflow:hidden;border-top:3px solid var(--mm-gold)}.mmpay-summary header{padding:25px;border-bottom:1px solid var(--mm-line);background:#f2f0ed}.mmpay-summary header h2{margin:0 0 6px;font-family:var(--mm-font-display);font-size:22px;font-weight:600;overflow-wrap:anywhere}.mmpay-summary header>span{color:var(--mm-muted);font-size:10px;overflow-wrap:anywhere}.mmpay-totals{margin:0}.mmpay-totals>div{min-height:58px;padding:17px 25px;border-bottom:1px solid var(--mm-line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--mm-muted);font-size:11px}.mmpay-totals dd{margin:0;color:var(--mm-ink);font-weight:700}.mmpay-totals .mmpay-discount dd{color:#477451}.mmpay-totals .mmpay-total{min-height:76px;color:var(--mm-ink);font-size:14px;font-weight:700}.mmpay-totals .mmpay-total dd{font-family:var(--mm-font-display);font-size:23px;font-weight:600}.mmpay-trust{padding:20px 25px;display:grid;gap:11px}.mmpay-trust p{margin:0;display:flex;align-items:center;gap:9px;color:var(--mm-muted);font-size:10px}.mmpay-trust p span{width:18px;height:18px;border-radius:50%;background:var(--mm-paper);display:grid;place-items:center;color:var(--mm-gold-dark);font-size:9px}.mmpay-trust p strong{font-weight:600}.mmpay-return{min-height:48px;padding:13px 25px;border-top:1px solid var(--mm-line);display:flex;align-items:center;justify-content:space-between;color:var(--mm-gold-dark);font-size:11px;font-weight:700}.mmpay-return:hover{background:var(--mm-paper)}
@media(max-width:900px){.mmpay-layout{grid-template-columns:1fr}.mmpay-summary{position:static;grid-row:1}.mmpay-content{padding-top:42px}}
@media(max-width:600px){.mmpay-content{padding:32px 0 58px}.mmpay-main{padding:23px 20px}.mmpay-heading h2{font-size:34px}.mmpay-card-grid{grid-template-columns:1fr}.mmpay-method__head{flex-direction:column}.mmpay-buttons{max-width:none}.mmpay-summary header,.mmpay-totals>div,.mmpay-trust,.mmpay-return{padding-inline:20px}}

/* Shared Razorpay, Cashfree and PayU states */
.mmpay-provider-mark{flex:0 0 auto;padding:8px 12px;border:1px solid var(--mm-line);border-radius:7px;background:var(--mm-paper);color:var(--mm-ink);font-size:13px;font-weight:700}.mmpay-provider-mark--razorpay{color:#3155a6}.mmpay-provider-mark--cashfree{color:#6333c7}.mmpay-provider-mark--payu{color:#148c4f}.mmpay-gateway-button{min-width:210px;margin-top:22px}.magicmat-theme .mmpay-gateway-button{color:#fff}.mmpay-security-note{margin-top:24px;padding:16px;border-radius:9px;background:var(--mm-paper);display:flex;align-items:flex-start;gap:10px;color:var(--mm-gold-dark)}.mmpay-security-note p{margin:0;display:grid;gap:3px;color:var(--mm-muted);font-size:9px;line-height:1.5}.mmpay-security-note strong{color:var(--mm-ink);font-size:10px}.mmpay-redirect-form{margin-top:22px}.mmpay-redirect-status{margin-bottom:17px;padding:16px;border:1px solid var(--mm-line);border-radius:9px;background:var(--mm-paper);display:grid;grid-template-columns:12px minmax(0,1fr);gap:11px}.mmpay-redirect-status>span{width:9px;height:9px;margin-top:3px;border:2px solid #e0d7c9;border-top-color:var(--mm-gold-dark);border-radius:50%;animation:mmpay-spin .8s linear infinite}.mmpay-redirect-status>div{display:grid;gap:4px}.mmpay-redirect-status strong{font-size:10px}.mmpay-redirect-status small{color:var(--mm-muted);font-size:9px;line-height:1.5}@keyframes mmpay-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mmpay-redirect-status>span{animation:none}}@media(max-width:600px){.mmpay-gateway-button,.mmpay-redirect-form .mmpay-submit{width:100%}}
