/* clean — началото на кейс (партида 2г, 01.10.2026): основната снимка на целия екран, избледняла; „CASE STUDY“ голямо розово,
   категориите (розови връзки); името на клиента — само на телефон (на живо отделен надпис за телефон). H1 е в лентата отдолу. */
.xp-ph.is-case { position: relative; overflow: hidden; min-height: var(--wp--custom--case--h); padding: var(--wp--custom--case--top) var(--wp--custom--layout--side) 0 var(--wp--custom--record--title-left); background: var(--wp--preset--color--white); }
.xp-ph__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.xp-ph.is-case::after { content: ""; position: absolute; inset: 0; background: var(--wp--custom--case--veil); }
.xp-ph.is-case .xp-ph__head { position: relative; z-index: 1; }
.xp-ph.is-case .xp-ph__kicker { margin-bottom: var(--wp--custom--post--gap); color: var(--wp--preset--color--pink); font-weight: var(--wp--custom--weight--black); text-transform: uppercase; }
.xp-ph.is-case .xp-ph__cats { color: var(--wp--preset--color--pink); font-size: var(--t-text); } /* (025 В, Р4.23) на живо етикетите са с размера на текста (768–1920 с 20–25 % по-едри от t-label, 390 16 / 14 px) */
/* (05.10.2026, машинна проверка B) без клиент (14 кейса) модулът „Title“ в Divi е празен и главата беше по-ниска — лентата покриваше
   категориите. (12.10.2026, карта 020, Сашо: „Показваме за кейсовете!“) главата е с височината на кейсовете с клиент (case--h) и
   категориите се виждат на ≥ 981 px, както при другите 88; токените h-bare / h-bare-flat остават неизползвани за справка. */
/* (05.10.2026, машинна проверка B) картинка в тялото с ширина 42vw (на телефон 66vw) по Divi — Bonnie EN, кутията с резултатите */
.is-case ~ * .wp-block-image.is-w-42vw { max-width: var(--wp--custom--case--img-42); }
@media (max-width: 767px) { .is-case ~ * .wp-block-image.is-w-42vw { max-width: var(--wp--custom--case--img-42-phone); } }
.xp-ph__client { display: none; margin: var(--wp--custom--post--gap-phone) 0 0; color: var(--wp--preset--color--pink); font-size: var(--t-section); font-weight: var(--wp--custom--weight--black); line-height: var(--t-lh-head); text-transform: uppercase; letter-spacing: var(--t-caps); }
/* (04.10.2026, поправки D) таблет 768–980: Divi сменя горния отстъп на реда на 25vh (35vh над 980; 102 от 102 кейса) и показва името на
   клиента (4vw, 10vh отгоре, 15vh отдолу; лентата се качва 10vh). Копие 768×900: „CASE STUDY“ на 224, лентата на 535; при нас 459 и 738.
   Без клиент (14 кейса) модулът пада — лентата е 10vh под категориите. */
@media (min-width: 768px) and (max-width: 980px) {
	.xp-ph.is-case { min-height: 0; padding-top: var(--wp--custom--case--top-tablet); padding-bottom: var(--wp--custom--case--tail-tablet-bare); }
	.xp-ph.is-case:has(.xp-ph__client) { padding-bottom: var(--wp--custom--case--tail-tablet); }
	.xp-ph__client { display: block; margin-top: var(--wp--custom--case--client-gap); }
}
@media (max-width: 767px) {
	.xp-ph.is-case { min-height: var(--wp--custom--case--h-phone); padding-top: var(--wp--custom--space--20); padding-left: var(--wp--custom--text--side-phone); }
	.xp-ph__client { display: block; }
	.xp-ph.is-case:not(:has(.xp-ph__client)) { min-height: var(--wp--custom--case--h-phone-bare); } /* без клиент: −10vh − редът 7vw */
	.xp-ph.is-case::after { background: var(--wp--custom--case--veil-phone); } /* (04.10.2026) по-избледняла, както в копието: текстът се чете */
}
@media (max-width: 767px) { /* (025 В, Р4.24) на живо 390: „CASE STUDY“ и името на клиента ~17 px (главни 12 px; у нас 39 и 22) — eyes-v4, кейсовете B2B */
	.xp-ph.is-case .xp-ph__kicker, .xp-ph.is-case .xp-ph__client { font-size: var(--t-minor); }
}
