.stripe-info {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 16px;
            margin-top: 16px;
        }

        .stripe-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
        }

        .error-message {
            background: #fff3f3;
            border: 1px solid #ffcdd2;
            color: #c62828;
            padding: 12px 16px;
            border-radius: 8px;
            margin: 16px 0;
            font-size: 14px;
        }

        .config-notice {
            background: #fff8e1;
            border: 1px solid #ffecb3;
            color: #f57f17;
            padding: 12px 16px;
            border-radius: 8px;
            font-size: 14px;
            white-space: pre-line;
        }
        .form__input--error {
            border-color: #c62828 !important;
            box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.15) !important;
        }

        .field-error {
            display: block;
            color: #c62828;
            font-size: 12px;
            margin-top: 4px;
            line-height: 1.4;
        }

        /* Coupon Section */
        .coupon-section {
            margin: 12px 0;
        }

        .coupon-input-row {
            display: flex;
            gap: 8px;
        }

        .coupon-input {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 13px;
            text-transform: uppercase;
            outline: none;
            transition: border-color 0.2s;
        }

        .coupon-input:focus {
            border-color: var(--color-primary, #7E8D75);
        }

        .coupon-input::placeholder {
            text-transform: none;
        }

        .coupon-apply-btn {
            padding: 8px 16px;
            background: var(--color-primary, #7E8D75);
            color: #fff;
            border: none;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            white-space: nowrap;
            transition: opacity 0.2s;
        }

        .coupon-apply-btn:hover {
            opacity: 0.9;
        }

        .coupon-apply-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .coupon-message {
            font-size: 12px;
            margin-top: 6px;
            padding: 4px 8px;
            border-radius: 4px;
        }

        .coupon-message--success {
            color: #2e7d32;
            background: #e8f5e9;
        }

        .coupon-message--error {
            color: #c62828;
            background: #fff3f3;
        }

        .coupon-applied-row {
            font-size: 14px;
        }

        .coupon-applied-row > span:first-child {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .coupon-remove-btn {
            background: none;
            border: none;
            color: #999;
            font-size: 18px;
            line-height: 1;
            cursor: pointer;
            padding: 0 2px;
            transition: color 0.2s;
        }

        .coupon-remove-btn:hover {
            color: #c62828;
        }