.magic-payment-lock { overflow:hidden; }
.magic-payment-shell { position:fixed; inset:0; z-index:360; display:grid; place-items:center; padding:22px; }
.magic-payment-backdrop { position:absolute; inset:0; background:rgba(1,4,3,.82); backdrop-filter:blur(12px); }
.magic-payment-dialog { position:relative; width:min(560px,94vw); max-height:92vh; overflow:auto; padding:34px; color:#eee6d5; background:linear-gradient(145deg,#121b16,#080b09 72%); border:1px solid rgba(202,169,107,.48); box-shadow:0 35px 110px #000d; }
.magic-payment-close { position:absolute; right:15px; top:10px; padding:0; color:#caa96b; background:transparent; border:0; font-size:30px; line-height:1; cursor:pointer; }
.magic-payment-back { margin:0 0 18px; padding:0; color:#caa96b; background:transparent; border:0; font-size:12px; cursor:pointer; }
.magic-payment-kicker { margin:0 0 10px; color:#caa96b; font:12px "Playfair Display",serif; letter-spacing:.2em; }
.magic-payment-dialog h2 { margin:0; color:#f5ead6; font-size:32px; }
.magic-payment-copy { margin:12px 0 22px; color:#aaa28f; font-size:13px; line-height:1.8; }
.magic-payment-product { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; padding:16px; border:1px solid rgba(202,169,107,.22); background:#080d0a; }
.magic-payment-product span,.magic-payment-product small { display:block; color:#aaa28f; font-size:12px; }
.magic-payment-product b { display:block; margin-top:5px; color:#f5ead6; font-size:18px; }
.magic-payment-product strong { color:#caa96b; font-size:25px; white-space:nowrap; }
.magic-payment-channels { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.magic-payment-channel { min-height:78px; padding:13px; color:#eee6d5; text-align:left; background:#0b120e; border:1px solid rgba(202,169,107,.28); cursor:pointer; transition:.2s; }
.magic-payment-channel:hover:not(:disabled) { border-color:#caa96b; background:#172019; transform:translateY(-2px); }
.magic-payment-channel.is-active { border-color:#caa96b; background:#1a241c; box-shadow:inset 0 0 0 1px rgba(202,169,107,.28); }
.magic-payment-channel:disabled { opacity:.38; cursor:not-allowed; }
.magic-payment-channel b,.magic-payment-channel small { display:block; }
.magic-payment-channel b { margin-bottom:7px; font-size:15px; }
.magic-payment-channel small { color:#aaa28f; font-size:11px; }
.magic-payment-stage { margin-top:20px; text-align:center; }
.magic-payment-stage[hidden] { display:none; }
.magic-payment-qr { width:252px; min-height:252px; margin:0 auto 15px; padding:16px; display:grid; place-items:center; color:#322719; background:#fff; }
.magic-payment-qr[hidden],.magic-payment-paylink[hidden] { display:none !important; }
.magic-payment-qr img,.magic-payment-qr canvas { width:220px !important; height:220px !important; }
.magic-payment-paylink { display:inline-flex; min-width:220px; min-height:48px; align-items:center; justify-content:center; margin:4px auto 16px; padding:0 22px; color:#151009; background:#caa96b; border:1px solid #caa96b; font-weight:900; }
.magic-payment-status { margin:8px 0 0; color:#c9b895; font-size:13px; line-height:1.8; }
.magic-payment-status.is-paid { color:#90d5a0; }
.magic-payment-status.is-error { color:#ef9a85; }
.magic-payment-id { margin:5px 0 0; color:#777f78; font-size:10px; word-break:break-all; }
.magic-payment-dialog.is-catalog { width:min(930px,96vw); }
.magic-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.magic-product-grid.is-membership { grid-template-columns:repeat(3,minmax(0,1fr)); }
.magic-product-card { position:relative; min-height:148px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:22px 14px 17px; color:#eee6d5; background:linear-gradient(150deg,#111913,#090d0b); border:1px solid rgba(202,169,107,.24); cursor:pointer; transition:.2s; }
.magic-product-card:hover { border-color:#caa96b; background:#182019; transform:translateY(-2px); box-shadow:0 16px 35px #0007; }
.magic-product-card b { color:#f5ead6; font-size:22px; }
.magic-product-card strong { color:#caa96b; font-size:19px; }
.magic-product-card small,.magic-product-card em { color:#aaa28f; font-size:11px; font-style:normal; line-height:1.55; text-align:center; }
.magic-product-card.membership { min-height:188px; }
.magic-product-card.membership b { font-size:24px; }
.magic-product-card.membership strong { font-size:27px; }
.magic-payment-badge { position:absolute; right:-1px; top:-1px; padding:5px 10px; color:#171008; background:#caa96b; font-size:10px; font-weight:900; letter-spacing:.04em; }
.magic-payment-note { margin:18px 0 0; color:#ddd1ba; font-size:12px; font-weight:700; line-height:1.85; }
@media(max-width:760px){.magic-payment-dialog{padding:30px 18px 24px}.magic-payment-dialog h2{font-size:27px}.magic-payment-channels,.magic-product-grid,.magic-product-grid.is-membership{grid-template-columns:1fr}.magic-payment-product{align-items:flex-start;flex-direction:column}.magic-product-card{min-height:125px}.magic-payment-qr{width:224px;min-height:224px}.magic-payment-qr img,.magic-payment-qr canvas{width:192px!important;height:192px!important}}