/**
 * Exit-intent попъп — стилове.
 *
 * Снет 1:1 от Elementor попъп „exit intent" (шаблон 1053) на superpokrivi.com.
 * Мерките са взети от рендирания оригинал, не от Elementor редактора.
 *
 * Всяко правило носи префикс `.sp-exit`, а базовият reset минава през `:where()`
 * с нулева тежест — иначе `hello-elementor/reset.css` (a:hover{color:#333366},
 * стилизиран гол button) би пробил компонентните правила, както стана при
 * хедъра и футъра.
 */

@font-face {font-family:'SPOswald';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUtiZTaR.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUJiZTaR.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUhiZTaR.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUZiZQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'SPOswald';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/oswald/v57/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'SPManrope';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face {font-family:'SPManrope';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'SPManrope';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'SPManrope';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmZiArmlw.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiArmlw.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiArmlw.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 700;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmZiArmlw.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 700;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmQiArmlw.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 700;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmaiArmlw.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face {font-family:'SPRoboto';font-style: normal;font-weight: 700;font-stretch: 100%;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAo.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ── Основа ─────────────────────────────────────────────────────────────── */

.sp-exit[hidden] { display: none; }

:where(.sp-exit) *,
:where(.sp-exit) *::before,
:where(.sp-exit) *::after { box-sizing: border-box; }

:where(.sp-exit) p,
:where(.sp-exit) ul,
:where(.sp-exit) li { margin: 0; padding: 0; }

:where(.sp-exit) ul { list-style: none; }

/* Наслагването на оригинала: rgba(0,0,0,.8), центрирано съдържание. */
.sp-exit {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, .8);
}

/* Кутията е 640×480 с 2px бяла рамка и без радиус — точно като оригинала.
   Под 680px ширина се свива, за да не изтича извън екрана при преоразмеряване
   (попъпът не се пуска под 768px, но отвореният попъп трябва да оцелее). */
.sp-exit__box {
	position: relative;
	display: flex;
	width: 640px;
	max-width: 100%;
	height: 480px;
	max-height: 100%;
	border: 2px solid #FFFFFF;
	box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
	font-family: 'SPManrope', sans-serif;
	letter-spacing: .8px;
}

.sp-exit__col {
	display: flex;
	flex: 1 1 50%;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	padding: 20px;
}

.sp-exit__col--offer { background: #C10F15; }
.sp-exit__col--form { background: #102438; }

/* ── Бутон за затваряне ─────────────────────────────────────────────────── */

.sp-exit .sp-exit__close {
	position: absolute;
	top: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	color: #FFFFFF;
	cursor: pointer;
	transition: color .3s ease;
}

.sp-exit .sp-exit__close:hover { background: none; color: #FFB700; }

.sp-exit .sp-exit__close:focus { background: none; color: #FFFFFF; outline: none; }

.sp-exit .sp-exit__close:focus-visible { color: #FFB700; outline: 2px solid #FFB700; outline-offset: 2px; }

/* Кутията поема фокуса при отваряне — без видим ринг, но екранните четци
   съобщават диалога. */
.sp-exit .sp-exit__box:focus { outline: none; }

.sp-exit .sp-exit__close svg { display: block; width: 15px; height: 15px; }

/* ── Лява колона: офертата ──────────────────────────────────────────────── */

.sp-exit__head {
	margin: 0;
	font-family: 'SPOswald', sans-serif;
	font-size: 32px;
	line-height: 32px;
	font-weight: 800;
	letter-spacing: .8px;
	color: #FFFFFF;
	text-align: center;
}

.sp-exit__head em {
	font-style: italic;
	font-weight: 800;
	color: #FFB700;
}

.sp-exit__lead {
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: center;
}

.sp-exit__perks li {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 27px;
	color: #FFFFFF;
}

.sp-exit__perks svg {
	flex: none;
	width: 17.5px;
	height: 17.5px;
	fill: currentColor;
}

.sp-exit__perks span { padding-left: 5px; }

/* Бутонът с телефона: navy върху червено, 55px висок, без радиус. */
.sp-exit a.sp-exit__phone {
	display: block;
	padding: 18px;
	background: #102438;
	border: 2px solid #102438;
	color: #F9FCFF;
	font-family: 'SPRoboto', sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
	letter-spacing: .8px;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

.sp-exit a.sp-exit__phone:hover,
.sp-exit a.sp-exit__phone:focus,
.sp-exit a.sp-exit__phone:visited { color: #F9FCFF; }

.sp-exit a.sp-exit__phone:hover,
.sp-exit a.sp-exit__phone:focus { background: #E51421; border-color: #E51421; }

/* ── Дясна колона: заглавие и форма ─────────────────────────────────────── */

.sp-exit__formhead {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sp-exit__title {
	font-family: 'SPOswald', sans-serif;
	font-size: 32px;
	line-height: 32px;
	font-weight: 800;
	letter-spacing: .8px;
	color: #FFFFFF;
	text-align: center;
}

.sp-exit__promise {
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
	letter-spacing: .8px;
	color: #FFFFFF;
	text-align: center;
}

/* ── Super5 формата вътре в попъпа ──────────────────────────────────────── */

/* Задължително правило: на живия сайт `super5-forms.css` се излъчва в body,
   далеч след формата, така че хънипотът се рисува висок и после се свива.
   Стилът на попъпа стои в head-а и го скрива от първото рисуване. */
.sp-exit .s5f-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.sp-exit .s5f-form { font-family: 'SPRoboto', sans-serif; }

.sp-exit .s5f-fields {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sp-exit .s5f-field { position: relative; }

/* Етикетите се крият визуално — оригиналът работи само с плейсхолдъри. */
.sp-exit .s5f-label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.sp-exit .s5f-form .s5f-input {
	width: 100%;
	min-height: 40px;
	height: 40px;
	padding: 8px 16px;
	background: #102438;
	border: 1px solid #324354;
	border-radius: 2px;
	color: #FFFFFF;
	font-family: 'SPRoboto', sans-serif;
	font-size: 16px;
	line-height: 20.8px;
	letter-spacing: normal;
}

.sp-exit .s5f-form .s5f-input::placeholder { color: #FFFFFF; opacity: 1; }

.sp-exit .s5f-form .s5f-input:focus,
.sp-exit .s5f-form .s5f-input:focus-visible {
	border-color: #FFFFFF;
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .25);
}

/* Падащото меню: собствена стрелка, както на оригинала. */
.sp-exit .s5f-select-wrap { position: relative; }

.sp-exit .s5f-form .s5f-input--select {
	padding: 5px 34px 5px 14px;
	letter-spacing: .8px;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 571.4 571.4' fill='%23ffffff'%3E%3Cpath d='M571 393q0 14-10 25L311 668q-11 11-25 11t-25-11L11 418q-11-11-11-25t11-25 25-11h500q14 0 25 11t11 25z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 11px 11px;
}

.sp-exit .s5f-form .s5f-input--select option { color: #FFFFFF; background: #102438; }

/* Плъгинът приглушава празната първа опция до #9aa7b3; оригиналът я рисува
   бяла като останалите полета. Селекторът повтаря неговия, за да го надтегли. */
.sp-exit .s5f-form .s5f-input--select:has(option[value=""]:checked) { color: #FFFFFF; }

/* Съгласието: чекбокс + текст, линковете в розовото на сайта. */
.sp-exit .s5f-consent {
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20.8px;
	letter-spacing: .8px;
}

/* Плъгинът рисува собствено квадратче (`appearance:none`) в светли цветове.
   Тук то стои върху navy, затова получава бял фон и светла рамка; отметнато
   е червено с бяла отметка. Отметката се рисува тук, а не се разчита на
   плъгина: краткото `background` по-долу зануляваше неговата картинка и
   оставаше само червено квадратче. */
.sp-exit .s5f-form .s5f-input--consent {
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 0;
	margin: 2px 6px 0 0;
	padding: 0;
	background: #FFFFFF;
	border: 1.5px solid #FFFFFF;
	border-radius: 4px;
	vertical-align: top;
}

.sp-exit .s5f-form .s5f-input--consent:checked {
	background-color: #E51421;
	border-color: #E51421;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	background-size: 11px 11px;
	background-position: center;
	background-repeat: no-repeat;
}

.sp-exit .s5f-form .s5f-input--consent:focus-visible {
	border-color: #FFB700;
	box-shadow: 0 0 0 3px rgba(255, 183, 0, .3);
}

.sp-exit .s5f-consent a,
.sp-exit .s5f-consent a:visited { color: #CC3366; text-decoration: none; }
.sp-exit .s5f-consent a:hover,
.sp-exit .s5f-consent a:focus { color: #CC3366; text-decoration: underline; }

.sp-exit .s5f-error {
	display: block;
	color: #FFB700;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: normal;
}

.sp-exit .s5f-error:empty { display: none; }

.sp-exit .s5f-submit-wrap { margin-top: 20px; }

.sp-exit .s5f-form .s5f-submit {
	display: block;
	width: 100%;
	min-height: 40px;
	padding: 0 24px;
	background: #E51421;
	border: 0;
	border-radius: 3px;
	color: #FFFFFF;
	font-family: 'SPOswald', sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: normal;
	cursor: pointer;
	transition: background-color .3s ease;
}

.sp-exit .s5f-form .s5f-submit:hover,
.sp-exit .s5f-form .s5f-submit:focus { background: #C8121C; color: #FFFFFF; }

.sp-exit .s5f-form__status,
.sp-exit .s5f-success {
	color: #FFFFFF;
	font-family: 'SPManrope', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.sp-exit .s5f-form__status:empty { display: none; }

.sp-exit .s5f-success { display: flex; gap: 8px; align-items: flex-start; }
.sp-exit .s5f-success[hidden] { display: none; }
.sp-exit .s5f-success__icon { flex: none; color: #FFB700; }

/* ── Тесни екрани ───────────────────────────────────────────────────────── */

/* Попъпът не се пуска под 768px, но ако вече е отворен и прозорецът се свие,
   двете колони минават една под друга и кутията се превръща в скролваща. */
@media (max-width: 680px) {
	.sp-exit__box {
		flex-direction: column;
		width: 100%;
		height: auto;
		overflow-y: auto;
	}
}