.billing-tabs,.billing-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s4)}
.billing-tabs .btn[aria-current=page]{border-color:var(--accent);color:var(--accent)}
.billing-tabs~.badge{max-width:100%;white-space:normal}
.billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin-block:var(--s5)}
.billing-card{min-width:0;margin-block:var(--s4);overflow-wrap:anywhere}
.billing-grid>.billing-card{margin:0}
.billing-card h2,.billing-card h3{margin-bottom:var(--s3)}
.billing-card p{line-height:1.65}
.billing-title-row{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--s3)}
.billing-price{font-size:1.15rem;font-weight:650;color:var(--text-primary)}
.billing-details{display:grid;gap:0;margin-block:var(--s5)}
.billing-details>div{display:flex;justify-content:space-between;align-items:start;gap:var(--s4);padding-block:var(--s3);border-bottom:1px solid var(--border)}
.billing-details dt{color:var(--text-muted);min-width:0;flex:1;overflow-wrap:normal;hyphens:auto}
.billing-details dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere}
.billing-tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.billing-tariffs>div{display:grid;align-content:start;gap:var(--s3);padding:var(--s4);border:1px solid var(--border);border-radius:var(--r2)}
.billing-tariffs strong{font:700 1.8rem var(--display);font-variant-numeric:tabular-nums}
.billing-progress-number{font:700 4rem/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--accent)}
.billing-progress-number span{font-size:2rem;color:var(--text-muted)}
.billing-card .billing-progress-number~.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.billing-card .billing-progress-number~.metrics>.metric{min-width:0;padding:var(--s4);border-bottom:0}
.billing-card .billing-progress-number~.metrics .label{overflow-wrap:normal;word-break:normal;hyphens:manual}
.billing-card progress{display:block;width:100%;height:12px;accent-color:var(--accent);margin-block:var(--s4)}
.billing-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s4);border-bottom:1px solid var(--border)}
.billing-list-row:last-child{border-bottom:0}
.booking-history{min-width:0;border-top:1px solid var(--border);padding-top:var(--s5,24px)}
.booking-history h2{font-size:1.15rem;margin:0 0 var(--s3,12px)}
.booking-history>.small{margin-top:var(--s3,12px)}
.booking-row{min-width:0;padding:var(--s4,16px) 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.booking-row:last-child{border-bottom:0}
.booking-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;min-width:0}
.booking-title strong{font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.booking-title strong:last-child{white-space:nowrap}
.booking-row p,.booking-row small{font-size:.8rem;line-height:1.6;color:var(--text-muted)}
.booking-row small{display:block}
.native-paywall .booking-row p{margin-top:6px}
.native-paywall .booking-paid{color:var(--text-primary)}
.billing-list-row small{display:block;color:var(--text-muted);font-size:.8rem;overflow-wrap:anywhere}
.billing-list-row p{margin-block:var(--s2)}
.billing-list-row .billing-actions{margin-block:0;justify-content:end}
.billing-card input[readonly]{width:100%;min-width:0}
.membership-checkout-form{min-width:0;gap:var(--s4)}
.membership-tariffs{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);min-width:0}
.membership-tariffs legend{padding:0;margin-bottom:var(--s3);font-weight:650}
.membership-tariff{position:relative;display:block;min-width:0;margin:0;cursor:pointer}
.membership-tariff input[type=radio]{position:absolute;right:var(--s3);top:var(--s3);width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--accent)}
.membership-tariff>span{display:grid;align-content:start;gap:var(--s2);min-height:148px;padding:var(--s4);border:1px solid var(--border);border-radius:var(--r2);background:var(--background);height:100%}
.membership-tariff strong{padding-right:22px}
.membership-tariff-price{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}
.membership-tariff small{color:var(--text-secondary);font-weight:400}
.membership-tariff input:checked+span{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.membership-tariff input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.membership-tariff:hover>span{border-color:var(--accent)}
.membership-tariff input:disabled+span{opacity:.65}
.checkout-offer-service,.checkout-offer-note{margin:0;line-height:1.65}
.checkout-offer-note,.billing-next-payment{font-weight:600}
.membership-checkout-form .legal-acceptance{display:flex;align-items:flex-start;gap:var(--s3);min-height:44px;cursor:pointer}
.membership-checkout-form .legal-acceptance input{flex-shrink:0}
.membership-checkout-form button[type=submit]{min-height:48px;white-space:normal;flex-wrap:wrap}
.checkout-form-error:empty{display:none}
.checkout-form-error{color:var(--error);line-height:1.5}
.membership-notice{border-left:3px solid var(--accent);padding-left:var(--s4);color:var(--text-primary)}
@media(max-width:1000px){.billing-grid{grid-template-columns:1fr}
}
@media(max-width:600px){.billing-list-row{align-items:start;flex-direction:column}
.membership-tariff>span{padding:var(--s3)}
.billing-list-row .billing-actions{justify-content:start}
.billing-actions>.btn{min-height:44px}
.billing-tabs .btn{flex:1;white-space:normal}
.billing-tariffs{grid-template-columns:1fr}
.billing-details>div{gap:var(--s3)}
.billing-details dd{max-width:58%}
.billing-card{padding:var(--s4)}
}