.gymspace-addons-step { display: none; position: absolute; inset: 0; z-index: 9999; align-items: stretch; justify-content: center; padding: 24px; background: rgba(255,255,255,.98); overflow: auto; box-sizing: border-box; }
.gymspace-addons-step-active { position: relative !important; min-height: 420px; }
.gymspace-addons-step-active > *:not(.gymspace-addons-step) { visibility: hidden !important; pointer-events: none !important; }
.gymspace-addons-card { width: min(720px, 100%); margin: auto; padding: 22px; border: 1px solid rgba(0,0,0,.1); border-radius: 18px; background: #fff; box-shadow: 0 12px 36px rgba(0,0,0,.10); font-family: inherit; box-sizing: border-box; }
.gymspace-addons-step-label { display: inline-flex; margin-bottom: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,.06); font-size: 13px; font-weight: 700; }
.gymspace-addons-head strong { display: block; font-size: 22px; line-height: 1.25; margin-bottom: 6px; }
.gymspace-addons-head p { margin: 0 0 16px; opacity: .72; font-size: 14px; }
.gymspace-addons-list { display: grid; gap: 10px; }
.gymspace-addon-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid rgba(0,0,0,.1); border-radius: 14px; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.gymspace-addon-row:hover { transform: translateY(-1px); }
.gymspace-addon-row.is-selected { border-color: currentColor; background: rgba(0,0,0,.04); }
.gymspace-addon-row input { width: 18px; height: 18px; }
.gymspace-addon-row b { display: block; font-size: 15px; }
.gymspace-addon-row small { display: block; margin-top: 3px; opacity: .7; font-size: 13px; }
.gymspace-addon-row em { font-style: normal; font-weight: 700; white-space: nowrap; }
.gymspace-addons-total { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.08); font-size: 15px; }
.gymspace-addons-total strong { font-size: 20px; }
.gymspace-addons-skip { width: 100%; margin-top: 14px; padding: 12px 16px; border: 1px solid rgba(0,0,0,.14); border-radius: 12px; background: #fff; cursor: pointer; font-weight: 700; }
.gymspace-addons-continue { font-weight: 700 !important; }
@media (max-width: 600px) { .gymspace-addons-step { padding: 12px; } .gymspace-addons-card { padding: 16px; } .gymspace-addon-row { grid-template-columns: auto 1fr; } .gymspace-addon-row em { grid-column: 2; } }