/* clean — „Начало“: снимка до заглавието и ширината на текста под него (виж долу); (xp-b-svc-hero__aside, от tools/bricks/hero.php: снимка веднага след H1; в Divi — съседната
   колона на реда със заглавието). Quora — значката Quora Partner, копието: 1440 и 1024 — 16vw от 72vw, горе до H1; 768 — 30vw в средата
   под заглавието; 390 — 48vw вляво под заглавието (04.10.2026). */
.xp-b-svc-hero.xp-b > figure.xp-b-svc-hero__aside { width: var(--wp--custom--svc-hero--aside-w-phone); max-width: none; }
.xp-b-svc-hero > .xp-b-svc-hero__aside img { display: block; width: 100%; }
@media (min-width: 768px) and (max-width: 980px) {
	.xp-b-svc-hero.xp-b > figure.xp-b-svc-hero__aside { width: var(--wp--custom--svc-hero--aside-w-tablet); margin-left: auto; margin-right: auto; }
}
@media (min-width: 981px) {
	.xp-b-svc-hero.xp-b > figure.xp-b-svc-hero__aside { position: absolute; top: var(--hx-pt); left: var(--wp--custom--svc-hero--aside-left); width: var(--wp--custom--svc-hero--aside-w); }
}
/* ширината на текста под заглавието (настройка textWidth; Divi — ширината на модула с откъса: Инфлуенсър маркетинг 70vw, Pinterest 50vw,
   Google ecosystem 56vw, „Портфолио“ 68vw, „Типове индустрии“ 55vw) и „И текстът по-наляво“ (textPull — със заглавието; копието 1440: от
   173 px), само на компютър (04.10.2026) */
@media (min-width: 981px) {
	.xp-b-svc-hero.has-text-w-50 { --hx-tw: var(--wp--custom--svc-hero--w-50); }
	.xp-b-svc-hero.has-text-w-55 { --hx-tw: var(--wp--custom--svc-hero--w-55); }
	.xp-b-svc-hero.has-text-w-56 { --hx-tw: var(--wp--custom--svc-hero--w-56); }
	.xp-b-svc-hero.has-text-w-68 { --hx-tw: var(--wp--custom--svc-hero--w-68); }
	.xp-b-svc-hero.has-text-w-70 { --hx-tw: var(--wp--custom--svc-hero--w-70); }
	.xp-b-svc-hero.has-text-pull.has-title-pull-5 > :is(p, ul, ol) { margin-left: var(--wp--custom--svc-hero--pull-5); }
	.xp-b-svc-hero.has-text-pull.has-title-pull-6 > :is(p, ul, ol) { margin-left: var(--wp--custom--svc-hero--pull-6); }
	.xp-b-svc-hero.has-text-pull.has-title-pull-7 > :is(p, ul, ol) { margin-left: var(--wp--custom--svc-hero--pull-7); }
	.xp-b-svc-hero.has-text-pull.has-title-pull-8 > :is(p, ul, ol) { margin-left: var(--wp--custom--svc-hero--pull-8); }
}