.supplies .container {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 768px;
	gap: 32px;
}
.supplies .clientnum {
	width: 150px;
}
.supplies .products .title {
	padding-bottom: 20px;
}
.supplies .items {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 40px;
	margin-top: 16px;
}
.supplies .items:not(:last-child) {
	margin-bottom: 32px;
}
.supplies .items .item {
	text-align: center;
	width: calc(25% - 30px);
	line-height: 1.43;
	color: #344054;
	position: relative;
}
.supplies .item.disabled .im {
	background: #f2f2f2;
}
.supplies .products-text {
	padding: 12px 0;
	font-size: 14px;
	font-weight: 500;
}
.supplies .products-title {
	margin: 0 -5px;
	position: relative;
	padding-bottom: 4px;
}
.supplies .items .item p {
	color: #98A2B3;
	font-size: 12px;
	line-height: 1.5;
}
.supplies .warn {
	display: flex;
	text-align: left;
	width: 100%;
	gap: 4px;
}
.supplies .warn svg {
	color: #DC6803;
}
.supplies .warn span {
	width: calc(100% - 24px);
}
.supplies .im {
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-radius: 16px;
	padding: 5px;
	border: 1px solid #D0D5DD;
	text-align: center;
	transition: background-color 0.2s;
}
.supplies .im img {
	max-width: 100%;
	max-height: 100%;
}
.supplies .item:has([disabled]) .price, .supplies .item:has([disabled]) .quantity > div {
	color: #d0d5dd;
	cursor: default;
}
.supplies .price {
	padding-top: 8px;
	font-weight: 500;
}
.supplies .quantity {
	margin: 0 4px;
}
.supplies .items .item.active .im {
	border: 2px solid #0d3c9b;
}
.supplies .item-info {
	width: 50%;
	margin-left: -20px;
	position: relative;
	color: #344054;
	font-size: 14px;
	line-height: 1.43;
	background: #F2F4F7;
	padding: 16px 24px;
	border-radius: 16px;
}
.supplies .item-info p {
	padding-bottom: 12px;
}
.supplies .item-info strong {
	font-weight: 500;
}
.supplies .form .switch-control .has-hint.input-icon {
	right: 0;
}
.supplies-address .title {
	padding-bottom: 8px;
}
.supplies .columns.hidden {
	display: none;
}
.supplies .form-item.last {
	margin-top: 32px;
}
.supplies .button {
	margin: 20px 0;
}
.supplies .switch-control {
	margin-top: 4px;
}
.supplies .hint-error {
	opacity: 0;
	transition:all 0.2s;
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 14px;
	color: var(--pink500);
	padding-top: 6px;
	transform: translateY(100%);
}
.supplies .item:has(.inp.err) .hint-error {
	opacity: 1;
}
/* success */
.supplies .success {
	width: 1032px;
	margin: 0 auto;
}
.supplies .success-top {
	border-radius: 16px;
	height: 80px;
	background: linear-gradient(to right, #0d2459, #0d3c9b);
	color: #fff;
}
.supplies .success-top .icon {
	margin: 0 24px;
}
.supplies .success svg:not(.lg) {
	width: 48px;
	height: 48px;
}
.supplies .success .title {
	flex: 1;
	font-size: 24px;
	line-height: 1.33;
	font-weight: 500;
}
.supplies .pattern {
	width: 343px;
	height: 100%;
	flex-shrink: 0;
	background: url("../images/pattern.png");
	background-size: cover;
}
.supplies .columns {
	gap: 24px;
}
.supplies .columns > div {
	flex: 1;
}
.supplies .success-data {
	margin-top: 16px;
	border: 1px solid #eaecf0;
	border-radius: 16px;
	padding: 24px;
}
.supplies .success-data .flex {
	gap: 24px;
}
.supplies .success .text p:not(:first-child) {
	margin-top: 6px;
}
.supplies .success .text p strong {
	font-weight: 500;
}
.supplies .success .line {
	margin: 24px 0;
	height: 1px;
	background: #eaecf0;
}
.supplies .order {
	background: #f4faff;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	padding: 12px;
	gap: 8px;
	font-weight: 500;
	color: #0d3c9b;
}
/* payment */
.payment {
	margin-top: 16px;
}
.payment .grow {
	flex-grow: 1;
}
.payment .payment-type {
	margin-top: 16px;
}
.payment .item:not(.active) .circ {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #d0d5dd;	
}
.payment .item:not(.active) .circ svg {
	display: none;
}
.form .block .payment .title {
	font-size: 14px;
	line-height: 1.43;
	color: var(--gray700);
	font-weight: 500;
	padding-bottom: 0;
}
.form .block .payment .text {
	font-size: 14px;
	line-height: 1.43;
}
.payment .input {
	width: 120px;
}