/* ─────────────────────────────────────────────────────────────────────────
   Burgas Business Hub — тема.

   ⛔ ЧЕТВЪРТАТА ПОПРАВКА, дословно от Атанас (2026-09-21): „разгледай
   donkydoo, webtact, eco-clean: всичко е супер лесно четимо, разбираемо,
   има акцент, забележимо. това трявба да стане и с burgas business hub.
   сега е като гадна презетнация от 2005та година“.

   Трите сайта не си приличат по цвят, а по ПЕТ принципа. Взети са
   принципите, не решенията им:

     1. Заглавието е ТЕЖКО и ЕДРО (800, 44 до 60px), една дума в цвят.
        Тънкото 36px/700 на Inter беше първото, което казваше „2005“.
     2. Иконите са ЦВЕТНИ ПРЕДМЕТИ в плочка, не тънка сива линия.
     3. Поне един лист е наситен цвят, не 3% оттенък. Тук: ползите на
        оранжево и историята на дълбоко зелено.
     4. Текстът е 17px и тъмен, а картите са ясни бели обекти със сянка.
     5. Бутонът се вижда: плътен, висок, с ръб отдолу, който се натиска.

   Остава от предните поправки: листовете със заоблени ъгли (не
   правоъгълници), героят нисък, отзивите и блогът безкрайни слайдери,
   баджовете, сдържаната лисица, радиус до 16px.
   ───────────────────────────────────────────────────────────────────── */

/* ── 1. Токени ──────────────────────────────────────────────────────── */
:root {
	--orange:      #ea8a23;   /* техният оранжев */
	--orange-ink:  #a3560a;   /* същият, свален за текст върху бяло (4.9:1) */
	--orange-edge: #b8680f;   /* ръбът под бутона */
	--orange-soft: #fdf0e1;

	--deep:   #0e4a3e;        /* сянката на маскота: тъмният лист и плочките */
	--deep-2: #135a4b;
	--teal:   #2f8a73;        /* вратовръзката: отметки и дребни знаци */
	--mint:   #e6f1ec;
	--cool:   #eef3f2;
	--sand:   #faf4ec;

	--ink:  #15201d;
	--body: #3f4945;          /* 17px върху бяло: 9.6:1 */
	--dim:  #6a7470;
	--line: rgba(21, 32, 29, .1);

	--shadow:    0 1px 2px rgba(21, 32, 29, .05), 0 10px 28px rgba(21, 32, 29, .07);
	--shadow-up: 0 2px 4px rgba(21, 32, 29, .06), 0 20px 44px rgba(21, 32, 29, .13);
	/* Сянката при ховър: мека и КЪСА. Широката сянка излизаше от рамката
	   на слайдера и се режеше с права линия (Атанас, 2026-09-21). */
	--shadow-hover: 0 2px 4px rgba(21, 32, 29, .05), 0 12px 22px -8px rgba(21, 32, 29, .14);

	--sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
	--hand: "Caveat", var(--sans);

	--wrap: 1200px;
	--gut: clamp(20px, 5vw, 56px);
	--r: 20px;
	--r-sm: 12px;
	--sheet-r: clamp(16px, 2vw, 30px);

	--t: .25s ease;
}

/* ── 2. База ────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
	margin: 0; background: #fff; color: var(--body);
	font: 400 18px/1.65 var(--sans);
	-webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
/* Без сивото петно, което телефонът слага върху докоснатото. */
* { -webkit-tap-highlight-color: transparent; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; border-radius: 4px; }
::selection { background: var(--orange); color: var(--ink); }
strong, b { font-weight: 700; }

.bbh-skip { position: absolute; left: -9999px; top: 0; z-index: 200; background: var(--ink); color: #fff; padding: 12px 20px; font-weight: 700; }
.bbh-skip:focus { left: 12px; top: 12px; }

.bbh-wrap { width: min(100% - var(--gut) * 2, var(--wrap)); margin-inline: auto; }

/* ⛔ core/group ВИНАГИ слага .wp-block-group__inner-container между групата
   и децата ѝ. Без този ред всяка решетка вижда ЕДНО дете и всичко пада в
   една колона. display:contents маха обвивката от лейаута, не от DOM-а. */
.wp-block-group__inner-container { display: contents; }

/* ── 3. Секции, листове и форми ─────────────────────────────────────
   Атанас, 2026-09-21: „искам секциите да не са правоъгълни отрязани, а
   да има малко форма и дълбочина“. Листът носи ФОРМА по JSON ("shape"):
   купол (дъга отгоре), леща (дъги отгоре и отдолу), купа (дъга отдолу)
   и листо (два големи срещуположни ъгъла). Дълбочината е мека сянка
   под листа и светъл ръб отгоре: листът лежи върху страницата. */
.bbh-sec { position: relative; padding: clamp(56px, 5.5vw, 80px) 0; background: #fff; }
.bbh-sec--tight { padding: clamp(48px, 6vw, 72px) 0; }
.bbh-sec--flush { padding: 0; background: none; margin-bottom: clamp(48px, 6vw, 88px); }

/* ⛔ Атанас, 2026-09-21: „сега си заоблил секциите, а не са наклонени и
   разчупени... виж пак еко клийн, уебтакт“. Цветната лента е на ЦЯЛА
   ширина и има наклонен ръб отгоре и отдолу („slant“, „slant-r“) или
   начупен на върх („break“). Без линии по ръба (Атанас, 2026-09-21).
   Снимките остават нормални. */
/* ⛔ Секциите се ДОПИРАТ, без бяла ивица (Атанас, 2026-09-21): лентата
   се качва с --cut върху предишната секция, а наклоненият ѝ ГОРЕН ръб
   открива цвета на предишната, не бялото на страницата. Долният ръб е
   прав; всяка секция има отдолу --cut повече място, за да не влиза
   следващата в съдържанието ѝ. */
:root { --cut: clamp(26px, 4vw, 64px); }
/* Един размер на текста във всеки бутон: 18px на десктоп, 16px на телефон
   (Атанас, 2026-09-21). Никое правило за бутон не пише свой font-size. */
:root { --btn-fs: 18px; }
@media (max-width: 781px) { :root { --btn-fs: 16px; } }
.bbh-sec { padding-bottom: calc(clamp(56px, 5.5vw, 80px) + var(--cut)); }
.bbh-sec--panel {
	position: relative; z-index: 1;
	width: 100%; margin: calc(-1 * var(--cut)) 0 0; border-radius: 0;
	padding-block: calc(clamp(44px, 4.5vw, 68px) + var(--cut));
}
/* ⛔ Атанас, 2026-09-25: „линиите, които разделят секциите, са
   нарязани, искам да са smooth“. clip-path реже по цял пиксел и
   наклоненият ръб излиза на стъпала. Същата форма през маска
   има половин пиксел преливане и ръбът е гладък. Геометрията е същата:
   горната ивица е висока --cut и носи наклона, останалото е плътно.
   Диагоналът идва от градиент към ъгъл: лентата му минава точно през двата
   ъгъла на ивицата, тоест по същата линия като стария полигон. */
:root { --fade: .5px; }
/* clip-path остава, но 2px ИЗВЪН маската: не пипа видимия ръб, а връща
   старото поведение на мишката, защото маската само скрива пиксели,
   докато кликовете минават през тях. */
.bbh-shape--slant   { clip-path: polygon(0 calc(var(--cut) - 2px), 100% -2px, 100% 100%, 0 100%); }
.bbh-shape--slant-r { clip-path: polygon(0 -2px, 100% calc(var(--cut) - 2px), 100% 100%, 0 100%); }
.bbh-shape--break   { clip-path: polygon(0 calc(var(--cut) - 2px), 62% -2px, 100% calc(var(--cut) - 2px), 100% 100%, 0 100%); }
.bbh-shape--slant {
	-webkit-mask:
		linear-gradient(to bottom right, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top / 100% var(--cut) no-repeat,
		linear-gradient(#000, #000) bottom / 100% calc(100% - var(--cut) + 1px) no-repeat;
	mask:
		linear-gradient(to bottom right, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top / 100% var(--cut) no-repeat,
		linear-gradient(#000, #000) bottom / 100% calc(100% - var(--cut) + 1px) no-repeat;
}
.bbh-shape--slant-r {
	-webkit-mask:
		linear-gradient(to bottom left, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top / 100% var(--cut) no-repeat,
		linear-gradient(#000, #000) bottom / 100% calc(100% - var(--cut) + 1px) no-repeat;
	mask:
		linear-gradient(to bottom left, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top / 100% var(--cut) no-repeat,
		linear-gradient(#000, #000) bottom / 100% calc(100% - var(--cut) + 1px) no-repeat;
}
.bbh-shape--break {
	-webkit-mask:
		linear-gradient(to bottom right, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top left / 62% var(--cut) no-repeat,
		linear-gradient(to bottom left, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top right / 38% var(--cut) no-repeat,
		linear-gradient(#000, #000) bottom / 100% calc(100% - var(--cut) + 1px) no-repeat;
	mask:
		linear-gradient(to bottom right, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top left / 62% var(--cut) no-repeat,
		linear-gradient(to bottom left, transparent calc(50% - var(--fade)), #000 calc(50% + var(--fade))) top right / 38% var(--cut) no-repeat,
		linear-gradient(#000, #000) bottom / 100% calc(100% - var(--cut) + 1px) no-repeat;
}
.bbh-sec--panel + .bbh-sec:not(.bbh-sec--panel) { padding-top: clamp(48px, 5vw, 72px); }
/* Плътна линия по ръба на светлите ленти (Атанас, 2026-09-21: „на
   секциите с нисък контраст плътна линия да ги разделя“): оранжева при
   пясъчните, тюркоазена при светлозелените и студените. Линията лежи
   точно по наклонения ръб, малко навътре, за да не я яде маската. */
.bbh-sec--panel:is(.bbh-sec--sand, .bbh-sec--cool, .bbh-sec--mint)::before {
	content: ""; position: absolute; left: 0; right: 0; top: 4px; height: var(--cut); pointer-events: none;
	--edge: var(--teal);
}
.bbh-sec--sand.bbh-sec--panel::before { --edge: var(--orange); }
.bbh-shape--slant::before   { background: linear-gradient(to bottom right, transparent calc(50% - 2.5px), var(--edge) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2.5px)); }
.bbh-shape--slant-r::before { background: linear-gradient(to bottom left, transparent calc(50% - 2.5px), var(--edge) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2.5px)); }
.bbh-shape--break::before {
	background:
		linear-gradient(to bottom right, transparent calc(50% - 2.5px), var(--edge) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2.5px)) left / 62% 100% no-repeat,
		linear-gradient(to bottom left, transparent calc(50% - 2.5px), var(--edge) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2.5px)) right / 38% 100% no-repeat;
}

.bbh-sec--2, .bbh-sec--3, .bbh-sec--sand { background: var(--sand); }
.bbh-sec--cool { background: var(--cool); }
.bbh-sec--mint { background: var(--mint); }
.bbh-sec--deep, .bbh-sec--teal { background: var(--deep); color: rgba(255, 255, 255, .9); }

/* ── 4. Типография ──────────────────────────────────────────────────
   „направи текстовете по-големи“: тяло 18px, подзаглавие до 21px,
   заглавие на карта 22px, заглавие на секция до 52px. */
h1, h2, h3, h4 { margin: 0; color: var(--ink); font-weight: 800; line-height: 1.15; text-wrap: balance; }
.bbh-h1 { font-size: clamp(40px, 5.3vw, 70px); line-height: 1.04; letter-spacing: -.03em; }
.bbh-h2 { font-size: clamp(32px, 3.9vw, 52px); line-height: 1.08; letter-spacing: -.025em; }
.bbh-h3 { font-size: 22px; line-height: 1.28; font-weight: 800; letter-spacing: -.012em; }
.bbh-h4 { font-size: 18px; line-height: 1.4; font-weight: 700; }

:is(.bbh-h1, .bbh-h2, .bbh-h3) em { font-style: normal; color: var(--orange); }

.bbh-lead { margin: 20px 0 0; font-size: clamp(19px, 1.6vw, 21px); line-height: 1.6; color: var(--body); }
p { margin: 0 0 18px; }
p:last-child { margin-bottom: 0; }

.bbh-head { margin: 0 0 clamp(34px, 3.8vw, 52px); }
.bbh-head--center { text-align: center; }
.bbh-head--center .bbh-h2 { max-width: 20ch; margin-inline: auto; }
.bbh-head--one .bbh-h2 { max-width: none; }
/* На десктоп заглавията на секции са на ЕДИН ред, където се събират
   (Атанас, 2026-09-21); без таван по ширина и без балансиране. */
@media (min-width: 900px) {
	.bbh-head .bbh-h2, .bbh-about .bbh-h2, .bbh-who .bbh-h2 { max-width: none; text-wrap: wrap; }
	/* Историята е в тясна колона до портрета: по-малко, за да е на един ред. */
	.bbh-story .bbh-h2 { font-size: clamp(28px, 2.75vw, 40px); }
}
@media (min-width: 1100px) { .bbh-story .bbh-h2 { white-space: nowrap; } }
.bbh-head--center .bbh-lead { max-width: 680px; margin-inline: auto; }

/* ── 5. Бутони: билетът ─────────────────────────────────────────────
   Бутонът е БИЛЕТ за събитие: изрез от двете страни, какъвто има
   откъснатият билет. Без стрелки (Атанас, 2026-09-21: „махни
   стрелките“).

   ⛔ Класът bbh-btn пада на ДВЕ места: върху <a> в хедъра и върху
   ОБВИВКАТА на core/button. Обвивката носи сянката: маската реже
   сянката на самия билет, затова тя е filter на родителя.
   Текстът е ТЪМЕН върху оранжевото: бяло върху #EA8A23 е 2.4:1. */
a.bbh-btn,
.bbh-btn > .wp-block-button__link {
	--notch: radial-gradient(circle 8px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat,
	         radial-gradient(circle 8px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
	position: relative; display: inline-flex; align-items: center; justify-content: center;
	min-height: 62px; padding: 0 64px 0 36px; border-radius: 12px;
	background: linear-gradient(180deg, #f4a247 0%, var(--orange) 55%, #e07f16 100%);
	color: var(--ink); font: 800 var(--btn-fs)/1.2 var(--sans); letter-spacing: -.005em;
	border: 0; box-shadow: none;
	-webkit-mask: var(--notch); mask: var(--notch);
	transition: transform .3s cubic-bezier(.3, 1.5, .5, 1), background var(--t);
}
/* Линията за откъсване: пунктир близо до десния край, като на билет.
   Пунктирът е градиент, не dashed border: Safari на iPhone рисува само
   първото тире на border върху елемент с нулева ширина. */
:root { --tear: repeating-linear-gradient(to bottom, rgba(21, 32, 29, .38) 0 6px, transparent 6px 11px); }
a.bbh-btn::after,
.bbh-btn > .wp-block-button__link::after {
	content: ""; position: absolute; right: 30px; top: 11px; bottom: 11px;
	width: 2.5px; background: var(--tear);
}
.bbh-btn--line > .wp-block-button__link::after { display: none; }
.bbh-btn--line > .wp-block-button__link { padding: 0 2px; }
div.bbh-btn { display: inline-block; padding: 0; background: none; border: 0; filter: drop-shadow(0 10px 14px rgba(184, 104, 15, .32)); transition: filter var(--t); }
div.bbh-btn:hover { filter: drop-shadow(0 12px 14px rgba(184, 104, 15, .32)); }
a.bbh-btn:hover,
.bbh-btn > .wp-block-button__link:hover { color: var(--ink); transform: translateY(-3px) rotate(-1.5deg); }
a.bbh-btn:active,
.bbh-btn > .wp-block-button__link:active { transform: none; }

/* Вторият бутон е подчертана дума, не още един билет. */
a.bbh-btn--line,
.bbh-btn--line > .wp-block-button__link {
	-webkit-mask: none; mask: none; background: none; padding: 0 2px; min-height: 60px;
	color: var(--ink); text-decoration: underline; text-decoration-thickness: 3px;
	text-decoration-color: var(--orange); text-underline-offset: 7px;
}
div.bbh-btn--line { filter: none; }
a.bbh-btn--line:hover,
.bbh-btn--line > .wp-block-button__link:hover { transform: none; color: var(--orange-ink); }
.bbh-sec--deep :is(a.bbh-btn--line, .bbh-btn--line > .wp-block-button__link) { color: #fff; }

a.bbh-btn--white,
.bbh-btn--white > .wp-block-button__link { background: #fff; }

.wp-block-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 34px; }
.bbh-sec__cta { justify-content: center; margin-top: clamp(40px, 4.6vw, 56px); }

/* ── 6. Хедър ───────────────────────────────────────────────────────
   „менюто е супер събрано и на мобилна и на десктоп“: думите дишат
   (разстояние до 40px), а текущата страница е оранжево хапче. */
.bbh-header {
	position: sticky; top: 0; z-index: 80;
	background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px);
	transition: box-shadow var(--t);
}
.bbh-header.is-stuck { box-shadow: 0 1px 0 var(--line), 0 10px 30px rgba(21, 32, 29, .07); }
.bbh-header__in { display: flex; align-items: center; gap: clamp(20px, 3vw, 44px); min-height: 92px; }
.bbh-logo img { height: 56px; width: auto; }

.bbh-nav { margin-left: auto; }
.bbh-menu { display: flex; align-items: center; gap: clamp(6px, 1.2vw, 18px); list-style: none; margin: 0; padding: 0; }
.bbh-menu li { position: relative; }
.bbh-menu > li > a {
	position: relative; display: block; padding: 12px 14px;
	font-size: 17px; font-weight: 700; color: var(--ink);
	transition: color var(--t);
}
/* Думите в менюто и в бутона на хедъра не се пренасят на два реда. */
.bbh-menu a, .bbh-header a.bbh-btn { white-space: nowrap; }
@media (max-width: 1240px) and (min-width: 901px) {
	.bbh-logo img { height: 50px; }
	.bbh-menu > li > a { padding-inline: 9px; font-size: 16px; }
	.bbh-menu .menu-item-has-children > a { padding-right: 25px; }
	.bbh-menu .menu-item-has-children > a::before { right: 9px; }
	.bbh-header__in { gap: 16px; }
}
/* Менюто: оранжева черта изпод думата, като пунктира на билета. Без
   хапчета (Атанас, 2026-09-21: „ефектите при менюто не пасват“). */
.bbh-menu > li > a::after {
	content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 3px;
	background: repeating-linear-gradient(90deg, var(--orange) 0 8px, transparent 8px 13px);
	transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.3, 1.2, .5, 1);
}
.bbh-menu > li > a:hover { color: var(--orange-ink); }
.bbh-menu > li > a:hover::after { transform: scaleX(1); }
.bbh-menu > li.current-menu-item > a { color: var(--ink); }
.bbh-menu > li:is(.current-menu-item, .current-menu-ancestor) > a::after { transform: scaleX(1); }
.bbh-menu .sub-menu .current-menu-item > a { background: var(--orange-soft); color: var(--orange-ink); font-weight: 800; }
.bbh-menu .menu-item-has-children > a { padding-right: 30px; }
.bbh-menu .menu-item-has-children > a::after { right: 30px; }
.bbh-menu .menu-item-has-children > a::before {
	content: ""; position: absolute; right: 15px; top: 50%; width: 7px; height: 7px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: translateY(-70%) rotate(45deg); transition: transform var(--t);
}
.bbh-menu .menu-item-has-children:hover > a::before { transform: translateY(-30%) rotate(225deg); }

.bbh-menu .sub-menu {
	position: absolute; left: 0; top: calc(100% + 10px); z-index: 5;
	min-width: 260px; padding: 10px; margin: 0; list-style: none;
	background: #fff; border-radius: 16px; box-shadow: var(--shadow-up);
	opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98); transform-origin: top left;
	transition: opacity var(--t), transform var(--t), visibility var(--t);
}
.bbh-menu .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.bbh-menu li:hover > .sub-menu, .bbh-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.bbh-menu .sub-menu a { display: block; padding: 12px 14px; border-radius: 10px; font-size: 16px; font-weight: 600; color: var(--ink); transition: background var(--t), color var(--t), padding var(--t); }
.bbh-menu .sub-menu a:hover { background: var(--orange-soft); color: var(--orange-ink); padding-left: 20px; }

.bbh-header a.bbh-btn { min-height: 52px; padding: 0 48px 0 24px; }
.bbh-header a.bbh-btn::after { right: 22px; top: 9px; bottom: 9px; }
.bbh-nav__cta { display: none !important; }

/* Десктоп: без стрелките. Пунктирът под думата остава, докато менюто е
   отворено, а самото меню е широка бяла карта с плочки: икона, име и ред
   какво има там. Отваря се надолу от пунктира, плочките влизат една след
   друга (Атанас, 2026-09-21: „стрелкичките и отварянето не ме кефят“). */
@media (min-width: 901px) {
	.bbh-menu .menu-item-has-children > a { padding-right: 14px; }
	.bbh-menu .menu-item-has-children > a::before { display: none; }
	.bbh-menu .menu-item-has-children > a::after { right: 14px; }
	.bbh-menu > li:is(:hover, :focus-within) > a::after { transform: scaleX(1); }
	.bbh-menu > li:is(:hover, :focus-within) > a { color: var(--orange-ink); }
	.bbh-menu .sub-menu {
		left: 50%; top: calc(100% + 14px); display: grid; grid-template-columns: repeat(2, 260px); gap: 6px; padding: 14px;
		border-radius: 22px; box-shadow: 0 30px 60px -24px rgba(14, 74, 62, .45), 0 0 0 1px rgba(14, 74, 62, .06);
		transform: translate(-50%, -6px); clip-path: inset(0 0 100% 0 round 22px);
		transition: clip-path .45s cubic-bezier(.2, .8, .3, 1), transform .45s cubic-bezier(.2, .8, .3, 1), opacity .25s, visibility .45s;
	}
	.bbh-menu .sub-menu::before { top: -16px; height: 16px; }
	.bbh-menu li:hover > .sub-menu, .bbh-menu li:focus-within > .sub-menu { transform: translate(-50%, 0); clip-path: inset(0 0 0 0 round 22px); }
	.bbh-menu .sub-menu::after {
		content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 3px;
		background: repeating-linear-gradient(90deg, var(--orange) 0 8px, transparent 8px 13px);
	}
	.bbh-menu .sub-menu li { opacity: 0; transform: translateY(8px); transition: opacity .3s, transform .4s cubic-bezier(.2, .8, .3, 1); }
	.bbh-menu li:is(:hover, :focus-within) > .sub-menu li { opacity: 1; transform: none; }
	.bbh-menu li:is(:hover, :focus-within) > .sub-menu li:nth-child(2) { transition-delay: .05s; }
	.bbh-menu li:is(:hover, :focus-within) > .sub-menu li:nth-child(3) { transition-delay: .1s; }
	.bbh-menu li:is(:hover, :focus-within) > .sub-menu li:nth-child(4) { transition-delay: .15s; }
	.bbh-menu .sub-menu a { display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: 14px; white-space: normal; }
	.bbh-menu .sub-menu a:hover { padding-left: 12px; background: var(--mint); color: var(--ink); }
	.bbh-mm__ico {
		flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px;
		background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff; transition: transform .35s cubic-bezier(.3, 1.4, .5, 1), background .3s;
	}
	.bbh-mm__ico svg { width: 23px; height: 23px; }
	.bbh-menu .sub-menu a:hover .bbh-mm__ico { transform: rotate(-8deg) scale(1.08); background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
	.bbh-mm__t { display: grid; gap: 2px; }
	.bbh-mm__t b { font-size: 16px; font-weight: 800; color: var(--ink); }
	.bbh-mm__t small { font-size: 13.5px; font-weight: 500; line-height: 1.35; color: var(--dim); }
	.bbh-menu .sub-menu .current-menu-item > a { background: var(--orange-soft); }
}
@media (max-width: 900px) { .bbh-mm__ico, .bbh-mm__t small { display: none; } .bbh-mm__t b { font-weight: inherit; } }

.bbh-burger { display: none; width: 48px; height: 48px; position: relative; border-radius: 12px; background: var(--cool); }
.bbh-burger span { position: absolute; left: 13px; width: 22px; height: 2.5px; border-radius: 2px; background: var(--ink); transition: transform var(--t), opacity var(--t); }
.bbh-burger span:nth-child(1) { top: 16px; }
.bbh-burger span:nth-child(2) { top: 23px; }
.bbh-burger span:nth-child(3) { top: 30px; }
.bbh-burger[aria-expanded="true"] { background: var(--orange); }
.bbh-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.bbh-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.bbh-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── 7. Герой на началната ──────────────────────────────────────────
   Снимките от залите се сменят в рамка с форма на АРКА: не още един
   правоъгълник. Долният ръб на героя е дъга. Зад снимката няма рамки
   („ефекта зад снимките не е ок“): дълбочината идва от сянката. */
.bbh-top {
	position: relative; overflow: hidden; isolation: isolate;
	background:
		radial-gradient(rgba(14, 74, 62, .08) 1.2px, transparent 1.3px) 0 0 / 22px 22px,
		linear-gradient(180deg, var(--mint) 0%, #f7fbf9 100%);
	--hero-cut: clamp(30px, 5vw, 80px);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--hero-cut) + 2px), 0 calc(100% + 2px));
	-webkit-mask:
		linear-gradient(#000, #000) top / 100% calc(100% - var(--hero-cut) + 1px) no-repeat,
		linear-gradient(to bottom right, #000 calc(50% - var(--fade)), transparent calc(50% + var(--fade))) bottom / 100% var(--hero-cut) no-repeat;
	mask:
		linear-gradient(#000, #000) top / 100% calc(100% - var(--hero-cut) + 1px) no-repeat,
		linear-gradient(to bottom right, #000 calc(50% - var(--fade)), transparent calc(50% + var(--fade))) bottom / 100% var(--hero-cut) no-repeat;
	padding: clamp(56px, 7vw, 104px) 0 clamp(140px, 12vw, 180px);
}
.bbh-top::before, .bbh-top::after {
	content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(60px);
	animation: bbh-drift 18s ease-in-out infinite alternate;
}
.bbh-top::before { width: 520px; height: 520px; left: -140px; top: -180px; background: rgba(234, 138, 35, .24); }
.bbh-top::after  { width: 600px; height: 600px; right: -160px; bottom: -260px; background: rgba(47, 138, 115, .24); animation-delay: -9s; }
@keyframes bbh-drift { to { transform: translate(80px, 60px) scale(1.15); } }

.bbh-top__cols { gap: clamp(36px, 6vw, 90px) !important; align-items: center !important; margin: 0; }
/* Заглавието на героя е на 3 реда (Атанас): размерът расте с екрана, без таван по ширина. */
.bbh-top .bbh-h1 { max-width: none; font-size: clamp(36px, 4.6vw, 62px); }
.bbh-top .bbh-lead { max-width: 500px; margin-top: 30px; }
.bbh-top .wp-block-buttons { margin-top: 48px; }

.bbh-top__media { position: relative; padding: 60px 20px 110px 40px; }
/* Тестето: снимките са карти на купчина, всяка леко завъртяна. Горната
   отлита наляво и се връща най-отдолу (main.js), през 2.6 секунди. */
.bbh-deck { position: relative; margin: 0 0 0 auto; width: min(100%, 500px); aspect-ratio: 4 / 3; }
.bbh-deck img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
	border-radius: var(--r); border: 6px solid #fff; box-shadow: 0 24px 50px -18px rgba(14, 74, 62, .45);
	transition: transform .6s ease, opacity .45s ease;
}
.bbh-deck img:not([data-pos="0"]) { filter: brightness(.96); }
/* Тесте в секция („Създаваме среда“, „Какво получаваш“): широко, 4:3. */
.bbh-deck--wide { width: calc(100% - 24px); aspect-ratio: 4 / 3; margin: 26px 0 0 24px; }
.bbh-deck img[data-pos="0"] { z-index: 6; transform: rotate(1.5deg); }
.bbh-deck img[data-pos="1"] { z-index: 5; transform: translate(-7px, -6px) rotate(-2.5deg); }
.bbh-deck img[data-pos="2"] { z-index: 4; transform: translate(-13px, -11px) rotate(-5deg); }
.bbh-deck img[data-pos="3"] { z-index: 3; transform: translate(-18px, -16px) rotate(-7deg); }
.bbh-deck img:not([data-pos="0"]):not([data-pos="1"]):not([data-pos="2"]):not([data-pos="3"]) { z-index: 1; transform: translate(-18px, -16px) rotate(-7deg); opacity: 0; }
/* Горната карта само се плъзва леко и избледнява: без силно отлитане. */
.bbh-deck img.is-fly { z-index: 7; transform: translate(-6%, 6px) rotate(-2deg); opacity: 0; transition-duration: .5s; }
/* Тестето се сменя и с ръка (main.js слага is-tap само ако JavaScript върви,
   за да няма показалец под нещо, което не се кликва). */
.bbh-deck.is-tap { cursor: pointer; }

.bbh-top__people {
	position: absolute; z-index: 10; left: 0; top: 0;
	display: flex; align-items: center; gap: 12px; width: max-content; max-width: 330px;
	padding: 10px 20px 10px 10px; border-radius: 999px; background: #fff; box-shadow: var(--shadow-up);
	font-size: 14.5px; line-height: 1.3; font-weight: 700; color: var(--ink);
	animation: bbh-bob 6s ease-in-out infinite;
}
.bbh-top__faces { display: flex; flex: none; }
.bbh-top__faces img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; }
.bbh-top__faces img + img { margin-left: -12px; }

.bbh-top__chips { position: absolute; z-index: 10; left: -10px; bottom: 0; width: min(380px, 90%); display: grid; align-items: end; }
.bbh-chip {
	grid-area: 1 / 1; position: relative; overflow: hidden;
	display: grid; grid-template-columns: 56px 1fr; gap: 16px; align-items: center;
	padding: 22px 24px 24px 22px; border-radius: 22px;
	background: #fff; box-shadow: 0 24px 50px -12px rgba(14, 74, 62, .4);
	opacity: 0; transform: translateY(26px) scale(.94); pointer-events: none;
	transition: opacity .5s ease, transform .6s cubic-bezier(.3, 1.4, .5, 1);
}
.bbh-chip.is-on { opacity: 1; transform: none; }
.bbh-chip.is-out { opacity: 0; transform: translateY(-22px) scale(.96); transition-duration: .45s; }
.bbh-chip::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: var(--orange); transform: scaleX(0); transform-origin: left; }
.bbh-chip::after { display: none; }
@keyframes bbh-fill { to { transform: scaleX(1); } }
.bbh-chip__ico {
	display: grid; place-items: center; width: 56px; height: 56px; border-radius: 17px;
	background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 16px -6px rgba(14, 74, 62, .6);
	transform: rotate(-6deg);
}
.bbh-chip__ico svg { width: 30px; height: 30px; stroke-width: 1.9; }
.bbh-chip__txt { display: grid; gap: 4px; }
.bbh-chip strong { font-size: 19px; line-height: 1.2; font-weight: 800; color: var(--ink); }
.bbh-chip__txt > span { font-size: 15.5px; line-height: 1.45; color: var(--body); }

@media (max-width: 781px) {
	.bbh-top { padding-top: 34px; }
	/* Героят на телефон: ЕДНА картина под текста. Картата с ползата
	   стъпва върху долния ръб на тестето, както на десктоп; балончето с
	   лицата отпада: три еднакви движещи се неща едно под друго не
	   изглеждаха добре (Атанас, 2026-09-21). */
	/* padding, не margin: WordPress нулира margin на колоните. */
	.bbh-top__media { display: block; position: relative; padding: 34px 14px 140px 20px; }
	.bbh-top .bbh-deck { width: 100%; margin: 0; }
	.bbh-top__chips { position: absolute; left: 0; right: 0; top: calc(100% - 184px); bottom: auto; width: auto; margin: 0; align-items: start; }
	.bbh-top__people { display: none; }
}

/* ── Героят на вътрешна страница: снимка с воал (core/cover) ────────── */
.bbh-hero {
	position: relative; overflow: hidden; background: var(--deep);
	min-height: clamp(320px, 34vw, 420px); padding: 0;
	display: grid; grid-template-columns: minmax(0, 1fr); align-items: center;
}
.bbh-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bbh-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(10, 30, 26, .88) 0%, rgba(10, 30, 26, .55) 55%, rgba(10, 30, 26, .2) 100%); }
.bbh-hero > .wp-block-cover__inner-container { position: relative; z-index: 2; width: 100%; max-width: none; padding: 0; }
.bbh-hero > .wp-block-cover__inner-container > * { max-width: none; margin-inline: auto; }
.bbh-hero .bbh-wrap { padding-block: 60px; }
.bbh-hero h1 { color: #fff; max-width: 16ch; }
.bbh-hero .bbh-lead { color: rgba(255, 255, 255, .9); max-width: 600px; }

/* ── 8. Трите обещания: три отделни карти, влезли в долния ръб ─────── */
.bbh-tri { position: relative; z-index: 3; margin-top: -80px; display: grid; gap: 22px; }
@media (min-width: 700px) { .bbh-tri { grid-template-columns: repeat(3, 1fr); } }
.bbh-tri__item {
	display: flex; align-items: center; gap: 20px; padding: 28px 30px;
	background: #fff; border-radius: var(--r); box-shadow: var(--shadow-up);
}
.bbh-tri__item .bbh-h3 { font-size: 19.5px; }

/* Броячите под героя: едро число, отдолу какво брои. */
.bbh-stat strong { display: flex; align-items: baseline; font-size: clamp(34px, 3.4vw, 46px); line-height: 1; font-weight: 800; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.bbh-stat strong i { font-style: normal; color: var(--orange); }
.bbh-stat__label { display: block; margin-top: 6px; font-size: 17px; font-weight: 600; color: var(--body); }

/* ── 9. Плочката с икона ────────────────────────────────────────────
   Не плоска: градиент, светъл ръб отгоре, цветна сянка отдолу и лек
   наклон, който се изправя, щом мишката дойде. Иконата вътре се рисува
   с една линия (main.js), а плочката леко диша. */
.bbh-box__ico, .bbh-card__ico {
	display: grid; place-items: center; flex: none;
	width: 62px; height: 62px; border-radius: 18px;
	background: linear-gradient(145deg, #1b6d5a 0%, var(--deep) 70%);
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 12px 22px -8px rgba(14, 74, 62, .6);
	transform: rotate(-6deg);
	transition: transform .45s cubic-bezier(.3, 1.6, .5, 1);
	animation: bbh-bob 5.5s ease-in-out infinite;
}
.bbh-box__ico svg, .bbh-card__ico svg { width: 31px; height: 31px; stroke-width: 1.9; }
.bbh-box__ico img { width: 34px; height: 34px; object-fit: contain; filter: brightness(0) invert(1); }
:is(.bbh-box, .bbh-tri__item, .bbh-card):hover .bbh-box__ico { transform: rotate(4deg) scale(1.08); }
:is(.bbh-box, .bbh-tri__item):nth-child(2) .bbh-box__ico { animation-delay: -1.4s; }
:is(.bbh-box, .bbh-tri__item):nth-child(3) .bbh-box__ico { animation-delay: -2.8s; }
:is(.bbh-box, .bbh-tri__item):nth-child(4) .bbh-box__ico { animation-delay: -4.1s; }
@keyframes bbh-bob { 50% { translate: 0 -5px; } }

.bbh-tri__item .bbh-box__ico { width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 12px 22px -8px rgba(184, 104, 15, .6); }
.bbh-tri__item .bbh-box__ico svg { width: 28px; height: 28px; }
.bbh-sec--deep .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }

/* Рисуването: всяка линия на иконата се изписва, една след друга. */
.bbh-draw > * { stroke-dasharray: 1 1; stroke-dashoffset: 1; }
.bbh-draw.is-drawn > * { animation: bbh-pen 1.1s cubic-bezier(.6, 0, .25, 1) forwards; }
.bbh-draw.is-drawn > :nth-child(2) { animation-delay: .18s; }
.bbh-draw.is-drawn > :nth-child(3) { animation-delay: .36s; }
.bbh-draw.is-drawn > :nth-child(4) { animation-delay: .54s; }
.bbh-draw.is-drawn > :nth-child(n+5) { animation-delay: .7s; }
@keyframes bbh-pen { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }

/* ── 10. Карти с икона ──────────────────────────────────────────────
   Всяка група има СВОЯ подредба, за да не изглеждат секциите еднакви:
   ползите стоят до лисица, форматите са бенто, „за кого“ е стълба. */
.bbh-boxes { display: grid; gap: clamp(20px, 2.6vw, 32px); }
@media (min-width: 700px) { .bbh-boxes--3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 700px) { .bbh-boxes--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .bbh-boxes--4 { grid-template-columns: repeat(4, 1fr); } }

.bbh-box {
	padding: 42px 36px 44px; background: #fff;
	border-radius: var(--r); box-shadow: var(--shadow);
}
.bbh-box .bbh-h3 { margin: 26px 0 12px; }
.bbh-box p { margin: 0; font-size: 17.5px; line-height: 1.65; }

/* Бенто: форматите със снимка от залата са високи карти, другите две
   стоят една над друга. */
.bbh-bento { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(20px, 2.6vw, 30px); }
@media (min-width: 900px) {
	.bbh-bento { grid-template-columns: 1.15fr 1.15fr 1fr; grid-template-rows: 1fr 1fr; }
	.bbh-bento > .has-pic { grid-row: span 2; }
	/* Само форматите със снимка (напр. на „Предстоящи“): две равни колони. */
	.bbh-bento:not(:has(> .no-pic)) { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	.bbh-bento:not(:has(> .no-pic)) > .has-pic { grid-row: auto; }
}
.bbh-bento > li { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 28px; box-shadow: var(--shadow); }
.bbh-bento__pic { width: 100%; height: clamp(240px, 24vw, 320px); object-fit: cover; object-position: 50% 45%; }
/* „Скоро“: етикет в ъгъла на формат, който още не е тръгнал. */
.bbh-soon { position: absolute; right: 22px; top: 24px; padding: 7px 14px; border-radius: 999px; background: var(--deep); color: #fff; font-size: 13.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.bbh-bento__txt { position: relative; padding: 0 38px 42px; }
.bbh-bento > .has-pic .bbh-bento__txt .bbh-box__ico { margin-top: -31px; position: relative; }
.bbh-bento > .no-pic { background: var(--mint); box-shadow: none; }
.bbh-bento > .no-pic:nth-child(even) { background: var(--orange-soft); }
.bbh-bento > .no-pic .bbh-bento__txt { padding-top: 40px; }
.bbh-bento .bbh-h3 { margin: 20px 0 10px; font-size: 24px; }
.bbh-bento p { margin: 0; font-size: 17.5px; line-height: 1.6; }

/* ── „За кого е“: кръгът ─────────────────────────────────────────────
   Писта, по която оранжевата дъга се изтегля към следващия и светеща
   точка тича; светналият има кръгло пулсиращо сияние, другите леко
   плуват; центърът и панелът сменят текста с движение. */
.bbh-cycle { display: grid; gap: clamp(34px, 5vw, 70px); align-items: center; }
@media (min-width: 900px) { .bbh-cycle { grid-template-columns: minmax(0, 480px) minmax(0, 1fr); } }
.bbh-cycle__wheel { position: relative; width: min(100%, 480px); aspect-ratio: 1; margin-inline: auto; }
.bbh-cycle__ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
/* Мрежата: шест връзки всеки с всеки; светналият озарява своите три. */
.bbh-net__link { stroke: rgba(14, 74, 62, .18); stroke-width: 3; stroke-dasharray: 6 8; animation: bbh-flow 1.6s linear infinite; transition: stroke .4s ease, stroke-width .4s ease; }
.bbh-net__link.is-on { stroke: var(--orange); stroke-width: 4; stroke-dasharray: none; animation: none; }
.bbh-net__pulse { fill: var(--teal); }
.bbh-net__pulse.is-hot { fill: #fff; stroke: var(--orange); stroke-width: 3; }
.bbh-net__cta { grid-row: 3; }
.bbh-net__cta .wp-block-buttons { justify-content: flex-start; margin-top: 26px; }
.bbh-net__note { grid-row: 2; margin: 18px 4px 0; font-size: 17px; line-height: 1.6; color: var(--body); }
.bbh-cycle__core {
	position: absolute; inset: 33%; display: grid; place-content: center; text-align: center;
	border-radius: 50%; background: var(--deep); box-shadow: 0 0 0 10px rgba(14, 74, 62, .1), var(--shadow-up); padding: 6%;
	animation: bbh-breathe 6s ease-in-out infinite;
}
@keyframes bbh-breathe { 50% { box-shadow: 0 0 0 13px rgba(14, 74, 62, .07), var(--shadow-up); } }
.bbh-cycle__core strong { font-size: clamp(14px, 1.5vw, 17px); line-height: 1.25; font-weight: 800; color: #fff; }

.bbh-cycle__node {
	position: absolute; z-index: 2; transform: translate(-50%, -50%); display: grid; justify-items: center; gap: 8px;
	padding: 0; background: none; border: 0; cursor: pointer;
	animation: bbh-bob 5s ease-in-out infinite;
}
.bbh-cycle__node--0 { left: 50%; top: 10%; }
.bbh-cycle__node--1 { left: 90%; top: 50%; animation-delay: -1.2s; }
.bbh-cycle__node--2 { left: 50%; top: 90%; animation-delay: -2.5s; }
.bbh-cycle__node--3 { left: 10%; top: 50%; animation-delay: -3.7s; }
.bbh-cycle__node .bbh-box__ico { position: relative; width: 62px; height: 62px; border-radius: 50%; transform: none; animation: none; transition: transform .5s cubic-bezier(.3, 1.6, .5, 1), background .4s ease; }
.bbh-cycle__node b { padding: 6px 14px; border-radius: 999px; background: #fff; box-shadow: var(--shadow); font-size: 15px; font-weight: 800; color: var(--ink); white-space: nowrap; transition: background .4s ease, color .4s ease; }
/* Кръгло сияние зад светналия: пулсира, не е квадрат. */
.bbh-cycle__node .bbh-box__ico::after {
	content: ""; position: absolute; inset: -10px; border-radius: 50%; border: 3px solid var(--orange);
	opacity: 0; transform: scale(.8);
}
.bbh-cycle__node.is-on .bbh-box__ico { transform: scale(1.18); background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-cycle__node.is-on .bbh-box__ico::after { animation: bbh-ring 2.8s ease-out infinite; border-width: 2px; }
@keyframes bbh-ring { 0% { opacity: .35; transform: scale(.95); } 100% { opacity: 0; transform: scale(1.22); } }
.bbh-cycle__node.is-on b { background: var(--ink); color: #fff; }

.bbh-cycle__panels { display: grid; grid-template-rows: auto auto; }
.bbh-cycle__panel {
	grid-area: 1 / 1; padding: clamp(30px, 3vw, 46px); border-radius: var(--r); background: #fff; box-shadow: var(--shadow-up);
	visibility: hidden; opacity: 0; transition: opacity .3s ease, visibility 0s .3s;
}
.bbh-cycle__panel.is-on { visibility: visible; opacity: 1; transition-delay: 0s; }
.bbh-cycle__panel.is-on > * { animation: bbh-rise .6s cubic-bezier(.3, 1.3, .5, 1) both; }
.bbh-cycle__panel.is-on > :nth-child(2) { animation-delay: .08s; }
.bbh-cycle__panel.is-on > :nth-child(3) { animation-delay: .16s; }
.bbh-cycle__panel.is-on > :nth-child(4) { animation-delay: .24s; }
@keyframes bbh-rise { from { opacity: 0; transform: translateX(26px); } }
.bbh-cycle__panel .bbh-h3 { font-size: clamp(30px, 3.2vw, 40px); margin-bottom: 14px; }
.bbh-cycle__panel p { font-size: clamp(18px, 1.6vw, 20px); line-height: 1.6; margin: 0; }
.bbh-cycle__gives { margin-top: 20px !important; padding-top: 20px; border-top: 1px solid var(--line); }
.bbh-cycle__gives b { color: var(--orange-ink); }
.bbh-cycle__gets { margin-top: 12px !important; }
.bbh-cycle__gets b { color: var(--teal); }
@media (max-width: 560px) {
	.bbh-cycle__wheel { width: calc(100% - 64px); }
	.bbh-cycle__node .bbh-box__ico { width: 50px; height: 50px; }
	.bbh-cycle__node .bbh-box__ico svg { width: 26px; height: 26px; }
	.bbh-cycle__node b { font-size: 13.5px; padding: 5px 10px; }
	.bbh-cycle__core { inset: 33%; padding: 4%; }
	.bbh-cycle__core strong { font-size: 11.5px; }
	}
@media (prefers-reduced-motion: reduce) {
	.bbh-cycle__node, .bbh-cycle__node.is-on .bbh-box__ico::after { animation: none; }
}

/* Пътят над стълбата: точката се качва по етапите, пунктирната дъга
   връща опита към началото. Възлите растат: човекът расте. */
.bbh-journey { display: none; }
@media (min-width: 900px) {
	.bbh-journey { display: block; margin: 0 0 -60px; }
	.bbh-journey svg { width: 100%; height: auto; overflow: visible; }
}
.bbh-journey__path { stroke: var(--orange); stroke-width: 4; stroke-linecap: round; }
.bbh-journey__back { stroke: var(--teal); stroke-width: 3; stroke-dasharray: 10 10; animation: bbh-flow 1.2s linear infinite; }
@keyframes bbh-flow { to { stroke-dashoffset: -20; } }
.bbh-journey__note { font: 700 17px var(--sans); fill: var(--teal); }
.bbh-journey__node { fill: #fff; stroke: var(--orange); stroke-width: 5; }
.bbh-journey__node--top { fill: var(--orange); }
.bbh-journey__dot { fill: var(--deep); stroke: #fff; stroke-width: 3; }
.bbh-stairs__gives { margin: 16px 0 0 !important; padding-top: 14px; border-top: 1px solid rgba(21, 32, 29, .1); font-size: 16px !important; }
.bbh-stairs__gives b { color: var(--orange-ink); }

/* Стълба: четири етапа, всеки стъпва по-високо. */
.bbh-stairs { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; counter-reset: step; }
@media (min-width: 900px) {
	.bbh-stairs { grid-template-columns: repeat(4, 1fr); align-items: end; padding-top: 30px; position: relative; }
	.bbh-stairs > li:nth-child(1) { margin-bottom: 0; }
	.bbh-stairs > li:nth-child(2) { margin-bottom: 30px; }
	.bbh-stairs > li:nth-child(3) { margin-bottom: 60px; }
	.bbh-stairs > li:nth-child(4) { margin-bottom: 90px; }
}
.bbh-stairs > li {
	position: relative; padding: 40px 32px 42px; border-radius: 26px;
	background: var(--mint); counter-increment: step;
}
.bbh-stairs > li:nth-child(even) { background: var(--orange-soft); }
.bbh-stairs > li:nth-child(even) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-stairs > li::after {
	content: "Етап " counter(step); position: absolute; right: 22px; top: 26px;
	font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: rgba(21, 32, 29, .45);
}
.bbh-stairs .bbh-h3 { margin: 22px 0 10px; }
.bbh-stairs p { margin: 0; font-size: 17px; line-height: 1.6; }

.bbh-cards { display: grid; gap: 20px; }
@media (min-width: 700px) { .bbh-cards--2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 760px) { .bbh-cards--3 { grid-template-columns: repeat(3, 1fr); } }
.bbh-card { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; padding: 28px; background: #fff; border-radius: var(--r); box-shadow: var(--shadow); }
.bbh-card p { margin: 0; }

.bbh-withart { gap: clamp(32px, 5vw, 64px) !important; align-items: center !important; }
.bbh-withart .bbh-head { text-align: left; margin-bottom: 28px; }
.bbh-withart .bbh-boxes { gap: 14px; grid-template-columns: 1fr !important; }
.bbh-withart .bbh-box { display: grid; grid-template-columns: 62px 1fr; gap: 6px 22px; align-items: start; padding: 24px 26px; }
.bbh-withart .bbh-box .bbh-box__ico { grid-row: 1 / span 2; }
.bbh-withfox .bbh-boxes { gap: 14px; grid-template-columns: 1fr !important; }
.bbh-withfox .bbh-box { display: grid; grid-template-columns: 62px 1fr; gap: 4px 22px; align-items: start; padding: 22px 26px; }
.bbh-withfox .bbh-box .bbh-box__ico { grid-row: 1 / span 2; }
.bbh-withfox .bbh-box .bbh-h3 { margin: 2px 0 4px; }
.bbh-withfox .bbh-box p { font-size: 16.5px; line-height: 1.6; }
.bbh-boxes__art { margin: 0; }
.bbh-boxes__art img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); }

/* ── 11. Кои сме: раздели ───────────────────────────────────────────── */
.bbh-about { gap: clamp(32px, 5vw, 64px) !important; align-items: center !important; }
.bbh-about .bbh-h2 { max-width: 15ch; margin-bottom: 28px; }
.bbh-about__art { margin: 0; }
.bbh-about__art img { width: 100%; border-radius: var(--r); box-shadow: var(--shadow-up); }

/* Табовете: едри, с линия, която показва кога идва следващият. */
.bbh-tabs__nav { display: flex; width: 100%; gap: 6px; margin-bottom: 26px; padding: 5px; background: #fff; border-radius: 14px; box-shadow: var(--shadow); }
.bbh-tabs__nav button { flex: 1 1 0; position: relative; overflow: hidden; padding: 10px 14px; border-radius: 10px; font-size: 17px; font-weight: 800; color: var(--ink); transition: background var(--t), color var(--t); }
.bbh-tabs__nav button:hover { background: var(--orange-soft); }
.bbh-tabs.is-run .bbh-tabs__nav button[aria-selected="true"]::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: var(--orange); transform-origin: left; animation: bbh-fill var(--tab-dur, 6s) linear forwards; transform: scaleX(0); }
.bbh-tabs__nav button:hover { color: var(--ink); }
.bbh-tabs__nav button[aria-selected="true"] { background: var(--deep); color: #fff; }
/* Табовете като ЗАГЛАВИЕ на секцията: три едри думи, активната е тъмна с
   оранжева черта, която се пълни до следващата; другите са бледи. */
.bbh-tabs--title .bbh-tabs__nav { display: flex; gap: clamp(18px, 3vw, 36px); width: auto; padding: 0; margin-bottom: 30px; background: none; box-shadow: none; border-radius: 0; }
.bbh-tabs--title .bbh-tabs__nav button {
	flex: none; padding: 0 0 12px; border-radius: 0; background: none; overflow: visible;
	font-size: clamp(26px, 2.8vw, 38px); line-height: 1.1; font-weight: 800; letter-spacing: -.025em; color: rgba(21, 32, 29, .28);
	transition: color .3s ease;
}
.bbh-tabs--title .bbh-tabs__nav button:hover { background: none; color: rgba(21, 32, 29, .55); }
.bbh-tabs--title .bbh-tabs__nav button[aria-selected="true"] { background: none; color: var(--ink); }
.bbh-tabs--title .bbh-tabs__nav button[aria-selected="true"]::before {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: repeating-linear-gradient(90deg, rgba(234, 138, 35, .3) 0 9px, transparent 9px 15px);
}
.bbh-tabs--title.is-run .bbh-tabs__nav button[aria-selected="true"]::after { height: 5px; border-radius: 3px; }
.bbh-tabs--title:not(.is-run) .bbh-tabs__nav button[aria-selected="true"]::before { background: repeating-linear-gradient(90deg, var(--orange) 0 9px, transparent 9px 15px); }
.bbh-tabs__panes p { margin: 0 0 26px; font-size: 19.5px; line-height: 1.65; color: var(--ink); }
.bbh-tabs__panes [role="tabpanel"]:not([hidden]) { animation: bbh-panel .5s ease; }
@keyframes bbh-panel { from { opacity: 0; transform: translateY(10px); } }

.bbh-ticks, .bbh-roles { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
/* В „За нас“ точките са КАРТИ една до друга с оранжев ъгъл, не отметки. */
.bbh-tabs .bbh-ticks { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.bbh-tabs .bbh-ticks li {
	position: relative; overflow: hidden; padding: 20px 22px; border-radius: 14px;
	background: #fff; box-shadow: var(--shadow); font-size: 18px; font-weight: 800; line-height: 1.3; color: var(--ink);
}
.bbh-tabs .bbh-ticks li::before { display: none; }
.bbh-tabs .bbh-ticks li { display: flex; align-items: center; gap: 16px; }
.bbh-tabs .bbh-ticks .bbh-box__ico { width: 48px; height: 48px; border-radius: 14px; }
.bbh-tabs .bbh-ticks .bbh-box__ico svg { width: 26px; height: 26px; }
.bbh-tabs .bbh-ticks li:nth-child(even) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-ticks li, .bbh-roles li { position: relative; padding-left: 34px; color: var(--ink); font-weight: 600; }
.bbh-ticks li::before, .bbh-roles li::before {
	content: ""; position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 50%;
	background: var(--teal);
	-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1.1 14.3l-4-4 1.4-1.4 2.6 2.6 5.4-5.4 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1.1 14.3l-4-4 1.4-1.4 2.6 2.6 5.4-5.4 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (min-width: 520px) { .bbh-roles { grid-template-columns: repeat(2, 1fr); gap: 12px 30px; } }

/* ── 12. Историята: закачка на тъмния лист ──────────────────────────
   „трябва да е значително по-кратка и да събужда интереса“: куката,
   цитатът и три числа (12 събития, 0 души, днес 80+), после бутон към
   целия разказ на „За нас“. */
.bbh-sec--deep {
	background:
		radial-gradient(circle at 88% 8%, rgba(47, 138, 115, .55), transparent 42%),
		radial-gradient(circle at 5% 95%, rgba(234, 138, 35, .16), transparent 40%),
		var(--deep);
}
.bbh-sec--deep :is(h1, h2, h3, h4) { color: #fff; }
.bbh-sec--deep .bbh-lead { color: rgba(255, 255, 255, .88); }
.bbh-story { gap: clamp(40px, 6vw, 80px) !important; align-items: center !important; }
.bbh-story__art { position: relative; margin: 0; }
.bbh-story__art img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); box-shadow: 0 30px 60px -18px rgba(0, 0, 0, .55); }
.bbh-story__caption { margin-top: 20px; text-align: center; font-family: var(--hand); font-size: 27px; line-height: 1.2; color: rgba(255, 255, 255, .9); }
.bbh-story__body .bbh-h2 { margin-bottom: 8px; }
.bbh-story__body p { color: rgba(255, 255, 255, .88); }

/* Цитатът: големи оранжеви кавички отгоре, без линия отстрани. */
.bbh-pull {
	position: relative; margin: 34px 0 !important; padding: 44px 0 0 !important; border: 0;
	font-size: clamp(23px, 2.3vw, 30px) !important; line-height: 1.38 !important; font-weight: 800; color: #fff !important;
	letter-spacing: -.01em;
}
.bbh-pull::before {
	content: ""; position: absolute; left: 0; top: -6px; width: 64px; height: 49px; background: var(--orange);
	-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15C0 6 5 1 13 0l1 4c-4 1-6 4-6 8h6v14zm18 0V15c0-9 5-14 13-15l1 4c-4 1-6 4-6 8h6v14z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15C0 6 5 1 13 0l1 4c-4 1-6 4-6 8h6v14zm18 0V15c0-9 5-14 13-15l1 4c-4 1-6 4-6 8h6v14z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.bbh-story__body .wp-block-buttons { margin-top: 36px; }

/* Пълната история (вътрешна страница) */
.bbh-facts { display: grid; gap: 16px; margin: 40px 0; padding: 0; }
@media (min-width: 560px) { .bbh-facts { grid-template-columns: repeat(2, 1fr); } }
.bbh-facts > div { padding: 24px 26px; border-radius: 18px; background: rgba(255, 255, 255, .08); }
.bbh-facts strong { display: block; font-size: 52px; line-height: 1; font-weight: 800; color: var(--orange); }
.bbh-facts span { display: block; margin-top: 12px; font-size: 17px; color: rgba(255, 255, 255, .85); }
.bbh-story__now { margin: clamp(60px, 7vw, 90px) 0 24px; font-size: 22px; font-weight: 800; color: #fff; text-align: center; }
.bbh-counters { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; text-align: center; }
@media (min-width: 620px) { .bbh-counters { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 940px) { .bbh-counters { grid-template-columns: repeat(4, 1fr); } }
.bbh-counters li { padding: 30px 18px; border-radius: 20px; background: rgba(255, 255, 255, .08); }
.bbh-counters strong { display: block; font-size: clamp(44px, 4.6vw, 60px); line-height: 1; font-weight: 800; color: var(--orange); }
.bbh-counters i { font-style: normal; }
.bbh-counters span { display: block; margin-top: 12px; font-size: 16px; font-weight: 600; color: rgba(255, 255, 255, .86); }
.bbh-sec--band { padding: clamp(56px, 7vw, 90px) 0; }

/* ── 13. Събитията (слой върху маркировката на Eventin) ───────────────
   ⛔ Плъгинът зарежда СВОЯ CSS след този файл, със същата тежест, и
   боядисва бутона синьо, а мястото розово. Затова всяко правило тук
   почва с body: една стъпка по-тежко, без !important. */
body .etn-event-wrapper.etn-row { display: grid; gap: 28px; margin: 0; }
@media (min-width: 700px)  { body .etn-event-wrapper.etn-row { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { body .etn-event-wrapper.etn-row { grid-template-columns: repeat(3, 1fr); } }
body .etn-event-wrapper > [class*="etn-col"] { width: auto; max-width: none; padding: 0; flex: none; }

body .etn-event-item {
	position: relative; overflow: hidden; height: 100%; display: flex; flex-direction: column;
	padding: 0; background: #fff; border: 0; border-radius: var(--r); box-shadow: var(--shadow);
	transition: transform var(--t), box-shadow var(--t);
}
body .etn-event-item:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
body .etn-event-thumb { position: relative; overflow: hidden; margin: 0; aspect-ratio: 16 / 10; }
body .etn-event-thumb a { display: block; height: 100%; }
body .etn-event-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
body .etn-event-item:hover .etn-event-thumb img { transform: scale(1.04); }
body .etn-event-thumb .etn-event-category { position: absolute; left: 14px; top: 14px; z-index: 2; margin: 0; }
body .etn-event-thumb .etn-event-category span {
	display: inline-flex; padding: 7px 12px; border-radius: 7px; background: var(--deep); color: #fff;
	font-size: 12.5px; font-weight: 700; letter-spacing: .04em;
}
body .etn-event-content { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 30px 30px 32px; }
body .etn-event-item .etn-event-location { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 14.5px; font-weight: 600; color: var(--dim); }
body .etn-event-item .etn-event-location .etn-icon { color: var(--orange); }
body .etn-event-item .etn-event-title { margin: 0; font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; }
body .etn-event-item .etn-event-title a { color: var(--ink); }
body .etn-event-content > p { margin: 0; font-size: 16px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body .etn-event-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); }
body .etn-event-date span { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
body .etn-event-date .etn-icon { color: var(--orange); }

body .etn-btn, body .etn-btn.etn-btn-border {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
	padding: 0 18px; border-radius: var(--r-sm); border: 0;
	background: var(--orange); color: var(--ink); box-shadow: 0 3px 0 var(--orange-edge);
	font: 800 var(--btn-fs)/1 var(--sans); text-transform: none;
	transition: transform .15s ease, box-shadow .15s ease;
}
body .etn-btn:hover, body .etn-btn.etn-btn-border:hover { color: var(--ink); transform: translateY(2px); box-shadow: 0 1px 0 var(--orange-edge); }

body .etn-tab-wrapper .etn-nav { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0 0 30px; padding: 5px; background: var(--cool); border-radius: 12px; width: fit-content; }
body .etn-tab-wrapper .etn-nav li { margin: 0; }
body .etn-tab-wrapper .etn-tab-a { display: block; padding: 10px 20px; border-radius: 9px; border: 0; background: none; font-size: 15.5px; font-weight: 700; color: var(--body); }
body .etn-tab-wrapper .etn-tab-a.etn-active { background: var(--deep); color: #fff; }

/* Вътрешната страница на събитие */
body .etn-event-single-wrap { padding: 50px 0 80px; }
body .etn-event-single-wrap .etn-container { width: min(100% - var(--gut) * 2, var(--wrap)); margin-inline: auto; max-width: none; padding: 0; }
body .etn-event-single-wrap .etn-row { display: grid; gap: 36px; margin: 0; }
@media (min-width: 1000px) { body .etn-event-single-wrap > .etn-container > .etn-row { grid-template-columns: minmax(0, 1fr) 350px; align-items: start; } }
body .etn-event-single-wrap [class*="etn-col"] { width: auto; max-width: none; padding: 0; flex: none; }
body .etn-event-entry-header { margin-bottom: 24px; }
body .etn-event-entry-header .etn-event-meta { margin: 0 0 14px; }
body .etn-event-entry-header .etn-event-category { display: flex; flex-wrap: wrap; gap: 8px; }
body .etn-event-entry-header .etn-event-category :is(a, span) { display: inline-flex; padding: 6px 12px; border-radius: 7px; background: var(--orange-soft); color: var(--orange-ink); font-size: 13px; font-weight: 700; }
body .etn-event-entry-title { margin: 0; font-size: clamp(28px, 4vw, 42px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
body .etn-single-event-media { margin: 0 0 30px; }
body .etn-single-event-media img { width: 100%; border-radius: var(--r); aspect-ratio: 16 / 9; object-fit: cover; }
body .etn-event-content-body { font-size: 17px; line-height: 1.7; color: var(--body); }
body .etn-event-content-body :is(h2, h3, h4) { margin: 34px 0 14px; font-weight: 800; line-height: 1.25; color: var(--ink); }
body .etn-event-content-body h2 { font-size: 26px; }
body .etn-event-content-body h3 { font-size: 21px; }
body .etn-event-content-body strong { color: var(--ink); }
body .etn-event-content-body a { color: var(--orange-ink); text-decoration: underline; text-underline-offset: 3px; }
body .etn-event-content-body img { border-radius: var(--r); margin-block: 20px; }
body .etn-event-content-body ul { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 11px; }
body .etn-event-content-body ul li { position: relative; padding-left: 30px; }
body .etn-event-content-body ul li::before { content: ""; position: absolute; left: 0; top: .45em; width: 12px; height: 12px; border-radius: 3px; background: var(--orange); }

.bbh-timeline { list-style: none; margin: 4px 0 24px; padding: 0; position: relative; }
.bbh-timeline::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 12px; width: 2px; background: rgba(234, 138, 35, .35); }
.bbh-timeline li { position: relative; display: grid; gap: 2px 18px; grid-template-columns: 120px 1fr; align-items: baseline; padding: 0 0 18px 32px; }
.bbh-timeline li::before { content: ""; position: absolute; left: 0; top: .44em; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--orange); }
.bbh-timeline li:first-child::before { background: var(--orange); }
.bbh-timeline time { font-size: 15px; font-weight: 800; color: var(--orange-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bbh-timeline span { color: var(--ink); }
@media (max-width: 620px) { .bbh-timeline li { grid-template-columns: 1fr; padding-left: 28px; } }

body .etn-event-tag-list { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); }
body .etn-event-tag-list .etn-tags-title { margin: 0 0 12px; font-size: 17px; font-weight: 800; color: var(--ink); }
body .etn-event-tag-list a { display: inline-flex; margin: 0 7px 7px 0; padding: 7px 13px; border-radius: 7px; background: var(--cool); font-size: 14px; }
body .etn-sidebar { display: grid; gap: 16px; }
@media (min-width: 1000px) { body .etn-sidebar { position: sticky; top: 104px; } }
body .etn-sidebar :is(.etn-widget, body .etn-event-meta-info, body .etn-single-event-ticket-wrap) { margin: 0; padding: 24px; background: #fff; border: 0; border-radius: var(--r); box-shadow: var(--shadow); }
body .etn-event-meta-info ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 15px; }
body .etn-event-meta-info li { display: grid; gap: 3px; padding: 0 0 15px; border-bottom: 1px solid var(--line); color: var(--ink); }
body .etn-event-meta-info li:last-child { padding-bottom: 0; border-bottom: 0; }
body .etn-event-meta-info li > span:first-child { font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--dim); }
body .etn-purchase-ticket-title { margin: 0 0 4px; font-size: 21px; font-weight: 800; color: var(--ink); }
body .etn-ticket-price-hint { font-size: 17px; font-weight: 800; color: var(--orange-ink); margin-bottom: 14px; }
body .etn-skel { background: var(--cool); border-radius: 6px; height: 14px; margin-bottom: 11px; }
body .etn-skel-btn { height: 44px; border-radius: var(--r-sm); }
body .etn-sidebar :is(.etn-widget-title, body .etn-add-to-calender-title h4) { margin: 0 0 13px; font-size: 17px; font-weight: 800; color: var(--ink); }
body .etn-calender-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body .etn-add-to-calender { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: var(--r-sm); background: var(--cool); font-size: 14px; }
body .etn-add-to-calender svg { width: 16px; height: 16px; }
body .etn-event-related-post { grid-column: 1 / -1; margin-top: 60px; padding-top: 34px; border-top: 1px solid var(--line); }
body .etn-event-related-post > :is(h2, h3) { margin: 0 0 26px; font-size: 28px; font-weight: 800; color: var(--ink); }
body .etn-event-related-post .etn-row { display: grid; gap: 20px; }
@media (min-width: 760px) { body .etn-event-related-post .etn-row { grid-template-columns: repeat(3, 1fr); } }

/* Събитията в слайдер: колоните на плъгина губят своите ширини. */
body .bbh-slider__track > [class*="etn-col"] { width: auto; max-width: none; padding: 0; }
body .bbh-slider__track .etn-event-item { height: 100%; }

/* Баджовете в слайдер: връзките отгоре не се режат, всеки бадж се люлее
   леко на връзката си, в него е снимката на човека и ролята му. */
.bbh-slider--badges .bbh-slider__view { padding-top: 46px; margin-top: -32px; padding-bottom: 56px; margin-bottom: -56px; }
.bbh-slider--badges .bbh-badge__card { box-shadow: 0 4px 10px rgba(14, 74, 62, .12); }
.bbh-slider--badges .bbh-badge { transform: none; transform-origin: 50% -26px; animation: bbh-sway 5s ease-in-out infinite; }
.bbh-slider--badges .bbh-badge:nth-child(3n+2) { animation-delay: -1.7s; }
.bbh-slider--badges .bbh-badge:nth-child(3n) { animation-delay: -3.4s; }
@keyframes bbh-sway { 0%, 100% { transform: rotate(-1.6deg); } 50% { transform: rotate(1.6deg); } }
.bbh-badge__photo { display: block; overflow: hidden; border-radius: 4px; aspect-ratio: 1; background: #fff; }
.bbh-badge__photo img { width: 100%; height: 100%; object-fit: cover; }
.bbh-slider--badges .bbh-badge__field b { font-size: 30px; min-height: 0; }
@media (prefers-reduced-motion: reduce) { .bbh-slider--badges .bbh-badge { animation: none; } }
/* Баджовете са по-тесни от другите карти: по 4 на десктоп, а на телефон
   68%, за да се вижда и следващият и да не заемат цял екран на височина. */
.bbh-slider--badges .bbh-slider__track > * { flex-basis: calc((100% - 84px) / 4); }
@media (max-width: 980px) { .bbh-slider--badges .bbh-slider__track > * { flex-basis: calc((100% - 56px) / 3); } }
@media (max-width: 660px) { .bbh-slider--badges .bbh-slider__track > * { flex-basis: 68%; } }

/* Сцените в баджовете: всяка роля е малка анимирана рисунка. */
.bbh-scene { display: grid; place-items: center; }
.bbh-scene svg { width: 86%; height: 86%; overflow: visible; }
.bbh-badge:nth-child(3n+1) .bbh-scene { background: var(--mint); }
.bbh-badge:nth-child(3n+2) .bbh-scene { background: var(--orange-soft); }
.bbh-badge:nth-child(3n) .bbh-scene { background: #eef1f6; }
.bbh-scene * { transform-box: fill-box; }
.sc-dark { fill: var(--deep); }
.sc-screen { fill: #fff; }
.sc-paper { fill: #fff; stroke: var(--deep); stroke-width: 5; }
.sc-hand { stroke: var(--orange); stroke-width: 5; stroke-linecap: round; }
.sc-tick { transform-origin: 50% 100%; animation: sc-spin 4s steps(12) infinite; }
@keyframes sc-spin { to { transform: rotate(360deg); } }
.sc-line { fill: var(--orange); transform-origin: 0 50%; animation: sc-type 3s ease-in-out infinite; }
.sc-l2 { animation-delay: .4s; fill: var(--teal); } .sc-l3 { animation-delay: .8s; }
@keyframes sc-type { 0% { transform: scaleX(0); } 35%, 80% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
.sc-base { stroke: var(--deep); stroke-width: 5; stroke-linecap: round; }
.sc-bar { fill: var(--teal); transform-origin: 50% 100%; animation: sc-grow 3s cubic-bezier(.3, 1.4, .5, 1) infinite; }
.sc-b2 { animation-delay: .25s; fill: var(--deep); } .sc-b3 { animation-delay: .5s; fill: var(--orange); }
@keyframes sc-grow { 0% { transform: scaleY(.1); } 40%, 85% { transform: scaleY(1); } 100% { transform: scaleY(.1); } }
.sc-arrow { fill: none; stroke: var(--ink); stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 200; animation: sc-draw 3s ease-in-out infinite; }
@keyframes sc-draw { 0% { stroke-dashoffset: 200; } 45%, 85% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 200; } }
.sc-stem { fill: none; stroke: var(--teal); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 50; animation: sc-draw2 3.4s ease-out infinite; }
@keyframes sc-draw2 { 0% { stroke-dashoffset: 50; } 35%, 90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 50; } }
.sc-leaf { fill: var(--teal); transform-origin: 100% 100%; animation: sc-pop 3.4s ease-out infinite; }
.sc-lf2 { transform-origin: 0 100%; animation-delay: .2s; }
@keyframes sc-pop { 0%, 30% { transform: scale(0); } 50%, 90% { transform: scale(1); } 100% { transform: scale(0); } }
.sc-bulb { fill: #fff; stroke: var(--deep); stroke-width: 5; animation: sc-glow 3.4s ease infinite; }
@keyframes sc-glow { 0%, 50% { fill: #fff; } 60%, 92% { fill: #ffd27a; } 100% { fill: #fff; } }
.sc-rays line { stroke: var(--orange); stroke-width: 5; stroke-linecap: round; opacity: 0; animation: sc-rays 3.4s ease infinite; }
@keyframes sc-rays { 0%, 55% { opacity: 0; } 65%, 90% { opacity: 1; } 100% { opacity: 0; } }
.sc-bub { stroke-width: 0; transform-origin: 20% 100%; animation: sc-talk 4s ease-in-out infinite; }
.sc-bub1 { fill: var(--deep); } .sc-bub2 { fill: var(--orange); transform-origin: 80% 100%; animation-delay: 2s; }
@keyframes sc-talk { 0%, 100% { transform: scale(.92); opacity: .55; } 15%, 45% { transform: scale(1); opacity: 1; } 60% { transform: scale(.92); opacity: .55; } }
.sc-dot { fill: #fff; animation: sc-blink 1.2s ease-in-out infinite; } .sc-dot2 { fill: var(--ink); animation: sc-blink 1.2s ease-in-out infinite; }
.sc-d2 { animation-delay: .2s; } .sc-d3 { animation-delay: .4s; }
@keyframes sc-blink { 50% { transform: translateY(-5px); } }
.sc-road { fill: none; stroke: var(--deep); stroke-width: 5; stroke-dasharray: 3 11; stroke-linecap: round; }
.sc-star { fill: var(--orange); transform-origin: 50% 50%; animation: sc-star 3.2s ease-in-out infinite; }
@keyframes sc-star { 0%, 80% { transform: scale(1); } 90% { transform: scale(1.3) rotate(15deg); } 100% { transform: scale(1); } }
.sc-walker { fill: var(--teal); stroke: #fff; stroke-width: 3; }
.sc-pz { stroke: #fff; stroke-width: 4; }
.sc-pz1 { fill: var(--deep); animation: sc-left 3s ease-in-out infinite; }
.sc-pz2 { fill: var(--orange); animation: sc-right 3s ease-in-out infinite; }
@keyframes sc-left { 0%, 100% { transform: translateX(-16px); } 40%, 75% { transform: translateX(0); } }
@keyframes sc-right { 0%, 100% { transform: translateX(16px); } 40%, 75% { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .bbh-scene * { animation: none !important; } }

/* ── 14. Кого ще срещнеш: баджът ─────────────────────────────────────
   Елементът, който Атанас харесва. Техният предмет: черен бадж с логото,
   ръкописно име и цветна лентичка по категория. */
.bbh-who { gap: clamp(32px, 5vw, 60px) !important; align-items: center !important; }
.bbh-who__art img { width: 100%; border-radius: var(--r); }

.bbh-badges { display: grid; gap: 40px 22px; list-style: none; margin: 0; padding: 26px 0 0; }
@media (min-width: 560px) { .bbh-badges { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .bbh-badges { grid-template-columns: repeat(3, 1fr); } }
.bbh-badge { position: relative; transition: transform var(--t); }
.bbh-badge:nth-child(3n+1) { transform: rotate(-.8deg); }
.bbh-badge:nth-child(3n+2) { transform: rotate(.4deg); }
.bbh-badge:nth-child(3n)   { transform: rotate(1deg); }
.bbh-badge:hover { transform: rotate(0) translateY(-5px); }

.bbh-badge__cord { position: absolute; top: -26px; left: 50%; width: 92px; height: 30px; transform: translateX(-50%); }
.bbh-badge__cord::before, .bbh-badge__cord::after { content: ""; position: absolute; bottom: 0; width: 4px; height: 34px; background: var(--deep); border-radius: 2px; }
.bbh-badge__cord::before { left: 8px;  transform: rotate(19deg);  transform-origin: bottom center; }
.bbh-badge__cord::after  { right: 8px; transform: rotate(-19deg); transform-origin: bottom center; }
.bbh-badge__pin {
	position: absolute; top: -7px; left: 50%; z-index: 2; transform: translateX(-50%);
	width: 54px; height: 13px; border-radius: 3px;
	background: linear-gradient(#c9ccd2, #8d939c); box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}
.bbh-badge__card {
	display: grid; gap: 8px; position: relative; overflow: hidden;
	padding: 20px 16px 0; border-radius: 7px;
	background: linear-gradient(#1b1e23, #101216);
	box-shadow: 0 10px 22px -6px rgba(14, 74, 62, .22);
}
.bbh-badge:hover .bbh-badge__card { box-shadow: 0 12px 24px -6px rgba(14, 74, 62, .26); }
.bbh-badge__top { display: flex; align-items: center; gap: 9px; }
.bbh-badge__top img { height: 22px; width: auto; }
.bbh-badge__event { font-size: 9.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .55); }
.bbh-badge__field { display: block; background: #fff; border-radius: 3px; padding: 7px 10px 8px; }
.bbh-badge__field small { display: block; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #8d949c; }
.bbh-badge__field b { display: block; min-height: 28px; font-family: var(--hand); font-size: 26px; font-weight: 700; line-height: 1.1; color: #14161a; }
.bbh-badge__field--sub b { min-height: 22px; font-size: 19px; }
.bbh-badge__strip { display: block; height: 9px; margin: 10px -16px 0; }
.bbh-badge__strip--0 { background: var(--orange); }
.bbh-badge__strip--1 { background: var(--teal); }
.bbh-badge__strip--2 { background: var(--orange); }

/* ── 15. Лисицата: екип ─────────────────────────────────────────────
   Десктоп: вляво трите лисици една до друга, едната излиза напред;
   вдясно ЕДЪР текст на нейната черта, който влиза отдясно, с линия
   време отдолу. Телефон: лисиците отгоре, текстът под тях. */
.bbh-foxteam {
	list-style: none; margin: 0 auto; padding: 0; position: relative; isolation: isolate;
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto; column-gap: 8px; row-gap: 28px;
}
@media (min-width: 900px) {
	.bbh-foxteam { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.5fr); grid-template-rows: auto; column-gap: 10px; align-items: center; }
}
.bbh-foxteam > li { display: contents; }
/* Скритите балончета чакат изместени надясно: без това избутват страницата встрани на телефон. */
.bbh-foxteam { overflow-x: clip; }
.bbh-cycle__panels { overflow-x: clip; }

.bbh-foxteam__pick { grid-row: 1; display: flex; justify-content: center; align-items: flex-end; padding: 0; background: none; border: 0; cursor: pointer; position: relative; align-self: end; }
.bbh-foxteam > li:nth-child(1) .bbh-foxteam__pick { grid-column: 1; }
.bbh-foxteam > li:nth-child(2) .bbh-foxteam__pick { grid-column: 2; }
.bbh-foxteam > li:nth-child(3) .bbh-foxteam__pick { grid-column: 3; }
.bbh-foxteam__pick::after {
	content: ""; position: absolute; left: 10%; right: 10%; bottom: -8px; height: 26px; z-index: -1;
	border-radius: 50%; background: radial-gradient(closest-side, rgba(14, 74, 62, .24), transparent);
}
.bbh-foxteam__fox {
	width: auto; max-width: 100%; height: clamp(170px, 24vw, 330px); object-fit: contain; transform-origin: 50% 100%;
	transform: scale(.74); filter: grayscale(.6) brightness(.95); opacity: .5;
	transition: transform .5s cubic-bezier(.3, 1.5, .5, 1), filter .4s ease, opacity .4s ease;
}
.bbh-foxteam > li.is-on .bbh-foxteam__fox { transform: scale(1.16); filter: drop-shadow(0 24px 22px rgba(14, 74, 62, .28)); opacity: 1; animation: bbh-hop .6s cubic-bezier(.3, 1.5, .5, 1); }
@keyframes bbh-hop { 0% { transform: scale(.8); } 55% { transform: scale(1.12) translateY(-22px); } 100% { transform: scale(1.12); } }
.bbh-foxteam__pick:hover .bbh-foxteam__fox { opacity: .85; filter: none; }
.bbh-foxteam > li.is-on .bbh-foxteam__pick::after { background: radial-gradient(closest-side, rgba(14, 74, 62, .4), transparent); left: 0; right: 0; height: 34px; }

/* Текстът: всички в една клетка, видим е един. */
.bbh-bubble {
	grid-row: 2; grid-column: 1 / -1; position: relative; overflow: hidden;
	display: grid; gap: 14px; padding: 34px 34px 40px; border-radius: 28px; background: #fff; box-shadow: var(--shadow-up);
	opacity: 0; transform: translateX(60px) scale(.96); pointer-events: none; visibility: hidden;
	transition: opacity .35s ease, transform .6s cubic-bezier(.3, 1.3, .5, 1), visibility 0s .35s;
}
@media (min-width: 900px) {
	.bbh-bubble { grid-row: 1; grid-column: 4; margin-left: 24px; padding: 44px 44px 50px; }
}
.bbh-foxteam > li.is-on .bbh-bubble { opacity: 1; transform: none; visibility: visible; transition-delay: 0s; }
.bbh-bubble b { font-size: clamp(28px, 3vw, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.bbh-bubble span { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.6; color: var(--body); }
/* Линия време: кога идва следващата лисица. */
.bbh-bubble::after { display: none; }


/* ── 16. Отзиви ─────────────────────────────────────────────────────── */
.bbh-quotes { display: grid; gap: 20px; }
@media (min-width: 900px) { .bbh-quotes { grid-template-columns: repeat(3, 1fr); } }
/* Снимката на човека е ЦЯЛА в картата: извън нея слайдерът я реже. */
.bbh-quote { display: flex; flex-direction: column; gap: 22px; margin: 0; padding: 40px 38px 42px; background: #fff; border-radius: var(--r); box-shadow: var(--shadow); }
.bbh-quote__who { order: -1; display: flex; align-items: center; gap: 16px; }
.bbh-quote__who img { flex: none; width: 76px; height: 76px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; box-shadow: 0 0 0 4px var(--orange-soft); }
.bbh-quote__who b { display: block; font-size: 17px; font-weight: 800; color: var(--ink); line-height: 1.3; }
.bbh-quote__who span span { font-size: 14.5px; color: var(--dim); }
.bbh-quote blockquote { margin: 0; font-size: 18px; line-height: 1.65; color: var(--body); }
/* Кавичката е нарисувана, не буква: „ седи под основната линия на шрифта
   и при всеки отстъп пада върху първия ред на цитата. */
.bbh-quote blockquote::before {
	content: ""; display: block; width: 30px; height: 23px; margin-bottom: 14px; background: var(--orange);
	-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15C0 6 5 1 13 0l1 4c-4 1-6 4-6 8h6v14zm18 0V15c0-9 5-14 13-15l1 4c-4 1-6 4-6 8h6v14z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15C0 6 5 1 13 0l1 4c-4 1-6 4-6 8h6v14zm18 0V15c0-9 5-14 13-15l1 4c-4 1-6 4-6 8h6v14z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bbh-quote--wide { grid-column: 1 / -1; }

/* ── 17. Въпроси ────────────────────────────────────────────────────── */
.bbh-faq { max-width: 880px; margin-inline: auto; display: grid; gap: 16px; }
.bbh-faq details { background: #fff; border-radius: var(--r); box-shadow: inset 0 0 0 1.5px var(--line); transition: box-shadow var(--t), background var(--t); }
.bbh-faq details[open] { background: var(--sand); box-shadow: inset 0 0 0 1.5px transparent; }
.bbh-faq summary { display: flex; align-items: center; gap: 16px; cursor: pointer; padding: 26px 28px 26px 32px; list-style: none; font-size: 18.5px; line-height: 1.35; font-weight: 700; color: var(--ink); }
.bbh-faq summary::-webkit-details-marker { display: none; }
.bbh-faq summary::after {
	content: "+"; margin-left: auto; flex: none; display: grid; place-items: center;
	width: 34px; height: 34px; border-radius: 9px; background: var(--cool);
	font-size: 22px; font-weight: 600; color: var(--ink); transition: transform var(--t), background var(--t);
}
.bbh-faq details[open] summary::after { background: var(--orange); transform: rotate(135deg); }
/* Въпросите се отварят плавно (main.js), знакът + се завърта в ×, а
   отвореният въпрос има оранжев ръб отляво (Атанас, 2026-09-21). */
.bbh-faq details { transition: box-shadow .3s ease, background .3s ease, transform .25s ease; }
.bbh-faq details:not([open]):hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1.5px rgba(47, 138, 115, .35), var(--shadow-hover); }
.bbh-faq details[open] { box-shadow: inset 5px 0 0 var(--orange); }
.bbh-faq summary::after { transition: transform .35s cubic-bezier(.3, 1.5, .5, 1), background .25s ease; }
.bbh-faq summary:hover::after { transform: rotate(90deg); }
.bbh-faq details[open] summary:hover::after { transform: rotate(135deg); }
.bbh-faq__a { overflow: hidden; }
.bbh-faq details[open]:not(.is-closing) .bbh-faq__a > * { animation: bbh-faq-in .45s ease both; }
@keyframes bbh-faq-in { from { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) { .bbh-faq details[open] .bbh-faq__a > * { animation: none; } }
.bbh-faq p { margin: 0; padding: 0 32px 30px; font-size: 16.5px; line-height: 1.7; }

/* Две колони: вляво заглавие, изречение и бутон; вдясно въпросите. */
.bbh-faqcols { gap: clamp(30px, 5vw, 70px) !important; align-items: start !important; }
.bbh-faqcols .bbh-head { margin-bottom: 18px; }
.bbh-faq__aside { font-size: 19px; line-height: 1.6; }
.bbh-faqcols .bbh-sec__cta { justify-content: stretch; margin-top: 30px; }
.bbh-faqcols .bbh-sec__cta div.bbh-btn, .bbh-faqcols .bbh-sec__cta .bbh-btn > .wp-block-button__link { width: 100%; }
.bbh-faqcols .bbh-faq { max-width: none; }
.bbh-faq summary { font-size: 19px !important; }
.bbh-faq p { font-size: 17.5px !important; }

/* ── 18. Статии ─────────────────────────────────────────────────────── */
.bbh-posts { display: grid; gap: 20px; }
@media (min-width: 760px) { .bbh-posts { grid-template-columns: repeat(3, 1fr); } }
.bbh-post { display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: var(--r); box-shadow: var(--shadow); transition: transform var(--t), box-shadow var(--t); }
.bbh-post:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.bbh-post > a { overflow: hidden; display: block; }
.bbh-post img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; transition: transform .5s ease; }
.bbh-post:hover img { transform: scale(1.03); }
.bbh-post__body { padding: 30px 32px 36px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; flex: 1; }
.bbh-post h2, .bbh-post h3 { font-size: 20px; line-height: 1.3; font-weight: 800; letter-spacing: -.01em; }
.bbh-post:hover h2, .bbh-post:hover h3 { color: var(--orange-ink); }
.bbh-post__date { font-size: 14px; font-weight: 600; color: var(--dim); }
.bbh-post p { margin: 0; font-size: 16px; line-height: 1.6; }
.bbh-tag { display: inline-flex; padding: 6px 11px; border-radius: 7px; background: var(--orange-soft); color: var(--orange-ink); font-size: 13px; font-weight: 700; }

/* ── 19. Слайдер ────────────────────────────────────────────────────── */
.bbh-slider { position: relative; }
/* Падингът е за сенките на картите: overflow: hidden ги реже иначе. */
.bbh-slider__view { overflow: hidden; margin: -20px -20px -50px; padding: 20px 20px 50px; }
/* ⛔ Без JavaScript лентата се ПРЕЛИВА на няколко реда. Едва когато
   скриптът поеме, става един ред. */
.bbh-slider__track { display: flex; flex-wrap: wrap; gap: 28px; will-change: transform; }
/* ⛔ Преходът е ТУК, не в JavaScript: сменен ли е inline заедно с
   transform, браузърът не пуска преход и слайдерът заяжда. */
.bbh-slider.is-live .bbh-slider__track { flex-wrap: nowrap; transition: transform .55s cubic-bezier(.4, 0, .2, 1); }
/* ⛔ БЪГЪТ „връща се в началото“ (2026-09-21): това правило беше
   .bbh-slider__track.is-jump (0,2,0) и губеше от горното (0,3,0), затова
   връщането на лентата след всеки ход се АНИМИРАШЕ и картите видимо се
   плъзгаха обратно. Изключването на прехода трябва да е по-силно. */
.bbh-slider.is-live .bbh-slider__track.is-jump { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .bbh-slider.is-live .bbh-slider__track { transition: none; } }
/* min-width: 0, иначе картата расте по съдържанието си и излиза вдясно. */
.bbh-slider__track > * { flex: 0 0 calc((100% - 56px) / 3); min-width: 0; margin: 0; align-self: stretch; }
@media (max-width: 980px) { .bbh-slider__track > * { flex-basis: calc((100% - 28px) / 2); } }
@media (max-width: 660px) { .bbh-slider__track > * { flex-basis: 100%; } }

.bbh-slider__nav { display: none; justify-content: space-between; align-items: center; gap: 32px; margin-top: 40px; }
.bbh-slider.is-live .bbh-slider__nav { display: flex; }
.bbh-slider__nav .wp-block-button__link { min-height: 52px; padding: 0 46px 0 20px; white-space: nowrap; }
/* Бутон ДО стрелки: компактен, висок колкото стрелките (Атанас: „това е
   перфектният размер“). Сам бутон на телефон е на цялата ширина. */
.bbh-slider__nav .wp-block-button__link::after { right: 22px; }
/* Кратък надпис не прави бутона сгънат: минимална ширина. */
.bbh-slider__nav .wp-block-button__link { min-width: 220px; }
@media (max-width: 560px) { .bbh-slider__nav .wp-block-button__link { min-width: 170px; padding: 0 40px 0 16px; } .bbh-slider__nav .wp-block-button__link::after { right: 20px; } }
.bbh-slider__arrows { display: flex; gap: 12px; margin-left: auto; }
.bbh-slider__arrow { position: relative; width: 52px; height: 52px; border-radius: 12px; background: #fff; box-shadow: var(--shadow); transition: background var(--t), transform var(--t); }
.bbh-slider__arrow::before {
	content: ""; position: absolute; inset: 0; margin: auto; width: 12px; height: 12px;
	border-left: 3px solid var(--ink); border-bottom: 3px solid var(--ink);
	transform: translateX(2px) rotate(45deg);
}
.bbh-slider__arrow--next::before { transform: translateX(-2px) rotate(-135deg); }
.bbh-slider__arrow:hover { background: var(--orange); transform: translateY(-2px); }
.bbh-dot { width: 10px; height: 10px; padding: 0; border-radius: 999px; background: rgba(21, 32, 29, .2); }
.bbh-dot.is-on { width: 34px; background: var(--orange); }

/* ── 20. Партньори и призив ─────────────────────────────────────────── */
.bbh-partners { overflow: hidden; }
.bbh-partners__track { display: flex; width: max-content; animation: bbh-slide 34s linear infinite; }
.bbh-partners:hover .bbh-partners__track { animation-play-state: paused; }
.bbh-partners ul { display: flex; align-items: center; gap: clamp(30px, 4.5vw, 60px); list-style: none; margin: 0; padding: 0 clamp(15px, 2.2vw, 30px); }
.bbh-partners img { height: clamp(36px, 4vw, 50px); width: auto; opacity: .6; filter: grayscale(1); transition: opacity var(--t), filter var(--t); }
.bbh-partners li:hover img { opacity: 1; filter: none; }
@keyframes bbh-slide { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .bbh-partners__track { animation: none; } }

.bbh-cta { background: var(--orange); color: var(--ink); text-align: center; }

/* ── 21. Ледоразбивачът и игрите (вътрешни страници) ────────────────── */
.bbh-ice { display: grid; gap: 20px; align-items: center; padding: 28px; border-radius: var(--r); background: var(--deep); color: rgba(255, 255, 255, .88); }
@media (min-width: 760px) { .bbh-ice { grid-template-columns: 190px minmax(0, 1fr); gap: 34px; padding: 32px 38px; } }
.bbh-ice__fox { width: 100%; max-width: 180px; margin-inline: auto; }
.bbh-ice__mark {
	display: grid; place-items: center; width: 150px; height: 150px; margin-inline: auto; border-radius: 36px;
	background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink);
	font: 800 96px/1 var(--sans); transform: rotate(-6deg); box-shadow: 0 18px 30px -12px rgba(0, 0, 0, .45);
	animation: bbh-bob 4s ease-in-out infinite;
}
@media (max-width: 759px) { .bbh-ice__mark { width: 110px; height: 110px; font-size: 70px; border-radius: 28px; } }
.bbh-ice__label { display: inline-flex; padding: 6px 11px; border-radius: 7px; margin-bottom: 10px; background: var(--orange); color: var(--ink); font-size: 13px; font-weight: 700; }
.bbh-ice h3 { color: #fff; }
.bbh-ice p { margin: 8px 0 0; }
.bbh-ice__q { margin: 18px 0 !important; padding: 16px 18px; border-radius: var(--r-sm); background: rgba(255, 255, 255, .1); border-left: 4px solid var(--orange); font-family: var(--hand); font-size: 27px; line-height: 1.25; color: #fff; min-height: 64px; transition: opacity .16s ease; }

.bbh-games { margin-top: 44px; }
.bbh-games__title { margin-bottom: 22px; }
.bbh-games__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
@media (min-width: 640px) { .bbh-games__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .bbh-games__list { grid-template-columns: repeat(4, 1fr); } }
.bbh-game { display: grid; gap: 8px; padding: 24px 22px; background: #fff; border-radius: var(--r); box-shadow: var(--shadow); }
.bbh-game b { font-size: 18px; font-weight: 800; color: var(--ink); }
.bbh-game span:not(.bbh-game__art) { font-size: 16px; }
.bbh-game__art { display: block; height: 74px; position: relative; margin-bottom: 6px; }
.bbh-game__art::before, .bbh-game__art::after { content: ""; position: absolute; }
.bbh-game--tower .bbh-game__art::before { left: 6px; bottom: 0; width: 56px; height: 66px; background: linear-gradient(74deg, transparent 46%, var(--orange) 46% 54%, transparent 54%), linear-gradient(106deg, transparent 46%, var(--orange) 46% 54%, transparent 54%), linear-gradient(90deg, transparent 46%, var(--teal) 46% 54%, transparent 54%); }
.bbh-game--tower .bbh-game__art::after { left: 27px; top: 0; width: 15px; height: 15px; border-radius: 50%; background: var(--teal); }
.bbh-game--maze .bbh-game__art::before { left: 4px; bottom: 4px; width: 62px; height: 62px; border: 4px solid var(--teal); border-right-color: transparent; border-radius: 3px; }
.bbh-game--maze .bbh-game__art::after { left: 20px; bottom: 20px; width: 30px; height: 30px; border: 4px solid var(--orange); border-top-color: transparent; border-radius: 3px; }
.bbh-game--pitch .bbh-game__art::before { left: 4px; top: 6px; width: 62px; height: 44px; border: 4px solid var(--orange); border-radius: 10px; }
.bbh-game--pitch .bbh-game__art::after { left: 18px; top: 48px; width: 0; height: 0; border-left: 10px solid var(--orange); border-bottom: 14px solid transparent; }
.bbh-game--cups .bbh-game__art::before { left: 4px; bottom: 0; width: 26px; height: 26px; clip-path: polygon(12% 0, 88% 0, 74% 100%, 26% 100%); background: var(--teal); box-shadow: 32px 0 0 var(--teal), 16px -30px 0 var(--orange); }

/* ── 22. Футър ──────────────────────────────────────────────────────── */
.bbh-footer {
	margin-top: calc(-1 * var(--cut)); position: relative; z-index: 2;
	background: #0f1a17; color: rgba(255, 255, 255, .78);
	padding: 56px 0 0; border-radius: 0;
	font-size: 16px;
}
.bbh-footer h2 { color: #fff; font-size: 17px; font-weight: 800; margin: 0 0 16px; }
.bbh-footer__grid { display: grid; gap: 36px; padding-bottom: 40px; }
@media (min-width: 820px) { .bbh-footer__grid { grid-template-columns: 1.6fr repeat(3, 1fr); } }
.bbh-footer .bbh-logo img { height: 56px; width: auto; }
@media (max-width: 781px) { .bbh-footer .bbh-logo img { height: 48px; } }
.bbh-footer .bbh-logo { display: inline-block; }
.bbh-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.bbh-footer a { transition: color var(--t); }
.bbh-footer a:hover { color: var(--orange); }
.bbh-footer__note { margin: 18px 0 0; max-width: 40ch; }
.bbh-footer__contact { margin-top: 14px; }
.bbh-social { display: flex; gap: 10px; margin-top: 20px; }
.bbh-social a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: var(--r-sm); background: rgba(255, 255, 255, .1); color: #fff; transition: background var(--t), color var(--t), transform var(--t); }
.bbh-social a:hover { background: var(--orange); color: var(--ink); transform: translateY(-2px); }
.bbh-social svg { width: 18px; height: 18px; fill: currentColor; }
.bbh-footer__bar { padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 14px; color: rgba(255, 255, 255, .55); }

/* ── 23. Обем и движение ────────────────────────────────────────────
   „всичко сега ми е прекалено квадратно 2д, плоско“. Три неща вдигат
   страницата от листа: картите се накланят към мишката (main.js дава
   --rx и --ry), групите влизат отдолу при скрол, а снимките стоят пред
   цветна рамка, завъртяна обратно. */
body .bbh-tilt.bbh-tilt {
	transform: perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0px));
	transition: transform .4s cubic-bezier(.2, .8, .3, 1), box-shadow var(--t);
	will-change: transform;
}
body .bbh-tilt.bbh-tilt:hover { --ty: -6px; box-shadow: var(--shadow-hover); transition: transform .15s ease-out, box-shadow var(--t); }

.bbh-up { opacity: 0; transform: translateY(34px); transition: opacity .7s ease, transform .8s cubic-bezier(.2, .8, .3, 1); }
.bbh-up.is-up { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.bbh-up { opacity: 1; transform: none; }
	.bbh-box__ico, .bbh-top__people, .bbh-top::before, .bbh-top::after { animation: none; }
}

.bbh-sec--cool { background: radial-gradient(circle at 100% 0%, rgba(47, 138, 115, .1), transparent 40%), var(--cool); }
.bbh-sec--sand { background: radial-gradient(circle at 0% 0%, rgba(234, 138, 35, .1), transparent 40%), var(--sand); }


/* Ползите на оранжевото: картите дишат повече. */
.bbh-withart .bbh-boxes { gap: 16px; }
.bbh-withart .bbh-box { grid-template-columns: 62px 1fr; gap: 6px 22px; padding: 24px 26px; }
.bbh-withart .bbh-box .bbh-h3 { margin-top: 4px; }

/* Малкият билет в картите на събитията, без стрелка. */
/* „Запиши се“ е билет на цялата ширина на картата, датата стои над него. */
body .etn-event-item .etn-event-footer { flex-direction: column; align-items: stretch; gap: 16px; padding-top: 20px; }
body .etn-event-item .etn-event-date span { font-size: 19px; }
body .etn-event-item .etn-btn {
	--notch: radial-gradient(circle 6px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat,
	         radial-gradient(circle 6px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
	position: relative; justify-content: center; width: 100%; min-height: 58px; padding: 0 60px 0 30px; border-radius: 12px; box-shadow: none;
	font-size: var(--btn-fs); font-weight: 800;
	background: linear-gradient(180deg, #f4a247, var(--orange) 55%, #e07f16);
	-webkit-mask: var(--notch); mask: var(--notch);
	border-right: 0;
}
body .etn-event-item .etn-btn::after { content: ""; position: absolute; right: 30px; top: 10px; bottom: 10px; width: 2.5px; background: var(--tear); }
body .etn-event-item .etn-btn:hover { transform: rotate(-2deg) translateY(-2px); box-shadow: none; }


/* Заглавията на секции дишат повече от текста под тях. */
.bbh-head .bbh-lead { margin-top: 20px; }

/* ── 23б. Вътрешните страници ─────────────────────────────────────────
   Атанас, 2026-09-21: „гледай основния сайт каква е информацията и
   построй новия в правилния стил“. Текстът е техният, видът е този на
   началната: светъл герой с тесте снимки, наклонени ленти, карти с
   анимирани икони, билетът като бутон. */

/* Героят на вътрешна страница: героят на началната, по-нисък. */
.bbh-top--page { padding: clamp(40px, 5vw, 72px) 0 clamp(110px, 10vw, 150px); }
.bbh-top--page .bbh-h1 { font-size: clamp(36px, 4.4vw, 58px); }
.bbh-top--page .bbh-top__media { padding: 20px 10px 30px 30px; }
.bbh-top--page .wp-block-buttons { margin-top: 36px; }
.bbh-top--plain { padding-bottom: clamp(80px, 8vw, 110px); }
.bbh-top--plain .bbh-top__body { max-width: 820px; }
/* Пътеката: откъде си дошъл, малка и тиха. */
.bbh-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 22px; font-size: 15px; font-weight: 700; color: var(--dim); }
.bbh-crumbs a { color: var(--teal); }
.bbh-crumbs a:hover { color: var(--orange-ink); }
.bbh-crumbs span[aria-hidden] { opacity: .5; }
.bbh-top__badge {
	display: inline-flex; margin: 0 0 18px; padding: 8px 16px; border-radius: 999px;
	background: var(--deep); color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
	animation: bbh-bob 6s ease-in-out infinite;
}

/* Събитията от Eventin: етикетът с категорията е махнат (Атанас,
   2026-09-21), бутонът е билетът, отминалото не е бутон. */
body .etn-event-thumb .etn-event-category { display: none; }
body .etn-event-item .etn-atend-btn { width: 100%; }
body .etn-event-item .etn-btn .etn-icon { display: none; }
body .etn-event-item .etn-btn.etn-event-expired {
	-webkit-mask: none; mask: none; background: var(--cool); color: var(--dim); min-height: 48px; pointer-events: none;
}
body .etn-event-item .etn-btn.etn-event-expired::after { display: none; }
.bbh-etn--past .etn-event-thumb img { filter: saturate(.75); }
.bbh-etn .etn-not-found-post, .bbh-etn-empty p { margin: 0; }
.bbh-etn-empty {
	padding: 40px 36px; border-radius: var(--r); background: #fff; box-shadow: var(--shadow);
	font-size: 19px; font-weight: 700; color: var(--ink); text-align: center;
}
.bbh-etn .bbh-sec__cta { margin-top: 44px; }

/* ⛔ Картите от шорткода на Eventin носят обвивката .etn-atend-btn, а
   неговият CSS я бие с 4 класа: `.etn-event-item .etn-event-footer
   .etn-atend-btn .etn-btn-border` маха градиента на билета, прави текста
   13px с главни и розов ръб. Затова тук селекторите са по-тежки от
   неговите, на едно място (Атанас, 2026-09-21: „защо прецака дизайна
   на събитията“). */
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-footer .etn-atend-btn .etn-btn {
	display: flex; align-items: center; justify-content: center; width: 100%; min-height: 58px; margin: 0;
	padding: 0 60px 0 30px; border: 0; border-radius: 12px; box-shadow: none;
	background: linear-gradient(180deg, #f4a247, var(--orange) 55%, #e07f16);
	color: var(--ink); font: 800 var(--btn-fs)/1.2 var(--sans); letter-spacing: 0; text-transform: none;
}
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-footer .etn-atend-btn .etn-btn.etn-event-expired {
	background: var(--cool); color: var(--dim); padding: 0 30px; min-height: 48px;
}
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-footer { overflow: visible; margin-top: auto; }
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-footer .etn-event-date { float: none; font-size: inherit; }
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-content { row-gap: 10px; }
/* Заглавието на картата не става синьо при клик или посещение: Eventin
   го боядисва #5D78FF (Атанас, 2026-09-21: „не ми харесва“). */
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-title a,
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-title a:is(:hover, :focus, :active, :visited) { color: var(--ink) !important; }
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item:hover .etn-event-title a { color: var(--orange-ink) !important; }
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-content > p {
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0;
}
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-thumb { border-radius: 0; }
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-location .etn-icon,
body :is(.etn-event-wrapper, .bbh-slider__track) .etn-event-item .etn-event-date .etn-icon { color: var(--orange); }

/* Цитатът на светъл фон е тъмен. */
.bbh-sec:not(.bbh-sec--deep) .bbh-pull { color: var(--ink) !important; }
.bbh-why { gap: clamp(36px, 5vw, 72px) !important; align-items: center !important; }
/* Заглавие в колона до снимка или форма: по-малко, за да е на един ред. */
@media (min-width: 900px) { :is(.bbh-why, .bbh-formsec) .bbh-h2 { font-size: clamp(28px, 2.6vw, 38px); } }
.bbh-prose p { font-size: 18.5px; }
.bbh-sec--deep .bbh-prose p { color: rgba(255, 255, 255, .88); }

/* Правният текст: четима колона, заглавията са удебелените редове. */
.bbh-legal { max-width: 780px; font-size: 17.5px; line-height: 1.75; }
.bbh-legal h2, .bbh-legal h3, .bbh-legal h4 { margin: 38px 0 14px; font-size: 22px; }
.bbh-legal p:has(> b:only-child), .bbh-legal p:has(> strong:only-child) { margin-top: 34px; color: var(--ink); font-size: 19px; }
.bbh-legal ul { margin: 0 0 20px; padding-left: 22px; }
.bbh-legal li { margin-bottom: 6px; }
.bbh-legal li p { margin: 0; }
.bbh-legal a { color: var(--orange-ink); text-decoration: underline; }
.bbh-legal code { font: inherit; }

/* Формата: текстът отляво, бялата карта с полетата отдясно. */
.bbh-formsec { gap: clamp(36px, 5vw, 72px) !important; align-items: flex-start !important; }
.bbh-formsec__body .bbh-head { margin-bottom: 24px; }
.bbh-reach-list { display: grid; gap: 14px; margin-top: 10px; }
.bbh-reach {
	display: flex; align-items: center; gap: 18px; padding: 18px 22px; border-radius: 18px;
	background: #fff; box-shadow: var(--shadow); color: var(--ink); transition: transform var(--t), box-shadow var(--t);
}
a.bbh-reach:hover { transform: translateX(6px); box-shadow: var(--shadow-hover); }
.bbh-reach small { display: block; font-size: 14px; font-weight: 700; color: var(--dim); }
.bbh-reach b { display: block; font-size: 19px; font-weight: 800; }
.bbh-reach .bbh-box__ico, .bbh-perks .bbh-box__ico { width: 52px; height: 52px; margin: 0; flex: none; border-radius: 15px; }
.bbh-reach .bbh-box__ico svg, .bbh-perks .bbh-box__ico svg { width: 26px; height: 26px; }
.bbh-reach:nth-child(2) .bbh-box__ico, .bbh-perks li:nth-child(2) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-perks { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 12px; }
.bbh-perks li { display: flex; align-items: center; gap: 16px; font-size: 19px; font-weight: 800; color: var(--ink); }
.bbh-social-box { margin-top: 36px; padding: 28px; border-radius: var(--r); background: var(--deep); color: rgba(255, 255, 255, .86); }
.bbh-social-box .bbh-h3 { color: #fff; margin-bottom: 8px; }
.bbh-social-box p { font-size: 16.5px; }
.bbh-social-box .bbh-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.bbh-social-box .bbh-social a {
	display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px;
	background: rgba(255, 255, 255, .1); color: #fff; transition: background var(--t), transform var(--t);
}
.bbh-social-box .bbh-social a:hover { background: var(--orange); color: var(--ink); transform: translateY(-3px); }
.bbh-social-box .bbh-social svg { width: 22px; height: 22px; }

/* Формата (Атанас, 2026-09-21: „формите са много грозни“). Всяко поле
   има надпис НАД себе си, не сив текст вътре, който изчезва при писане.
   Полетата са бели с тънък ръб, фокусът е тюркоазен пръстен, отметката
   за съгласие е наша, бутонът е билетът. Разметката е от forms.json, без
   автоматичните <p> и <br> на CF7 (functions.php). */
.bbh-formcard {
	position: relative; padding: clamp(28px, 3.6vw, 48px); border-radius: 26px; background: #fff;
	box-shadow: 0 1px 2px rgba(21, 32, 29, .05), 0 24px 60px -24px rgba(14, 74, 62, .35);
}
/* Главата на формата: иконата в зелено квадратче, което леко се поклаща,
   и заглавието до нея. */
.bbh-formcard__head { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
.bbh-formcard__head .bbh-h3 { margin: 0; font-size: clamp(24px, 2.2vw, 30px); }
.bbh-formcard__ico {
	position: relative; flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 17px;
	background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff; box-shadow: 0 12px 22px -10px rgba(14, 74, 62, .6);
	animation: bbh-formico 3.2s ease-in-out infinite;
}
.bbh-formcard__ico::after { content: ""; position: absolute; inset: -6px; border-radius: 21px; border: 2px solid rgba(47, 138, 115, .35); animation: bbh-formring 3.2s ease-out infinite; }
.bbh-formcard__ico svg { width: 28px; height: 28px; }
@keyframes bbh-formico { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(-6deg); } }
@keyframes bbh-formring { 0% { opacity: .9; transform: scale(.9); } 70%, 100% { opacity: 0; transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .bbh-formcard__ico, .bbh-formcard__ico::after { animation: none; } }
.bbh-formcard .wpcf7-form { display: grid; gap: 18px; }
.bbh-formcard .hidden-fields-container { display: none; }
.bbh-f-row { display: grid; gap: 18px; }
@media (min-width: 560px) { .bbh-f-row { grid-template-columns: 1fr 1fr; } }
.bbh-f { display: grid; gap: 8px; margin: 0; cursor: text; }
.bbh-f__label { font-size: 15px; line-height: 1.35; font-weight: 700; color: var(--ink); }
.bbh-formcard .wpcf7-form-control-wrap { display: block; }
.bbh-formcard :is(input[type="text"], input[type="email"], input[type="tel"], textarea) {
	display: block; width: 100%; margin: 0; padding: 15px 18px; border: 1.5px solid #d5dedb; border-radius: 14px; background: #fbfdfc;
	font: 500 17px/1.45 var(--sans); color: var(--ink); box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.bbh-formcard input:is([type="text"], [type="email"], [type="tel"]) { height: 56px; }
.bbh-formcard textarea { min-height: 120px; resize: vertical; }
.bbh-formcard :is(input, textarea):hover { border-color: #b9c8c3; }
.bbh-formcard :is(input, textarea):focus { outline: 0; border-color: var(--teal); background: #fff; box-shadow: 0 0 0 4px rgba(47, 138, 115, .16); }
.bbh-formcard [aria-invalid="true"] { border-color: #c8453b !important; box-shadow: 0 0 0 4px rgba(200, 69, 59, .12) !important; }

/* Съгласието: собствена отметка, текстът до нея на един ред с нея. */
.bbh-f-consent { font-size: 15.5px; line-height: 1.5; color: var(--body); }
.bbh-f-consent .wpcf7-list-item { display: block; margin: 0; }
.bbh-f-consent label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.bbh-f-consent input[type="checkbox"] {
	appearance: none; -webkit-appearance: none; flex: none; width: 22px; height: 22px; margin: 0;
	border: 1.5px solid #b9c8c3; border-radius: 7px; background: #fff; cursor: pointer;
	display: grid; place-items: center; transition: background .2s ease, border-color .2s ease;
}
.bbh-f-consent input[type="checkbox"]::after {
	content: ""; width: 11px; height: 6px; margin-top: -3px; border: solid #fff; border-width: 0 0 2.5px 2.5px;
	transform: rotate(-45deg) scale(0); transition: transform .2s cubic-bezier(.3, 1.6, .5, 1);
}
.bbh-f-consent input[type="checkbox"]:checked { background: var(--teal); border-color: var(--teal); }
.bbh-f-consent input[type="checkbox"]:checked::after { transform: rotate(-45deg) scale(1); }
.bbh-f-consent input[type="checkbox"]:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.bbh-f-consent a { color: var(--orange-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Изпрати е билетът, като всеки бутон. Докато няма съгласие, CF7 го
   държи изключен: тогава е блед, не счупен. */
.bbh-f-send { position: relative; }
.bbh-formcard input[type="submit"] {
	--notch: radial-gradient(circle 8px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat,
	         radial-gradient(circle 8px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
	display: block; width: 100%; min-height: 62px; margin: 4px 0 0; padding: 0 36px; border: 0; border-radius: 12px; cursor: pointer;
	background: linear-gradient(180deg, #f4a247 0%, var(--orange) 55%, #e07f16 100%);
	color: var(--ink); font: 800 var(--btn-fs)/1.2 var(--sans);
	-webkit-mask: var(--notch); mask: var(--notch);
	transition: transform .3s cubic-bezier(.3, 1.5, .5, 1), opacity .2s ease, filter .2s ease;
}
.bbh-formcard input[type="submit"]:hover:not(:disabled) { transform: translateY(-3px) rotate(-1deg); }
.bbh-formcard input[type="submit"]:disabled { opacity: .45; filter: saturate(.6); cursor: not-allowed; }
.bbh-formcard .wpcf7-spinner { position: absolute; right: 18px; top: 50%; margin: -12px 0 0; background-color: var(--ink); }
.bbh-formcard .wpcf7-not-valid-tip { margin-top: 6px; font-size: 14px; font-weight: 600; color: #b3261e; }
.bbh-formcard .wpcf7-response-output { margin: 4px 0 0 !important; padding: 14px 18px !important; border: 0 !important; border-radius: 12px; background: var(--mint); color: var(--deep); font-size: 16px; font-weight: 600; }
.bbh-formcard .wpcf7-form:is(.invalid, .unaccepted, .failed) .wpcf7-response-output { background: #fdecea; color: #8c1d18; }

/* Екипът: кръгли портрети, името и ролята. */
.bbh-team { list-style: none; margin: 0 auto; padding: 0; display: grid; gap: 26px; max-width: 980px; }
@media (min-width: 640px) { .bbh-team { grid-template-columns: repeat(3, 1fr); } }
.bbh-team li { display: grid; justify-items: center; gap: 4px; padding: 34px 20px 30px; border-radius: var(--r); background: #fff; box-shadow: var(--shadow); text-align: center; transition: transform var(--t), box-shadow var(--t); }
.bbh-team li:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.bbh-team img { width: 150px; height: 150px; margin-bottom: 16px; border-radius: 50%; object-fit: cover; border: 5px solid var(--mint); }
.bbh-team li:nth-child(2) img { border-color: var(--orange-soft); }
.bbh-team b { font-size: 21px; font-weight: 800; color: var(--ink); }
.bbh-team span { font-size: 16px; font-weight: 700; color: var(--teal); }

/* Галерията: всяко събитие е албум от две карти; отваря се на цял екран. */
.bbh-albums { list-style: none; margin: 0; padding: 0; display: grid; gap: 34px 28px; }
@media (min-width: 640px) { .bbh-albums { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .bbh-albums { grid-template-columns: repeat(3, 1fr); } }
.bbh-album { display: block; width: 100%; padding: 0; text-align: left; cursor: zoom-in; }
.bbh-album__pics { position: relative; display: block; aspect-ratio: 4 / 3; margin: 14px 10px 0 0; }
.bbh-album__pics img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
	border: 6px solid #fff; border-radius: var(--r); box-shadow: 0 20px 40px -18px rgba(14, 74, 62, .45);
	transition: transform .5s cubic-bezier(.3, 1.3, .5, 1);
}
.bbh-album__pics img:first-child { z-index: 2; transform: rotate(1deg); }
.bbh-album__pics img + img { transform: translate(8px, -10px) rotate(4deg); filter: brightness(.95); }
.bbh-album:hover .bbh-album__pics img:first-child { transform: rotate(-1.5deg) translateY(-6px); }
.bbh-album:hover .bbh-album__pics img + img { transform: translate(18px, -16px) rotate(7deg); }
.bbh-album__txt { display: grid; gap: 4px; padding: 20px 6px 0; }
.bbh-album__txt small { font-size: 14.5px; font-weight: 800; color: var(--orange-ink); font-variant-numeric: tabular-nums; }
.bbh-album__txt b { font-size: 21px; line-height: 1.3; font-weight: 800; color: var(--ink); }
.bbh-album__count { display: inline-flex; width: fit-content; margin-top: 6px; padding: 5px 12px; border-radius: 999px; background: var(--mint); font-size: 14px; font-weight: 700; color: var(--deep); }

a.bbh-album { color: inherit; cursor: pointer; }
/* Страницата на албума: снимките в решетка, различни височини като
   колаж; всяка се отваря голяма. */
.bbh-photos { list-style: none; margin: 0; padding: 0; columns: 3 280px; column-gap: 18px; }
.bbh-photos li { break-inside: avoid; margin: 0 0 18px; }
.bbh-photos button { display: block; width: 100%; padding: 0; overflow: hidden; border-radius: 16px; cursor: zoom-in; box-shadow: 0 1px 2px rgba(21, 32, 29, .06), 0 10px 22px -12px rgba(21, 32, 29, .25); }
.bbh-photos img { width: 100%; height: auto; transition: transform .5s ease, filter .3s ease; }
.bbh-photos button:hover img { transform: scale(1.04); filter: brightness(1.04); }
@media (max-width: 560px) { .bbh-photos { columns: 2; column-gap: 10px; } .bbh-photos li { margin-bottom: 10px; } .bbh-photos button { border-radius: 12px; } }

.bbh-lightbox { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8, 26, 22, .94); color: #fff; }
.bbh-lightbox[open] { display: grid; place-items: center; }
.bbh-lightbox::backdrop { background: rgba(8, 26, 22, .7); }
.bbh-lightbox__stage { display: grid; place-items: center; width: 100%; height: 100%; padding: 70px 90px; }
.bbh-lightbox__stage img { max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 12px; box-shadow: 0 30px 60px rgba(0, 0, 0, .5); animation: bbh-lb-in .35s ease; }
@keyframes bbh-lb-in { from { opacity: 0; transform: scale(.97); } }
.bbh-lightbox__count { position: absolute; left: 0; right: 0; top: 22px; margin: 0; text-align: center; font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, .8); }
.bbh-lightbox__close { position: absolute; right: 18px; top: 14px; width: 48px; height: 48px; border-radius: 12px; background: rgba(255, 255, 255, .12); }
.bbh-lightbox__close::before, .bbh-lightbox__close::after { content: ""; position: absolute; left: 13px; right: 13px; top: 23px; height: 2.5px; border-radius: 2px; background: #fff; transform: rotate(45deg); }
.bbh-lightbox__close::after { transform: rotate(-45deg); }
.bbh-lightbox .bbh-slider__arrow { position: absolute; top: 50%; margin-top: -26px; left: 18px; }
.bbh-lightbox .bbh-slider__arrow--next { left: auto; right: 18px; }
@media (max-width: 700px) {
	.bbh-lightbox__stage { padding: 70px 10px 90px; }
	.bbh-lightbox .bbh-slider__arrow { top: auto; bottom: 20px; margin: 0; left: calc(50% - 58px); }
	.bbh-lightbox .bbh-slider__arrow--next { left: calc(50% + 6px); right: auto; }
}

@media (max-width: 781px) {
	.bbh-top--page { padding-top: 26px; }
	.bbh-top--page .bbh-top__media { padding: 24px 12px 10px 16px; }
	.bbh-formsec__form { width: 100%; }
}

/* ── 23в. Страницата на едно събитие (single-etn.php) ─────────────────
   Атанас, 2026-09-21: „вътре и страницата на събитията да е както
   трябва“. Героят като на вътрешните страници, но вдясно е банерът на
   събитието; под него текстът вляво и картата за записване вдясно. */
.bbh-event-hero { display: grid; gap: clamp(32px, 5vw, 70px); align-items: center; }
@media (min-width: 900px) { .bbh-event-hero { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } }
.bbh-top--event .bbh-h1 { font-size: clamp(38px, 4.6vw, 62px); }
.bbh-top__badge.is-past { background: var(--dim); animation: none; }
.bbh-event-hero__art { margin: 0; }
.bbh-event-hero__art img {
	width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border: 6px solid #fff; border-radius: var(--r);
	box-shadow: 0 24px 50px -18px rgba(14, 74, 62, .45); transform: rotate(1.2deg);
}
.bbh-event-facts { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.bbh-event-facts li {
	display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 16px;
	background: #fff; box-shadow: var(--shadow);
}
.bbh-event-facts svg { flex: none; width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--deep); color: #fff; }
.bbh-event-facts li:nth-child(2) svg { background: var(--orange); color: var(--ink); }
.bbh-event-facts span { display: grid; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--dim); }
.bbh-event-facts b { font-size: 17px; font-weight: 800; color: var(--ink); }
.bbh-top--event .wp-block-buttons { margin-top: 34px; }

.bbh-event { display: grid; gap: clamp(36px, 5vw, 70px); align-items: start; }
@media (min-width: 1000px) {
	.bbh-event { grid-template-columns: minmax(0, 1fr) 380px; }
	.bbh-event__side { position: sticky; top: 110px; }
}
/* Текстът на събитието: както го пише клиентът в редактора. */
.bbh-event__body { max-width: 720px; font-size: 18px; line-height: 1.7; }
.bbh-event__body > :first-child { margin-top: 0; }
.bbh-event__body h2 { margin: 44px 0 16px; font-size: clamp(26px, 2.4vw, 32px); }
.bbh-event__body h3 { margin: 32px 0 12px; font-size: 22px; }
.bbh-event__body hr { height: 0; margin: 40px 0; border: 0; border-top: 2px dashed rgba(21, 32, 29, .12); }
.bbh-event__body p { margin: 0 0 14px; }
.bbh-event__body strong { color: var(--ink); }
/* Редовете от програмата почват с часа: той е оранжев и еднакво широк. */
.bbh-event__body p > strong:first-child:not(:only-child) { color: var(--orange-ink); font-variant-numeric: tabular-nums; }
.bbh-event__body ul { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 10px; }
.bbh-event__body li { position: relative; padding-left: 30px; }
.bbh-event__body li::before { content: ""; position: absolute; left: 4px; top: .6em; width: 12px; height: 12px; border-radius: 4px; background: var(--orange); transform: rotate(45deg); }
.bbh-event__body li p { margin: 0; }
.bbh-event__body iframe { display: block; width: 100%; height: 360px; margin-top: 18px; border: 0; border-radius: var(--r); box-shadow: var(--shadow); }
.bbh-event__body img { border-radius: var(--r); }

.bbh-event-card > .bbh-h3 { margin-bottom: 18px; }
.bbh-event-card dl { margin: 0 0 22px; display: grid; }
.bbh-event-card dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px dashed rgba(21, 32, 29, .15); }
.bbh-event-card dt { font-size: 15px; font-weight: 700; color: var(--dim); }
.bbh-event-card dd { margin: 0; font-size: 16.5px; font-weight: 800; color: var(--ink); text-align: right; }
.bbh-event-card__note { margin: 0 0 18px; font-size: 16px; line-height: 1.55; }
.bbh-event-card .wp-block-buttons { margin-top: 0; flex-direction: column; align-items: stretch; gap: 14px; }
.bbh-event-card div.bbh-btn:not(.bbh-btn--line), .bbh-event-card .bbh-btn:not(.bbh-btn--line) > .wp-block-button__link { width: 100%; }
.bbh-event-card .bbh-btn--line { text-align: center; }
.bbh-event-card .bbh-btn--line > .wp-block-button__link { min-height: 40px; }

/* Формата за билети на Eventin (React с Ant Design) в картата „Запиши
   се“ (Атанас, 2026-09-21: „формата с цените да е красива и правилна“).
   Подредбата е една и съща на всяка ширина: билетът и свободните места,
   после цената вляво и броят вдясно на един ред, после общото и бутонът.
   Междинната сума за един билет е скрита: повтаря общото. */
.bbh-event-card .etn-purchase-ticket-root, .bbh-event-card .etn-purchase-ticket-root * { font-family: var(--sans) !important; }
.bbh-event-card .etn-purchase-ticket-root .ant-card { border: 0; border-radius: 0; background: none; box-shadow: none; }
.bbh-event-card .etn-purchase-ticket-root .ant-card-body { padding: 0; }
.bbh-event-card .etn-purchase-ticket-root .etn-purchase-ticket-title { display: none; }
.bbh-event-card .etn-ticket-container { display: block !important; margin: 0 !important; padding: 20px !important; border-radius: 18px; background: var(--cool) !important; }
.bbh-event-card .etn-ticket-container + .etn-ticket-container { margin-top: 12px !important; }
.bbh-event-card .etn-ticket-header { display: block !important; margin: 0 0 16px; padding: 0 0 14px !important; border-bottom: 1.5px dashed rgba(21, 32, 29, .16); }
.bbh-event-card .etn-ticket-header .ant-col { padding: 0 !important; max-width: none !important; }
.bbh-event-card .etn-ticket-title, .bbh-event-card .etn-ticket-title > div > span { color: var(--ink) !important; font-size: 19px !important; font-weight: 800; line-height: 1.3; }
.bbh-event-card .etn-remaining-seats { display: block; margin-top: 2px; font-size: 14px !important; font-weight: 700 !important; color: var(--teal) !important; }
.bbh-event-card .etn-purchase-ticket-root .ant-alert { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; font-size: 14.5px; }
.bbh-event-card .etn-ticket-info-row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end !important; justify-content: space-between !important; gap: 12px; margin: 0 !important; }
.bbh-event-card .etn-ticket-info-row > .ant-col { flex: none !important; width: auto !important; max-width: none !important; padding: 0 !important; }
.bbh-event-card .etn-ticket-subtotal-col { display: none !important; }
.bbh-event-card :is(.etn-ticket-price-label, .etn-ticket-quantity-label) { padding: 0 0 6px !important; font-size: 13.5px !important; font-weight: 700; color: var(--dim) !important; text-align: left; }
.bbh-event-card .etn-ticket-price strong { display: block; font-size: 28px; line-height: 38px; font-weight: 800; color: var(--ink); letter-spacing: -.01em; }
.bbh-event-card .etn-ticket-quantity { display: flex !important; align-items: stretch; height: 44px; border: 1.5px solid #cfdad6 !important; border-radius: 14px !important; overflow: hidden; background: #fff; }
.bbh-event-card .etn-ticket-quantity .ant-btn { width: 42px; height: 100%; border: 0; border-radius: 0; background: #fff; color: var(--ink); }
.bbh-event-card .etn-ticket-quantity .ant-btn:hover { background: var(--mint) !important; }
.bbh-event-card .etn-ticket-quantity .ant-btn:last-child { background: var(--orange); }
.bbh-event-card .etn-ticket-quantity .ant-btn:last-child:hover { background: #f4a247 !important; }
.bbh-event-card .etn-ticket-quantity .ant-btn:disabled { opacity: .35; }
.bbh-event-card .etn-ticket-quantity .ant-input-number { width: 44px !important; height: 100%; border: 0 !important; border-inline: 1.5px solid #e3eae7 !important; border-radius: 0 !important; box-shadow: none !important; }
.bbh-event-card .etn-ticket-quantity .ant-input-number-input-wrap, .bbh-event-card .etn-ticket-quantity input { height: 100% !important; }
.bbh-event-card .etn-ticket-quantity input { padding: 0 !important; text-align: center !important; font-size: 18px !important; font-weight: 800; color: var(--ink); }
.bbh-event-card .etn-purchase-ticket-total-row { display: flex !important; align-items: baseline; justify-content: space-between; margin: 20px 2px 16px !important; }
.bbh-event-card .etn-purchase-ticket-total-row .ant-col { padding: 0 !important; }
.bbh-event-card .etn-purchase-ticket-total-row span { font-size: 15.5px !important; font-weight: 700; color: var(--dim) !important; }
.bbh-event-card .etn-purchase-ticket-total-text-span + .etn-purchase-ticket-total-text-span { margin-left: 4px; font-size: 17px !important; font-weight: 800; color: var(--ink) !important; }
.bbh-event-card .etn-purchase-ticket-total-amount-text-span { margin-left: 6px; font-size: 24px !important; font-weight: 800; color: var(--ink) !important; }
.bbh-event-card .etn-purchase-ticket-root .ant-btn-primary {
	--notch: radial-gradient(circle 8px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat,
	         radial-gradient(circle 8px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: auto; min-height: 60px; padding: 0 24px; border: 0; border-radius: 12px; box-shadow: none;
	background: linear-gradient(180deg, #f4a247, var(--orange) 55%, #e07f16) !important; color: var(--ink) !important;
	font: 800 var(--btn-fs)/1.2 var(--sans) !important; white-space: normal;
	-webkit-mask: var(--notch); mask: var(--notch);
	transition: transform .3s cubic-bezier(.3, 1.5, .5, 1), opacity .2s ease;
}
.bbh-event-card .etn-purchase-ticket-root .ant-btn-primary:hover:not(:disabled) { transform: translateY(-3px) rotate(-1deg); }
.bbh-event-card .etn-purchase-ticket-root .ant-btn-primary:disabled { opacity: .45; filter: saturate(.6); cursor: not-allowed; }
@media (max-width: 781px) { .bbh-event-card { padding: 24px 20px; } }
/* Докато формата се зареди (при първото мръдване на страницата), стои
   същата сива кутия с цената, не сивите ленти на Eventin. */
.bbh-event-card .etn-ticket-placeholder { min-height: 0 !important; padding: 20px; border-radius: 18px; background: var(--cool); }
.bbh-event-card .etn-ticket-placeholder .etn-purchase-ticket-title { display: block; margin: 0 0 4px; font-size: 14px; font-weight: 700; color: var(--dim); }
.bbh-event-card .etn-ticket-placeholder .etn-ticket-price-hint { margin: 0; font-size: 28px; font-weight: 800; color: var(--ink); }
.bbh-event-card .etn-ticket-placeholder .etn-skel { display: none; }

/* ── 23г. Точки и програма: текстът се чете с един поглед ────────────
   Атанас, 2026-09-21: „текстът е много събран и трудно четим, трябва да е
   лесно сканируем, както е на началната“. Вместо абзаци: кратко удебелено
   заглавие и едно изречение до анимирана икона; часовете на събитието по
   линия, която се изпълва. */
.bbh-points { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 14px; }
.bbh-points li {
	display: grid; grid-template-columns: 52px 1fr; gap: 18px; align-items: start;
	padding: 18px 20px; border-radius: 18px; background: #fff; box-shadow: var(--shadow);
}
.bbh-points .bbh-box__ico { width: 52px; height: 52px; margin: 0; border-radius: 15px; }
.bbh-points .bbh-box__ico svg { width: 26px; height: 26px; }
.bbh-points li:nth-child(even) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-points b { display: block; font-size: 19.5px; line-height: 1.3; font-weight: 800; color: var(--ink); }
.bbh-points li > span:last-child > span { display: block; margin-top: 4px; font-size: 16.5px; line-height: 1.55; color: var(--body); }
.bbh-sec--deep .bbh-points li { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.bbh-sec--deep .bbh-points b { color: #fff; }
.bbh-sec--deep .bbh-points li > span:last-child > span { color: rgba(255, 255, 255, .78); }
.bbh-up.bbh-points li { opacity: 0; transform: translateX(24px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .8, .3, 1); transition-delay: calc(var(--i) * .12s); }
.bbh-up.bbh-points.is-up li { opacity: 1; transform: none; }
.bbh-points + .bbh-pull { margin-top: 30px !important; }
.bbh-why .bbh-lead { margin: 14px 0 22px; }

.bbh-program { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 16px; counter-reset: none; }
.bbh-program li { position: relative; display: grid; gap: 6px; padding: 26px 22px 24px; border-radius: 20px; background: #fff; box-shadow: var(--shadow); }
.bbh-program time { display: inline-flex; width: fit-content; padding: 5px 12px; border-radius: 999px; background: var(--orange-soft); font-size: 15px; font-weight: 800; color: var(--orange-ink); font-variant-numeric: tabular-nums; }
.bbh-program .bbh-box__ico { width: 50px; height: 50px; margin: 10px 0 6px; border-radius: 15px; }
.bbh-program .bbh-box__ico svg { width: 25px; height: 25px; }
.bbh-program li:nth-child(even) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-program b { font-size: 18.5px; line-height: 1.35; font-weight: 800; color: var(--ink); }
.bbh-program li > span:last-child:not(.bbh-box__ico) { font-size: 15.5px; line-height: 1.5; color: var(--body); }
.bbh-program__dot { display: none; }
@media (max-width: 899px) {
	/* На телефон: иконата вляво, часът, заглавието и текстът вдясно, с
	   вертикална линия на времето през иконите. */
	.bbh-program { gap: 12px; }
	.bbh-program::before { content: ""; position: absolute; left: 44px; top: 24px; bottom: 24px; width: 3px; border-radius: 3px; background: rgba(234, 138, 35, .35); }
	.bbh-program li { grid-template-columns: 50px 1fr; column-gap: 16px; row-gap: 4px; align-items: start; padding: 18px 18px 18px 20px; }
	.bbh-program .bbh-box__ico { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
	.bbh-program :is(time, b, li > span:last-child:not(.bbh-box__ico)) { grid-column: 2; }
}
.bbh-program__note { max-width: 760px; margin: 26px auto 0; text-align: center; font-size: 16.5px; color: var(--body); }
@media (min-width: 900px) {
	.bbh-program { grid-auto-flow: column; grid-auto-columns: 1fr; gap: 18px; padding-top: 34px; }
	/* Линията на времето минава над картите и се изпълва отляво надясно. */
	.bbh-program::before, .bbh-program::after { content: ""; position: absolute; left: 10%; right: 10%; top: 9px; height: 4px; border-radius: 4px; background: rgba(21, 32, 29, .08); }
	.bbh-program::after { background: var(--orange); transform-origin: left; }
	.bbh-up.bbh-program::after { transform: scaleX(0); transition: transform 1.8s cubic-bezier(.4, 0, .2, 1) .2s; }
	.bbh-up.bbh-program.is-up::after { transform: scaleX(1); }
	.bbh-program__dot { display: block; position: absolute; z-index: 2; left: 50%; top: -34px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: #fff; border: 4px solid var(--orange); }
}
.bbh-up.bbh-program li { opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .8, .3, 1); transition-delay: calc(.2s + var(--i) * .25s); }
.bbh-up.bbh-program.is-up li { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .bbh-up.bbh-points li, .bbh-up.bbh-program li { opacity: 1; transform: none; } }

/* ── 23д. Модериран нетуъркинг и игрите ─────────────────────────────
   Атанас, 2026-09-21: модерираният нетуъркинг е в стъпки с анимация
   (групи с непознати, въпрос, 60 секунди, разговорите тръгват); игрите
   на закуската са „леко вметнати с анимации“. */
.bbh-flow { max-width: 1040px; margin: 0 auto; }
.bbh-flow__tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px; }
.bbh-flow__tab { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: #fff; box-shadow: var(--shadow); text-align: left; transition: background .3s ease, transform .3s ease; }
.bbh-flow__tab:hover { transform: translateY(-2px); }
.bbh-flow__tab.is-on { background: var(--deep); }
.bbh-flow__n { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--cool); font-size: 18px; font-weight: 800; color: var(--deep); transition: background .3s ease, transform .35s cubic-bezier(.3, 1.5, .5, 1); }
.bbh-flow__tab.is-on .bbh-flow__n { background: var(--orange); color: var(--ink); transform: rotate(-6deg); }
.bbh-flow__t { font-size: 15.5px; line-height: 1.25; font-weight: 800; color: var(--ink); }
.bbh-flow__tab.is-on .bbh-flow__t { color: #fff; }
.bbh-flow__card { position: relative; overflow: hidden; display: grid; border-radius: 26px; background: #fff; box-shadow: var(--shadow-up); }
@media (min-width: 900px) { .bbh-flow__card { grid-template-columns: 1.25fr 1fr; align-items: center; } }
.bbh-flow__stage { position: relative; aspect-ratio: 4 / 3; background: radial-gradient(rgba(14, 74, 62, .09) 1.2px, transparent 1.3px) 0 0 / 20px 20px, var(--sand); }
.bbh-flow__stage svg { position: absolute; inset: 6%; width: 88%; height: 88%; overflow: visible; }
.bbh-flow__caps { display: grid; padding: clamp(24px, 3vw, 44px); }
.bbh-flow__cap { grid-area: 1 / 1; opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .5s cubic-bezier(.2, .8, .3, 1); pointer-events: none; }
.bbh-flow__cap.is-on { opacity: 1; transform: none; pointer-events: auto; }
.bbh-flow__cap .bbh-flow__n { width: 52px; height: 52px; margin-bottom: 18px; background: var(--orange); color: var(--ink); font-size: 22px; transform: rotate(-6deg); }
.bbh-flow__cap b { display: block; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.15; font-weight: 800; letter-spacing: -.015em; color: var(--ink); }
.bbh-flow__cap p { margin: 12px 0 0; font-size: 18px; line-height: 1.6; color: var(--body); }
.bbh-flow__bar { position: absolute; left: 0; bottom: 0; height: 5px; width: 100%; background: var(--orange); transform: scaleX(0); transform-origin: left; }
.bbh-flow__card.is-run .bbh-flow__bar { animation: bbh-fill 4.2s linear forwards; }
@media (max-width: 899px) {
	.bbh-flow__tabs { gap: 8px; }
	.bbh-flow__tab { justify-content: center; padding: 8px; }
	.bbh-flow__t { display: none; }
	.bbh-flow__stage { aspect-ratio: 16 / 11; }
	.bbh-flow__cap .bbh-flow__n { display: none; }
}
/* Сцените се движат през цялото време, в кръг от 4.2 секунди (колкото
   трае една стъпка): стоят ли, изглеждат счупени (Атанас, 2026-09-21). */
.fl-s { display: none; }
.bbh-flow__stage[data-step="0"] .fl-s0, .bbh-flow__stage[data-step="1"] .fl-s1,
.bbh-flow__stage[data-step="2"] .fl-s2, .bbh-flow__stage[data-step="3"] .fl-s3 { display: inline; }
.fl-table { fill: var(--mint); stroke: rgba(14, 74, 62, .25); stroke-width: 2; }
.fl-c0 { fill: var(--deep); } .fl-c1 { fill: var(--orange); } .fl-c2 { fill: var(--teal); }
.fl-p { animation: fl-join 4.2s cubic-bezier(.3, 1.2, .5, 1) infinite; animation-delay: calc(var(--d) * .1s); }
@keyframes fl-join { 0% { transform: translate(var(--dx), var(--dy)); opacity: .2; } 30% { transform: none; opacity: 1; } 55% { transform: translateY(-4px); } 75% { transform: none; } 92% { transform: none; opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)); opacity: .2; } }
.fl-card { stroke: #fff; stroke-width: 4; }
.fl-k1 { fill: var(--deep); } .fl-k2 { fill: var(--teal); } .fl-k3 { fill: var(--orange); }
.fl-t2 .mi-stick { animation-delay: .7s; } .fl-t2 .mi-s2 { animation-delay: .95s; } .fl-t2 .mi-s3 { animation-delay: 1.2s; } .fl-t2 .mi-s4 { animation-delay: 1.45s; } .fl-t2 .mi-ball { animation-delay: .7s; }
.fl-vs { font: 900 34px/1 var(--sans); fill: var(--orange); animation: fl-tick 1.05s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.fl-card--w { fill: #fff; stroke: #dbe7e3; stroke-width: 2; filter: drop-shadow(0 8px 10px rgba(14, 74, 62, .16)); }
.fl-top { animation: fl-draw 4.2s cubic-bezier(.3, 1.2, .5, 1) infinite; transform-box: fill-box; transform-origin: center; }
@keyframes fl-draw { 0%, 8% { transform: none; } 30%, 85% { transform: translate(40px, -46px) rotate(8deg); } 100% { transform: none; } }
.fl-q { font: 800 76px/1 var(--sans); fill: #fff; animation: fl-qpop 4.2s ease infinite; transform-box: fill-box; transform-origin: center; }
@keyframes fl-qpop { 0%, 28% { opacity: 0; transform: scale(.4); } 38% { opacity: 1; transform: scale(1.15); } 45%, 82% { opacity: 1; transform: none; } 92%, 100% { opacity: 0; transform: scale(.6); } }
.fl-ring-bg { fill: none; stroke: var(--cool); stroke-width: 16; }
.fl-ring { fill: none; stroke: var(--orange); stroke-width: 16; stroke-linecap: round; stroke-dasharray: 1 1; transform: rotate(-90deg); transform-box: fill-box; transform-origin: center; animation: fl-count 4.2s linear infinite; }
@keyframes fl-count { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 1; } }
.fl-sec { font: 800 64px/1 var(--sans); fill: var(--ink); animation: fl-tick 1.05s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes fl-tick { 50% { transform: scale(1.06); } }
.fl-sec-l { font: 700 18px/1 var(--sans); fill: var(--dim); }
.fl-bub { fill: #fff; stroke: var(--deep); stroke-width: 3; }
.fl-bub2 { fill: var(--orange-soft); stroke: var(--orange); }
.fl-dot { fill: var(--deep); }
.fl-b { opacity: 0; animation: fl-talk 4.2s ease-in-out infinite; transform-box: fill-box; transform-origin: bottom center; }
.fl-b2 { animation-delay: 1.4s; } .fl-b3 { animation-delay: 2.8s; }
@keyframes fl-talk { 0%, 100% { opacity: 0; transform: scale(.6); } 10%, 40% { opacity: 1; transform: none; } 55% { opacity: 0; transform: scale(.9); } }

.bbh-gamestrip { display: grid; gap: 22px 40px; align-items: center; padding: 26px 28px; border-radius: 24px; background: var(--cool); }
@media (min-width: 900px) { .bbh-gamestrip { grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); } }
.bbh-gamestrip__txt .bbh-h3 { font-size: 22px; }
.bbh-gamestrip__txt p { margin: 8px 0 0; font-size: 16.5px; line-height: 1.55; }
.bbh-gamestrip__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 640px) { .bbh-gamestrip__list { grid-template-columns: repeat(4, 1fr); } }
.bbh-gamestrip__list li { display: grid; justify-items: center; gap: 8px; padding: 14px 10px 16px; border-radius: 16px; background: #fff; text-align: center; }
.bbh-gamestrip__list b { font-size: 14.5px; line-height: 1.3; font-weight: 800; color: var(--ink); }
.bbh-mini svg { width: 64px; height: 64px; overflow: visible; }
.mi-base, .mi-wall { fill: none; stroke: var(--deep); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.mi-stick { stroke: var(--orange); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 80; stroke-dashoffset: 80; animation: mi-build 4s ease-in-out infinite; }
.mi-s2 { animation-delay: .25s; } .mi-s3 { animation-delay: .5s; } .mi-s4 { animation-delay: .75s; }
@keyframes mi-build { 0% { stroke-dashoffset: 80; } 30%, 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 80; } }
.mi-ball { fill: var(--teal); animation: mi-bob 4s ease-in-out infinite; }
@keyframes mi-bob { 0%, 25% { opacity: 0; transform: translateY(-8px); } 35%, 85% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.mi-route { fill: none; stroke: rgba(234, 138, 35, .35); stroke-width: 3; stroke-dasharray: 3 6; }
.mi-dot { fill: var(--orange); }
.mi-mic { fill: var(--orange); }
.mi-wave { fill: none; stroke: var(--teal); stroke-width: 4; stroke-linecap: round; animation: mi-wave 1.6s ease-out infinite; }
.mi-w2 { animation-delay: .3s; }
@keyframes mi-wave { 0% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 0; } }
.mi-cup { fill: var(--teal); opacity: 0; animation: mi-cup 4.8s ease-in-out infinite; }
.mi-c2, .mi-c5 { fill: var(--orange); }
.mi-c6 { fill: var(--deep); }
.mi-c2 { animation-delay: .2s; } .mi-c3 { animation-delay: .4s; } .mi-c4 { animation-delay: .7s; } .mi-c5 { animation-delay: .9s; } .mi-c6 { animation-delay: 1.2s; }
@keyframes mi-cup { 0% { opacity: 0; transform: translateY(-14px); } 12%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
	.fl-p, .fl-top, .fl-q, .fl-ring, .fl-b, .mi-stick, .mi-ball, .mi-wave, .mi-cup { animation: none; opacity: 1; stroke-dashoffset: 0; }
}
.bbh-deck--form { margin-top: 34px; }
/* В секция с текст до снимка бутонът стои вляво, под текста, както на
   началната; центриран бутон под колоната изглеждаше загубен. */
.bbh-withart .bbh-sec__cta { justify-content: flex-start; margin-top: 34px; }
/* На зеления лист точките са бели карти: прозрачните се сливаха с фона. */
.bbh-sec--deep .bbh-points li { background: #fff; box-shadow: 0 12px 26px -12px rgba(0, 0, 0, .35); }
.bbh-sec--deep .bbh-points b { color: var(--ink); }
.bbh-sec--deep .bbh-points li > span:last-child > span { color: var(--body); }
.bbh-sec--deep .bbh-points .bbh-box__ico { background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff; }
.bbh-sec--deep .bbh-points li:nth-child(even) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
/* На телефон сцената е над стъпките: вижда се какво става, докато четеш. */
@media (max-width: 899px) { .bbh-flow__stage { order: -1; } }
/* Формата с точки до нея: точките са светли карти, формата е бялата карта. */
.bbh-formsec .bbh-points { margin-top: 22px; }
.bbh-formsec .bbh-pull { margin-top: 30px !important; font-size: clamp(21px, 2vw, 26px) !important; }
@media (min-width: 900px) { .bbh-formsec__form { position: sticky; top: 110px; } }

/* „Защо да дойдеш?“: голяма снимка отгоре и тестето отдолу вдясно, само
   на десктоп. Снимката е наклонена наляво и бавно се приближава, тестето
   е по-малко, наклонено надясно и влиза под ъгъла ѝ: едното стои, другото
   се сменя, не си пречат. На телефон остава само тестето. */
.bbh-why__top { display: none; }
@media (min-width: 900px) {
	.bbh-why:has(.has-top) { align-items: start !important; }
	.bbh-why__top {
		display: block; position: relative; z-index: 1; overflow: hidden; margin: 8px 34px 0 0; aspect-ratio: 4 / 3;
		border: 6px solid #fff; border-radius: var(--r); box-shadow: 0 28px 56px -22px rgba(0, 0, 0, .55); transform: rotate(-2.2deg);
	}
	.bbh-why__top img { width: 100%; height: 100%; object-fit: cover; animation: bbh-kenburns 16s ease-in-out infinite alternate; }
	@keyframes bbh-kenburns { to { transform: scale(1.09) translate(-2%, -1.5%); } }
	.bbh-why__top figcaption {
		position: absolute; left: 16px; bottom: 16px; padding: 8px 14px; border-radius: 999px;
		background: var(--orange); color: var(--ink); font-size: 14px; font-weight: 800; box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
	}
	/* Снимката горе и тестето долу са с еднакъв размер: горната стои,
	   долната се сменя като тесте (Атанас, 2026-09-21). */
	.has-top .bbh-deck--wide { position: relative; z-index: 2; width: calc(100% - 34px); aspect-ratio: 4 / 3; margin: 44px 34px 0 0; }
}
@media (prefers-reduced-motion: reduce) { .bbh-why__top img { animation: none; } }

/* Лисицата до карти („Нашата философия“): умерена, под заглавието, с
   леко поклащане. Без размер заемаше цялата колона (Атанас, 2026-09-21:
   „огромна е и не изглежда добре“). */
.bbh-fox-side { display: block; width: auto; max-width: 200px; max-height: 330px; margin: 26px auto 0; object-fit: contain; animation: bbh-bob 5s ease-in-out infinite; }
@media (max-width: 781px) { .bbh-fox-side { max-width: 130px; max-height: 210px; margin-top: 16px; } }

/* Цитатът на Ганди („За нас“): портретът вляво в бяла рамка, която бавно
   се приближава, с топъл ореол зад нея; вдясно думите едро, с акцент върху
   даването. Отдолу кръгът „даваш, свързваш, получаваш“: светлината обикаля
   трите стъпки без спиране. */
.bbh-gq { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 900px) { .bbh-gq { grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); } }
.bbh-gq__photo { position: relative; margin: 0 auto; width: min(100%, 420px); }
.bbh-gq__photo::before {
	content: ""; position: absolute; inset: -10% -14%; z-index: 0; border-radius: 50%;
	background: radial-gradient(closest-side, rgba(247, 160, 72, .45), rgba(247, 160, 72, 0)); animation: bbh-gq-glow 6s ease-in-out infinite;
}
.bbh-gq__frame { position: relative; z-index: 1; overflow: hidden; aspect-ratio: 4 / 5; border: 8px solid #fff; border-radius: 22px; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .6); transform: rotate(-2.5deg); }
.bbh-gq__frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; animation: bbh-gq-zoom 18s ease-in-out infinite alternate; }
.bbh-gq__photo figcaption {
	position: absolute; z-index: 2; right: -8px; bottom: 22px; padding: 9px 16px; border-radius: 999px; transform: rotate(2deg);
	background: var(--orange); color: var(--ink); font-size: 14.5px; font-weight: 800; box-shadow: 0 8px 18px rgba(0, 0, 0, .3);
}
.bbh-gq__body .bbh-h2 { margin: 0 0 26px; }
.bbh-gq__quote { position: relative; margin: 0 0 26px; padding: 0; }
.bbh-gq__quote::before { content: none; }
.bbh-gq__quote p { position: relative; margin: 0; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.5; font-weight: 500; font-style: italic; color: rgba(255, 255, 255, .92); text-wrap: balance; }
.bbh-gq__quote em { font-weight: 700; color: #f7ad5a; }
/* Цитатът като заглавие на секцията: едро, но една идея по-малко от
   обикновено заглавие, за да не се разпада на пет реда. */
.bbh-gq__quote--head .bbh-h2 { margin: 0; font-size: clamp(27px, 3.1vw, 42px); line-height: 1.18; font-weight: 700; font-style: italic; color: #fff; text-wrap: balance; }
.bbh-gq__quote cite { display: block; margin-top: 14px; font-size: 15px; font-style: normal; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.bbh-gq__text p { margin: 0 0 14px; max-width: 62ch; font-size: 18px; line-height: 1.65; color: rgba(255, 255, 255, .88); }
.bbh-gq__text strong { color: #fff; box-shadow: inset 0 -.35em 0 rgba(247, 160, 72, .35); }
.bbh-gq__cycle { list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 14px; }
@media (min-width: 640px) { .bbh-gq__cycle { grid-template-columns: repeat(3, 1fr); gap: 22px; } }
.bbh-gq__cycle li {
	position: relative; display: grid; gap: 4px; align-content: start; padding: 18px 18px 20px; border-radius: 18px; background: #fff; color: var(--body);
	animation: bbh-gq-step calc(var(--n) * 2.4s) ease-in-out infinite; animation-delay: calc(var(--i) * 2.4s);
}
.bbh-gq__cycle b { font-size: 19px; color: var(--ink); }
.bbh-gq__cycle li > span:last-child { font-size: 15.5px; line-height: 1.5; }
.bbh-gq__ico { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 8px; border-radius: 14px; background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff; }
.bbh-gq__ico svg { width: 24px; height: 24px; }
.bbh-gq__cycle li:nth-child(2) .bbh-gq__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
@media (min-width: 640px) {
	.bbh-gq__cycle li:not(:last-child)::after {
		content: ""; position: absolute; z-index: 1; top: 30px; right: -22px; width: 22px; height: 22px; border-radius: 50%;
		background: var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315201d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 14px no-repeat;
		transform: translateX(50%);
	}
}
@keyframes bbh-gq-step { 0%, 40%, 100% { transform: none; box-shadow: 0 10px 22px -14px rgba(0, 0, 0, .4); } 12%, 28% { transform: translateY(-6px); box-shadow: 0 0 0 3px var(--orange), 0 18px 30px -14px rgba(0, 0, 0, .5); } }
@keyframes bbh-gq-glow { 0%, 100% { opacity: .7; transform: scale(.96); } 50% { opacity: 1; transform: scale(1.04); } }
@keyframes bbh-gq-zoom { to { transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .bbh-gq__photo::before, .bbh-gq__frame img, .bbh-gq__cycle li { animation: none; } }
@media (max-width: 899px) { .bbh-gq__photo { width: min(78%, 340px); } }

/* „За нас“ разчупено: тестето отдясно ("flip"), точките в ред под
   заглавие в средата, портретът на Ганди отдясно. */
@media (min-width: 782px) { .bbh-why--flip { flex-direction: row-reverse; } }
@media (min-width: 900px) { .bbh-gq--flip .bbh-gq__photo { order: 2; } .bbh-gq--flip { grid-template-columns: minmax(0, 62fr) minmax(0, 38fr); } .bbh-gq--flip .bbh-gq__frame { transform: rotate(2.5deg); } .bbh-gq--flip .bbh-gq__photo figcaption { right: auto; left: -8px; transform: rotate(-2deg); } }
.bbh-points--row { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
@media (min-width: 800px) { .bbh-points--row { grid-template-columns: repeat(3, 1fr); gap: 26px; } }
.bbh-points--row li { display: grid; justify-items: center; align-content: start; gap: 8px; padding: 34px 28px 32px; text-align: center; border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.bbh-sec--1 .bbh-points--row li, .bbh-points--row li { background: #fff; }
.bbh-points--row .bbh-box__ico { width: 64px; height: 64px; margin: 0 0 10px; border-radius: 19px; }
.bbh-points--row .bbh-box__ico svg { width: 30px; height: 30px; }
.bbh-points--row li:nth-child(2) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-points--row b { font-size: 21px; line-height: 1.3; color: var(--ink); }
.bbh-points--row li > span:last-child { font-size: 16.5px; line-height: 1.6; color: var(--body); }

/* Орбитата на „Идеята, Началото, Целта“: иконите обикалят бавно в кръг
   (и остават изправени), светналата е на показания таб; в средата е
   голямата му икона, а оранжевият кръг около нея се пълни до смяната. */
.bbh-orb { position: relative; width: min(100%, 440px); aspect-ratio: 1; margin: 0 auto; }
.bbh-orb__ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: bbh-spin 60s linear infinite; }
.bbh-orb__ring circle { fill: none; stroke: var(--teal); stroke-width: 1.6; stroke-dasharray: 3 7; opacity: .55; }
.bbh-orb__ring .bbh-orb__ring2 { stroke: var(--orange); stroke-dasharray: 1 9; opacity: .5; }
.bbh-orb__spin { position: absolute; inset: 0; animation: bbh-spin 36s linear infinite; }
.bbh-orb__node {
	position: absolute; display: grid; place-items: center; width: 76px; height: 76px; margin: -38px 0 0 -38px; padding: 0; border: 0; border-radius: 22px; cursor: pointer;
	background: #fff; color: var(--deep); box-shadow: 0 14px 28px -14px rgba(14, 74, 62, .55), inset 0 0 0 1px rgba(14, 74, 62, .08);
	animation: bbh-spin 36s linear infinite reverse;
}
.bbh-orb__node > span { display: grid; place-items: center; width: 100%; height: 100%; border-radius: inherit; transition: background .45s, color .45s, transform .45s; }
.bbh-orb__node svg { width: 34px; height: 34px; }
.bbh-orb__node--0 { left: 50%; top: 8%; }
.bbh-orb__node--1 { left: 86.4%; top: 71%; }
.bbh-orb__node--2 { left: 13.6%; top: 71%; }
.bbh-orb:not([data-on]) .bbh-orb__node--0 > span, .bbh-orb[data-on="0"] .bbh-orb__node--0 > span, .bbh-orb[data-on="1"] .bbh-orb__node--1 > span, .bbh-orb[data-on="2"] .bbh-orb__node--2 > span {
	background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); transform: scale(1.14);
}
.bbh-orb__core {
	position: absolute; left: 50%; top: 50%; width: 46%; aspect-ratio: 1; margin: -23% 0 0 -23%; border-radius: 50%;
	background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff; box-shadow: 0 0 0 14px rgba(47, 138, 115, .1), 0 26px 50px -20px rgba(14, 74, 62, .7);
}
.bbh-orb__prog { position: absolute; inset: -9px; width: calc(100% + 18px); height: calc(100% + 18px); transform: rotate(-90deg); }
.bbh-orb__prog circle { fill: none; stroke: var(--orange); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 289; stroke-dashoffset: 289; }
.bbh-orb.is-run .bbh-orb__prog circle { animation: bbh-orb-fill var(--tab-dur, 6s) linear forwards; }
@keyframes bbh-orb-fill { to { stroke-dashoffset: 0; } }
.bbh-orb__c { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 8px; opacity: 0; transform: scale(.7) rotate(-20deg); transition: opacity .45s, transform .6s cubic-bezier(.2, .8, .3, 1.3); }
.bbh-orb__c svg { width: 64px; height: 64px; animation: bbh-orb-bob 3s ease-in-out infinite; }
.bbh-orb__c b { font-size: clamp(18px, 1.8vw, 22px); font-weight: 800; letter-spacing: .02em; }
.bbh-orb:not([data-on]) .bbh-orb__c--0, .bbh-orb[data-on="0"] .bbh-orb__c--0, .bbh-orb[data-on="1"] .bbh-orb__c--1, .bbh-orb[data-on="2"] .bbh-orb__c--2 { opacity: 1; transform: none; }
@keyframes bbh-orb-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media (max-width: 781px) { .bbh-orb { width: min(86%, 340px); margin-top: 20px; } .bbh-orb__node { width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 18px; } .bbh-orb__node svg { width: 28px; height: 28px; } .bbh-orb__c svg { width: 48px; height: 48px; } }
@media (prefers-reduced-motion: reduce) { .bbh-orb__ring, .bbh-orb__spin, .bbh-orb__node, .bbh-orb__c svg { animation: none; } }

/* Трите карти в ред: иконата отгоре, текстът в средата. */
.bbh-points.bbh-points--row li { grid-template-columns: 1fr; justify-items: center; }
.bbh-points--row .bbh-box__ico { margin: 0 auto 10px; }

/* ⛔ Подчертаното е пунктир навсякъде: менюто, табовете, лентите, които
   се пълнят, и подчертаните думи (Атанас, 2026-09-21: „да не става плътна
   линия“). Лентите се пълнят с изрязване, не с разтягане, за да не се
   разтягат и чертичките. */
*, *::before, *::after { text-decoration-style: dashed !important; }
.bbh-tabs.is-run .bbh-tabs__nav button[aria-selected="true"]::after,
.bbh-flow__bar {
	border-radius: 0 !important; background: repeating-linear-gradient(90deg, var(--orange) 0 9px, transparent 9px 15px) !important;
	transform: none !important; clip-path: inset(0 100% 0 0); animation-name: bbh-fill-dash !important;
}
@keyframes bbh-fill-dash { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }

/* „Нашата философия“: пъзелът. Парчетата се разделят, леко се поклащат
   поотделно и пак щракват в едно цяло; тогава зад тях светва ореол. */
.bbh-puzzle { width: min(100%, 360px); margin: 20px auto 0; }
.bbh-puzzle svg { display: block; width: 100%; height: auto; overflow: visible; }
.bbh-puzzle__p { transform-box: view-box; animation: bbh-pz 7s cubic-bezier(.5, 0, .2, 1) infinite; filter: drop-shadow(0 10px 12px rgba(14, 74, 62, .22)); }
.bbh-puzzle__p--0 { --x: -26px; --y: -22px; --r: -9deg; }
.bbh-puzzle__p--1 { --x: 28px; --y: -16px; --r: 8deg; }
.bbh-puzzle__p--2 { --x: -20px; --y: 26px; --r: 7deg; }
.bbh-puzzle__p--3 { --x: 24px; --y: 22px; --r: -8deg; }
@keyframes bbh-pz {
	0%, 12% { transform: translate(var(--x), var(--y)) rotate(var(--r)); }
	28% { transform: translate(calc(var(--x) * .7), calc(var(--y) * 1.1)) rotate(calc(var(--r) * -.4)); }
	46%, 86% { transform: none; }
	100% { transform: translate(var(--x), var(--y)) rotate(var(--r)); }
}
.bbh-puzzle__p--0 { transform-origin: 50px 50px; }
.bbh-puzzle__p--1 { transform-origin: 150px 50px; }
.bbh-puzzle__p--2 { transform-origin: 50px 150px; }
.bbh-puzzle__p--3 { transform-origin: 150px 150px; }
.bbh-puzzle__glow { fill: rgba(234, 138, 35, .18); transform-box: fill-box; transform-origin: center; opacity: 0; animation: bbh-pz-glow 7s ease-out infinite; }
@keyframes bbh-pz-glow { 0%, 44% { opacity: 0; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.02); } 70% { opacity: .5; transform: scale(1.08); } 86%, 100% { opacity: 0; transform: scale(1.1); } }
@media (prefers-reduced-motion: reduce) { .bbh-puzzle__p, .bbh-puzzle__glow { animation: none; } }

/* Рисунката на ценностите („Нашата философия“). */
.bbh-values { position: relative; width: min(100%, 320px); aspect-ratio: 1; margin: 30px auto 0; }
.bbh-values__ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: bbh-spin 40s linear infinite; }
.bbh-values__ring circle { fill: none; stroke: var(--teal); stroke-width: 2; stroke-dasharray: 4 8; opacity: .6; }
.bbh-values__heart { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 34%; aspect-ratio: 1; margin: -17% 0 0 -17%; border-radius: 50%; background: #fff; box-shadow: 0 0 0 14px rgba(224, 72, 62, .08), var(--shadow-up); color: #e0483e; animation: bbh-beat 1.8s ease-in-out infinite; }
.bbh-values__heart svg { width: 52%; height: 52%; fill: currentColor; stroke: none; }
.bbh-values__orbit { position: absolute; inset: 0; animation: bbh-spin 24s linear infinite; }
.bbh-values__i { position: absolute; display: grid; place-items: center; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 19px; background: linear-gradient(145deg, #1b6d5a, var(--deep)); color: #fff; box-shadow: 0 12px 22px -10px rgba(14, 74, 62, .6); animation: bbh-spin 24s linear infinite reverse; }
.bbh-values__i svg { width: 32px; height: 32px; }
.bbh-values__i--0 { left: 50%; top: 11%; }
.bbh-values__i--1 { left: 83.8%; top: 69.5%; background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-values__i--2 { left: 16.2%; top: 69.5%; }
@keyframes bbh-spin { to { transform: rotate(360deg); } }
@keyframes bbh-beat { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.12); } 30% { transform: scale(.97); } 45% { transform: scale(1.07); } }
@media (prefers-reduced-motion: reduce) { .bbh-values__ring, .bbh-values__orbit, .bbh-values__i, .bbh-values__heart { animation: none; } }

/* Екипът: картите са в средата, колкото и да са. */
.bbh-team { display: flex; flex-wrap: wrap; justify-content: center; }
.bbh-team li { flex: 0 1 280px; }

/* „Защо да дойдеш?“ без снимки: текстът вляво, точките вдясно, по-едри. */
.bbh-why--split { gap: clamp(36px, 5vw, 80px) !important; align-items: center !important; }
.bbh-why--split .bbh-lead { margin: 18px 0 0; }
.bbh-why--split .bbh-pull { margin-top: 34px !important; }
.bbh-why--split .bbh-sec__cta { justify-content: flex-start; margin-top: 34px; }
.bbh-points--big { gap: 16px; margin: 0; }
.bbh-points--big li { grid-template-columns: 60px 1fr; padding: 24px 26px; }
.bbh-points--big .bbh-box__ico { width: 60px; height: 60px; border-radius: 18px; }
.bbh-points--big .bbh-box__ico svg { width: 30px; height: 30px; }
.bbh-points--big b { font-size: 21px; }
.bbh-points--big li > span:last-child > span { font-size: 17px; }

/* „Важно да знаеш“: кога, къде, колко места, билет. */
.bbh-info { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 640px) { .bbh-info { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .bbh-info { grid-template-columns: repeat(4, 1fr); } }
.bbh-info li { display: grid; align-content: start; gap: 4px; padding: 24px 22px 26px; border-radius: 20px; background: #fff; box-shadow: var(--shadow); }
.bbh-info .bbh-box__ico { width: 52px; height: 52px; margin: 0 0 12px; border-radius: 15px; }
.bbh-info .bbh-box__ico svg { width: 26px; height: 26px; }
.bbh-info li:nth-child(even) .bbh-box__ico { background: linear-gradient(145deg, #f7ad5a, var(--orange) 70%); color: var(--ink); }
.bbh-info small { font-size: 13.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--dim); }
.bbh-info b { font-size: 20px; line-height: 1.3; font-weight: 800; color: var(--ink); }
.bbh-info li > span:last-child:not(.bbh-box__ico) { margin-top: 4px; font-size: 15.5px; line-height: 1.5; color: var(--body); }
.bbh-up.bbh-info li { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .8, .3, 1); transition-delay: calc(var(--i) * .12s); }
.bbh-up.bbh-info.is-up li { opacity: 1; transform: none; }

/* ══ Резервацията на Eventin (/eventin-purchase/checkout/) ═══════════════
   Приложението е на Ant Design с лилав цвят и сиви полета. Тук е в стила на
   сайта: заглавие като на страниците, стъпки в оранжево и зелено, полетата
   като във формите ни, резюмето е зелен талон като билета, а бутонът за
   плащане е оранжевият билет (Атанас, 2026-09-21). */
body.eventin-checkout-page { background: var(--sand); }
body.eventin-checkout-page #main { padding: clamp(30px, 5vw, 64px) var(--gut) clamp(60px, 8vw, 110px); }
body.eventin-checkout-page #eventin-checkout { max-width: var(--wrap); margin: 0 auto; font-family: var(--sans); color: var(--body); }
#eventin-checkout .eventin-page-container, #eventin-checkout .eventin-container { max-width: none; padding: 0; background: none; }
#eventin-checkout .eventin-header-container { display: flex; flex-direction: column; align-items: center; width: 100% !important; max-width: none !important; margin: 0 0 26px; text-align: center; }
#eventin-checkout :where(p, span, div, label, input, textarea, button, h1, h2, h3, h4, h5, small, em) { font-family: var(--sans); }
#eventin-checkout :is(.ant-form-item-extra, .ant-form-item-extra *, .etn-extra-form-field em) { font-style: normal; }
#eventin-checkout .eventin-header-container .eventin-title { margin: 0 0 22px; font: 800 clamp(34px, 4.4vw, 54px)/1.1 var(--sans); letter-spacing: -.02em; color: var(--ink); }
/* Стъпките
   ⛔ Атанас, 2026-09-26: „на мобилна стъпките са счупени и са една под друга
   с квадратчета и линията е извън тях, а на десктоп е някак изрязано“.
   Пунктирът на Ant е лента от 9999px, закачена вдясно от надписа, а стъпката
   го реже (overflow: hidden) и последното тире излиза наполовина. Тук той е
   парче от същия ред: расте и пълни точно разстоянието до следващата икона,
   затова няма какво да се реже. Под 576px Ant сам обръща стъпките вертикално
   (responsive), затова редът се налага изрично. */
#eventin-checkout .eventin-steps { display: flex !important; flex-direction: row !important; align-items: center; width: min(100%, 620px); margin: 0 auto; }
#eventin-checkout .eventin-steps > .ant-steps-item { display: flex !important; flex: 0 0 auto; padding: 0 !important; overflow: visible !important; }
#eventin-checkout .eventin-steps > .ant-steps-item:not(:last-child) { flex: 1 1 auto; min-width: 0; }
#eventin-checkout .eventin-steps .ant-steps-item-container { display: flex; align-items: center; width: 100%; }
#eventin-checkout .eventin-steps .ant-steps-item-tail { display: none !important; }
#eventin-checkout .eventin-steps .ant-steps-item-content { display: flex !important; align-items: center; flex: 1 1 auto; min-width: 0; min-height: 0 !important; overflow: visible !important; }
#eventin-checkout .ant-steps-item-icon :is(svg, path) { fill: currentColor !important; color: inherit; }
#eventin-checkout .ant-steps-item-icon .anticon { color: inherit !important; }
#eventin-checkout .ant-steps-item-icon { flex: 0 0 auto; float: none !important; width: 56px; height: 56px; margin: 0 14px 0 0 !important; border: 0 !important; border-radius: 17px; background: #fff !important; box-shadow: inset 0 0 0 2px #d8e4e0; line-height: 56px; }
#eventin-checkout .ant-steps-item-icon .ant-steps-icon { font: 900 24px/56px var(--sans) !important; color: var(--dim) !important; }
/* Текущата стъпка показва номера си, не отметка. */
#eventin-checkout .ant-steps-item-process.ant-steps-item-custom .ant-steps-icon .anticon { display: none; }
#eventin-checkout .ant-steps-item-process.eventin-step-attendee-details .ant-steps-icon::before { content: "1"; }
#eventin-checkout .ant-steps-item-process.eventin-step-checkout-payment.ant-steps-item-custom .ant-steps-icon::before { content: "2"; }
#eventin-checkout .ant-steps-item-process .ant-steps-item-icon { background: var(--orange) !important; box-shadow: 0 5px 0 var(--orange-edge); }
#eventin-checkout .ant-steps-item-process .ant-steps-icon, #eventin-checkout .ant-steps-item-process .ant-steps-icon .anticon { color: var(--ink) !important; }
#eventin-checkout .ant-steps-item-finish .ant-steps-item-icon { background: var(--deep) !important; box-shadow: none; }
#eventin-checkout .ant-steps-item-finish .ant-steps-icon, #eventin-checkout .ant-steps-item-finish .anticon { color: #fff !important; }
#eventin-checkout .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { top: 0; font-size: 24px; }
#eventin-checkout .ant-steps-item-title { display: flex !important; align-items: center; gap: 14px; flex: 1 1 auto; padding: 0 !important; white-space: nowrap; font: 800 20px/56px var(--sans) !important; color: var(--ink) !important; }
#eventin-checkout .ant-steps-item-wait .ant-steps-item-title { color: var(--dim) !important; }
#eventin-checkout .eventin-steps .ant-steps-item-title::after {
	position: static !important; display: block !important; flex: 1 1 auto; width: auto !important; min-width: 16px; height: 3px !important; margin: 0 14px 0 0 !important;
	background: repeating-linear-gradient(90deg, rgba(234, 138, 35, .5) 0 8px, transparent 8px 13px) !important;
}
#eventin-checkout .eventin-steps > .ant-steps-item:last-child .ant-steps-item-title::after { display: none !important; }
/* Часовникът за резервацията */
#eventin-checkout .etn-booking-timer { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: 4px 10px; width: auto; max-width: 100%; margin: 6px auto 34px; padding: 0; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none; }
#eventin-checkout .etn-booking-timer-title { margin: 0; font-size: 15.5px; color: var(--body); }
#eventin-checkout .etn-booking-timer-time { font: 800 16px/1 var(--sans); color: var(--orange-ink); font-variant-numeric: tabular-nums; }
/* Двете колони: формата и талонът */
#eventin-checkout .eventin-form > .ant-row { row-gap: 26px; }
@media (min-width: 900px) {
	#eventin-checkout .eventin-billing-col { padding-right: 20px !important; }
	#eventin-checkout .eventin-summary-col { padding-left: 20px !important; }
	#eventin-checkout .eventin-summary-col > .eventin-card { position: sticky; top: 110px; }
}
#eventin-checkout :is(.eventin-billing-title, .eventin-attendee-details-title, .eventin-cart-title, .eventin-download-tickets-title) { margin: 26px 0 14px; font: 800 22px/1.25 var(--sans); color: var(--ink); }
#eventin-checkout :is(.eventin-billing-form-container, .eventin-form-card-container) { margin: 0 0 18px; padding: clamp(22px, 3vw, 34px); border: 0; border-radius: 24px; background: #fff; box-shadow: 0 1px 2px rgba(21, 32, 29, .05), 0 24px 60px -28px rgba(14, 74, 62, .3); }
#eventin-checkout .eventin-form-card-container > p { margin: 0 0 16px; font: 800 17px/1.3 var(--sans); color: var(--deep); }
/* „Обратно“: подчертана дума с пунктир, не сив бутон */
#eventin-checkout .eventin-billing-col > .ant-btn-default, #eventin-checkout :is(.eventin-back-button, .eventin-go-back-btn) {
	height: auto; padding: 4px 0; border: 0 !important; background: none !important; box-shadow: none; font: 700 16px/1.4 var(--sans); color: var(--ink) !important;
	text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 6px;
}
#eventin-checkout .eventin-billing-col > .ant-btn-default::before { content: "\2190\00a0"; color: var(--orange); }
/* Полетата: като в нашите форми */
#eventin-checkout .ant-form-item { margin-bottom: 18px; }
#eventin-checkout .ant-form-item-label > label { height: auto; font: 700 15px/1.3 var(--sans); color: var(--ink); }
#eventin-checkout .ant-form-item-label > label.ant-form-item-required::before { margin: 0 4px 0 0 !important; color: var(--orange) !important; font-family: var(--sans) !important; }
#eventin-checkout :is(.ant-input, .ant-input-affix-wrapper, .ant-select-selector, .ant-picker, .ant-input-number, .PhoneInputInput, .react-tel-input .form-control) {
	min-height: 54px; padding: 12px 16px; border: 1.5px solid #d8e4e0 !important; border-radius: 14px !important; background: #f7faf9 !important;
	font: 500 17px/1.4 var(--sans); color: var(--ink); box-shadow: none !important; transition: border-color .2s, box-shadow .2s, background .2s;
}
#eventin-checkout .ant-input-affix-wrapper .ant-input { min-height: 0; padding: 0; border: 0 !important; background: none !important; }
/* ⛔ Атанас, 2026-09-26: „текста идва в полето“. Ant държи обвивката на
   падащото меню на 40px, а нашето поле е 54px: полето изскачаше навън и
   обяснението под него лягаше отгоре. Височината я дава полето. */
#eventin-checkout :is(.ant-select, .ant-select-single) { height: auto !important; }
#eventin-checkout .ant-select .ant-select-selector { align-items: center; padding-top: 0 !important; padding-bottom: 0 !important; }
#eventin-checkout :is(.ant-input, .ant-input-affix-wrapper, .ant-select-selector):hover { border-color: #b9c8c3 !important; }
#eventin-checkout :is(.ant-input, .ant-input-affix-wrapper, .ant-select-selector, .ant-picker):is(:focus, :focus-within, .ant-input-focused, .ant-input-affix-wrapper-focused) {
	border-color: var(--teal) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(47, 138, 115, .16) !important;
}
#eventin-checkout .ant-input::placeholder { color: #9aa5a1; }
#eventin-checkout .ant-form-item-has-error :is(.ant-input, .ant-input-affix-wrapper, .ant-select-selector) { border-color: #c8453b !important; box-shadow: 0 0 0 4px rgba(200, 69, 59, .12) !important; }
#eventin-checkout .ant-form-item-explain-error { margin-top: 6px; font-size: 14px; font-weight: 600; color: #b3261e; }
#eventin-checkout .ant-form-item-extra { margin-top: 6px; font-size: 13.5px; color: var(--dim); }
#eventin-checkout .ant-checkbox-inner { width: 22px; height: 22px; border: 1.5px solid #b9c8c3; border-radius: 7px; }
#eventin-checkout .ant-checkbox-checked .ant-checkbox-inner { border-color: var(--deep); background: var(--deep); }
#eventin-checkout .ant-checkbox-wrapper { margin: 6px 0 16px; font: 600 16px/1.4 var(--sans); color: var(--ink); }
/* Талонът вдясно: зелен, с пунктир вместо линии */
#eventin-checkout .eventin-card { position: relative; padding: clamp(24px, 3vw, 34px); border: 0; border-radius: 26px; background: linear-gradient(160deg, #135a4b, var(--deep) 60%); color: rgba(255, 255, 255, .88); box-shadow: 0 30px 60px -28px rgba(14, 74, 62, .75); }
#eventin-checkout .eventin-card .eventin-title { margin: 6px 0 14px !important; font: 800 clamp(26px, 2.6vw, 32px)/1.15 var(--sans) !important; color: #fff !important; }
#eventin-checkout .eventin-card .eventin-location-container { display: grid; gap: 8px; }
#eventin-checkout .eventin-card :is(.eventin-date-time, .eventin-location) { display: flex; align-items: center; gap: 10px; font: 600 16px/1.4 var(--sans); color: rgba(255, 255, 255, .9) !important; }
#eventin-checkout .eventin-card .anticon { color: var(--orange); font-size: 18px; }
/* ⛔ Атанас, 2026-09-26: „трябва да са пунктирани линии“. Eventin рисува
   чертичка отгоре И плътна линия отдолу, тоест дебела двойна черта. Тук е
   една перфорация, като откъсването на билета. */
#eventin-checkout .eventin-card .eventin-divider {
	height: 3px; min-height: 0; margin: 22px 0; border: 0 !important;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .45) 0 6px, transparent 6px 12px) !important;
}
#eventin-checkout .eventin-card :is(.eventin-booking-summary-title, .eventin-payment-options-title) { margin: 0 0 12px !important; font: 800 13.5px/1 var(--sans) !important; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6) !important; }
#eventin-checkout .eventin-card .eventin-summary-item { display: flex; justify-content: space-between; gap: 12px; font-size: 16.5px; color: #fff; }
#eventin-checkout .eventin-card .eventin-total { display: flex; justify-content: space-between; align-items: baseline; margin-top: 12px; font: 700 17px/1.2 var(--sans); color: #fff; }
#eventin-checkout .eventin-card .eventin-total-price { font: 800 28px/1 var(--sans); color: #f7ad5a; }
#eventin-checkout .eventin-card .ant-radio-group { display: grid; gap: 10px; width: 100%; }
#eventin-checkout .eventin-card .ant-radio-wrapper { margin: 0; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); font: 700 16px/1.3 var(--sans); color: #fff; }
#eventin-checkout .eventin-card .ant-radio-wrapper-checked { background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 2px var(--orange); }
#eventin-checkout .ant-radio-inner { border-color: rgba(21, 32, 29, .35); }
#eventin-checkout .ant-radio-checked .ant-radio-inner { border-color: var(--orange) !important; background: var(--orange) !important; }
#eventin-checkout .ant-radio-checked .ant-radio-inner::after { background: #fff; }
/* Главният бутон: оранжевият билет на сайта */
#eventin-checkout .ant-btn-primary {
	height: auto; min-height: 60px; margin-top: 22px; padding: 14px 28px; border: 0; border-radius: 14px;
	background: linear-gradient(180deg, #f39a3a, var(--orange)) !important; box-shadow: 0 5px 0 var(--orange-edge), 0 16px 26px -10px rgba(184, 104, 15, .55) !important;
	font: 800 var(--btn-fs)/1.2 var(--sans); color: var(--ink) !important; transition: transform .2s, box-shadow .2s;
}
#eventin-checkout .eventin-card .ant-btn-primary { width: 100%; }
#eventin-checkout .ant-btn-primary:hover:not(:disabled) { transform: translateY(-2px); }
#eventin-checkout .ant-btn-primary:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 2px 0 var(--orange-edge) !important; }
#eventin-checkout .ant-btn-primary:disabled { opacity: .5; }
/* Празна количка, успех, неуспех */
#eventin-checkout :is(.eventin-empty-cart-container, .eventin-not-found, .ant-result) { max-width: 620px; margin: 0 auto; padding: clamp(30px, 5vw, 56px); border-radius: 26px; background: #fff; box-shadow: var(--shadow-up); text-align: center; }
#eventin-checkout :is(.eventin-empty-cart-container, .ant-result) :is(h2, h3, h4, .ant-result-title) { font: 800 clamp(24px, 2.6vw, 32px)/1.2 var(--sans); color: var(--ink); }
#eventin-checkout .ant-result-success .ant-result-icon > .anticon { color: var(--teal); }
#eventin-checkout .eventin-order-table { width: 100%; border-collapse: collapse; }
#eventin-checkout .eventin-order-table :is(th, td) { padding: 12px 10px; border-bottom: 2px dashed var(--line); text-align: left; font-size: 16px; }
#eventin-checkout a { color: var(--orange-ink); font-weight: 700; }

/* ══ Билетът (/etn-attendee?etn_action=download_ticket, inc/ticket.php) ══
   Бяла главна част, откъсване по пунктир (без изрези: приличаха на пъзел) и зелен талон с датата и
   номера. Цветовете са плътни: PDF-ът се снима с html2canvas. */
body.bbh-tk-body { margin: 0; background: var(--sand); font-family: var(--sans); color: var(--body); }
.bbh-tk-page { display: grid; justify-items: center; gap: 22px; min-height: 100vh; padding: clamp(28px, 6vw, 80px) 16px; box-sizing: border-box; }
body .bbh-tk-wrap { width: min(760px, 100%); max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
body .bbh-tk-wrap .etn-ticket-main-wrapper.bbh-tk { max-width: none; margin: 0; padding: 0; border: 0; background: #fff; }
.bbh-tk { position: relative; display: flex; width: 100%; border-radius: 26px; background: #fff; box-shadow: 0 30px 70px -30px rgba(14, 74, 62, .45); overflow: hidden; }
.bbh-tk__main { flex: 1 1 auto; min-width: 0; padding: clamp(24px, 4vw, 40px); }
.bbh-tk__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.bbh-tk__top img { width: auto; height: 46px; }
.bbh-tk__kind { padding: 7px 16px; border-radius: 999px; background: var(--orange-soft); font: 800 13px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--orange-ink); }
.bbh-tk__event { margin: 0 0 22px; font: 800 clamp(30px, 4.4vw, 44px)/1.05 var(--sans); letter-spacing: -.02em; color: var(--ink); }
.bbh-tk__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 22px; margin: 0; }
.bbh-tk__facts > div { min-width: 0; }
.bbh-tk__facts .bbh-tk__wide { grid-column: 1 / -1; }
.bbh-tk__facts dt { margin: 0 0 4px; font: 800 12.5px/1 var(--sans); letter-spacing: .09em; text-transform: uppercase; color: var(--dim); }
.bbh-tk__facts dd { margin: 0; font: 700 18px/1.35 var(--sans); color: var(--ink); overflow-wrap: anywhere; }
.bbh-tk__stub {
	position: relative; flex: 0 0 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 30px 20px;
	background: linear-gradient(160deg, #135a4b, #0e4a3e 65%); color: #fff; text-align: center; border-left: 3px dashed rgba(255, 255, 255, .5);
}
.bbh-tk__day { font: 900 72px/.9 var(--sans); color: #f7ad5a; }
.bbh-tk__mon { font: 800 18px/1 var(--sans); letter-spacing: .04em; text-transform: uppercase; }
.bbh-tk__qr:not(:empty) { margin: 10px 0 2px; padding: 8px; border-radius: 12px; background: #fff; }
.bbh-tk__qr img, .bbh-tk__qr canvas { display: block; width: 120px !important; height: 120px !important; }
.bbh-tk__id { margin-top: 6px; font: 700 14px/1.3 var(--sans); color: rgba(255, 255, 255, .78); overflow-wrap: anywhere; }
.bbh-tk__ok { margin-top: 6px; padding: 7px 14px; border-radius: 999px; background: #f7ad5a; font: 800 13px/1 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: #15201d; }
.bbh-tk__ok--failed { background: #fdecea; color: #8c1d18; }
.bbh-tk__ok--hold { background: rgba(255, 255, 255, .9); }
@media (max-width: 600px) {
	.bbh-tk { flex-direction: column; }
	.bbh-tk__facts { grid-template-columns: 1fr; }
	.bbh-tk__stub { flex-basis: auto; flex-direction: row; flex-wrap: wrap; border-left: 0; border-top: 3px dashed rgba(255, 255, 255, .5); }
	.bbh-tk__day { font-size: 52px; }
}
.bbh-tk__note { margin: 0; font-size: 16px; color: var(--body); text-align: center; }
.bbh-tk__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px 30px; }
.bbh-tk__btn {
	min-height: 56px; padding: 12px 30px; border: 0; border-radius: 14px; cursor: pointer;
	background: linear-gradient(180deg, #f39a3a, var(--orange)); box-shadow: 0 5px 0 var(--orange-edge), 0 16px 26px -10px rgba(184, 104, 15, .55);
	font: 800 var(--btn-fs)/1.2 var(--sans); color: var(--ink); transition: transform .2s;
}
.bbh-tk__btn:hover { transform: translateY(-2px); }
.bbh-tk__btn--line { min-height: 0; padding: 4px 2px; border-radius: 0; background: none; box-shadow: none; text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 3px; text-underline-offset: 7px; }
.bbh-tk__btn.etn-button-loading { opacity: .6; pointer-events: none; }
.bbh-tk__home { font-size: 15px; font-weight: 700; color: var(--deep); text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 5px; }
@media print {
	body.bbh-tk-body { background: #fff; }
	.bbh-tk__actions, .bbh-tk__home, .bbh-tk__note, #wpadminbar { display: none !important; }
	.bbh-tk { box-shadow: none; border: 1px solid #d8e4e0; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	.bbh-tk__stub, .bbh-tk__ok, .bbh-tk__kind { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* ── 24. Телефон ────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	/* ⛔ backdrop-filter прави хедъра рамка за position: fixed децата му:
	   менюто се заключваше в неговите 72px и изчезваше под съдържанието.
	   На телефон хедърът е плътно бял, без размиване. */
	.bbh-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: #fff; }
	.bbh-header__in { min-height: 72px; }
	.bbh-logo img { height: 44px; }
	.bbh-burger { display: block; margin-left: auto; }
	/* Менюто на телефон: светъл лист в стила на сайта (Атанас, 2026-09-21:
	   тъмното с кутиите беше „дърварско“). Чисти редове с тънки
	   разделители; текущата страница е с оранжев ПУНКТИР под думата, като
	   перфорацията на билета и менюто на десктоп; докосването оцветява
	   думата и я измества леко. */
	.bbh-nav {
		position: fixed; top: 72px; left: 0; right: 0; height: calc(100dvh - 72px); z-index: 70; margin: 0;
		overflow-y: auto; padding: 12px var(--gut) 36px;
		background: #fff; border-top: 1px solid var(--line);
		transform: translateY(-8px); opacity: 0; visibility: hidden;
		transition: opacity .25s ease, transform .3s ease, visibility .25s;
	}
	.bbh-nav.is-open { transform: none; opacity: 1; visibility: visible; }
	html.bbh-menu-open, html.bbh-menu-open body { overflow: hidden; }
	.bbh-menu { flex-direction: column; align-items: stretch; gap: 0; }
	.bbh-menu > li { border-bottom: 1px solid var(--line); opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease; }
	.bbh-nav.is-open .bbh-menu > li { opacity: 1; transform: none; }
	.bbh-nav.is-open .bbh-menu > li:nth-child(2) { transition-delay: .04s; }
	.bbh-nav.is-open .bbh-menu > li:nth-child(3) { transition-delay: .08s; }
	.bbh-nav.is-open .bbh-menu > li:nth-child(4) { transition-delay: .12s; }
	.bbh-nav.is-open .bbh-menu > li:nth-child(5) { transition-delay: .16s; }
	.bbh-menu > li > a {
		position: relative; display: flex; justify-content: space-between; align-items: center;
		padding: 18px 0; margin: 0; border-radius: 0; background: none;
		font-size: 21px; font-weight: 800; letter-spacing: -.01em; color: var(--ink);
		transition: color .2s ease, transform .2s ease;
	}
	.bbh-menu > li > a:hover, .bbh-menu > li > a:active { color: var(--orange-ink); transform: translateX(4px); background: none; }
	.bbh-menu > li > a::after { display: none; }
	/* Текущата страница: пунктир под думата. */
	.bbh-menu > li:is(.current-menu-item, .current-menu-ancestor) > a { color: var(--orange-ink); }
	.bbh-menu > li.current-menu-item > a, .bbh-menu .sub-menu .current-menu-item > a {
		text-decoration: underline; text-decoration-style: dashed; text-decoration-color: var(--orange);
		text-decoration-thickness: 3px; text-underline-offset: 8px;
	}
	/* Раздел с подменю: тънка стрелка вдясно, завърта се при отваряне. */
	.bbh-menu .menu-item-has-children > a::before {
		display: block; position: static; order: 2; width: 9px; height: 9px; margin-right: 6px;
		border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-3px);
		transition: transform .3s ease;
	}
	.bbh-menu .menu-item-has-children.is-open > a { background: none; }
	.bbh-menu .menu-item-has-children.is-open > a::before { transform: rotate(-135deg) translateY(-3px); }
	.bbh-menu .sub-menu {
		position: static; transform: none; background: none; box-shadow: none; border: 0; border-radius: 0;
		display: none; flex-direction: column; gap: 0; margin: -4px 0 14px; padding: 0 0 0 16px; min-width: 0;
	}
	.bbh-menu .sub-menu::before { display: none; }
	.bbh-nav.is-open .sub-menu { opacity: 1; visibility: visible; }
	.bbh-menu .menu-item-has-children.is-open > .sub-menu { display: flex; animation: bbh-panel .3s ease; }
	.bbh-menu .sub-menu a {
		display: inline-block; padding: 10px 0; background: none; border-radius: 0;
		font-size: 17.5px; font-weight: 600; color: var(--body); transition: color .2s ease, transform .2s ease;
	}
	.bbh-menu .sub-menu a:hover, .bbh-menu .sub-menu a:active { color: var(--orange-ink); background: none; transform: translateX(4px); padding-left: 0; }
	.bbh-menu .sub-menu .current-menu-item > a { color: var(--orange-ink); font-weight: 800; background: none; }
	.bbh-menu .sub-menu .current-menu-item > a::before { display: none; }
	.bbh-nav__cta { display: flex !important; justify-content: center; width: 100%; margin-top: 28px; }
	.bbh-burger[aria-expanded="true"] { background: var(--orange); }
	.bbh-header__in > .bbh-btn { display: none; }
	.bbh-story__art { max-width: 320px; margin-inline: auto; }
}
@media (max-width: 781px) {
	/* На телефон трите числа стоят една секция по-надолу: след „Създаваме
	   среда“, не залепени за героя (Атанас, 2026-09-21). Редът в HTML-а
	   остава същият, мести ги само подредбата. */
	body.home .bbh-entry { display: flex; flex-direction: column; }
	body.home .bbh-entry > :nth-child(n+2) { order: 3; }
	body.home .bbh-entry > :nth-child(3) { order: 2; }
	body.home .bbh-entry > .bbh-sec--flush .bbh-tri { margin-top: 0; }
	body.home .bbh-entry > .bbh-sec--flush { margin: 12px 0 40px; }
	/* Тестетата в секциите стоят под текста с въздух, а картите в
	   купчината са изместени надясно, не към текста. */
	.bbh-deck--wide { width: calc(100% - 22px); margin: 56px 0 10px 0; }
	.bbh-deck--wide img[data-pos="1"] { transform: translate(7px, -6px) rotate(2.5deg); }
	.bbh-deck--wide img[data-pos="2"] { transform: translate(13px, -11px) rotate(5deg); }
	.bbh-deck--wide img[data-pos="3"], .bbh-deck--wide img:not([data-pos="0"]):not([data-pos="1"]):not([data-pos="2"]) { transform: translate(18px, -16px) rotate(7deg); }
	.bbh-about__media, .bbh-boxes__media { margin-top: 10px; }
	/* „Какво получаваш“: заглавието и картите първи, тестето под тях. */
	.bbh-withart { flex-direction: column !important; align-items: stretch !important; }
	.bbh-withart > * { width: 100%; flex-basis: auto !important; }
	.bbh-withart > .bbh-boxes__media { order: 2; }
	.bbh-withart > .bbh-boxes__body { order: 1; }
	/* На телефон наклонените ленти са ОТДЕЛНИ листове: бяла пауза над и
	   под всяка, по-малък наклон, повече място вътре. Иначе ръбовете им
	   се сливаха със съседните секции. */
	:root { --cut: 22px; }
	.bbh-sec { padding-block: 64px calc(64px + var(--cut)); }
	.bbh-sec--panel { padding-block: calc(56px + var(--cut)); }
	.bbh-sec--flush { padding: 0; margin-bottom: 36px; }
	.bbh-top { padding-bottom: 56px; }
}
@media (max-width: 560px) {
	body { font-size: 17.5px; }
	/* „На телефон всичко ми се събира и няма акценти“: по-широки полета,
	   по-голямо вътрешно поле на картите и своя подредба за всяка група. */
	:root { --gut: 22px; }
	.bbh-box { padding: 34px 28px 36px; }
	.bbh-head { margin-bottom: 36px; }
	.bbh-head--center { text-align: left; }
	.bbh-head--center .bbh-h2, .bbh-head--center .bbh-lead { margin-inline: 0; }
	/* Трите обещания се плъзгат настрани, не стоят като списък. */
	/* Броячите: отделени от героя, един под друг, с въздух. */
	.bbh-tri { margin-top: -40px; gap: 16px; }
	.bbh-tri__item { padding: 24px 26px; }
	.bbh-tri__item + .bbh-tri__item { border-top: 0; }
	/* Стълбата става път: пунктирна линия и карти, изместени надясно. */
	.bbh-stairs { gap: 18px; padding-left: 22px; border-left: 3px dashed rgba(234, 138, 35, .6); }
	.bbh-stairs > li:nth-child(even) { margin-left: 18px; }
	/* Форматите без снимка са две една до друга. */
	.bbh-bento { grid-template-columns: 1fr 1fr; }
	.bbh-bento > .has-pic { grid-column: 1 / -1; }
	.bbh-bento > .no-pic .bbh-bento__txt { padding: 58px 18px 24px; }
	.bbh-bento > .no-pic .bbh-h3 { font-size: 20px; }
	.bbh-bento > .no-pic p { font-size: 15.5px; }
	.bbh-bento .bbh-soon { right: 14px; top: 16px; font-size: 11.5px; padding: 6px 10px; }
	.bbh-quote { padding: 32px 26px 34px; }
	/* Бутонът вляво, стрелките вдясно, на един ред и на телефон. */
	.bbh-slider__nav { flex-wrap: nowrap; gap: 22px; }
	.bbh-slider__nav > .bbh-btn { flex: 0 1 auto; min-width: 0; max-width: 60%; }
	.bbh-slider__nav > .bbh-btn .wp-block-button__link { min-height: 46px; }
	.bbh-slider__arrows { flex: none; margin-left: auto; gap: 10px; }
	.bbh-slider__arrow { width: 46px; height: 46px; }
	/* Събитията на телефон: без стрелки, плъзга се с пръст. */
	.bbh-slider--events .bbh-slider__arrows { display: none; }
	/* Без стрелки бутонът е сам: на цялата ширина. */
	.bbh-slider--events .bbh-slider__nav > .bbh-btn { flex: 1 1 100%; max-width: none; }
	.bbh-slider--events .bbh-slider__nav > .bbh-btn .wp-block-button__link { width: 100%; }
	/* Бутоните на телефон са от край до край (Атанас, 2026-09-21). */
	.wp-block-buttons { flex-direction: column; align-items: stretch; width: 100%; }
	.wp-block-buttons div.bbh-btn, .wp-block-buttons .bbh-btn > .wp-block-button__link { width: 100%; }
	.bbh-top .wp-block-buttons { flex-direction: column; align-items: stretch; }
	.bbh-top div.bbh-btn, .bbh-top .bbh-btn > .wp-block-button__link { width: 100%; }
	.bbh-withart .bbh-box { grid-template-columns: 1fr; }
	.bbh-withart .bbh-box .bbh-box__ico { grid-row: auto; margin-bottom: 14px; }
	.bbh-faq summary { font-size: 17px; padding-left: 20px; }
	.bbh-faq p { padding-inline: 20px; }
}

/* Страниците на блога: Назад 1 2 3 Напред */
.bbh-pagination { margin-top: 44px; }
.bbh-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.bbh-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 46px; padding: 0 16px; border-radius: 999px; background: #fff; box-shadow: var(--shadow); font-weight: 700; color: var(--ink, inherit); }
.bbh-pagination .page-numbers.current { background: var(--orange, #f39200); color: #fff; }
.bbh-pagination a.page-numbers:hover { color: var(--orange-ink); }
.bbh-pagination .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ══ Блогът (single.php, index.php, inc/blog.php) ════════════════════
   Атанас, 2026-09-21: „блог темплейт... да се показват готини“, без
   категорията. Картата е цялата линк; първата статия в блога е голяма.
   Статията: герой като на събитие, текстът с въздух, съдържанието
   отстрани, „Накратко“ в мента, таблиците плъзгащи се, въпросите като
   въпросите на сайта, покана за събитие накрая. */
.bbh-posts { gap: 28px; }
.bbh-post { position: relative; }
.bbh-post__img { position: relative; }
.bbh-post__body { gap: 12px; padding: 26px 28px 30px; }
.bbh-post .bbh-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--dim); }
.bbh-post__meta span { display: inline-flex; align-items: center; gap: 12px; }
.bbh-post__meta span::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--orange); transform: rotate(45deg); }
.bbh-post .bbh-post__t { margin: 0; font-size: 21px; line-height: 1.28; }
.bbh-post__t a { color: inherit; }
.bbh-post__t a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.bbh-post__t a:focus-visible { outline: none; }
.bbh-post:has(.bbh-post__t a:focus-visible) { box-shadow: 0 0 0 3px var(--orange), var(--shadow); }
.bbh-post .bbh-post__ex { color: var(--body); }
.bbh-post__more {
	margin-top: auto; padding-top: 8px; font-size: 15.5px; font-weight: 800; color: var(--ink);
	text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2.5px; text-underline-offset: 6px;
	transition: color var(--t);
}
.bbh-post:hover .bbh-post__more { color: var(--orange-ink); }
@media (min-width: 760px) {
	.bbh-post--big { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
	/* Снимката пълни клетката, не я диктува: srcset носи и неизрязаните
	   размери и картата ставаше 750px висока. */
	.bbh-post--big .bbh-post__img { min-height: 400px; }
	.bbh-post--big .bbh-post__img img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
	.bbh-post--big .bbh-post__body { justify-content: center; gap: 16px; padding: clamp(32px, 4vw, 60px); }
	.bbh-post--big .bbh-post__t { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
	.bbh-post--big .bbh-post__ex { font-size: 17.5px; }
	.bbh-post--big .bbh-post__more { margin-top: 10px; }
}
.bbh-post--big .bbh-post__body::before {
	content: "Най-новото"; padding: 7px 12px; border-radius: 8px; background: var(--orange); color: var(--ink);
	font-size: 12.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
}

/* Лентата горе: колко от статията е прочетено. */
.bbh-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 300; height: 4px; pointer-events: none; }
.bbh-progress span { display: block; height: 100%; background: var(--orange); transform: scaleX(var(--p, 0)); transform-origin: 0 50%; }
body.admin-bar .bbh-progress { top: 32px; }
@media (max-width: 782px) { body.admin-bar .bbh-progress { top: 46px; } }

/* Героят на статията */
.bbh-post-hero { display: grid; gap: clamp(28px, 4vw, 60px); align-items: center; }
@media (min-width: 900px) {
	.bbh-post-hero { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
	.bbh-post-hero.is-plain { grid-template-columns: minmax(0, 880px); }
}
.bbh-top--post .bbh-h1 { font-size: clamp(32px, 3.8vw, 52px); line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; }
.bbh-top--post .bbh-event-facts { margin-top: 26px; }

/* Текстът и съдържанието */
/* minmax(0, 1fr): иначе таблицата (min-width 560px) разтяга колоната и
   текстът излиза вдясно на телефон. */
.bbh-article { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: start; }
.bbh-article__body, .bbh-article__side { width: 100%; min-width: 0; max-width: 760px; margin-inline: auto; }
@media (min-width: 1040px) {
	.bbh-article { grid-template-columns: minmax(0, 760px) 300px; justify-content: space-between; column-gap: 56px; }
	.bbh-article__body { grid-column: 1; grid-row: 1; margin: 0; }
	.bbh-article__side { grid-column: 2; grid-row: 1; position: sticky; top: 110px; margin: 0; }
	.bbh-article.is-single { grid-template-columns: minmax(0, 760px); justify-content: center; }
}
.bbh-toc { padding: 20px 20px 22px; border-radius: var(--r); background: var(--sand); box-shadow: inset 0 0 0 1.5px rgba(234, 138, 35, .2); }
.bbh-toc summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 6px; list-style: none; cursor: pointer; font: 800 13px/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--orange-ink); }
.bbh-toc summary::-webkit-details-marker { display: none; }
.bbh-toc summary::after { content: ""; width: 9px; height: 9px; margin-top: -4px; border-right: 2.5px solid; border-bottom: 2.5px solid; transform: rotate(45deg); transition: transform .3s ease, margin .3s ease; }
.bbh-toc[open] summary::after { margin-top: 4px; transform: rotate(-135deg); }
.bbh-toc ol { counter-reset: toc; display: grid; gap: 2px; margin: 14px 0 0; padding: 0; list-style: none; }
.bbh-toc li { counter-increment: toc; }
.bbh-toc a { display: grid; grid-template-columns: 28px 1fr; gap: 4px; padding: 8px 10px 8px 6px; border-radius: 10px; font-size: 15px; font-weight: 600; line-height: 1.38; color: var(--body); transition: background .2s ease, color .2s ease, box-shadow .2s ease; }
.bbh-toc a::before { content: counter(toc, decimal-leading-zero); padding-top: 1px; font-size: 12.5px; font-weight: 800; color: var(--dim); font-variant-numeric: tabular-nums; }
.bbh-toc a:hover { background: rgba(255, 255, 255, .7); color: var(--ink); }
.bbh-toc a.is-on { background: #fff; color: var(--ink); box-shadow: var(--shadow); }
.bbh-toc a.is-on::before { color: var(--orange-ink); }
@media (min-width: 1040px) {
	.bbh-toc summary { pointer-events: none; }
	.bbh-toc summary::after { display: none; }
	.bbh-toc ol { max-height: calc(100vh - 220px); overflow: auto; }
}

/* Типографията на статията */
.bbh-prose { font-size: 18px; line-height: 1.75; color: var(--body); }
.bbh-prose > * { margin: 0 0 22px; }
.bbh-prose > :first-child { margin-top: 0; }
.bbh-prose h2 { margin: 58px 0 18px; font-size: clamp(26px, 2.5vw, 34px); line-height: 1.2; letter-spacing: -.015em; color: var(--ink); text-wrap: balance; scroll-margin-top: 110px; }
.bbh-prose h3 { margin: 36px 0 12px; font-size: 22px; line-height: 1.3; color: var(--ink); }
.bbh-prose h4 { margin: 30px 0 10px; font-size: 19px; color: var(--ink); }
.bbh-prose :is(strong, b) { color: var(--ink); }
.bbh-prose a:not(.wp-block-button__link) { color: var(--teal); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-color: rgba(47, 138, 115, .5); }
.bbh-prose a:not(.wp-block-button__link):hover { color: var(--orange-ink); text-decoration-color: var(--orange); }
.bbh-prose ul { display: grid; gap: 12px; padding: 0; list-style: none; }
.bbh-prose ul > li { position: relative; padding-left: 32px; }
.bbh-prose ul > li::before { content: ""; position: absolute; left: 5px; top: .62em; width: 11px; height: 11px; border-radius: 3px; background: var(--orange); transform: rotate(45deg); }
.bbh-prose ol { counter-reset: bbh-ol; display: grid; gap: 14px; padding: 0; list-style: none; }
.bbh-prose ol > li { counter-increment: bbh-ol; position: relative; padding-left: 48px; }
.bbh-prose ol > li::before { content: counter(bbh-ol); position: absolute; left: 0; top: .1em; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--deep); color: #fff; font: 800 15px/1 var(--sans); }
.bbh-prose li > p { margin: 0; }
.bbh-prose blockquote { margin: 36px 0; padding: 28px 32px; border: 0; border-radius: var(--r); background: var(--orange-soft); font-size: 20px; line-height: 1.55; font-weight: 600; color: var(--ink); }
.bbh-prose blockquote p { margin: 0; }
.bbh-prose blockquote p + p { margin-top: 12px; }
.bbh-prose figure { margin: 36px 0; }
.bbh-prose figure img { display: block; width: 100%; height: auto; border-radius: var(--r); box-shadow: var(--shadow); }
.bbh-prose figcaption { margin-top: 12px; font-size: 14.5px; line-height: 1.5; color: var(--dim); text-align: center; }
.bbh-prose .tldr { padding: 26px 28px; border-radius: var(--r); background: var(--mint); }
.bbh-prose .tldr::before { content: "Накратко"; display: block; margin-bottom: 14px; font: 800 13px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--deep); }
.bbh-prose .tldr ul { gap: 10px; margin: 0; }
.bbh-prose .tldr li { font-size: 17px; line-height: 1.6; }
.bbh-prose .tldr li::before { background: var(--teal); }
.bbh-table { margin: 32px 0; overflow-x: auto; border-radius: var(--r); box-shadow: inset 0 0 0 1.5px var(--line); -webkit-overflow-scrolling: touch; }
.bbh-table table { width: 100%; min-width: 560px; margin: 0; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
.bbh-table th { padding: 14px 18px; background: var(--deep); color: #fff; font-weight: 800; text-align: left; vertical-align: bottom; }
.bbh-table td { padding: 13px 18px; border-top: 1px solid var(--line); vertical-align: top; }
.bbh-table tr:nth-child(even) td { background: var(--cool); }
.bbh-faq--post { max-width: none; gap: 12px; margin: 6px 0 30px; }
.bbh-faq--post summary { padding: 20px 22px 20px 26px; }
.bbh-faq--post summary h3 { flex: 1; margin: 0; font-size: 18px; line-height: 1.38; font-weight: 700; color: inherit; }
.bbh-faq--post .bbh-faq__a > * { margin: 0; padding: 0 26px 22px; font-size: 16.5px !important; line-height: 1.7; }
.bbh-faq--post .bbh-faq__a > * + * { margin-top: -8px; }

/* Поканата накрая */
.bbh-prose .bbh-article__cta { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 22px; margin: 60px 0 0; padding: clamp(26px, 3vw, 38px); border-radius: var(--r); background: var(--deep); color: rgba(255, 255, 255, .86); }
.bbh-prose .bbh-article__cta h2 { margin: 0 0 8px; font-size: clamp(22px, 2vw, 27px); color: #fff; }
.bbh-prose .bbh-article__cta p { margin: 0; font-size: 17px; line-height: 1.6; }
.bbh-prose .bbh-article__cta .wp-block-buttons { margin-top: 22px; }
.bbh-article__cta-ico { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--orange); color: var(--ink); }
.bbh-article__cta-ico svg { width: 34px; height: 34px; }
@media (max-width: 560px) {
	.bbh-prose { font-size: 17px; }
	.bbh-prose .bbh-article__cta { grid-template-columns: 1fr; }
	.bbh-prose .bbh-article__cta div.bbh-btn, .bbh-prose .bbh-article__cta .bbh-btn > .wp-block-button__link { width: 100%; }
}

/* ══ Билетите като бутони: пунктирът навсякъде ═══════════════════════
   Атанас, 2026-09-21: на телефон „бутоните билети не са като билети,
   линията не се вижда“. Бутонът за покупка в картата на събитието имаше
   изрезите без линията, а бутонът на резервацията беше обикновен. */
.bbh-event-card .etn-purchase-ticket-root .ant-btn-primary { position: relative; padding: 0 60px 0 28px; }
.bbh-event-card .etn-purchase-ticket-root .ant-btn-primary::after,
#eventin-checkout .ant-btn-primary::after {
	content: "" !important; display: block !important; position: absolute; inset: 11px 30px 11px auto; width: 2.5px; height: auto;
	border: 0; border-radius: 0; background: var(--tear) !important; box-shadow: none; opacity: 1; animation: none; pointer-events: none;
}
#eventin-checkout .ant-btn-primary {
	--notch: radial-gradient(circle 8px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat,
	         radial-gradient(circle 8px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
	position: relative; padding: 14px 64px 14px 34px; border-radius: 12px;
	background: linear-gradient(180deg, #f4a247, var(--orange) 55%, #e07f16) !important; box-shadow: none !important;
	-webkit-mask: var(--notch); mask: var(--notch);
	transition: transform .3s cubic-bezier(.3, 1.5, .5, 1), opacity .2s ease;
}
#eventin-checkout .ant-btn-primary:hover:not(:disabled) { transform: translateY(-3px) rotate(-1deg); }
#eventin-checkout .ant-btn-primary:active:not(:disabled) { transform: none; box-shadow: none !important; }

/* ══ Резервацията на телефон: стъпки като на десктоп ═════════════════
   Ant обръща стъпките вертикално под ~530px и те излизаха като списък.
   Тук остават една до друга: номер, име отдолу, пунктир между тях. */
@media (max-width: 767px) {
	/* ⛔ Селекторът беше „.eventin-steps .ant-steps“ и не хващаше нищо:
	   стъпките СА .ant-steps, не негов наследник. Затова редът не се
	   налагаше, Ant ги редеше една под друга, а пунктирът оставаше отстрани. */
	#eventin-checkout .eventin-steps.ant-steps { display: flex !important; flex-direction: row !important; align-items: flex-start; }
	#eventin-checkout .eventin-steps .ant-steps-item { position: relative; display: block !important; flex: 1 1 0 !important; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
	#eventin-checkout .eventin-steps .ant-steps-item-container { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
	#eventin-checkout .eventin-steps .ant-steps-item-tail { display: none !important; }
	#eventin-checkout .eventin-steps .ant-steps-item-icon { float: none !important; width: 52px; height: 52px; margin: 0 !important; line-height: 52px; }
	#eventin-checkout .eventin-steps .ant-steps-item-icon .ant-steps-icon { font-size: 22px !important; line-height: 52px !important; }
	#eventin-checkout .eventin-steps .ant-steps-item-content { display: block !important; min-height: 0 !important; overflow: visible; }
	#eventin-checkout .eventin-steps .ant-steps-item-title { display: block !important; padding: 0 !important; font: 800 16px/1.25 var(--sans) !important; white-space: normal; }
	#eventin-checkout .eventin-steps .ant-steps-item-title::after { display: none !important; }
	#eventin-checkout .eventin-steps .ant-steps-item + .ant-steps-item::before {
		content: ""; position: absolute; top: 25px; left: calc(-50% + 36px); width: calc(100% - 72px); height: 3px;
		background: repeating-linear-gradient(90deg, rgba(234, 138, 35, .55) 0 8px, transparent 8px 13px);
	}
	#eventin-checkout .eventin-steps .ant-steps-item-description { display: none; }
}

/* „За кого е“: изречението за мрежата е с етикет на свой ред. */
.bbh-cycle__gives b { display: block; margin-bottom: 4px; }

/* ══ Бисквитките: банерът (inc/consent.php) ══════════════════════════
   Карта долу вляво на десктоп, лист долу на телефон. Трите избора са
   равни по тежест: „само нужните“ е толкова лесно, колкото „всички“. */
.bbh-cc {
	position: fixed; left: 24px; bottom: 24px; z-index: 400; width: min(440px, calc(100vw - 48px));
	padding: 24px 24px 22px; border-radius: 22px; background: #fff; color: var(--body);
	box-shadow: 0 2px 6px rgba(21, 32, 29, .08), 0 30px 70px -20px rgba(14, 74, 62, .45);
	opacity: 0; transform: translateY(24px); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .3, 1);
}
.bbh-cc.is-on { opacity: 1; transform: none; }
.bbh-cc__head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.bbh-cc__ico { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px; background: var(--orange-soft); color: var(--orange-ink); }
.bbh-cc__ico svg { width: 24px; height: 24px; }
.bbh-cc h2 { margin: 0; font-size: 19px; line-height: 1.25; font-weight: 800; color: var(--ink); }
.bbh-cc p { margin: 0; font-size: 14.5px; line-height: 1.6; }
.bbh-cc p a { color: var(--teal); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.bbh-cc__opts { display: grid; gap: 8px; margin: 16px 0 0; }
.bbh-cc__opts[hidden] { display: none; }
.bbh-cc__opt { position: relative; display: grid; grid-template-columns: 46px 1fr; gap: 12px; align-items: start; padding: 12px 14px; border-radius: 14px; background: var(--cool); cursor: pointer; }
.bbh-cc__opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bbh-cc__opt b { display: block; font-size: 15px; color: var(--ink); }
.bbh-cc__opt small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--dim); }
.bbh-cc__sw { position: relative; width: 46px; height: 26px; margin-top: 2px; border-radius: 999px; background: #c9d4d0; transition: background .2s ease; }
.bbh-cc__sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .25s cubic-bezier(.3, 1.4, .5, 1); }
.bbh-cc__opt input:checked + .bbh-cc__sw { background: var(--teal); }
.bbh-cc__opt input:checked + .bbh-cc__sw::after { transform: translateX(20px); }
.bbh-cc__opt input:disabled + .bbh-cc__sw { opacity: .55; }
.bbh-cc__opt input:focus-visible + .bbh-cc__sw { box-shadow: 0 0 0 3px var(--orange); }
.bbh-cc__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.bbh-cc__b { min-height: 48px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--cool); box-shadow: inset 0 0 0 1.5px #cfdad6; font: 800 15px/1.2 var(--sans); color: var(--ink); cursor: pointer; transition: transform .2s ease, background .2s ease; }
.bbh-cc__b:hover { background: var(--mint); }
.bbh-cc__b--yes { background: linear-gradient(180deg, #f4a247, var(--orange) 55%, #e07f16); box-shadow: none; }
.bbh-cc__b--yes:hover { background: linear-gradient(180deg, #f6b061, #ee962f 55%, #e58a22); transform: translateY(-2px); }
.bbh-cc__b[data-cc="save"] { grid-column: 1 / -1; order: -1; background: var(--deep); box-shadow: none; color: #fff; }
.bbh-cc__b[data-cc="save"]:hover { background: var(--deep-2); }
.bbh-cc__b[hidden], .bbh-cc__more[hidden] { display: none; }
.bbh-cc__more { grid-column: 1 / -1; justify-self: center; padding: 4px 2px; border: 0; background: none; font: 700 14.5px/1.3 var(--sans); color: var(--dim); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.bbh-cc__more:hover { color: var(--ink); }
.bbh-cc :focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
@media (max-width: 600px) {
	.bbh-cc { left: 10px; right: 10px; bottom: 10px; width: auto; padding: 20px 18px 16px; border-radius: 20px; }
	.bbh-cc p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .bbh-cc { transition: none; } }
@media print { .bbh-cc { display: none !important; } }

/* Лисиците (Атанас, 2026-09-21: „сенките са много тежки и се режат
   отстрани на мобилна“). Сенките са по-леки навсякъде. На телефон
   скритото балонче чака под мястото си, не вдясно, затова редът вече не
   се реже (overflow-x: clip режеше и сянката, и лявата лисица). */
.bbh-foxteam > li.is-on .bbh-foxteam__fox { filter: drop-shadow(0 12px 12px rgba(14, 74, 62, .14)); }
.bbh-foxteam__pick::after { background: radial-gradient(closest-side, rgba(14, 74, 62, .12), transparent); }
.bbh-foxteam > li.is-on .bbh-foxteam__pick::after { background: radial-gradient(closest-side, rgba(14, 74, 62, .2), transparent); }
.bbh-bubble { box-shadow: var(--shadow); }
@media (max-width: 899px) {
	.bbh-foxteam { overflow: visible; }
	.bbh-bubble { transform: translateY(16px) scale(.97); }
	.bbh-foxteam > li.is-on .bbh-foxteam__fox { transform: scale(1.08); }
	@keyframes bbh-hop-m { 0% { transform: scale(.8); } 55% { transform: scale(1.06) translateY(-16px); } 100% { transform: scale(1.08); } }
	.bbh-foxteam > li.is-on .bbh-foxteam__fox { animation-name: bbh-hop-m; }
}

/* Банерът на десктоп: широк ред в средата долу, текстът вляво, бутоните
   вдясно един под друг (Атанас, 2026-09-22: „вляво не ме кефи“). */
.bbh-cc[hidden] { display: none; }
@media (min-width: 900px) {
	.bbh-cc {
		left: 50%; bottom: 24px; width: min(1080px, calc(100vw - 48px));
		display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: center; gap: 18px 40px;
		padding: 26px 30px; transform: translate(-50%, 24px);
	}
	.bbh-cc.is-on { transform: translate(-50%, 0); }
	.bbh-cc__opts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bbh-cc__btns { grid-template-columns: 1fr; margin-top: 0; }
	.bbh-cc p { font-size: 15px; }
}