.payment-form__panel{min-height:80px}.payment-form{display:flex;flex-direction:column;gap:var(--space-4)}.payment-form__title{font-size:var(--text-base);font-weight:600;color:var(--color-black);margin:0}.payment-form__subtitle{font-size:var(--text-sm);color:var(--color-gray-400);margin:0}.payment-form__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-6) 0}.payment-form__error{font-size:var(--text-sm);color:var(--status-error);background:var(--status-error-bg);border:1px solid var(--status-error-muted);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.payment-form__fields{display:flex;flex-direction:column;gap:var(--space-3)}.payment-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.payment-form__field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.payment-form__label{font-size:var(--text-sm);font-weight:400;color:var(--color-black);font-variation-settings:"wght" 400;letter-spacing:normal}.payment-form__stripe-wrap{padding:10px 20px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:9999px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.payment-form__stripe-wrap:focus-within{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.payment-form__actions{display:flex;flex-direction:column;gap:var(--space-2)}.payment-form__actions .btn{width:100%}.payment-form__promo-toggle{align-self:flex-start;background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-gray-400);cursor:pointer;font-variation-settings:"opsz" 32,"wght" 320}.payment-form__promo-toggle:hover{color:var(--color-black)}.payment-form__promo{display:flex;align-items:flex-end;gap:var(--space-3);width:calc(50% - var(--space-3) / 2)}.payment-form__promo-field{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.payment-form__promo-input-wrap{position:relative}.payment-form__promo-spinner{position:absolute;top:calc(50% - 8px);right:16px;width:16px;height:16px;border:2px solid var(--color-gray-400);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;pointer-events:none}.payment-form__promo-check{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:16px;height:16px;color:var(--status-success);pointer-events:none}.payment-form__promo-cross{position:absolute;top:calc(50% - 8px);right:16px;width:16px;height:16px;color:var(--status-error);pointer-events:none}.payment-form__promo-error{margin:0;font-size:var(--text-xs);font-weight:400;font-variation-settings:"wght" 400;letter-spacing:normal;color:var(--status-error)}.payment-form__promo-input{width:100%;padding:10px 40px 10px 20px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:9999px;font-size:var(--text-sm);font-weight:400;font-variation-settings:"wght" 400;letter-spacing:normal;color:var(--color-black);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.payment-form__promo-input::placeholder{color:#40404099;font-weight:400;font-variation-settings:"wght" 400;letter-spacing:normal}.payment-form__promo-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.payment-form__mandate{font-size:var(--text-xs);color:var(--color-gray-400);margin:0}
