/* clean — „Карта с видео“ на чисто: таблетът (≤980, и общото под 980 px), продължение на clean.css (таванът от 6 KB на файл). */
/* картинката излиза 10vh под картата (--vc-mb); между две карти има 10vh (clean.css), а текстът след картата започваше веднага и
   картинката лягаше върху него (G1, 04.10.2026: Google Display Network и Waze, BG/EN/DE). Копието: и там текстът е под картинката
   (+71…100 px спрямо нас на 390/768/1024/1440) — същите 10vh, на всички ширини. */
.xp-b-svc-videocard.xp-b:has(> .xp-b-svc-videocard__media img) + .xp-b-svc-text.xp-b { margin-top: var(--wp--custom--svc-videocard--gap); }
@media (max-width: 980px) {
	.xp-b-svc-videocard, .xp-b-svc-videocard.is-media-right { width: 100%; margin-left: 0; margin-right: 0; padding: var(--wp--custom--svc-videocard--pad-tablet); grid-template-columns: var(--wp--custom--svc-videocard--cols); overflow-x: clip; }
	.xp-b-svc-videocard.has-media-top-xs, .xp-b-svc-videocard.has-media-top-s { --vc-mt: var(--wp--custom--svc-videocard--mt-xs); }
	.xp-b-svc-videocard.has-media-top-l { --vc-mt: var(--wp--custom--svc-videocard--mt-l-tablet); }
	/* вляво: видеото от левия край на екрана до 5vw преди средата; картинката 10vw / 15vw навътре (и при „до ръба“ на компютър);
	   „на таблет до ръба“ — като видеото */
	.xp-b-svc-videocard.is-media-left > .xp-b-svc-videocard__media { --vc-ml: 0; --vc-mr: var(--wp--custom--svc-videocard--mr-tablet); }
	.xp-b-svc-videocard.is-media-left > .xp-b-svc-videocard__media:not(:has(.xp-video)), .xp-b-svc-videocard.is-media-left.is-bleed > .xp-b-svc-videocard__media:not(:has(.xp-video)) { --vc-ml: var(--wp--custom--svc-videocard--img-ml-tablet); --vc-mr: var(--wp--custom--svc-videocard--img-mr-tablet); }
	.xp-b-svc-videocard.is-media-left.is-bleed-tablet > .xp-b-svc-videocard__media:not(:has(.xp-video)) { --vc-ml: 0; --vc-mr: var(--wp--custom--svc-videocard--mr-tablet); }
	.xp-b-svc-videocard > .xp-b-svc-videocard__text { padding: var(--wp--custom--svc-videocard--text-pad-tablet); }
	.xp-b-svc-videocard.is-media-right > .xp-b-svc-videocard__text { padding: var(--wp--custom--svc-videocard--text-pad-right-tablet); }
}
/* само текст на таблет: на цялата ширина; на телефон — като другите карти */
@media (min-width: 768px) and (max-width: 980px) {
	.xp-b-svc-videocard:not(:has(> .xp-b-svc-videocard__media:not(:empty))) { grid-template-columns: var(--wp--custom--svc-videocard--cols-one); }
	.xp-b-svc-videocard:not(:has(> .xp-b-svc-videocard__media:not(:empty))) > .xp-b-svc-videocard__text { grid-column: 1; padding-left: var(--wp--custom--svc-videocard--text-side-tablet); padding-right: var(--wp--custom--svc-videocard--text-side-tablet); }
	.xp-b-svc-videocard.is-media-right:not(:has(> .xp-b-svc-videocard__media:not(:empty))) > .xp-b-svc-videocard__text { padding-left: var(--wp--custom--svc-videocard--text-in-tablet); }
}
/* списъкът с отметки (pa-bullet-list-1; копието „За нас“ — „Кариери в Xplora“, 02.10.2026): кръгче с отметка в цвета на текста */
.xp-b-svc-videocard ul.pa-bullet-list-1 { padding-left: 0; list-style: none; }
.xp-b-svc-videocard ul.pa-bullet-list-1 li { display: block; padding-bottom: var(--wp--custom--svc-text--check-after); }
.xp-b-svc-videocard ul.pa-bullet-list-1 li::before { content: ""; display: inline-block; width: var(--wp--custom--svc-text--check); height: var(--wp--custom--svc-text--check); margin-right: var(--wp--custom--svc-text--check-gap); vertical-align: var(--wp--custom--svc-text--check-lift); background: currentColor; mask: url("../../assets/img/check-circle.svg") center / contain no-repeat; }
/* картата до десния ръб (is-at-end; копието „За нас“ — „Кариери“, „Xplora в медиите“: от 10vw до края), на компютър */
@media (min-width: 981px) {
	.xp-b-svc-videocard.is-at-end { margin: 0 0 0 auto; }
	.xp-b-svc-videocard.is-at-end > .xp-b-svc-videocard__text { padding: var(--wp--custom--svc-videocard--text-pad-end); } /* текстът пак от 17vw на екрана */
}