*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Noto Sans Display","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:#333;-webkit-font-smoothing:antialiased;padding-bottom:88px}
img,svg{max-width:100%;height:auto;display:block}
button{font:inherit;cursor:pointer;border:none}

.mm-top{background:#df0000;padding:14px 20px;display:flex;align-items:center;justify-content:center}
.mm-top img{height:26px;width:auto}

.mm-hero{background:linear-gradient(135deg,#df0000 0%,#b80000 48%,#0080c9 100%);color:#fff;padding:0 0 32px}
.mm-hero-card{max-width:520px;margin:0 auto;padding:28px 20px 0}
.mm-badge{display:inline-block;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);padding:6px 14px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;border:1px solid rgba(255,255,255,.25)}
.mm-hero h1{font-size:clamp(28px,7.5vw,38px);font-weight:700;line-height:1.08;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.mm-hero h1 span{color:#fff59d}
.mm-lead{font-size:15px;line-height:1.55;opacity:.95;margin-bottom:24px}

.mm-card-show{text-align:center;padding:20px;background:rgba(255,255,255,.12);border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}
.mm-card-show img,.mm-card-show svg{margin:0 auto;max-width:280px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.25))}

.mm-offer{background:#fff;color:#333;border-radius:12px;padding:20px;box-shadow:0 16px 48px rgba(0,0,0,.25)}
.mm-offer-label{font-size:11px;font-weight:700;color:#0080c9;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.mm-prices{display:flex;align-items:baseline;gap:10px}
.mm-old{font-size:17px;color:#aaa;text-decoration:line-through}
.mm-new{font-size:38px;font-weight:700;color:#df0000;letter-spacing:-1px}
.mm-new small{font-size:.45em;font-weight:700;vertical-align:super;color:#df0000}
.mm-save{font-size:13px;font-weight:700;color:#0080c9;margin:8px 0 12px}
.mm-stock{font-size:12px;color:#666;margin-bottom:14px}
.mm-stock strong{color:#df0000}

.mm-btn{width:100%;background:#df0000;color:#fff;font-size:16px;font-weight:700;padding:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px}
.mm-btn:active{background:#b80000}
.mm-btn:disabled{opacity:.55}
.mm-btn svg{width:18px;height:18px;fill:currentColor}

.mm-main{max-width:520px;margin:0 auto}
.mm-section{padding:28px 20px;border-top:1px solid #eee}
.mm-section h2{font-size:16px;font-weight:700;color:#df0000;margin-bottom:16px;text-transform:uppercase;letter-spacing:.4px}
.mm-grid{display:grid;gap:12px}
.mm-tile{padding:16px;border-left:4px solid #0080c9;background:#f8f9fa;border-radius:0 8px 8px 0}
.mm-tile h3{font-size:14px;font-weight:700;margin-bottom:4px}
.mm-tile p{font-size:13px;color:#555;line-height:1.45}

.mm-cards-2{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:8px 0}
.mm-cards-2 img,.mm-cards-2 svg{width:140px}

.mm-foot{padding:28px 20px 36px;text-align:center;font-size:11px;color:#999}
.mm-foot img{height:24px;margin:0 auto 10px}

.mm-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fff;border-top:3px solid #df0000;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;max-width:520px;margin:0 auto;transition:transform .25s;box-shadow:0 -4px 16px rgba(0,0,0,.1)}
.mm-bar--hidden{transform:translateY(110%)}
.mm-bar .mm-btn{width:auto;padding:14px 18px;font-size:14px}
.mm-bar-price{flex:1;font-size:22px;font-weight:700;color:#df0000}

@media(min-width:600px){body{padding-bottom:0}.mm-bar{display:none}}
#pay-bar.pay-bar--hidden{transform:translateY(110%)}