.woocommerce-checkout-payment {

	@include media-breakpoint-down (sm) {
		position: relative;
		margin-inline: calc(26px * -1);
	}	

	.place-order {
		margin-top: 30px;
		margin-top: 2em;

		@include media-breakpoint-down (sm) {
			padding: 0 25px;
		}

		.woocommerce-terms-and-conditions-wrapper {
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 30px;
		}

		button[type="submit"] {
			width: 100%;
		}
	}
}


// payment methods
#payment .payment_methods {
	padding: 0;
	margin-inline: 0;

	li {
		list-style: none;
	}

	li.wc_payment_method,
	li.woocommerce-PaymentMethod {
		border: 1px solid var(--theme-border-color);

		&:not(:first-child) {
			border-top: none;
		}

		> input[type="radio"]:first-child {
			display: none;

			&:checked + label:before {
				background: #fff;
				border-width: 5px;
				border-color: var(--theme-form-selection-field-active-color);
			}
		}
	}

	// label
	> .wc_payment_method,
	> .woocommerce-PaymentMethod {

		> label {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 10px;
			margin: 0;
			padding: 18px 25px;
			cursor: pointer;
			font-size: 15px;
			font-weight: 600;

			&:before {
				content: '';
				width: 16px;
				height: 16px;
				min-width: 16px;
				margin-top: 2px;
				// margin-inline-end: 0.7em;
				border-radius: 100%;
				border: var(--form-selection-control-border-width, var(--theme-form-field-border-width, 1px)) solid var(--theme-form-selection-field-initial-color);
			}

			img {
				max-height: 35px;
				// max-width: 50%;

				&:first-of-type {
					margin-inline-start: auto !important;
				}
			}

			.about_paypal {
				display: none;
			}
		}
	}

	// payment box
	.payment_box {
		padding: 25px;
		border-top: 1px solid var(--theme-border-color);

		p {
			font-size: 14px;
			line-height: 1.5;

			&:last-child {
				margin-bottom: 0;
			}
		}

		.woocommerce-SavedPaymentMethods {
			margin: 0;
			padding: 0;

			li {

				&:not(:last-child) {
					margin-bottom: 0.5em;
				}
			}
		}

		fieldset {
			padding: 0;
			border: none;
			margin-top: 20px;

			.form-row:not(:first-child) {
				margin-top: 15px;
			}
		}
	}
}