:root {
	--color-main-1: #b1a9f4;
	--color-main-2: rgba(230, 51, 234, 0);
	--color-main-3: #3819c1;
	--color-white: #FFF;
	--color-link: #ff99b1;
}

.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;
}

.common-banner {
	display: flex !important;
	padding: 2px 22px 0px 7px !important;
	border-radius: 6px !important;
	max-height: 64px !important;
	background: linear-gradient(90deg, var(--color-main-3) 0%, var(--color-main-1) 100%) !important;
}

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

.common-banner .banner-content {
	color: var(--color-white) !important;
}

.common-banner .banner-content a {
	color: var(--color-white) !important;
}

.common-banner .banner-title {
	font-size: 15.5px !important;
	font-weight: bold !important;
	margin: 0 0 3px 0 !important;
	line-height: 14.18px !important;
	margin-top: 12px !important;
}

.common-banner .banner-title span {
	border: 1px white solid !important;
	box-sizing: border-box !important;
	border-radius: 6px !important;
	padding: 0.5px 2px !important;
}

.common-banner .banner-text {
	padding: 0 !important;
	font-size: 11px !important;
	line-height: 12.32px !important;
	font-weight: 400 !important;
}

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

.common-banner .banner-link {
	color: var(--color-link) !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	background: var(--color-white) !important;
	margin-left: 30px !important;
	margin-top: 9px !important;
	padding: 3px !important;
	padding-top: 5px !important;
	width: 130px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
	box-shadow: 0 2px 10px 2px #b1a9f4 !important;
}

.common-banner .banner-close {
	color: var(--color-white) !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;
}

.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: var(--color-white) !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%;
}

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

@media (max-width: 768px) {
	.common-banner-wrapper {
		left: 5px !important;
		bottom: 50px !important;
	}
}

@media (max-width: 560px) {
	.common-banner {
		padding: 5px 10px 10px !important;
		width: 363px !important;
	}

	.common-banner .banner-link {
		height: 14px !important;
		width: 83px !important;
		font-size: 10px !important;
		padding: 2px !important;
		padding-top: 1px !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		border-radius: 4px !important;
		position: absolute !important;
		line-height: 14.3px !important;
		top: 20px !important;
		right: 7px !important;
	}

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

	.common-banner .banner-close {
		position: absolute !important;
		right: 6px !important;
		top: -7px !important;
	}

	.banner-wrapper-content {
		flex-direction: column !important;
	}

	.common-banner .banner-title {
		max-width: 203px !important;
		line-height: 13.15px !important;
		font-size: 13px !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 {
		margin-top: -7px !important;
	}

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


/* Анонс эфира 24.09.2026 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
.common-banner-wrapper{font-family:'Montserrat',Arial,sans-serif!important}
.common-banner:has(.banner-note){min-height:84px!important;max-height:none!important;padding:8px 18px 8px 8px!important;align-items:center!important;border-radius:12px!important}
.common-banner:has(.banner-note) .banner-logo{width:68px!important;height:68px!important;object-fit:cover!important;flex:0 0 68px!important;margin:0!important}
.common-banner:has(.banner-note) .banner-wrapper-content{margin-left:14px!important;align-items:center!important}
.common-banner:has(.banner-note) .banner-content{width:330px!important}
.common-banner:has(.banner-note) .banner-title{font-size:15px!important;line-height:1.2!important;margin:0 0 4px!important;font-weight:700!important}
.common-banner:has(.banner-note) .banner-text{font-size:12px!important;line-height:1.25!important;margin:0 0 3px!important;font-weight:600!important}
.common-banner:has(.banner-note) .banner-note{font-size:10px!important;line-height:1.2!important;margin:0!important;color:#fff!important;opacity:.88!important}
.common-banner:has(.banner-note) .banner-link{display:flex!important;align-items:center!important;justify-content:center!important;width:132px!important;height:42px!important;margin:0 0 0 24px!important;padding:0 12px!important;font-size:15px!important;border-radius:9px!important}
.common-banner:has(.banner-note) .banner-close{margin:0 0 0 16px!important;font-size:30px!important;align-self:flex-start!important}
@media(max-width:768px){.common-banner:has(.banner-note){max-width:calc(100vw - 12px)!important}.common-banner:has(.banner-note) .banner-content{width:290px!important}.common-banner:has(.banner-note) .banner-link{margin-left:14px!important}}
@media(max-width:560px){.common-banner-wrapper{right:6px!important;left:6px!important;bottom:54px!important}.common-banner:has(.banner-note){width:100%!important;min-height:92px!important;padding:8px 38px 8px 8px!important}.common-banner:has(.banner-note) .banner-logo{width:56px!important;height:56px!important;flex-basis:56px!important}.common-banner:has(.banner-note) .banner-wrapper-content{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important;width:calc(100% - 66px)!important;margin:0 0 0 10px!important}.common-banner:has(.banner-note) .banner-content{width:auto!important;min-width:0!important}.common-banner:has(.banner-note) .banner-title{font-size:11px!important;line-height:1.15!important;max-width:none!important;margin:0 0 3px!important}.common-banner:has(.banner-note) .banner-text{font-size:9px!important;line-height:1.18!important;max-width:none!important;margin:0 0 3px!important}.common-banner:has(.banner-note) .banner-note{font-size:8px!important}.common-banner:has(.banner-note) .banner-link{position:static!important;width:72px!important;height:30px!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:1!important}.common-banner:has(.banner-note) .banner-close{position:absolute!important;right:7px!important;top:5px!important;margin:0!important;font-size:24px!important}}


/* Актуальная палитра БС и мобильные анкеты */
.common-banner{background:#F2D8E1!important;background-image:none!important;border:1px solid #C9748E!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(110,39,64,.16)!important}
.common-banner .banner-wrapper-content,.common-banner .banner-content{background:#F2D8E1!important}
.common-banner .banner-title{color:#6E2740!important;font-family:"Open Sans",Arial,sans-serif!important}
.common-banner .banner-text,.common-banner .banner-text *{color:#1C1719!important;font-family:Montserrat,Arial,sans-serif!important}
.common-banner .banner-link{background:#C9748E!important;color:#1C1719!important;border-radius:999px!important;box-shadow:none!important}
.common-banner .banner-close{color:#6E2740!important}
.page-surveyPublic-show textarea{box-sizing:border-box!important;max-width:100%!important;width:100%!important}
@media(max-width:560px){.page-surveyPublic-show .common-banner-wrapper{display:none!important}}

/* Кнопка баннера: свободная посадка текста */
.common-banner .banner-link{min-width:158px!important;width:auto!important;min-height:42px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
@media(max-width:560px){body:not(.page-surveyPublic-show) .common-banner .banner-link{min-width:96px!important;width:96px!important;min-height:32px!important;height:32px!important;padding:0 8px!important}}

/* Оптимизация читаемости розового баннера */
.common-banner,.common-banner .banner-wrapper-content,.common-banner .banner-content{background:#F2D8E1!important}
.common-banner .banner-title{color:#6E2740!important;font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.1px!important}
.common-banner .banner-text,.common-banner .banner-text *{color:#4A2432!important;font-family:Montserrat,Arial,sans-serif!important;font-weight:600!important}
.common-banner .banner-link{min-width:166px!important;background:#FFF9FB!important;color:#8D3654!important;border:1px solid rgba(110,39,64,.18)!important;box-shadow:0 4px 12px rgba(110,39,64,.14)!important}
@media(max-width:560px){body:not(.page-surveyPublic-show) .common-banner:has(.banner-note) .banner-wrapper-content{grid-template-columns:minmax(0,1fr) 96px!important}body:not(.page-surveyPublic-show) .common-banner .banner-title{max-width:none!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap!important}body:not(.page-surveyPublic-show) .common-banner .banner-text{max-width:none!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important}body:not(.page-surveyPublic-show) .common-banner .banner-link{min-width:96px!important;width:96px!important;font-size:11px!important}}

/* Финальная настройка размера и акцента */
.common-banner .banner-title{font-size:16.5px!important;line-height:1.15!important}
.common-banner .banner-text{font-size:13px!important;line-height:1.2!important}
.common-banner .banner-link{min-width:158px!important;background:linear-gradient(135deg,#FFFFFF 0%,#FFE4EE 100%)!important;color:#963656!important;border:1px solid rgba(201,116,142,.55)!important;box-shadow:0 0 0 2px rgba(255,255,255,.72),0 5px 18px rgba(201,116,142,.48)!important}
@media(max-width:560px){body:not(.page-surveyPublic-show) .common-banner:has(.banner-note) .banner-wrapper-content{grid-template-columns:minmax(0,1fr) 91px!important}body:not(.page-surveyPublic-show) .common-banner .banner-title{font-size:13px!important}body:not(.page-surveyPublic-show) .common-banner .banner-text{font-size:10px!important}body:not(.page-surveyPublic-show) .common-banner .banner-link{min-width:91px!important;width:91px!important;font-size:11px!important}}


/* Баннер: заголовок в одну строку и яркая компактная кнопка */
@media (min-width: 561px) {
  .common-banner .banner-content { width: 280px !important; }
  .common-banner .banner-title { white-space: nowrap !important; }
  .common-banner .banner-link {
    min-width: 150px !important;
    width: 150px !important;
    margin-left: 10px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg, #FF7FA8 0%, #F24F83 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.58), 0 6px 20px rgba(242,79,131,.55) !important;
  }
}

/* Баннер: сохраняем естественные пропорции фото */
.common-banner .banner-logo {
  object-fit: cover !important;
  object-position: center center !important;
}