.sadr-page { padding: 18px 16px 110px; }
.sadr-hero { padding: 26px 20px; text-align: center; border: 1px solid var(--border); border-radius: 24px; background: radial-gradient(ellipse at top, #f5a62329, transparent 75%), var(--surface); }
.sadr-symbol { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 22px; background: var(--grad-gold); color: #18140a; }
.sadr-kicker { color: var(--text-muted); font-size: 12px; }
.sadr-hero h2 { margin: 10px 0; font-size: 23px; line-height: 1.6; }
.sadr-hero p, .sadr-payment-note { font-size: 13px; line-height: 2; color: var(--text-muted); }
.sadr-receipt { margin-top: 16px; padding: 20px; background: var(--surface); border: 1px solid var(--border); border-radius: 18px; }
.sadr-receipt h3 { font-size: 15px; line-height: 1.8; margin: 8px 0 18px; }
.sadr-price-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--border); padding: 16px 0 8px; font-size: 13px; }
.sadr-price-row strong { font-size: 21px; color: var(--gold-2); }
:root[data-theme="light"] .sadr-price-row strong { color: #945900; }
.sadr-details { padding: 24px 4px 12px; }
.sadr-details h3 { font-size: 16px; }
.sadr-details ul { padding-inline-start: 22px; margin-top: 12px; }
.sadr-details li { font-size: 13px; line-height: 2; margin-bottom: 10px; color: var(--text-muted); }
.sadr-payment-note { padding: 14px; border: 1px dashed var(--border); border-radius: 12px; margin-top: 16px; }