/* Концепция А2 върху страниците на темата, които още нямат собствен А2 шаблон (24.10.2026).
   Зарежда се след lipite.css само в режим А2 (Public_base::a2_mode → $a2mode в base.tpl).
   Брандбукът на „Липите“: Montserrat (ExtraBold за заглавия), #094fa3, #febc31, #8dc73f, #efefef.
   Генерира се от src/lipite.css (селекторите с var(--f-display)) — при промяна на темата: наново. */
:root {
	--c-yellow: #febc31; --c-navy: #063873; --c-blue: #094fa3; --c-leaf: #8dc73f; --c-leaf-ink: #4b6b1f;
	--c-sand: #ffffff; --c-sand-2: #efefef; --c-paper: #efefef; --c-line: #dcdcdc; --c-hover-bg: #f7f7f7; --c-sel-bg: #fff6e0;
	--c-ink: #1f2a3a; --c-muted: #55606f; --c-ok-bg: #eef6e3; --c-ok-line: #cfe3b3;
	--grad-photo: linear-gradient(0deg, rgba(6, 56, 115, .92), rgba(6, 56, 115, 0)); --backdrop: rgba(6, 56, 115, .55);
	--sh-pop: 0 18px 30px rgba(6, 56, 115, .12); --sh-bar: 0 -10px 30px rgba(6, 56, 115, .18);
	--f-display: Montserrat, system-ui, sans-serif; --f-text: Montserrat, system-ui, sans-serif;
	--fs-hero: clamp(42px, 5.4vw, 80px); --fs-h1: clamp(38px, 4.8vw, 70px); --fs-h1-m: clamp(32px, 9.6vw, 46px);
	--fs-h2: clamp(28px, 3vw, 46px); --fs-h-blk: clamp(24px, 2.2vw, 34px); --fs-h3: clamp(19px, 1.5vw, 24px);
	--fs-lead: clamp(17px, 1.25vw, 20px); --fs-body: clamp(15px, 1.05vw, 17px);
	--fs-num-xl: clamp(50px, 4.8vw, 78px); --fs-num-l: clamp(32px, 2.9vw, 46px); --fs-num-m: clamp(28px, 2.4vw, 38px); --fs-num-s: 24px;
	--lh-display: 1.08;
}
body { font-family: var(--f-text); }
.eyebrow { text-transform: none; letter-spacing: 0; }
.h-display,
.h2,
.h3,
.blk-h,
.top .mnav nav a,
.kf b,
.cred b,
.big-fig b,
.phase .meta b,
.c-code,
.c-figs dd,
.tbl .code,
.kn dd,
.feat b,
.walk-h,
.pay li b,
.mat-list li.cls b,
.ecls b,
.stages-h,
.steps li b,
.panel-h,
.callc .t,
.ptab .n,
.count b,
.ctbl thead .code,
.ctbl td.big,
.foot .ftel,
.cookie-h,
.expand-in h3,
.pcard-h,
.pcard-n b,
.pdone b,
.flist b,
.fcard-h b,
.alist b,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.stats b,
.quote blockquote,
.nb-d,
.gcard-t,
.ncard-t,
.hb-h1,
.hb-opt i,
.hb-phases b,
.hb-ph-n em,
.hb-cred b,
.hb-co-h b,
.hb-co-n b,
.hb-apts-facts b,
.hb-adv b,
.jr-h,
.jr-tip b,
.jr-pre p,
.jr-count b,
.jr-fl b,
.jr-clock b,
.jr-mat,
.uzd-t,
.fcard li b,
.win-fl b,
.fsig,
.hb-nums b,
.hc-h1 {
	font-weight: 800;
	letter-spacing: -.01em;
}
/* числата и кодовете с големия шрифт — по-сбити, за да не излизат от полето */
.ecls b { font-size: 88px; }
.mat-list li.cls b { font-size: 68px; }
.jr-count b, .jr-clock b { font-size: clamp(52px, 7vw, 120px); }
/* лента „Преглед А2“ */
.a2bar { position: relative; z-index: 60; background: #063873; color: #fff; font: 600 13px/1.4 Montserrat, system-ui, sans-serif; text-align: center; padding: 7px 16px; }
.a2bar a { color: #febc31; margin-left: 8px; }
/* етажният план — сив, за да личат само цветовете на статуса (както в „Къде какво се продава“) */
.fplan-in img, .floor-map img { filter: grayscale(1) contrast(.85) brightness(1.08); }
/* горната част е a2-header.tpl (a2-chrome.css, 80 / 66 px) — залепващите елементи (филтри, странична колона, план) застават под нея */
:root { --top-h: 80px; --top-off: 80px; }
@media (max-width: 760px) { :root { --top-h: 66px; --top-off: 66px; } }
/* ширината на съдържанието — като на страниците по А2 и горната част (1320 px + отстъп) */
:root { --gutter: clamp(18px, 4.5vw, 64px); --wrap: calc(var(--a2-max, 1320px) + 2 * clamp(18px, 4.5vw, 64px)); }
/* 31.10.2026 (одит като потребител): „Не се предлага“ — светло и с пунктир, различно от „Продаден“ (плътно сиво); и в легендата на етажа */
.fplan-svg [data-st="inactive"], .fyard-st [data-st="inactive"] { fill: rgba(255,255,255,.62); stroke: rgba(80,92,108,.75); stroke-width: 5; stroke-dasharray: 22 14; }
.fplan-key .k--inactive::before { background: rgba(255,255,255,.9); border: 2px dashed rgba(80,92,108,.8); }
/* 02.11.2026 (Петьо: „ако резервиран е оранжев в легендата, така да е и в чертежа … оеднакви навсякъде“): една палитра за статусите —
   чертежът и легендата, етажът, „В двора“ и „Къде какво се продава“ (a2.css .az / .lg): свободен — листо, резервиран — слънце, продаден — плътно сиво, не се предлага — бяло с пунктир */
.fplan-svg [data-st="sell"], .fyard-st [data-st="sell"] { fill: rgba(141,199,63,.6); }
.fplan-svg [data-st="reserved"], .fyard-st [data-st="reserved"] { fill: rgba(254,188,49,.75); }
.fplan-svg [data-st="sold"], .fyard-st [data-st="sold"] { fill: rgba(80,92,108,.5); }
.fplan-key .k--sell::before { background: rgba(141,199,63,.6); }
.fplan-key .k--reserved::before { background: rgba(254,188,49,.75); }
.fplan-key .k--sold::before { background: rgba(80,92,108,.5); }
/* 31.10.2026 (преглед след A-63): на етажа розата на ветровете (горе вдясно) покриваше легендата на телефон („Резервира…“) — легендата оставя място вдясно */
.fplan-key { padding-right: 66px; }
/* 05.11.2026 (Петьо: празни полета на широк екран, стъпка 3): над 1440 px заглавията, въвеждащият текст и отстоянията между секциите
   растат заедно с рамката (--a2-max, a2-chrome.css) — от същия размер при 1600 px до +15 % при ~1840 px. Под 1440 px нищо не се променя. */
@media (min-width: 1440px) {
	:root { --fs-hero: clamp(80px, 5vw, 92px); --fs-h1: clamp(70px, 4.375vw, 80px); --fs-h2: clamp(46px, 2.875vw, 53px); --fs-h-blk: clamp(34px, 2.125vw, 39px);
		--fs-h3: clamp(24px, 1.5vw, 27px); --fs-lead: clamp(20px, 1.25vw, 23px); --fs-body: clamp(17px, 1.0625vw, 19px); --sec: clamp(104px, 6.5vw, 120px); }
}
/* 05.11.2026 (Петьо: „тук етажите не са активни като на другите страници“): общият завършек (_partial/cta.tpl) — етажите на Фаза 4
   светват при посочване и водят към етажа, както в „Две сгради в продажба“ на началната (a2.css .cf). Снимката и контурите се
   изрязват еднакво (object-position 50% = xMidYMid slice). */
.help-box--pic .hbx-pic.has-fl img { object-position: 50% 50%; }
.hbx-fl { position: absolute; inset: 0; width: 100%; height: 100%; }
.hbx-fl a { outline: none; }
.hbx-fl .cf { fill: #fff; fill-opacity: 0; stroke: #fff; stroke-opacity: .55; stroke-width: 5; cursor: pointer; transition: fill-opacity .2s; }
.hbx-fl a:hover .cf, .hbx-fl a:focus-visible .cf, .hbx-fl .cf.on { fill: var(--c-yellow); fill-opacity: .6; stroke-opacity: 1; }
.hbx-fl a:hover .cf.none, .hbx-fl a:focus-visible .cf.none, .hbx-fl .cf.none.on { fill: var(--c-ink); fill-opacity: .35; }
.hbx-tip { position: absolute; z-index: 4; margin: 0; transform: translate(-50%, -100%); padding: 7px 12px; background: var(--c-navy); color: #fff; font: 700 14px/1.2 Montserrat, system-ui, sans-serif; white-space: nowrap; pointer-events: none; }
/* веднъж, когато сградата влезе в екрана (lipite.js) — че етажите се избират */
@media (prefers-reduced-motion: no-preference) { .hbx-fl.hint .cf { animation: hbxhint 1.2s ease-in-out .3s 1; } @keyframes hbxhint { 50% { fill-opacity: .28; } } }
/* 09.11.2026 (Петьо прие посоката „пълен екран“): „Апартаменти“ — картата на комплекса стига до двата ръба (estates.tpl, клас fb-est) */
@media (min-width: 1081px) {
	main.fb-est .lhead { padding-bottom: clamp(16px, 2vw, 28px); }
	main.fb-est .mp-sec { padding: 0; }
	main.fb-est .mp-sec .wrap { max-width: none; padding: 0; }
}
/* 12.11.2026: таблицата „Свободни апартаменти“ при 1024 px беше с 10–11 px по-широка от екрана — превърта се в себе си, не страницата */
#results { overflow-x: auto; }
/* 13.11.2026 — 320 px (етап 6): две мрежи не се свиваха под най-дългия си ред и страницата ставаше 337–340 px.
   Колоната е minmax(0, 1fr), а децата — с min-width: 0; при ≤ 340 px редовете на списъка и карето са по-сбити. */
.bpick > *, .nb-body > * { min-width: 0; }
@media (max-width: 1023px) { .bpick, .nb-body { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 340px) {
	.bpick .txt { padding: 22px 20px; }
	.bpick .h2 { font-size: 27px; }
	.nb-item { gap: 8px; padding: 10px; }
	.nb-ic { width: 30px; height: 30px; }
	.nb-d { font-size: 18px; }
	.nb-tx { overflow-wrap: anywhere; }
	.h-display { font-size: 27px; } /* „Местоположение“ беше 301 px при 284 px място */
}