.commerce-footer {font-size: .82rem; line-height: 1.6; color: #d2c0b7; max-width: 46rem; margin: 1.3rem auto 0; text-align: center}
.commerce-footer nav,.commerce-merchant {display: flex; flex-wrap: wrap; justify-content: center; gap: .22rem .75rem}
.commerce-footer a,.commerce-links a {color: #f0d7ac; text-underline-offset: .24em}
.commerce-merchant {margin-top: .55rem; overflow-wrap: anywhere}
.commerce-page {margin: 0; background: #1b121d; color: #f1e4da; font: 1rem/1.75 system-ui, sans-serif; color-scheme: dark}
.commerce-page main {width: min(100% - 2rem, 47rem); margin: 0 auto; padding: 1.3rem 0 3rem}
.commerce-page header,.commerce-jump {display:flex; flex-wrap:wrap; gap: .5rem 1rem; justify-content:space-between}
.commerce-page a {color: #f1cf93; text-underline-offset: .22em}
.commerce-page h1,.commerce-page h2,.commerce-page h3 {line-height:1.35}
.commerce-page h1 {font-size: clamp(1.9rem, 6vw, 2.7rem)}
.commerce-page section {border-top: 1px solid #6c554b; padding: 1rem 0; margin: 1.4rem 0}
.commerce-page .commerce-product {padding: .9rem 1rem; margin: 1rem 0; background: #2b1e2b; border: 1px solid #69524c; border-radius: .6rem}
.commerce-product h2 {margin: 0 0 .25rem}
.commerce-product strong {color: #f3cf92}
.commerce-samples {display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%, 9rem),1fr)); gap: .7rem}
.commerce-samples a {padding:.6rem; display:grid; gap:.45rem; justify-items:center; text-align:center; border:1px solid #69524c}
.commerce-samples img {max-width:100%; height:auto}
.commerce-links {display:flex; flex-wrap:wrap; gap:.35rem 1rem}
.checkout-trade p {margin:.4rem 0; line-height:1.6}
.checkout-trade {font-size:.9rem}

.commerce-home {position:relative;z-index:1;background:#1b121d;color:#f0d7ac;text-align:center;padding:1rem 1rem max(1.5rem,env(safe-area-inset-bottom))}
body.comic-service>.commerce-home {display:block!important}
body.comic-service>.comic-experience:not([data-scene="0"])+.commerce-home {display:none!important}
.commerce-home .commerce-footer {margin:0 auto;font-size:.8rem}
.comic-experience[data-scene="0"] .comic-bottom-dock .comic-navigation {margin-bottom:clamp(136px,15svh,158px)!important}
@media (max-width:700px) {
  .comic-experience[data-scene="0"] :is(.comic-depth,.gate-atmosphere,.comic-gift-entry) {position:absolute}
  .comic-experience[data-scene="0"] .comic-bottom-dock {position:absolute;bottom:0;max-height:none;overflow:visible}
  .commerce-home {padding-inline:1.25rem;text-align:left}
  .commerce-home .commerce-footer {max-width:28rem;text-align:left}
  .commerce-home .commerce-footer nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .8rem;padding-bottom:.25rem;border-bottom:1px solid #d2c0b73d}
  .commerce-home .commerce-footer nav a {display:flex;align-items:center;min-height:44px}
  .commerce-home .commerce-merchant {display:grid;gap:.25rem;margin-top:.6rem}
  .commerce-home .commerce-merchant>span:nth-child(-n+3) {color:#f0e2d5;font-weight:600}
}
@media (max-width:360px) {
  .comic-experience[data-scene="0"] .comic-bottom-dock .comic-navigation {margin-bottom:clamp(104px,15svh,158px)!important}
}
.commerce-page [hidden],.offering-dialog [hidden] {display:none!important}