/* Subscribe (/e-commerce/subscribe/ and its English twin). Class prefix: sb-. */
.sb-wrap { max-width: 560px; margin-inline: auto; }
.sb-plans { display: flex; gap: 10px; margin-bottom: 22px; }
.sb-plan-btn {
  flex: 1; padding: 14px 18px; border-radius: 3px; border: 1px solid var(--line); background: #fff;
  font-family: var(--f-ui); font-weight: 600; font-size: 17px; color: var(--ink-2); cursor: pointer;
  transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}
.sb-plan-btn[aria-pressed="true"] { background: var(--lapis-700); border-color: var(--lapis-700); color: #fff; }
.sb-price-box { margin-block: 18px; padding: 18px 20px; border-radius: 3px; background: var(--paper-2, #f1f4fa); }
.sb-price { font-family: var(--f-display); font-weight: 700; font-size: 26px; color: var(--lapis-900); }
.sb-cycle { margin-top: 8px; font-size: 14.5px; line-height: 1.7; color: var(--ink-3); }
.sb-refusal { padding: 12px 16px; border-radius: 3px; font-size: 15px; line-height: 1.7; }
.sb-refusal-error { background: #fdecea; color: #7a2016; }
.sb-refusal-info { background: var(--lapis-100); color: var(--lapis-900); }
.sb-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.sb-form [hidden] { display: none; }