/* Основной попап */
#popup-quickorder {
	font-family: "Ubuntu", "Rubik", sans-serif;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	max-width: 580px;
	width: 92%;
	margin: 20px auto;
}

/* Заголовок */
#popup-quickorder .popup-heading {
	background: #f9fafb;
	padding: 16px 20px;
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #e5e7eb;
	color: #3f3f3f;
}

/* Фото товара */
#popup-quickorder img {
	max-height: 160px;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.06);
	margin: 16px auto 12px;
	display: block;
}

/* Название товара */
#popup-quickorder h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #3f3f3f;
	margin: 0 0 16px;
	text-align: center;
}

/* Цена */
#popup-quickorder .price_fast,
#popup-quickorder .price-new {
	font-size: 1.6rem;
	font-weight: 700;
	color: #a0a400;
	margin: 8px 0;
}

#popup-quickorder .price-old {
	font-size: 1.15rem;
	color: #6c6c6c;
	text-decoration: line-through;
	margin: 0 10px;
}

#popup-quickorder .special_fast {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* Переключатель количества */
/* Переключатель количества — в стиле твоего сайта */
#popup-quickorder .quantity_quickorder {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 16px 0 20px;
}

#popup-quickorder .qty_quickorder {
	width: 60px;
	height: 42px;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-size: 18px;
	border: 1px solid #d9d9d9;
	border-left: none;
	border-right: none;
	background: #fff;
	margin: 0;
	color: #3f3f3f;
	border-radius: 0;
}

#popup-quickorder .qty-btn {
	width: 42px;
	height: 42px;
	font-family: "Ubuntu", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	background: #f1f1f1;
	border: 1px solid #d9d9d9;
	color: #3f3f3f;
	cursor: pointer;
	transition: all 0.25s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

#popup-quickorder .qty-btn.minus {
	border-radius: 8px 0 0 8px;
	border-right: none;
}

#popup-quickorder .qty-btn.plus {
	border-radius: 0 8px 8px 0;
	border-left: none;
}

#popup-quickorder .qty-btn:hover {
	background: #a0a400;
	color: white;
	border-color: #a0a400;
	transform: translateY(-1px);
}

#popup-quickorder .qty-btn:active {
	transform: scale(0.96);
	background: #b9be00;
	border-color: #b9be00;
}

/* Текст внутри кнопок + и - (если нужно сделать жирнее или изменить) */
#popup-quickorder .qty-btn {
	line-height: 1;
}

/* Поля ввода */
#popup-quickorder .form-control,
#popup-quickorder .form-select {
	border-radius: 6px;
	border: 1px solid #d9d9d9;
	padding: 10px 14px;
	font-size: 0.95rem;
	transition: all 0.2s;
	background: #fff;
	margin: 20px;
}

#popup-quickorder .form-control:focus,
#popup-quickorder .form-select:focus {
	border-color: #a0a400;
	box-shadow: 0 0 0 3px rgba(160,164,0,0.15);
	outline: none;
}

#popup-quickorder .input-group-text {
	background: #f1f1f1;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	color: #6c6c6c;
}

/* Кнопка отправки */
#popup-quickorder .btn-order-submit,
#popup-quickorder .btn-quickorder-one,
#popup-quickorder .btn-quickorder {
	background: linear-gradient(135deg, #a0a400, #b9be00);
	border: 1px solid #8d9100;
	border-bottom-width: 2px;
	color: white;
	font-weight: 600;
	font-size: 1.05rem;
	padding: 12px 32px;
	border-radius: 50px;
	width: 100%;
	max-width: 360px;
	margin: 24px auto 16px;
	display: block;
	transition: all 0.25s ease;
	box-shadow: 0 4px 12px rgba(160,164,0,0.25);
	text-transform: uppercase;
}

.mfp-content {
	width: 88% !important;
	max-width: 520px !important;
	height: auto !important;
	min-height: unset !important;
	margin: 85px auto 40px !important;  /* ← 100px сверху — отступ от хедера */
	padding: 0 !important;
	box-sizing: border-box;
}
.mfp-close {
	display: none !important;
}

/* Модалка успеха после отправки */
#modal-addquickorder .modal-dialog {
	max-width: 420px !important;          /* узкая и компактная */
	margin: 100px auto 20px !important;   /* отступ сверху от хедера */
}

#modal-addquickorder .modal-content {
	border: none;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	background: #fff;
}

#modal-addquickorder .modal-body.alert-success {
	background: linear-gradient(135deg, #a0a400, #b9be00);
	color: white;
	text-align: center;
	padding: 32px 24px;
	font-family: "Ubuntu", sans-serif;
	font-size: 1.1rem;
	font-weight: 500;
	border-radius: 12px;
	position: relative;
}

/* Иконка успеха */
#modal-addquickorder .modal-body.alert-success i.fa-check-circle {
	font-size: 3.5rem;
	margin-bottom: 16px;
	display: block;
	color: white;
}

/* Текст успеха */
#modal-addquickorder .modal-body.alert-success {
	line-height: 1.45;
}

/* Кнопка закрытия — в твоём стиле */
#modal-addquickorder .close {
	position: absolute;
	top: 12px;
	right: 16px;
	font-size: 1.8rem;
	color: white;
	opacity: 0.8;
	transition: all 0.2s;
	background: none;
	border: none;
	padding: 0;
	line-height: 1;
}

#modal-addquickorder .close:hover {
	opacity: 1;
	transform: scale(1.15);
	color: #fff;
}

/* Уведомление успеха — короткое, зелёное, исчезает само */
.success-toast {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(135deg, #a0a400, #b9be00);
	color: white;
	padding: 14px 32px;
	border-radius: 50px;
	font-family: "Ubuntu", sans-serif;
	font-size: 1.05rem;
	font-weight: 500;
	box-shadow: 0 6px 20px rgba(160,164,0,0.4);
	z-index: 9999;
	opacity: 0;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.success-toast.show {  /* если нужно анимация появления */
	opacity: 1;
	transform: translateX(-50%) translateY(-10px);
}

/* На мобильных — шире и ниже */
@media (max-width: 576px) {
	.success-toast {
		bottom: 20px;
		padding: 12px 24px;
		font-size: 0.98rem;
		max-width: 90%;
	}
}

/* Убираем стандартный крестик Bootstrap, если мешает */
#modal-addquickorder .modal-header {
	display: none !important;
}

/* Фон оверлея — лёгкий, чтобы не прятал сайт */
#modal-addquickorder .modal-backdrop {
	background: rgba(0,0,0,0.65);
	opacity: 1 !important;
}

/* Если хочешь автозакрытие — добавь в JS после .modal('show'):
setTimeout(function() {
  $('#modal-addquickorder').modal('hide');
}, 4000);
*/

#popup-quickorder .btn-order-submit:hover,
#popup-quickorder .btn-quickorder-one:hover,
#popup-quickorder .btn-quickorder:hover {
	background: linear-gradient(135deg, #b9be00, #c2c703);
	border-color: #a9ae01;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(160,164,0,0.35);
}

/* Уведомление успеха — короткое, зелёное, исчезает само */
.success-toast {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(135deg, #a0a400, #b9be00);
	color: white;
	padding: 14px 40px;
	border-radius: 50px;
	font-family: "Ubuntu", sans-serif;
	font-size: 1.05rem;
	font-weight: 500;
	box-shadow: 0 6px 20px rgba(160,164,0,0.4);
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
}

.success-toast {
	opacity: 1;
	transform: translateX(-50%) translateY(-10px);
}

/* На мобильных */
@media (max-width: 576px) {
	.success-toast {
		bottom: 20px;
		padding: 12px 30px;
		font-size: 0.98rem;
		max-width: 90%;
	}
}

/* Нижний текст */
#popup-quickorder .text-muted,
#popup-quickorder .text-before,
#popup-quickorder .bottom-text {
	font-size: 0.88rem;
	color: #6c6c6c;
	line-height: 1.45;
	text-align: center;
}

/* Ошибки */
.error_input {
	border: 1px solid #fc5c3c !important;
	box-shadow: 0 0 0 3px rgba(252,92,60,0.15) !important;
}

.error_input::placeholder {
	color: #fc5c3c !important;
	opacity: 0.8;
}

/* Опции */
#popup-quickorder .color-option {
	width: 24px;
	height: 24px;
	border: 2px solid #e7e7e7;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s;
}

#popup-quickorder .image-radio input:checked + .color-option,
#popup-quickorder .image-radio input:checked + img {
	border-color: #a0a400;
	box-shadow: 0 0 0 4px rgba(160,164,0,0.15);
}