.subscription-plan-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:16px;margin-bottom:22px}
.subscription-trial{display:flex;align-items:center;gap:24px;margin-top:24px}
.subscription-trial .subscription-plan-image{width:160px;flex-shrink:0;margin:0}
@media(max-width:600px){.subscription-trial{flex-direction:column;align-items:stretch}.subscription-trial .subscription-plan-image{width:100%;max-width:320px;margin:auto}}

.subscriber-reference{margin-bottom:24px;border:2px solid var(--green);}.subscriber-reference-number{font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:.08em;overflow-wrap:anywhere;user-select:all;}
.subscription-summary{margin-bottom:24px}
.subscription-history + .subscriber-reference{margin-top:24px}
.subscription-activation{display:inline-flex;align-items:center;gap:10px;padding:18px 24px;border-radius:14px;font-size:1.15rem;font-weight:700}
.subscription-activation.is-active{background:#15803d;color:#fff}
.subscription-activation.is-inactive{background:#fff1e5;color:#9a3412}
.subscription-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 0}
.subscription-details>div{padding:16px;border:1px solid var(--line);border-radius:12px}
.subscription-details dt{font-size:.9rem;color:var(--muted);margin-bottom:8px}
.subscription-details dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.subscription-guest{margin-bottom:24px}
@media(max-width:600px){.subscription-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subscription-activation{width:100%;justify-content:center}.subscription-details>div{padding:12px}}