/* Концепция А2 — горна и долна част на сайта (24.10.2026; _partial/a2-header.tpl, a2-footer.tpl).
   Зарежда се на всяка страница в режим А2 — и с a2.css (начало, апартамент), и с lipite.css + a2-skin.css (останалите).
   Затова класовете са със своя представка (a2…) и цветовете са свои: не зависят от нито един от двата стила. */
/* Montserrat — от нашия сървър (24.10.2026; Google Fonts v31, SIL Open Font License 1.1 — fonts/Montserrat-OFL.txt).
   Променлив шрифт: един файл за всички дебелини (400–800). Кирилица, латиница, разширена латиница. */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/montserrat-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/montserrat-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/montserrat-latin.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; }
/* 05.11.2026 (Петьо: „много празни пространства от двете страни“): една ширина на съдържанието за целия сайт —
   горната лента, страниците по А2 (a2.css) и останалите (a2-skin.css). 1320 px до ~1600 px екран, после расте до 1520 px. */
:root { --a2-max: clamp(1320px, 82vw, 1520px); }
.a2top, .a2foot {
	--a2-blue: #094fa3; --a2-blue-d: #063873; --a2-sun: #febc31; --a2-sun-d: #fbaa01; --a2-leaf: #8dc73f;
	--a2-grey: #efefef; --a2-grey-2: #dcdcdc; --a2-ink: #1f2a3a; --a2-mute: #55606f;
	--a2-gut: clamp(18px, 4.5vw, 64px);
	font-family: Montserrat, system-ui, sans-serif;
}
.a2w { box-sizing: border-box; width: 100%; max-width: calc(var(--a2-max, 1320px) + 2 * var(--a2-gut)); margin: 0 auto; padding-left: max(var(--a2-gut), env(safe-area-inset-left, 0px)); padding-right: max(var(--a2-gut), env(safe-area-inset-right, 0px)); }
.a2top a:focus-visible, .a2top summary:focus-visible, .a2foot a:focus-visible, .a2foot button:focus-visible { outline: 3px solid var(--a2-blue); outline-offset: 2px; }

/* ── горна част ── */
.a2top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 40; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--a2-grey-2); }
/* 02.11.2026: при превъртане надолу лентата се скрива, при превъртане нагоре се показва (lipite.js, раздел 0 — клас is-hidden) */
.a2top { transition: transform .25s ease; }
.a2top.is-hidden { transform: translateY(calc(-100% - env(safe-area-inset-top, 0px) - 2px)); }
@media (prefers-reduced-motion: reduce) { .a2top { transition: none; } }
.a2top .a2w { position: relative; display: flex; align-items: center; gap: 30px; height: 80px; }
.a2logo { display: inline-flex; flex: none; }
.a2logo img { display: block; height: 46px; width: auto; }
.a2nav { display: flex; gap: 28px; margin-left: auto; font-weight: 600; font-size: 15px; }
.a2nav a { padding: 8px 0; border-bottom: 2px solid transparent; color: var(--a2-ink); text-decoration: none; }
.a2nav a:hover { color: var(--a2-blue); }
.a2nav a[aria-current] { color: var(--a2-blue); border-color: var(--a2-sun); }
.a2saved { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 4px; color: var(--a2-blue-d); font-weight: 700; font-size: 14px; text-decoration: none; }
.a2saved[hidden] { display: none; }
.a2saved svg { width: 20px; height: 20px; fill: var(--a2-sun); stroke: var(--a2-blue-d); }
.a2lang { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: var(--a2-mute); font-weight: 700; font-size: 14px; text-decoration: none; }
.a2lang:hover { color: var(--a2-blue); }
.a2btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px; background: var(--a2-sun); color: var(--a2-blue-d); font: 800 15px/1 Montserrat, system-ui, sans-serif; text-decoration: none; white-space: nowrap; transition: background .2s; }
.a2btn:hover { background: var(--a2-sun-d); }
.a2mnav { display: none; }
.a2mnav summary { list-style: none; width: 46px; height: 46px; display: grid; align-content: center; background: var(--a2-grey); cursor: pointer; }
.a2mnav summary::-webkit-details-marker { display: none; }
.a2mnav summary i { display: block; width: 20px; height: 2px; margin: 3px auto; background: var(--a2-blue); }
.a2mnav[open] summary { background: var(--a2-sun); }
.a2mnav nav { position: absolute; left: 0; right: 0; top: 100%; display: flex; flex-direction: column; background: #fff; border-bottom: 1px solid var(--a2-grey-2); box-shadow: 0 18px 30px -24px rgba(31, 42, 58, .5); padding-block: 6px 16px; padding-left: max(var(--a2-gut), env(safe-area-inset-left, 0px)); padding-right: max(var(--a2-gut), env(safe-area-inset-right, 0px)); }
.a2mnav nav a { display: flex; align-items: center; min-height: 54px; border-bottom: 1px solid var(--a2-grey); color: var(--a2-ink); font-weight: 700; font-size: 17px; text-decoration: none; }
.a2mnav nav a[aria-current] { color: var(--a2-blue); }
.a2mnav nav a[hidden] { display: none; }
@media (max-width: 1180px) {
	.a2nav { display: none; }
	.a2mnav { display: block; }
	.a2saved { margin-left: auto; }
	.a2saved[hidden] + .a2lang { margin-left: auto; }
}
@media (max-width: 760px) {
	.a2top .a2w { height: 66px; gap: 8px; }
	.a2logo img { height: 32px; }
	.a2btn { min-height: 44px; padding: 0 12px; font-size: 14px; }
}
/* на тесен телефон езикът и „♥ n“ са в менюто (a2mnav) */
@media (max-width: 480px) { .a2top .a2lang, .a2top .a2saved { display: none; } .a2btn { margin-left: auto; } }
/* 12.11.2026: под 380 px логото + „Запазете среща“ + менюто не се побират (при 320 бутонът на менюто излизаше извън екрана);
   „Оглед“ е и в долната лента, затова горният бутон се скрива, а менюто отива вдясно */
@media (max-width: 379px) { .a2top .a2btn { display: none; } .a2top .a2mnav { margin-left: auto; } }

/* ── долна част ── */
.a2foot { padding-block: 48px 28px; background: var(--a2-grey); color: var(--a2-ink); font-size: 14px; line-height: 1.7; }
.a2foot-g { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px 40px; }
.a2foot p { margin: 0; }
.a2foot img { display: block; height: 50px; width: auto; }
.a2fh { margin: 0 0 10px; font-weight: 800; font-size: 15px; color: var(--a2-blue-d); }
.a2foot ul { list-style: none; margin: 0; padding: 0; }
.a2foot li a { display: inline-flex; align-items: center; min-height: 36px; }
.a2foot a { color: var(--a2-ink); text-decoration: none; }
.a2foot a:hover { color: var(--a2-blue); text-decoration: underline; }
.a2fbottom a { color: inherit; }
.a2fnote { margin: 10px 0 0 !important; color: var(--a2-mute); font-size: 12px; } /* 12.11.2026: без opacity — контрастът падаше под 4,5:1 (axe) */
.a2foot .a2ftel { font-weight: 800; font-size: 17px; color: var(--a2-blue); }
.a2cbtn { margin-top: 6px; min-height: 40px; padding: 0; border: 0; background: none; color: var(--a2-blue); font: 700 14px/1.3 Montserrat, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.a2fbottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; margin-top: 30px !important; padding-top: 18px; border-top: 1px solid var(--a2-grey-2); color: var(--a2-mute); font-size: 13px; }
@media (max-width: 1080px) { .a2foot-g { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 760px) { .a2foot { padding-bottom: 90px; } .a2foot-g { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .a2btn { transition: none; } }

/* 03.11.2026 (Петьо: „при клик върху снимка да те отвежда към албума със снимки от строежа или от готовата фаза,
   но да не стои просто статично“): истинските снимки водят към галерията (Строежът месец по месец, на тази фаза).
   При посочване снимката леко се приближава и в горния ъгъл излиза къде води; на телефон етикетът се вижда винаги.
   Където снимката води и към избора на етаж, жълтият етикет остава линк към етажите, а останалото — към галерията. */
.phl { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-start; justify-content: flex-start; padding: 12px; text-decoration: none; }
.phl span { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; background: rgba(3, 31, 66, .84); color: #fff; font: 700 13px/1.2 Montserrat, system-ui, sans-serif; opacity: 0; transform: translateY(-6px); transition: opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1); }
.phl span::before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
figure:hover > .phl span, .phl:focus-visible span { opacity: 1; transform: none; }
.phl:focus-visible { outline: 3px solid var(--a2-blue, #094fa3); outline-offset: -3px; }
figure:has(> .phl) { position: relative; overflow: hidden; }
figure:has(> .phl) > img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
figure:has(> .phl):hover > img { transform: scale(1.04); }
.go:has(> .phl) .go-a { inset: auto 0 0 auto; }
/* в малките квадрати (Фаза 1 на началната) — само иконата; текстът остава за екранните четци */
.life-row .phl { padding: 8px; }
.life-row .phl span { font-size: 0; gap: 0; padding: 0 9px; }
.life-row .phl span::before { width: 18px; height: 18px; }
.phl span { white-space: nowrap; }
@media (hover: none) { .phl span { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .phl span, figure:has(> .phl) > img { transition: none; } figure:has(> .phl):hover > img { transform: none; } }

/* 03.11.2026 (Петьо: „отваряш страницата и само текст — трябва да превърташ, за да стигнеш до визуалната част, а това
   дразни“): на компютър заглавният блок на вътрешните страници е компактен — заглавието и описанието на един ред,
   по-малки отстъпи и заглавие според височината на екрана, — за да се вижда визуалната част още в първия екран.
   На телефон нищо не се променя. */
@media (min-width: 761px) {
	.lhead { padding-bottom: clamp(14px, 3svh, 28px); }
	.lhead .crumbs { margin-bottom: 6px; }
	.lhead .eyebrow { margin-bottom: 4px; }
	.lhead h1, .lhead .grid h1, .lhead .page-h { margin-top: 0; margin-bottom: 0; font-size: clamp(32px, min(3.8vw, 7.5svh), 60px); }
	.lhead .grid { padding-top: 0; }
	.lhead .grid .lead { margin-top: 8px; }
	.lhead--page .wrap { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: clamp(28px, 4vw, 64px); align-items: end; }
	.lhead--page .crumbs, .lhead--page .eyebrow { grid-column: 1 / -1; }
	.lhead--page .wrap > .lead, .lhead--page .wrap > .chips { margin: 0 0 .35em; max-width: 44em; }
	.lhead + .sec, .lhead + section { padding-top: clamp(20px, 4svh, 44px) !important; }
	.gal-hero { padding: clamp(18px, 3svh, 32px) 0 0; }
	.gal-hero .wrap { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: clamp(28px, 4vw, 64px); align-items: end; }
	.gal-hero .crumbs { grid-column: 1 / -1; }
	.gal-hero h1 { margin-top: 6px; font-size: clamp(32px, min(3.8vw, 7.5svh), 60px); }
	.gal-hero .lead { margin: 0 0 .35em; }
	.gal-hero + .sec { padding-top: clamp(20px, 4svh, 44px); }
	/* страницата на апартамент: заглавието е по-ниско, за да се вижда планът */
	.apt-top { padding: clamp(12px, 2.4svh, 26px) 0 clamp(14px, 3svh, 36px); }
	.apt-h { margin-top: 8px; }
	.apt-h h1 { font-size: clamp(32px, min(3.6vw, 7svh), 60px); }
	.apt-h p { margin-top: 4px; }
}
/* 05.11.2026 (стъпка 3 — широк екран): горната граница на тези заглавия расте с рамката до +15 %; ограничението по височината на екрана (svh) остава */
@media (min-width: 1440px) {
	.lhead h1, .lhead .grid h1, .lhead .page-h, .gal-hero h1 { font-size: clamp(32px, min(3.8vw, 7.5svh), clamp(60px, 3.75vw, 69px)); }
	.apt-h h1 { font-size: clamp(32px, min(3.6vw, 7svh), clamp(60px, 3.75vw, 69px)); }
}
/* „Местоположение“: картата „Пеша от вкъщи“ е първа, текстът — под нея */
.wk-wrap:first-child { margin-top: 0; }
.loc-prose { margin-top: var(--s-4, 40px); }