/* stelaraX – Plan Catalog (Premium Layout) */
.sx-catalog{--sx-b:#e6e8eb;--sx-bg:#fff;--sx-muted:#6b7280;--sx-head:#111827;--sx-accent:#1C2A38;--sx-green:#10b981}
.sx-catalog{max-width:1200px;margin:0 auto;padding:20px}
.sx-catalog-head{margin:0 0 16px}
.sx-catalog-title{margin:0;font-size:24px;line-height:1.25}

.sx-catalog-layout{display:grid;grid-template-columns:3fr 1.2fr;gap:24px}
@media (max-width:1024px){.sx-catalog-layout{grid-template-columns:1fr}.sx-main{order:1}.sx-summary{order:2}}

.sx-section{background:#f9fafb;border:1px solid var(--sx-b);border-radius:0;margin-bottom:18px}
.sx-section-head{padding:14px 16px;border-bottom:1px solid var(--sx-b);background:#fff;border-radius:0}
.sx-section-title{margin:0;font-size:16px}
.sx-section-grid{display:grid;gap:12px;padding:12px}
.sx-cols-3 .sx-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-cols-2 .sx-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.sx-section-grid{grid-template-columns:1fr !important}}

.sx-card{display:block;border:1px solid var(--sx-b);background:var(--sx-bg);border-radius:0;padding:12px;cursor:pointer;transition:.15s ease;user-select:none}
.sx-card:hover{border-color:#c9d4e5;box-shadow:0 2px 0 rgba(0,0,0,.02)}
.sx-card[aria-disabled="true"]{opacity:.5;pointer-events:none}
.sx-card.selected{border-color:var(--sx-accent)}

.sx-card-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.sx-card-title{font-weight:600}
.sx-card-title .sx-name{font-size:15px}
.sx-card-title .sx-code{font-size:10px;margin-left:8px;background:#eef6ff;border:1px solid #d9e9ff;border-radius:0;padding:2px 6px;color:#215cbb}
.sx-card-price{font-weight:700;white-space:nowrap}
.sx-period{font-weight:400;margin-left:6px;color:var(--sx-muted);font-size:12px}
.sx-card-desc{color:#374151;margin:6px 0 10px;font-size:13px}
.sx-card-choose{display:flex;align-items:center;gap:8px;margin-top:8px}
.sx-input{accent-color:var(--sx-accent)}
.sx-card-choose .sx-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sx-choose-label{display:inline-block;padding:10px 12px;border:1px solid var(--sx-accent);background:var(--sx-accent);color:#fff;font-weight:600;line-height:1;cursor:pointer;border-radius:0}

.sx-summary-box{position:sticky;top:16px;border:1px solid var(--sx-b);border-radius:0;background:#fff;padding:16px}
.sx-summary-title{margin:0 0 10px;font-size:16px}
.sx-summary-list{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:0 0 8px}
.sx-summary-list dt{color:var(--sx-muted)}
.sx-summary-list dd{margin:0}
.sx-summary-totals{border-top:1px dashed var(--sx-b);padding-top:10px;margin-top:8px}
.sx-summary-totals .sx-row{display:flex;justify-content:space-between;margin:6px 0;font-size:14px}
.sx-summary-totals .sx-total{font-weight:700}
.sx-cta{width:100%;margin-top:12px;padding:12px 14px;border-radius:0;border:1px solid var(--sx-accent);background:var(--sx-accent);color:#fff;font-weight:600;cursor:pointer}
.sx-cta[disabled]{opacity:.6;cursor:not-allowed}
.sx-legal{opacity:.6;font-size:11px;margin:.5rem 0 0}