/* Языковые версии (kk/en) — раскладка под перевод другой длины (08.10.2026).
   Подключается только на kk/en (inc/assets.php), поэтому селекторы без html[lang]. Скрипт — assets/js/lang.js. */

/* ── Ряд меню шапки ──
   У Tilda пункты стоят по координатам в блоках шириной под русское слово, разделители — отдельные полоски.
   Здесь пункты идут обычным flex-рядом в рамке, которую inc/chrome.php посчитал по координатам русских пунктов
   (--nl/--nw на ширинах 1200 и 960): ширина по тексту, промежутки равные, разделитель — посередине промежутка.
   Перевод шире рамки — lang.js расширяет её в свободное место, а если тесно — уменьшает промежутки и кегль
   (одинаково для всех пунктов). Ниже 960 пункты скрыты (бургер), ряд не нужен. */
.pd-site-header .pd-zn[data-nav] {
	--ngap: 32px;
	position: absolute; top: 33px; left: var(--nl0); width: var(--nw0); height: 25px;
	display: flex; align-items: center; justify-content: center; column-gap: var(--ngap);
	white-space: nowrap;
}
.pd-site-header .pd-zn[data-nav] > .pd-ze {
	position: relative; top: auto; left: auto; width: auto; height: 25px; flex: none;
	overflow: visible; justify-content: center;
}
.pd-site-header .pd-zn[data-nav] > .pd-ze > span { flex: none; }
.pd-site-header .pd-zn[data-nav] > .pd-ze::before {
	content: ""; position: absolute; top: 3px; left: calc(var(--ngap) / -2 - .5px);
	width: 1px; height: 19px; background: var(--hc, #cfa384); pointer-events: none;
}
.pd-site-header .pd-zn[data-nav] > .is-nf0::before { display: none; }
/* полоски-разделители Tilda на координатах русских пунктов — не нужны */
.pd-site-header .pd-z:has(> .pd-zn[data-nav]) > .pd-ze--shape[style*="--w0:1px"] { display: none; }
@media (max-width: 1199px) {
	.pd-site-header .pd-zn[data-nav] { left: var(--nl1, var(--nl0)); width: var(--nw1, var(--nw0)); }
	.pd-site-header .pd-zn[data-nav] > .is-nf0::before { display: block; }
	.pd-site-header .pd-zn[data-nav] > .is-nf1::before { display: none; }
}
@media (max-width: 959px) {
	.pd-site-header .pd-zn[data-nav] { display: contents; }
}

/* ── Первый экран: подписи преимуществ ──
   В русском тексте перенос <br> поставлен под ширину блока («100% соответствие действующим <br>нормативам…»);
   переводчик ставит его «по доле длины», и строка до переноса не помещается — выходит три строки вместо двух.
   В переводе переносим по ширине блока. */
.pd-hero__ut br { display: none; }

/* ── Заголовок блога на планшете (78px по макету Tilda) ──
   Длинное казахское слово («КОМПАНИЯСЫНЫҢ») шире экрана. Кегль — не больше доли ширины экрана. */
@media (max-width: 899px) and (min-width: 641px) {
	.pd-blog-h1 { font-size: min(78px, 8.4vw); }
}
.pd-blog-h1 { overflow-wrap: break-word; hyphens: auto; }

/* ── Квиз: подписи карточек вариантов ──
   На планшете сетка 5 колонок по ~80px: длинное казахское слово («алмастырғыштарды») шире колонки и ложилось
   на соседнюю подпись. Слово, которое не помещается, переносим внутри. */
.pd-q2-card { min-width: 0; }
.pd-q2-card__t { overflow-wrap: anywhere; hyphens: auto; }