/* clean — (023, 17.10.2026; очите Г25/Г28) заглавието не влиза в цветното поле вдясно: на живо спира преди полето (стажове 1920 — 3 реда;
   DE „Dienstleistungen“ 1366+ — 2 реда), у нас излизаше върху него (до 97vw при поле от 90vw). Ръбът на полето — същите токени като
   ::before в clean.panel.css / tiles-pos.css; само на компютър (на ≤ 980 полето го няма). */
@media (min-width: 981px) {
	.xp-b-svc-hero.has-panel { --hx-panel-l: var(--wp--custom--svc-hero--w-50); }
	.xp-b-svc-hero.has-panel.has-panel-edge { --hx-panel-l: var(--wp--custom--svc-hero--panel-edge-left); }
	.xp-b-svc-hero.has-panel.has-panel-edge.has-panel-warm { --hx-panel-l: var(--wp--custom--svc-hero--panel-warm-left); }
	.xp-b-svc-hero.has-panel.has-panel-edge:is(.has-panel-column, .has-panel-column-top, .has-panel-column-low) { --hx-panel-l: var(--wp--custom--svc-hero--panel-col-left); }
	.xp-clean .xp-b-svc-hero.has-panel:not(.has-panel-edge):has(+ .xp-b-band.is-white .xp-imgacc > .is-open) { --hx-panel-l: var(--wp--custom--imgacc--hero-panel-white); }
	.xp-clean .xp-b-svc-hero.has-panel:not(.has-panel-edge):has(+ .xp-b-band.is-cool .xp-imgacc > .is-open) { --hx-panel-l: var(--wp--custom--imgacc--hero-panel-cool); } /* (023г) полето пред зелено-сините плочки — 75vw (Industrietypen, Types of industries): границата беше 50vw и чупеше думата */
	.xp-b-svc-hero.has-panel:is(.has-panel-edge, :not([class*="has-title-w-"])):not(.has-panel-left) h1 { max-width: calc(var(--hx-panel-l) - var(--hx-pl) - var(--t-gb)); } /* полето с изрична ширина на заглавието (Каузи, has-title-w-70) — на живо заглавието минава над полето */
}
/* (023, Г24) обявите и стажовете на ≤ 980 (has-panel-column / -top): на живо цветната колона остава вдясно — ~10vw (390: 39 px, 768:
   77 px), цялата височина на началото; текстът — до нея. У нас полето се криеше под 981 px. (Индустрии и Портфолио — column-low — без
   ивица и на живо.) */
@media (max-width: 980px) {
	.xp-b-svc-hero.has-panel.has-panel-edge:is(.has-panel-column, .has-panel-column-top)::before { display: block; top: var(--wp--custom--svc-hero--panel-zero); bottom: var(--wp--custom--svc-hero--panel-zero); left: var(--wp--custom--svc-hero--panel-col-left); right: var(--wp--custom--svc-hero--panel-zero); box-shadow: none; }
	.xp-b-svc-hero.has-panel.has-panel-edge:is(.has-panel-column, .has-panel-column-top) { padding-right: calc(var(--hx-pr) + var(--wp--custom--svc-hero--w-10)); }
}