.subscription-catalog .subscription-periods,.subscription-detail .subscription-periods{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.subscription-periods button{font:inherit;min-height:44px;padding:10px 17px;border:1px solid #ccc;border-radius:999px;background:#fff;color:#333;cursor:pointer}
.subscription-periods button[aria-pressed=true]{background:#353535;border-color:#353535;color:#fff}
.subscription-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.subscription-card{min-width:0;display:flex;flex-direction:column;padding:26px;border:1px solid #d9d9d9;border-radius:12px;background:#fafafa;color:#333}
.subscription-card .catalog-name{align-items:flex-start;min-height:52px}
.subscription-card .catalog-name h3{margin:4px 0;font-size:21px;line-height:1.4}
.subscription-card .product-mark{border-color:#d0d0d0;background:#f0f0f0;color:#333}
.subscription-card p{font-size:14px;line-height:1.8;margin:10px 0}
.subscription-card .subscription-term{font-size:12px;color:#666}
.subscription-card .subscription-state{font-size:12px;color:#666}
.subscription-card .price{font-size:30px;line-height:1.4;margin-top:auto;padding-top:22px;color:#222!important}
.subscription-price-term{font:13px/1.5 Arial,sans-serif;color:#666}
.subscription-card .actions{align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.subscription-card .text-link{color:#333!important}
.subscription-card button[disabled],.subscription-detail button[disabled]{background:#ececec!important;color:#777!important;border-color:#d8d8d8!important;opacity:1!important;cursor:default;pointer-events:none}
.subscription-bundle{display:flex;flex-direction:column;gap:5px;font-size:13px!important;color:#555;line-height:1.6}
.subscription-bundle strong{color:#222}
.subscription-card-all{border-color:#aaa;background:#f2f2f2}
.subscription-note{padding:20px 24px;border:1px solid #ddd;border-radius:10px;background:#f5f5f5;color:#444;margin:28px 0}
.subscription-note p{margin:6px 0;font-size:14px;line-height:1.8}
.subscription-detail .purchase-panel{max-width:none}
.subscription-detail .purchase-amount{font-size:38px}
.subscription-detail .content-price-table{overflow-x:auto}
.subscription-detail .content-price-table table{width:100%}
.subscription-catalog .catalog-status{color:#666}
@media(max-width:850px){.subscription-cards{grid-template-columns:1fr}.subscription-card{padding:22px}.subscription-card .actions{justify-content:flex-start}.subscription-card .price{font-size:28px}}
@media(prefers-reduced-motion:reduce){.subscription-card,.subscription-periods button{transition:none}}