
.deal-description-form {
	
	
	
	
	.deal-content {
		margin-top: 8px;
		border-radius: 12px;
		background: var(--color-card-bg-white-25);
		box-shadow: inset 0 0 0 1px var(--color-card-bg-white-35);
		padding: 0px 12px 0px 14px;
		
		.option-item {
			padding: 10px 0px;
			
		}
		
		.option-hr {
			height: 1px;
			background: var(--color-card-bg-white-35);
		}
		
	}
	
	.deal-footer {
		
		svg {
			display: inline-block;
		}
	}
	
	.option-item {
		
		.name {
			color: var(--tokens-color-txt-gray-txt_caption_gray-28);
			font-size: 15px;
			font-weight: 500;
			line-height: 21px;
			
			word-wrap: break-word;
			overflow-wrap: break-word;
			word-break: break-word;
			
		}
		
		
		
		
		
		
	}
	
	
	
	
	.deal-footer {
		margin-top: 8px;
		
		
		.btns-padding {
			padding: 8px 0px 12px 0px;
		}
		
		.total-sum {
			width: auto;
			color: var(--tokens-color-txt-black-txt_primary_black-5);
			font-size: 22px;
			font-weight: 700;
			line-height: 24px;
		}
		
		.total-label-text {
			text-align: right;
			
			color: var(--tokens-color-txt-txt-subtitle-black-40);
			font-size: 14px;
			font-weight: 500;
			line-height: 20px;
			padding-right: 16px;
		}
		
		.payment-btn {
			height: 44px;
			border-radius: 8px;
			background: var(--color-bg-btn_bg_gray-15);
			position: relative;
			cursor: pointer;
			transition: .1s;
			
			.btn-label {
				color: var(--color-txt-btn_txt_white);
				text-align: center;
				font-size: 16px;
				font-weight: 600;
				line-height: 130%;
				letter-spacing: 0.16px;
				
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				
				
			}
			
			
			
			.timer {
				color: var(--color-txt-btn-txt-white-35);
				font-size: 14px;
				font-weight: 600;
				line-height: 130%;
				margin-left: 10px;
			}
			
			
		}
		.payment-btn:hover {
			background: var(--color-bg-btn_bg_gray-12);
		}
		
		
		.cancel-order-btn {
			height: 44px;
			border-radius: 8px;
			background: var(--color-card_bg_white);
			position: relative;
			transition: .1s;
			cursor: pointer;
			
			.btn-label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: var(--color-red-icon_red-58);
				text-align: center;
				width: 100%;
				font-size: 15px;
				font-weight: 600;
				line-height: 130%;
				transition: .1s;
			}
			
		}
		
		.cancel-order-btn:hover {
			background: var(--color-red-icon_red-58);
			
			.btn-label {
				color: var(--color-card_bg_white);
			}
		}
		
		.review-block {
			background: transparent!important;
			padding: 0px 14px 14px 14px;
			
			.label-review-tag {
				color: var(--tokens-color-txt-black-txt_primary_black-5);
				font-size: 14px;
				font-weight: 700;
				line-height: 140%; 
			}
				
			.edit-review-btn {
				color: var(--tokens-color-txt-txt-description-black-35);
				font-size: 14px;
				font-weight: 500;
				line-height: 120%;
				cursor: pointer;
			}
			
			.label-review { 
				color: #00121A;
				font-size: 14px;
				font-weight: 700;
				line-height: 140%;
				padding: 0px 2px;
			}
			
			.stars-block {
				margin-top: 8px;
				
			}
			
			.star-col {
				
				path {
					fill: var(--color-black-icon-black-15);
					fill-opacity: 1;
				}
				
			}
			.star-col.selected {
				
				path {
					fill: #FFAA00;
					fill-opacity: 1;
				}
				
			}
			
			
		}
		
			
		.review-block[data-is-created="false"] {
			.stars-block {
				cursor: pointer;
			}
		}
		
		
		
		.wait-time-block {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			
			
			color: var(--tokens-color-txt-txt_primary_black-5);
			font-size: 14px;
			font-weight: 700;
			line-height: 136%;
			padding-left: 16px;
			padding-top: 3px;
			.time {
				color: #F44134;
			}
		}

		
		
		
	}
	
	
	
	
	
	
	
}
	
	
#option-details-modal {
	
	
	
}



@media (max-width: 924px) {
	
	.deal-description-form {
		
		
		.deal-content {
			padding-bottom: 0px!important;
			padding: 8px 10px;
			.option-item {
				padding: 10px 14px;
			}
		}
		
		.option-item {
			.name {
				font-size: 12px;
				font-weight: 500;
				line-height: 140%; 
			}
		}
		.deal-footer {
			padding: 6px 10px 10px 10px;
			
			
		
			.payment-btn {
				.btn-label {
					font-size: 15px;
					font-weight: 600;
					line-height: 130%;
					letter-spacing: -0.15px;
					padding-bottom: 2px;
				}
				.timer {
					font-size: 14px;
					font-weight: 600;
					line-height: 130%;
					letter-spacing: -0.14px;
				}
			}
			
			
			
			.cancel-order-btn {
				margin-top: 14px;
			}
			
			.payment-btn {
				margin-top: 14px;
			}
			
			
			.btns-padding {
				padding: 0px 0px;
			}
	
			.wait-time-block {
				padding: 15px 14px 11px 14px;
				margin-top: 14px;
				position: static;
				transform: none;
				border-top: 1px solid rgba(66, 114, 138, 0.07);
				border-radius: 8px;
				
				
			}
			
			.review-block[data-is-created="false"] {
				.stars-block {
					cursor: pointer;
				}
			}
			.review-block {
				margin-top: 12px;
				padding: 12px 14px 6px 8px!important;
				border-top: 0.5px solid rgba(31, 92, 122, 0.15);
				.label {
					backdrop-filter: none;
					background: transparent;
					color: var(--tokens-color-txt-txt_primary_black-5);
					font-size: 14px;
					font-weight: 700;
					line-height: 140%;
					padding: 0px 2px;
				}
			}
			
			
		}
		
		
	}
	
	
}