/* 09.11.2026 — ПРОБА „пълен екран“ на началната (Петьо: живият сайт „се изпълва изцяло“, „не остават бели петна“). Само main.a2.fb (home_a2.tpl).
   Принципът от живия сайт — снимките и цветът стигат до ръба, бяло до бяло няма; шрифтът, цветовете и четвъртинките са от брандбука.
   Цялата проба се маха с махането на този файл и класа fb. */

main.fb { --edge: max(var(--gut), calc((100vw - var(--max)) / 2)); }
main.fb .hl-scrim { display: none; }

/* ── отстъпите: по-малко въздух между секциите ── */
main.fb .sec { padding-block: clamp(56px, 5vw, 96px); }

/* ── 1. началото: снимката през целия екран, текстът върху нея ── */
@media (min-width: 1081px) {
	main.fb .hl { position: relative; display: flex; align-items: center; min-height: clamp(500px, calc(100svh - 81px), 1200px); padding: 0; overflow: hidden; background: #0b2347; }
	main.fb .hero.hl .wrap.hl-g { display: block; width: 100%; pointer-events: none; }
	main.fb .hl-txt { position: relative; z-index: 3; max-width: min(46vw, 900px); padding-block: 16px clamp(96px, 13svh, 130px); }
	main.fb .hl-txt a, main.fb .hl-txt button { pointer-events: auto; }
	main.fb .hl h1 { color: #fff; font-size: clamp(60px, 4.6vw, 120px); }
	main.fb .hero.hl .hl-txt > p { color: #fff; font-size: clamp(18px, 1.2vw, 28px); max-width: 30em; }
	main.fb .hl .tl { color: #fff; }
	main.fb .hl-vis { position: absolute; inset: 0; z-index: 1; margin: 0; pointer-events: auto; }
	main.fb .hl-st { width: 100%; height: 100%; aspect-ratio: auto; max-height: none; min-height: 0; border-radius: 0; }
	main.fb .hl-scrim { display: block; pointer-events: none; background: linear-gradient(90deg, rgba(6, 30, 70, .8) 0%, rgba(6, 30, 70, .6) 26%, rgba(6, 30, 70, 0) 56%); }
	main.fb .hl-time { position: absolute; z-index: 4; left: var(--edge); bottom: 28px; width: min(560px, 40vw); margin: 0; padding: 10px 20px 26px; color: #fff;
		background: rgba(6, 30, 70, .62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 0 44px 0 0; }
}

/* ── 2а. „Къде какво се продава“: синя лента, картата стига до ръба ── */
main.fb .where { padding-bottom: 0; background: var(--blue); overflow-x: clip; }
main.fb .where h2 { color: #fff; }
main.fb .where .lead { color: rgba(255, 255, 255, .9); }
main.fb .where-head { max-width: 900px; }
main.fb .where-steps { margin-top: 20px; }
main.fb .where-steps li + li::before { background: rgba(255, 255, 255, .35); }
main.fb .where-steps li.done + li::before { background: #fff; }
main.fb .where-steps button { color: rgba(255, 255, 255, .82); }
main.fb .where-steps b { border-color: rgba(255, 255, 255, .55); background: transparent; color: #fff; }
main.fb .where-steps button[aria-current] { color: #fff; }
main.fb .where-steps button[aria-current] b { border-color: var(--sun); background: var(--sun); color: var(--blue-d); }
main.fb .where-steps button:not(:disabled):not([aria-current]) { color: #fff; }
main.fb .where-steps button:not(:disabled):not([aria-current]) b { border-color: #fff; background: #fff; color: var(--blue); }
main.fb .where .note { margin: 0; padding: 14px 0 18px; color: rgba(255, 255, 255, .8); }
main.fb .where-panel { padding: clamp(18px, 1.6vw, 26px); background: #fff; }
@media (max-width: 1080px) {
	main.fb .where-g { margin-inline: calc(-1 * var(--gut)); }
}
@media (min-width: 1081px) {
	/* сградата и етажът: картата от левия ръб, панелът — в рамката */
	main.fb .where-g { grid-template-columns: minmax(0, 1fr) minmax(340px, 400px); gap: clamp(24px, 2.6vw, 40px); margin: 18px 0 0 calc(-1 * var(--edge)); align-items: start; }
}
/* целият комплекс (при достатъчно широк екран): картата до двата ръба, панелът е върху полето горе вляво, където няма сгради */
@media (min-width: 1600px) { /* под 1600 px панелът закрива етикета на Фаза 4 */
	main.fb .where:has([data-step="1"][aria-current]) .where-g { position: relative; display: block; margin-right: calc(-1 * var(--edge)); }
	main.fb .where:has([data-step="1"][aria-current]) .where-panel { position: absolute; z-index: 2; left: min(var(--edge), 12vw); top: clamp(16px, 2vw, 32px); width: min(400px, 27vw); box-shadow: 0 16px 40px rgba(2, 30, 70, .28); }
}

/* ── „Наскоро разгледани“: тясна лента в сивото на търсенето, не цяла секция ── */
main.fb .find { padding-bottom: 26px; }
main.fb .seen { padding-block: 0 26px; background: var(--grey); }
main.fb .seen .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
main.fb .seen h2 { flex: none; max-width: none; font-size: 18px; }
main.fb .seen .sims { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
main.fb .seen .sims > * { flex: 0 1 190px; min-width: 0; background: #fff; }
main.fb .seen .sims a { padding: 8px 12px; background: #fff; }
main.fb .seen .small { flex: none; margin: 0; }

/* ── бяло до бяло няма: „Всеки етаж има свой цвят“ е на сиво ── */
main.fb .fb-grey { background: var(--grey); }
main.fb .fb-grey .stack .fg { background: #fff; }

/* ── 2б. „Фаза 1 вече е дом“: истинската снимка през целия екран, текстът — на бяла карта ── */
main.fb .life { position: relative; isolation: isolate; overflow: hidden; background: #2c3f2c; }
main.fb .life-pic { position: absolute; inset: 0; z-index: -1; margin: 0; }
main.fb .life-pic img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 62%; border-radius: 0; }
main.fb .life-pic .vis { left: auto; right: 0; top: 0; bottom: auto; }
main.fb .life-g { align-items: stretch; pointer-events: none; }
main.fb .life-g > * { pointer-events: none; }
main.fb .life-g > :first-child { display: flex; align-items: flex-end; }
main.fb .life-g a, main.fb .life-g button, main.fb .life-row { pointer-events: auto; }
main.fb .life-pic, main.fb .life-pic .phl { pointer-events: auto; }
main.fb .life-row { width: min(100%, 620px); margin: 0; }
main.fb .life-row figure { box-shadow: 0 10px 28px rgba(2, 30, 70, .35); }
main.fb .life-g > :last-child { padding: clamp(26px, 2.8vw, 44px); background: #fff; border-radius: 0 clamp(60px, 7vw, 110px) 0 0; pointer-events: auto; }
main.fb .life .tour3-c { background: var(--grey); }
main.fb .life .tour3 { margin-bottom: 18px; }
@media (max-width: 1080px) {
	main.fb .life { padding-top: 58vw; background: var(--grey); }
	main.fb .life-pic { bottom: auto; height: 66vw; }
	main.fb .life-g > :first-child { display: block; }
	main.fb .life-row { width: 100%; }
}

/* ── 2в. „Всичко нужно…“: синя лента, картата на квартала стига до десния ръб ── */
main.fb .walk-band { padding-block: 0; background: var(--blue); overflow: hidden; }
main.fb .walk-band h2 { color: #fff; }
main.fb .walk-band .walk li { border-bottom-color: rgba(255, 255, 255, .25); }
main.fb .walk-band .walk b, main.fb .walk-band .walk span { color: #fff; }
main.fb .walk-band .walk svg { stroke: #fff; }
main.fb .walk-band .walk svg .s { stroke: var(--sun); }
main.fb .walk-band .walk svg .l { stroke: #bfe58a; }
main.fb .walk-band .tl { color: #fff; }
main.fb .walk-band .walk-g { align-items: stretch; }
main.fb .walk-band .walk-g > :first-child { padding-block: clamp(56px, 5vw, 96px); }
main.fb .walk-map { position: relative; margin: 0; }
main.fb .walk-map img { display: block; width: 100%; height: auto; }
@media (min-width: 1081px) {
	main.fb .walk-map { min-height: 640px; margin-right: calc(-1 * var(--edge)); }
	main.fb .walk-map img { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: 50% 42%;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%); mask-image: linear-gradient(90deg, transparent 0, #000 14%); }
}
@media (max-width: 1080px) {
	main.fb .walk-band .walk-g { gap: 0; }
	main.fb .walk-band .walk-g > :first-child { padding-bottom: 24px; }
	main.fb .walk-map { margin-inline: calc(-1 * var(--gut)); }
}

/* ══ „За комплекса“ (complex_a2.tpl, Петьо прие посоката 09.11.2026) ══ */
/* началото: снимката отгоре през целия екран, текстът върху нея */
@media (min-width: 1081px) {
	main.a2-cx.fb .cx-hero { position: relative; display: flex; align-items: center; min-height: clamp(500px, calc(100svh - 81px), 900px); padding: 0; overflow: hidden; background: #0b2347; }
	main.a2-cx.fb .cx-hero-g { display: block; width: 100%; }
	main.a2-cx.fb .cx-hero-g > div { position: relative; z-index: 2; max-width: min(50vw, 760px); padding-block: 28px; }
	main.a2-cx.fb .cx-hero h1 { color: #fff; }
	main.a2-cx.fb .cx-hero .lead { color: #fff; }
	main.a2-cx.fb .cx-hero .crumbs, main.a2-cx.fb .cx-hero .crumbs a, main.a2-cx.fb .cx-hero .crumbs span { color: #fff; }
	main.a2-cx.fb .cx-facts { border-top-color: rgba(255, 255, 255, .55); }
	main.a2-cx.fb .cx-facts dd { color: #fff; }
	main.a2-cx.fb .cx-facts dt { color: rgba(255, 255, 255, .88); }
	main.a2-cx.fb .cx-hero-pic { position: absolute; inset: 0; z-index: 1; }
	main.a2-cx.fb .cx-hero-pic img { height: 100%; aspect-ratio: auto; border-radius: 0; object-position: 50% 45%; }
	main.a2-cx.fb .cx-hero-pic::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(6, 30, 70, .86) 0%, rgba(6, 30, 70, .68) 34%, rgba(6, 30, 70, 0) 66%); }
	main.a2-cx.fb .cx-hero-pic.go .go-a { justify-content: flex-end; padding: 0 calc(var(--edge) + 300px) 28px 0; } /* цялата снимка остава линк; етикетът е долу, вляво от балончето на Липа */
}
/* „Как расте „Липите““: синя лента, картата от левия ръб */
main.a2-cx.fb .grow { background: var(--blue); overflow-x: clip; }
main.a2-cx.fb .grow h2 { color: #fff; }
main.a2-cx.fb .grow > .wrap > .lead { color: rgba(255, 255, 255, .9); }
main.a2-cx.fb .years button[aria-selected="true"] { background: var(--sun); color: var(--blue-d); }
@media (min-width: 1081px) {
	main.a2-cx.fb .grow-g { grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); margin-left: calc(-1 * var(--edge)); }
}
@media (max-width: 1080px) {
	main.a2-cx.fb .grow-map { margin-inline: calc(-1 * var(--gut)); }
}
/* „Какво има в комплекса“: снимката стига до десния ръб */
main.a2-cx.fb .show { overflow-x: clip; }
@media (min-width: 1081px) {
	main.a2-cx.fb .show-g { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); }
	main.a2-cx.fb .show-pics { margin-right: calc(-1 * var(--edge)); }
	main.a2-cx.fb .show-pics figure { max-width: none; }
	main.a2-cx.fb .show-pics img { height: clamp(380px, calc(100svh - 170px), 760px); aspect-ratio: auto; }
	main.a2-cx.fb .show-pics figcaption { padding-right: var(--edge); }
}
/* „Сградите накратко“: сиво, картите са бели */
main.a2-cx.fb .cx-more { background: var(--grey); }
main.a2-cx.fb .cxm-cards li { background: #fff; }
main.a2-cx.fb .cxm-ic { background: var(--grey); }

/* ══ по-къса начална (09.11.2026) ══ */
main.fb .fb-vid { margin-left: 22px; }
main.fb .fb-more { margin: 26px 0 0; }
@media (min-width: 1081px) {
	/* заглавието и уводът на един ред, за да остане повече екран за картата */
	main.fb .where-head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 3vw, 48px); align-items: center; max-width: none; }
	main.fb .where-head h2 { max-width: none; }
	main.fb .where-head .lead { margin-top: 0; max-width: 46em; }
	/* сградите в продажба: по-ниска снимка */
	main.fb .phases .bld-card .cf-svg { aspect-ratio: 21 / 9; }
}