.plans-dashboard{max-width:1080px}.plans-heading{margin:26px 0}.plans-heading h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;letter-spacing:-1.7px;margin:14px 0 18px}.plans-heading>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:630px}.plans-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;margin:24px 0 32px}.plans-layout .commerce-grid{margin:0;display:block}.commerce-plan{padding:30px;background:linear-gradient(155deg,#153a42,#122234 65%);border-color:#2e666a;gap:0}.commerce-plan h2{font-size:27px;line-height:1.25}.commerce-price{font-size:44px;margin:14px 0}.commerce-plan .plan-included{color:#e8f8f5;font-size:15px;margin:0 0 22px}.plan-price-breakdown{border-block:1px solid #31505b;padding:16px 0;margin:18px 0;display:grid;gap:10px}.plan-price-breakdown>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;color:#b6c7d6;font-size:13px;line-height:1.6}.plan-price-breakdown strong{color:#f8fafc;white-space:nowrap}.plan-price-breakdown .price-total{font-size:16px;color:#eefcf8;border-top:1px solid #31505b;padding-top:12px}.commerce-plan label{font-size:13px;color:#e7f4f2;font-weight:650;margin-bottom:8px}.commerce-plan input[type=number]{width:100%;padding:12px 14px;border:1px solid #466670;border-radius:12px;background:#102433;color:#f8fafc;font:inherit}.commerce-plan .selection-summary{color:#99eee0;margin:12px 0;font-size:13px;line-height:1.6}.commerce-plan .plan-renewal{font-size:12px;margin:14px 0 20px}.commerce-plan .primary-btn{width:100%;margin-top:8px}.plan-details{padding:30px;box-shadow:none}.plan-details h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:12px 0 24px}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:24px}.plan-features li{padding-left:22px;position:relative}.plan-features li:before{content:'✓';position:absolute;left:0;top:0;color:#6ee7ce;font-weight:800}.plan-features strong{display:block;font-size:14px;line-height:1.6}.plan-features span{display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:5px}.plan-exclusions{margin-top:26px;border-top:1px solid var(--border);padding-top:22px;font-size:13px;line-height:1.7}.plan-exclusions p{color:var(--muted);margin:6px 0 0}.account-plan{padding:26px;box-shadow:none;margin:28px 0}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-heading h2{font-size:24px;margin:8px 0}.account-heading p{font-size:13px;line-height:1.7;color:var(--muted)}.account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.account-metrics>div{border:1px solid var(--border);border-radius:14px;padding:16px;background:#0f1d2d}.account-metrics span{display:block;color:var(--muted);font-size:12px;line-height:1.6}.account-metrics strong{display:block;font-size:26px;color:#b0f4e5;margin-top:8px}.account-total{font-size:14px;line-height:1.7}.account-expansion{margin-top:22px;border-top:1px solid var(--border);padding-top:22px}.account-expansion h3{font-size:18px;margin:0 0 8px}.account-expansion p{font-size:13px;line-height:1.7;color:var(--muted)}#extraQuoteText{color:#b4f4e4}.plan-faq{padding:30px;box-shadow:none}.plan-faq h2{font-size:26px;margin:12px 0 26px}.plan-faq details{border-top:1px solid var(--border);padding:18px 0}.plan-faq details:last-child{padding-bottom:0}.plan-faq summary{font-size:14px;font-weight:650;cursor:pointer;line-height:1.7;padding-right:14px}.plan-faq details p{font-size:13px;line-height:1.85;color:var(--muted);max-width:860px;margin:14px 0 0}.plan-faq summary:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:3px}.bracelet-options{margin:40px 0}.bracelet-options h2{font-size:27px;letter-spacing:-.5px;margin:12px 0}.bracelet-options>div>p{color:var(--muted);font-size:14px;line-height:1.7}.bracelet-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.bracelet-options-grid article{border:1px solid var(--border);background:#102030;border-radius:16px;padding:22px}.bracelet-options-grid span{color:#69cbbb;font-size:12px;font-weight:800}.bracelet-options-grid h3{font-size:16px;margin:12px 0}.bracelet-options-grid p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.plan-launch-note{font-size:12px;color:var(--muted);line-height:1.9;border-top:1px solid var(--border);padding:22px 0;margin:24px 0}.plans-dashboard .message:empty{display:none}
@media(max-width:760px){.plans-layout{grid-template-columns:1fr;gap:18px}.plans-heading h1{font-size:36px;letter-spacing:-1px}.plans-heading>p{font-size:14px}.commerce-plan,.plan-details,.plan-faq,.account-plan{padding:22px}.account-heading{align-items:flex-start;flex-direction:column;gap:10px}.account-metrics{gap:8px}.account-metrics>div{padding:12px}.account-metrics span{font-size:11px}.bracelet-options-grid{grid-template-columns:1fr}.commerce-price{font-size:40px}}
@media(max-width:360px){.plans-heading h1{font-size:31px}.account-metrics{grid-template-columns:1fr}.account-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-metrics strong{margin:0}.account-metrics span{font-size:12px}}
.bracelet-options-grid .bracelet-prepared{border-color:#2e666a;background:linear-gradient(155deg,#153a42,#122234)}.bracelet-options-grid .bracelet-service-price{color:#e8f8f5;margin:8px 0 18px}.bracelet-service-price strong{font-size:32px;color:#b0f4e5;white-space:nowrap}.bracelet-options-grid .bracelet-service-note{margin-top:14px;font-size:12px}.bracelet-options-grid .secondary-btn{margin-top:20px;display:inline-flex;white-space:normal;line-height:1.5;text-align:center;max-width:100%;box-sizing:border-box}.bracelet-delivery-note{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0 0;max-width:880px}
.account-expansion label{display:block;font-size:13px;font-weight:650;margin:16px 0 8px}.account-expansion select{width:100%;max-width:460px;padding:12px;border:1px solid #466670;border-radius:12px;background:#102433;color:#f8fafc;font:inherit}.account-expansion button{white-space:normal;max-width:100%;margin:8px 8px 8px 0}#reductionStatus{color:#b4f4e4}
