/* ==========================================================================
   Попъп „Безплатно ръководство" — hand-coded заместник на Elementor попъп 1078.

   Палитрата е тази на сайта (DESIGNER.md), а не топлата на оригиналния попъп.
   Шрифтовете са частните фамилии, заредени вече от sp-header.css — попъпът не
   тегли нито един нов файл.

   Скоуп: .sp-pop. Точка на пречупване: 768px.
   ========================================================================== */

.sp-pop{
	--pop-navy:#102438;
	--pop-navy-deep:#0B1926;
	--pop-red:#E51421;
	--pop-red-dark:#C10F15;
	--pop-soft:#F7F8F9;
	--pop-line:#DFE3E6;
	--pop-muted:#626F7C;
	--pop-paper:#FAF7F2;
	position:fixed;inset:0;z-index:10000;
	display:flex;align-items:center;justify-content:center;
	padding:20px;
	font-family:'SPManrope',sans-serif;letter-spacing:.8px;color:var(--pop-navy);
}
.sp-pop[hidden]{display:none}
/* Скриптът вдига този клас, докато попъпът е отворен. Плаващите бутони на Chaty
   имат по-висок z-index от всичко и на мобилен стоят точно върху бутона на
   формата — докато попъпът е отворен, те се гасят. */
html.sp-pop-open{overflow:hidden}
html.sp-pop-open .chaty,html.sp-pop-open [id^="chaty-widget"]{display:none!important}
.sp-pop,.sp-pop *,.sp-pop *::before,.sp-pop *::after{box-sizing:border-box}
/* :where() държи базовия reset с нулева тежест, за да не бие компонентните
   правила по-долу и правилата на плъгина. */
.sp-pop :where(p,ul,li,h2,h3){margin:0;padding:0}
.sp-pop :where(ul){list-style:none}
.sp-pop :where(a){text-decoration:none}
.sp-pop :where(svg){display:block;flex:none}

.sp-pop__ov{position:absolute;inset:0;background:rgba(0,0,0,.8)}

.sp-pop__dlg{
	position:relative;display:grid;grid-template-columns:280px 1fr;
	width:100%;max-width:860px;max-height:calc(100vh - 40px);
	overflow:auto;overscroll-behavior:contain;
	background:#fff;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);
}

/* --- Бутон за затваряне (единственият начин попъпът да се затвори) --- */
/* Тук нарочно НЕ е :where() — темата стилизира голия button (рамка, фон). */
.sp-pop__x{
	position:absolute;top:10px;right:10px;z-index:2;
	width:34px;height:34px;display:flex;align-items:center;justify-content:center;
	margin:0;padding:0;border:0;border-radius:50%;
	background:rgba(255,255,255,.9);color:var(--pop-navy);
	box-shadow:none;cursor:pointer;text-transform:none;
	transition:background-color .3s ease,color .3s ease;
}
.sp-pop__x:hover{border:0;background:var(--pop-red);color:#fff}
.sp-pop__x:focus-visible{outline:2px solid var(--pop-red);outline-offset:2px}
.sp-pop__x svg{width:14px;height:14px;fill:currentColor}

/* ==========================================================================
   Ляв панел — макетът на PDF-а
   ========================================================================== */
.sp-pop__art{
	position:relative;overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	padding:40px 26px 62px;
	background:
		radial-gradient(circle at 20% 20%,rgba(229,20,33,.14),transparent 60%),
		linear-gradient(135deg,var(--pop-navy) 0%,var(--pop-navy-deep) 100%);
}
/* „Покривна" текстура — тънки диагонални линии. */
.sp-pop__art::before{
	content:'';position:absolute;inset:0;pointer-events:none;
	background-image:repeating-linear-gradient(45deg,transparent 0,transparent 16px,rgba(255,255,255,.03) 16px,rgba(255,255,255,.03) 17px);
}

.sp-pop__pdf{position:relative;width:100%;max-width:186px;aspect-ratio:3/4;transform:rotate(-4deg)}
/* Втора страница отзад — за дълбочина. */
.sp-pop__pdf::before{
	content:'';position:absolute;inset:0;z-index:1;
	background:var(--pop-paper);transform:rotate(6deg) translate(10px,7px);
	box-shadow:0 15px 40px rgba(0,0,0,.4);
}
.sp-pop__cover{
	position:relative;z-index:2;width:100%;height:100%;
	display:flex;flex-direction:column;padding:20px 16px;
	background:var(--pop-paper);
	box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.05);
}
.sp-pop__cover-eyebrow{font-size:9px;line-height:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--pop-red)}
.sp-pop__cover-n{font-family:'SPOswald',sans-serif;font-size:52px;line-height:47px;font-weight:600;letter-spacing:-1px;color:var(--pop-navy);margin-top:8px}
.sp-pop__cover-t{font-family:'SPOswald',sans-serif;font-size:15px;line-height:17px;font-weight:500;letter-spacing:normal;color:var(--pop-navy);margin-top:2px}
.sp-pop__cover-rule{width:30px;height:2px;background:var(--pop-red);margin-top:12px}
.sp-pop__cover-list{margin-top:auto;display:grid;gap:5px}
.sp-pop__cover-list li{display:flex;align-items:center;gap:5px;font-size:9px;line-height:11px;letter-spacing:normal;color:#5A5750}
.sp-pop__cover-list li::before{content:'';width:7px;height:7px;flex:none;border:1.2px solid var(--pop-navy)}
.sp-pop__cover-foot{margin-top:9px;padding-top:7px;border-top:1px solid rgba(0,0,0,.08);font-size:8px;line-height:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#8A8780}
.sp-pop__badge{
	position:absolute;top:-10px;right:-10px;z-index:3;
	width:46px;height:46px;display:flex;align-items:center;justify-content:center;
	border-radius:50%;background:var(--pop-red);color:#fff;
	font-size:11px;font-weight:700;letter-spacing:.5px;
	transform:rotate(8deg);box-shadow:0 8px 20px rgba(229,20,33,.45);
}
.sp-pop__tag{
	position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:1;
	display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
	padding:7px 14px;border:1px solid rgba(255,255,255,.2);border-radius:100px;
	background:rgba(255,255,255,.08);
	font-size:11px;line-height:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#F9FCFF;
}
.sp-pop__tag svg{width:12px;height:12px;stroke:var(--pop-red)}

/* ==========================================================================
   Десен панел — офертата и формата
   ========================================================================== */
.sp-pop__body{display:flex;flex-direction:column;gap:14px;padding:34px 34px 30px;background:var(--pop-soft)}

.sp-pop__eyebrow{padding-right:34px;display:flex;align-items:center;gap:12px;font-size:13px;line-height:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--pop-red)}
.sp-pop__eyebrow::after{content:'';flex:1;height:1px;background:var(--pop-line)}
.sp-pop__title{font-family:'SPOswald',sans-serif;font-size:30px;line-height:32px;font-weight:600;letter-spacing:.8px;color:var(--pop-navy)}
.sp-pop__title span{color:var(--pop-red)}
.sp-pop__sub{font-size:15px;line-height:23px;color:var(--pop-muted)}

.sp-pop__get{padding:14px 16px;background:#fff;border:1px solid var(--pop-line)}
.sp-pop__get-h{display:block;font-size:12px;line-height:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--pop-navy)}
.sp-pop__get ul{margin-top:10px;display:grid;gap:7px}
.sp-pop__get li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:20px;color:var(--pop-navy)}
.sp-pop__get svg{width:15px;height:15px;margin-top:2px;stroke:var(--pop-red)}

/* ==========================================================================
   Формата (Super5 Forms, престилизирана — тъмният вариант)

   Формата иска само имейл и съгласие, затова полетата вървят едно под друго.
   Тъмните полета върху светлия панел са от оригиналния попъп — те държат
   погледа върху единственото, което посетителят трябва да попълни.
   ========================================================================== */
/* Плъгинът крие хънипота със свой стил, но на живия сайт файлът му се излъчва
   чак в body. Правилото се повтаря тук, за да е скрит от първото рисуване. */
.sp-pop .s5f-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sp-pop .s5f-form{--s5f-cta:var(--pop-red);--s5f-cta-hover:var(--pop-red-dark);line-height:24px}
.sp-pop .s5f-fields{display:grid;gap:12px}
.sp-pop .s5f-field{gap:0}
.sp-pop .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-pop .s5f-form .s5f-input{min-height:42px;padding:8px 16px;font-family:'SPManrope',sans-serif;font-size:16px;line-height:24px;letter-spacing:normal;color:#FFFFFF;background:var(--pop-navy);border:1px solid #324354;border-radius:2px}
.sp-pop .s5f-form .s5f-input::placeholder{color:#FFFFFF;opacity:1}
.sp-pop .s5f-form .s5f-input:focus,.sp-pop .s5f-form .s5f-input:focus-visible{border-color:var(--pop-navy);outline:none;box-shadow:0 0 0 3px rgba(16,36,56,.25)}
.sp-pop .s5f-consent{display:block;font-size:14px;line-height:22px;letter-spacing:.8px;color:var(--pop-navy)}
.sp-pop .s5f-form .s5f-input--consent{all:revert;width:13px;height:13px;margin:0 4.4px 0 0;cursor:pointer}
.sp-pop .s5f-form .s5f-input--consent:checked{background-image:none}
.sp-pop .s5f-consent__text{display:inline;font-size:13px;line-height:20px;letter-spacing:.8px;color:var(--pop-muted)}
.sp-pop .s5f-consent__text a,.sp-pop .s5f-consent__text a:visited{color:#C36}
.sp-pop .s5f-consent__text a:hover,.sp-pop .s5f-consent__text a:focus{color:#C36;text-decoration:underline}
.sp-pop .s5f-submit-wrap{margin-top:4px}
.sp-pop .s5f-form .s5f-submit{width:100%;min-height:48px;padding:0 24px;font-family:'SPOswald',sans-serif;font-size:18px;line-height:18px;font-weight:500;letter-spacing:.8px;color:#F9FCFF;background:var(--pop-red);border:0;border-radius:3px;transition:background-color .3s ease}
.sp-pop .s5f-form .s5f-submit:hover,.sp-pop .s5f-form .s5f-submit:focus{color:#F9FCFF;background:var(--pop-red-dark)}

/* ==========================================================================
   Мобилен — формата трябва да е над сгъвката, затова макетът се свива до лента
   ========================================================================== */
@media (max-width:767px){
	.sp-pop{padding:0;align-items:flex-end}
	.sp-pop__dlg{grid-template-columns:1fr;max-width:none;max-height:100vh}
	.sp-pop__art{padding:16px 20px;justify-content:flex-start}
	.sp-pop__pdf{max-width:78px;transform:rotate(-4deg) translateX(6px)}
	.sp-pop__badge{top:-8px;right:-8px;width:32px;height:32px;font-size:9px}
	.sp-pop__cover{padding:9px 7px}
	.sp-pop__cover-eyebrow,.sp-pop__cover-rule,.sp-pop__cover-list,.sp-pop__cover-foot{display:none}
	.sp-pop__cover-n{margin-top:0;font-size:30px;line-height:27px}
	.sp-pop__cover-t{font-size:8px;line-height:9px}
	.sp-pop__tag{position:static;transform:none;margin-left:22px}
	.sp-pop__body{gap:11px;padding:22px 20px 24px}
	.sp-pop__title{font-size:24px;line-height:26px}
	.sp-pop__sub{font-size:14px;line-height:21px}
	.sp-pop__get{padding:11px 13px}
}