/* clean — „Начало“: цветните полета (has-panel: „Каузи“ — половината вдясно; has-panel-edge: „Услуги“ — ивица до края;
   has-panel-warm: „Портфолио“ — оранжево-розова ивица) и квадратът в ъгъла (has-corner, началната). Отделено от clean.phone.css (таван 6 KB). */
/* оранжев квадрат горе вдясно (has-corner, началната: копието 1440 — 143×135 px на 57 px от горе; 768 — 75×154 на 50; на телефон го няма) */
.xp-b-svc-hero.has-corner::after { content: ""; position: absolute; top: var(--wp--custom--svc-hero--corner-top); right: 0; width: var(--wp--custom--svc-hero--corner-w); height: var(--wp--custom--svc-hero--corner-h); background: var(--wp--preset--color--orange); }
@media (max-width: 980px) { .xp-b-svc-hero.has-corner::after { top: var(--wp--custom--svc-hero--corner-top-tablet); height: var(--wp--custom--svc-hero--corner-h-tablet); } }
@media (max-width: 767px) { .xp-b-svc-hero.has-corner::after { display: none; } }
/* зелено-синьо поле вдясно (has-panel, „Каузи“: копието 1440 — колона 1/2 от 270 px до долу, със сянка; на таблет и телефон я няма) */
.xp-b-svc-hero.has-panel::before { content: ""; position: absolute; top: var(--wp--custom--svc-hero--panel-top); bottom: 0; left: 50%; right: 0; z-index: 0; background: var(--wp--preset--gradient--xp-cool); box-shadow: var(--wp--custom--svc-hero--panel-shadow); }
.xp-b-svc-hero.has-panel > * { position: relative; z-index: 1; }
@media (max-width: 980px) { .xp-b-svc-hero.has-panel::before { display: none; } }
.xp-b-svc-hero.has-panel.has-panel-edge::before { left: var(--wp--custom--svc-hero--panel-edge-left); bottom: var(--wp--custom--svc-hero--panel-edge-bottom); } /* „Услуги“: ивица до края */
.xp-b-svc-hero.has-panel.has-panel-warm::before { background: var(--wp--preset--gradient--xp-warm); }
.xp-b-svc-hero.has-panel.has-panel-edge.has-panel-warm::before { left: var(--wp--custom--svc-hero--panel-warm-left); } /* „Портфолио“ */
/* формата на ивицата (настройка panelShape, 04.10.2026; копието 1440): column — 10vw по цялата височина („Стажове“, „Какво е да
   работиш“, формата за кандидатстване); column-top — от горе, свършва 23vw преди края („Отворени позиции“); column-low — от заглавието
   надолу („Типове индустрии“, „Портфолио“); left — 10vw до левия ръб, от заглавието надолу („Кариери“) */
.xp-b-svc-hero.has-panel.has-panel-edge:is(.has-panel-column, .has-panel-column-top, .has-panel-column-low)::before { left: var(--wp--custom--svc-hero--panel-col-left); }
.xp-b-svc-hero.has-panel.has-panel-edge:is(.has-panel-column, .has-panel-column-top)::before { top: var(--wp--custom--svc-hero--panel-zero); }
.xp-b-svc-hero.has-panel.has-panel-edge:is(.has-panel-column, .has-panel-column-low, .has-panel-left)::before { bottom: var(--wp--custom--svc-hero--panel-zero); }
.xp-b-svc-hero.has-panel.has-panel-edge.has-panel-left::before { left: var(--wp--custom--svc-hero--panel-zero); right: var(--wp--custom--svc-hero--panel-col-left); }
/* цветът на отметките в списъка в началото (настройка „Цвят на отметките“) */
.xp-b-svc-hero.has-checks-pink ul.pa-bullet-list-1 li::before { background: var(--wp--preset--color--pink); } /* „Xplora преподава“ (копието) */
.xp-b-svc-hero.has-checks-white ul.pa-bullet-list-1 li::before { background: var(--wp--preset--color--white); } /* „Форма за кандидатстване“ (копието) */
/* бутон с черен текст в началото — прозрачен с черен контур, както в копието (EN/DE „За нас“, „Накратко“, „Кандидатстване“; бяха сини) */
.xp-b-svc-hero .wp-block-button__link.has-black-color { border-color: currentColor; background: transparent; }
/* цитат в началото (BG „Накратко“; копието 1440: от 27vw, удебелен, главни букви, синя черта 5 px) — като в „Текст“ */
.xp-b-svc-hero blockquote.wp-block-quote { --h-qb: var(--wp--preset--color--link); margin: var(--wp--custom--svc-hero--quote-margin); padding-left: var(--wp--custom--space--20); border-left: var(--wp--custom--svc-text--quote-bar) solid var(--h-qb); font-style: normal; text-transform: uppercase; }
.xp-b-svc-hero blockquote.xp-qb-blue { --h-qb: var(--wp--preset--color--blue); }
.xp-b-svc-hero blockquote.xp-qw-700 { font-weight: var(--wp--custom--weight--bold); }
.xp-b-svc-hero blockquote.wp-block-quote p { padding-bottom: 0; font-weight: inherit; font-style: inherit; }
@media (max-width: 980px) { .xp-b-svc-hero blockquote.wp-block-quote { margin-left: 0; } }
/* заглавието по-наляво (настройка „Заглавието по-наляво“; в копието модулът е с margin-left −5…−8vw на всички ширини; 03.10.2026) */
.xp-b-svc-hero.has-title-pull-5 h1 { margin-left: var(--wp--custom--svc-hero--pull-5); }
.xp-b-svc-hero.has-title-pull-6 h1 { margin-left: var(--wp--custom--svc-hero--pull-6); }
.xp-b-svc-hero.has-title-pull-7 h1 { margin-left: var(--wp--custom--svc-hero--pull-7); }
.xp-b-svc-hero.has-title-pull-8 h1 { margin-left: var(--wp--custom--svc-hero--pull-8); }