.commerce-page{padding-top:110px;background:radial-gradient(circle at 75% 12%,rgba(85,48,105,.16),transparent 32%),var(--ink)}
.commerce-main{max-width:980px;margin:0 auto;padding:80px 24px 110px}
.commerce-heading{text-align:center;max-width:760px;margin:0 auto 55px}
.commerce-heading h1{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:400;line-height:1.45;margin:0 0 22px;color:#f0e5d0}
.commerce-heading>p:last-child{color:var(--muted);font-size:.96rem}
.commerce-card{padding:50px 60px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(29,25,42,.86),rgba(9,10,18,.94));box-shadow:0 25px 70px #0006}
.commerce-notice{padding:18px 22px;margin-bottom:35px;border:1px solid rgba(199,164,92,.42);background:rgba(77,54,28,.2);color:#d8cda9;font-size:.9rem;line-height:1.9}
.commerce-notice strong{color:var(--gold2);font-weight:400;letter-spacing:.08em}
.commerce-list{margin:0}
.commerce-list>div{display:grid;grid-template-columns:30% 1fr;gap:28px;padding:21px 0;border-bottom:1px solid rgba(207,174,101,.16)}
.commerce-list dt{color:#ecd9aa;font-size:.94rem;line-height:1.8}
.commerce-list dd{margin:0;color:#c9c1b7;font-size:.94rem;line-height:1.8}
.commerce-list dd small{display:block;margin-top:5px;color:#938b82;font-size:.8rem;line-height:1.7}
.pending{color:#d8c486}
.commerce-note{margin:35px 0 0;color:#a39a8e;font-size:.82rem;line-height:1.9}
@media(max-width:760px){.commerce-page{padding-top:82px}.commerce-main{padding:55px 20px 80px}.commerce-card{padding:30px 22px}.commerce-list>div{grid-template-columns:1fr;gap:6px;padding:18px 0}.commerce-list dt{font-size:.9rem}.commerce-list dd{font-size:.9rem}}