:root {
	--color-main-1: #EFA0B0;
	--color-main-2: rgba(239, 160, 176, 0);
	--color-main-3: #F7C7D0;
	--color-white: #FFF7F0;
	--color-link: #6B3A35;
	--color-accent: #C94D68;
}


/* =========================================
   СКРЫТИЕ ВЕРХНЕГО УВЕДОМЛЕНИЯ
   ========================================= */

.gc-main-content:not(.with-left-menu) .top-notification-wrapper {
	display: none;
}


/* =========================================
   СКРЫТИЕ БАННЕРА
   ========================================= */

.common-banner-wrapper.hide_banners {
	display: none !important;
}

.info-wrapper .common-banner-wrapper {
	position: relative !important;
}


/* =========================================
   ОСНОВНОЙ КОНТЕЙНЕР
   ========================================= */

.common-banner-wrapper {
	left: 90px !important;
	bottom: 5px !important;

	z-index: 999 !important;

	display: flex !important;
	position: fixed !important;
	justify-content: flex-end !important;

	font-family: "proxima-nova", "Lato", Helvetica, Arial, sans-serif !important;

	/* РОЗОВО-ЗОЛОТАЯ РАМКА */
	background: linear-gradient(
		135deg,
		#C98D42 0%,
		#F0C878 20%,
		#EFA0B0 45%,
		#F7C7D0 65%,
		#D6A04D 100%
	) !important;

	border-radius: 10px !important;
	padding: 3px !important;

	box-shadow:
		0 5px 22px rgba(107, 58, 53, 0.30),
		0 0 15px rgba(239, 160, 176, 0.35) !important;

	box-sizing: border-box !important;
}


/* =========================================
   ВНУТРЕННИЙ БАННЕР
   ========================================= */

.common-banner {
	display: flex !important;

	padding: 2px 22px 0px 7px !important;

	border-radius: 7px !important;

	max-height: 64px !important;

	box-sizing: border-box !important;

	/* НЕЖНЫЙ РОЗОВЫЙ ФОН */
	background: linear-gradient(
		100deg,
		#F3B8C3 0%,
		#F7C7D0 45%,
		#FDE2E3 100%
	) !important;
}


/* =========================================
   КОНТЕНТ
   ========================================= */

.common-banner .banner-content {
	width: 250px !important;

	color: #6B3A35 !important;
}

.common-banner .banner-content a {
	color: #6B3A35 !important;
}


/* =========================================
   ЗАГОЛОВОК
   ========================================= */

.common-banner .banner-title {
	font-size: 14.5px !important;

	font-weight: bold !important;

	margin: 12px 0 3px 0 !important;

	line-height: 14.18px !important;

	color: #6B3A35 !important;
}


/* =========================================
   АКЦЕНТ ЗАГОЛОВКА
   ========================================= */

.common-banner .banner-title span {
	border: 1px solid #C94D68 !important;

	box-sizing: border-box !important;

	border-radius: 6px !important;

	padding: 0.5px 3px !important;

	color: #C94D68 !important;

	background: rgba(255, 247, 240, 0.35) !important;
}


/* =========================================
   ТЕКСТ
   ========================================= */

.common-banner .banner-text {
	padding: 0 !important;

	font-size: 13px !important;

	line-height: 12.32px !important;

	font-weight: 400 !important;

	color: #6B3A35 !important;
}

.common-banner .banner-text span {
	font-weight: 600 !important;

	color: #C94D68 !important;
}


/* =========================================
   КНОПКА РАСПРОДАЖИ
   ========================================= */

.common-banner .banner-link {
	color: #FFF7F0 !important;

	text-transform: uppercase !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	/* ЯРКИЙ РОЗОВЫЙ */
	background: linear-gradient(
		135deg,
		#B83F5B 0%,
		#C94D68 50%,
		#E36F88 100%
	) !important;

	margin-left: 30px !important;

	margin-top: 9px !important;

	padding: 3px !important;

	padding-top: 5px !important;

	width: 150px !important;

	text-align: center !important;

	border-radius: 6px !important;

	display: inline-block !important;

	border: 1px solid #F0C878 !important;

	box-shadow:
		0 3px 10px rgba(150, 52, 75, 0.30),
		0 0 10px rgba(239, 160, 176, 0.35) !important;

	box-sizing: border-box !important;
}


/* =========================================
   HOVER КНОПКИ
   ========================================= */

.common-banner .banner-link:hover {
	background: linear-gradient(
		135deg,
		#C94D68 0%,
		#E36F88 60%,
		#F08FA1 100%
	) !important;

	color: #FFFFFF !important;
}


/* =========================================
   КРЕСТИК
   ОСТАВЛЯЕМ КАК В ИСХОДНОМ КОДЕ
   ========================================= */

.common-banner .banner-close {
	color: #C94D68 !important;

	line-height: 1 !important;

	font-size: 35px !important;

	margin-left: 20px !important;

	margin-top: 5px !important;

	font-weight: bold !important;

	display: inline-block !important;

	cursor: pointer !important;
}


/* =========================================
   ССЫЛКИ
   ========================================= */

.common-banner a {
	color: inherit !important;

	text-decoration: none !important;

	cursor: pointer;
}


/* =========================================
   КОНТЕНТ БАННЕРА
   ========================================= */

.common-banner .banner-wrapper-content {
	display: flex !important;

	margin-left: 10px !important;

	align-items: flex-start !important;
}


/* =========================================
   МОБИЛЬНАЯ ССЫЛКА
   ========================================= */

.common-banner a.mobile {
	display: none !important;
}


/* =========================================
   МАЛЕНЬКАЯ ПОДПИСЬ
   ========================================= */

.common-banner__note {
	position: absolute !important;

	bottom: -7px !important;

	right: 27px !important;

	color: #C94D68 !important;

	opacity: 0.95 !important;

	font-size: 10px !important;
}


/* =========================================
   ЛОГОТИП / ФОТО
   ========================================= */

.common-banner .banner-logo {
	width: 60px !important;

	height: 60px !important;

	margin-top: 0px !important;

	border-radius: 50% !important;

	border: 2px solid #D6A04D !important;

	object-fit: cover !important;

	box-sizing: border-box !important;
}


/* =========================================
   МОБИЛЬНЫЙ ЭЛЕМЕНТ
   ========================================= */

.mobile-show {
	display: none !important;
}


/* =========================================
   ПЛАНШЕТЫ
   ========================================= */

@media (max-width: 768px) {

	.common-banner-wrapper {
		left: 5px !important;

		bottom: 50px !important;

		right: 5px !important;

		max-width: calc(100vw - 10px) !important;

		box-sizing: border-box !important;
	}
}


/* =========================================
   ТЕЛЕФОНЫ
   ========================================= */

@media (max-width: 560px) {

	.common-banner-wrapper {
		left: 5px !important;

		right: 5px !important;

		bottom: 50px !important;

		width: auto !important;

		max-width: calc(100vw - 10px) !important;

		box-sizing: border-box !important;
	}


	.common-banner {
		width: calc(100vw - 10px) !important;

		max-width: 363px !important;

		padding: 5px 10px 10px !important;

		box-sizing: border-box !important;
	}


	.common-banner .banner-content {
		width: auto !important;

		max-width: 100% !important;
	}


	/* КНОПКА */

	.common-banner .banner-link {
		height: 14px !important;

		width: 83px !important;

		font-size: 10px !important;

		padding: 2px 4px 1px !important;

		border-radius: 4px !important;

		position: absolute !important;

		line-height: 14.3px !important;

		top: 20px !important;

		right: 7px !important;

		margin: 0 !important;

		box-shadow:
			0 0 8px rgba(201, 77, 104, 0.35) !important;
	}


	/* КОНТЕНТ */

	.common-banner .banner-wrapper-content {
		margin-top: -9px !important;

		margin-left: 12px !important;

		flex-direction: column !important;
	}


	/* КРЕСТИК — НЕ МЕНЯЕМ */

	.common-banner .banner-close {
		position: absolute !important;

		right: 6px !important;

		top: -7px !important;
	}


	/* ЗАГОЛОВОК */

	.common-banner .banner-title {
		max-width: 203px !important;

		line-height: 13.15px !important;

		font-size: 13px !important;

		margin-top: 12px !important;
	}


	/* ТЕКСТ */

	.common-banner .banner-text {
		max-width: 180px !important;

		font-size: 10px !important;

		line-height: 11.2px !important;
	}


	/* ПОДПИСЬ */

	.common-banner__note {
		right: 7px !important;

		font-size: 8px !important;
	}


	/* ФОТО */

	.common-banner .banner-logo {
		width: 60px !important;

		height: 60px !important;

		margin-top: -7px !important;
	}


	.mobile-show {
		display: block !important;
	}
}


/* =========================================
   ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ
   ========================================= */

@media (max-width: 360px) {

	.common-banner-wrapper {
		left: 4px !important;

		right: 4px !important;

		max-width: calc(100vw - 8px) !important;
	}


	.common-banner {
		width: calc(100vw - 8px) !important;

		padding-left: 7px !important;

		padding-right: 7px !important;
	}


	.common-banner .banner-wrapper-content {
		margin-left: 8px !important;
	}


	.common-banner .banner-title {
		max-width: 185px !important;

		font-size: 12px !important;

		line-height: 12.5px !important;
	}


	.common-banner .banner-text {
		max-width: 165px !important;

		font-size: 9.5px !important;

		line-height: 10.5px !important;
	}


	.common-banner .banner-link {
		width: 78px !important;

		right: 6px !important;

		font-size: 9px !important;
	}


	.common-banner .banner-logo {
		width: 55px !important;

		height: 55px !important;
	}


	.common-banner .banner-close {
		right: 4px !important;

		font-size: 27px !important;
	}
}