/* clean — лентата на услугите (kind=service); числата: custom.band-svc; отстоянията: family_bricks.php xp_bk_band_top */ .xp-b-band.is-service { --b-pt: var(--wp--custom--band-svc--zero); --b-pb: var(--wp--custom--band-svc--zero); --b-ov: var(--wp--custom--band-svc--zero); --b-ovp: var(--b-ov); --b-gt: var(--wp--custom--band-svc--zero); --b-gb: var(--wp--custom--band-svc--zero); position: relative; box-sizing: border-box; padding: calc(var(--b-pt) + var(--b-ovp)) 0 var(--b-pb); } .xp-b.xp-b-band.is-service { margin-top: calc(var(--b-gt) - var(--b-ov)); margin-bottom: var(--b-gb); } .xp-b-band.is-service * { box-sizing: border-box; } .xp-b-band.is-service.is-inset { margin-left: var(--wp--custom--band-svc--inset); box-shadow: var(--wp--custom--shadow--drop-l); } /* (026 ВЛ.3, 22.10.2026) отстъпът на лентата от ръба на екрана — за svc-media/render.php (картинката по Divi, но не извън екрана) */ .xp-b-band.is-service { --b-edge-l: 0px; --b-edge-r: 0px; } .xp-b-band.is-service.is-inset { --b-edge-l: var(--wp--custom--band-svc--inset); } .xp-b-band.is-service.is-inset.is-side-right { --b-edge-l: 0px; --b-edge-r: var(--wp--custom--band-svc--inset); } /* (026 ВЛ.25, 22.10.2026) лентата от левия ръб (is-side-right) хвърляше сянка надясно в празнината 10vw → сива ивица на 390/768 (Велислав 074, 264: на живо бяла). В Divi сянката е наляво (−40px) в 327 секции и надясно (+40px) само в 17 → по подразбиране наляво; надясно само с настройката shadow=right от секцията (tools/family_bricks.php, --sv-sh) */ .xp-b-band.is-service.is-inset.is-side-right { margin-right: var(--wp--custom--band-svc--inset); margin-left: 0; box-shadow: var(--wp--custom--shadow--drop-l); } .xp-b-band.is-inset.has-shadow-right { box-shadow: var(--wp--custom--band-svc--drop-r); } .xp-b-band.is-service.is-warm { background: var(--wp--preset--gradient--xp-warm); color: var(--wp--preset--color--white); } .xp-b-band.is-service.is-cool { background: var(--wp--preset--gradient--xp-cool); color: var(--wp--preset--color--white); } .xp-b-band.is-service.is-white { background: var(--wp--preset--color--white); color: var(--wp--preset--color--black); } .xp-b-band.is-service.is-grey { background: var(--wp--custom--band--grey); color: var(--wp--preset--color--black); } .xp-b-band.is-service.has-top-s { --b-pt: var(--wp--custom--band-svc--s); } .xp-b-band.is-service.has-top-m { --b-pt: var(--wp--custom--band-svc--m); } .xp-b-band.is-service.has-top-l { --b-pt: var(--wp--custom--band-svc--l); } .xp-b-band.is-service.has-bottom-s { --b-pb: var(--wp--custom--band-svc--s); } .xp-b-band.is-service.has-bottom-m { --b-pb: var(--wp--custom--band-svc--m); } .xp-b-band.is-service.has-bottom-l { --b-pb: var(--wp--custom--band-svc--l); } .xp-b-band.is-service[class*="has-overlap-counters"] { --b-ov: var(--wp--custom--band-svc--ov-counters); } .xp-b-band.is-service.has-overlap-l { --b-ov: var(--wp--custom--band-svc--ov-l); } .xp-b-band.is-service.has-overlap-s { --b-ov: var(--wp--custom--band-svc--ov-s); --b-ovp: var(--wp--custom--band-svc--zero); } @media (min-width: 981px) { .xp-b-band.is-service.has-overlap-counters { --b-ovp: max(var(--wp--custom--band-svc--zero), calc(var(--b-ov) - var(--wp--custom--svc-counters--pad) - var(--b-pt))); } .xp-b-band.is-service.has-overlap-counters-up { --b-ovp: var(--wp--custom--band-svc--zero); } } .xp-b-band.is-service.has-gap-top-s { --b-gt: var(--wp--custom--band-svc--s); } .xp-b-band.is-service.has-gap-top-m { --b-gt: var(--wp--custom--band-svc--m); } .xp-b-band.is-service.has-gap-top-l { --b-gt: var(--wp--custom--band-svc--gap-l); } .xp-b-band.is-service.has-gap-bottom-s { --b-gb: var(--wp--custom--band-svc--s); } .xp-b-band.is-service.has-gap-bottom-m { --b-gb: var(--wp--custom--band-svc--m); } .xp-b-band.is-service.has-gap-bottom-l { --b-gb: var(--wp--custom--band-svc--gap-l); } .xp-b-band.is-service :is(h2, h3, h4):not(.has-text-color) { color: var(--wp--preset--color--black); } .xp-b-band.is-service :is(h2, h3, h4, p, li) { margin: 0; } .xp-b-band.is-service h2, .xp-b-band.is-service .xp-mv h1 { font-size: var(--t-section); font-weight: var(--wp--custom--weight--heavy); line-height: var(--t-lh-head); text-transform: uppercase; } /* (026 ВЛ.12)

във вариант по ширина (content_phone: имейл маркетинг BG, „Каузи“ BG/EN/DE) — като заглавие на раздел */ .xp-b-band.is-service h3 { font-size: var(--t-sub); font-weight: var(--wp--custom--weight--bold); line-height: var(--t-lh-head); text-transform: uppercase; letter-spacing: var(--t-caps); } .xp-b-band.is-service .is-style-xp-as-written { text-transform: none; } /* „Както е написано“ (03.10) */ .xp-b-band.is-service :is(p, li) { font-size: var(--t-text); font-weight: var(--wp--custom--weight--light); line-height: var(--t-lh-text); } .xp-b-band.is-service :is(h2, h3) { padding-bottom: var(--wp--custom--space--10); } .xp-b-band.is-service a:not(.wp-block-button__link) { color: inherit; text-decoration: underline; } .xp-b-band.is-service.is-cool a:not(.wp-block-button__link) { color: inherit; } .xp-b-band.is-service:is(.is-white, .is-none) a:not(.wp-block-button__link) { color: var(--wp--preset--color--link); } @media (max-width: 980px) { .xp-b-band.is-service.has-top-s { --b-pt: var(--wp--custom--band-svc--s-tablet); } .xp-b-band.is-service.has-top-l { --b-pt: var(--wp--custom--band-svc--l-tablet); } .xp-b-band.is-service.has-bottom-s { --b-pb: var(--wp--custom--band-svc--s-tablet); } .xp-b-band.is-service.has-bottom-l { --b-pb: var(--wp--custom--band-svc--l-tablet); } .xp-b-band.is-service[class*="has-overlap-counters"] { --b-ov: var(--wp--custom--band-svc--ov-counters-tablet); } .xp-b-band.is-service.has-gap-top-s { --b-gt: var(--wp--custom--band-svc--s-tablet); } .xp-b-band.is-service.has-gap-bottom-s { --b-gb: var(--wp--custom--band-svc--s-tablet); } } @media (max-width: 767px) { .xp-b-band.is-service.has-gap-top-l { --b-gt: var(--wp--custom--band-svc--gap-l-phone); } .xp-b-band.is-service.has-gap-bottom-l { --b-gb: var(--wp--custom--band-svc--gap-l-phone); } .xp-b-band.is-service.has-top-l { --b-pt: var(--wp--custom--band-svc--l-phone); } .xp-b-band.is-service.has-bottom-l { --b-pb: var(--wp--custom--band-svc--l-phone); } } .editor-styles-wrapper .xp-b-band.is-service { margin-top: 0; } /* (018) отместването на лентата за отрязаните фигури (clean.cut.css на тухличките); „услуга“ + „отляво“ — както band/clean.css */ .xp-b-band { --xp-cut-bl: var(--wp--custom--cut--zero); --xp-cut-br: var(--wp--custom--cut--zero); } .xp-b-band.is-inset.is-side-left { --xp-cut-bl: var(--wp--custom--band--inset); } .xp-b-band.is-service.is-inset:not(.is-side-right, .is-side-left) { --xp-cut-bl: var(--wp--custom--band-svc--inset); } .xp-b-band.is-service.is-inset.is-side-right { --xp-cut-br: var(--wp--custom--band-svc--inset); } /* (026 ВЛ.15, 22.10.2026) цитатът в другите тухлички — същият вид като в „Текст“ (svc-text/clean.more.css): лента вляво в цвета от xp-qb-*, 20 px навътре, главни, дебелината от xp-qw-*. Местно (xplora-local): 27 цитата на страниците — 20 в svc-text, 5 в svc-services (Реклама в TikTok BG/EN/DE: Велислав 223–224, у нас обикновен абзац), 1 в svc-hero („Xplora накратко“), 1 в svc-steps; П4 xp-038g: 17 страници с
в текстов модул. */ .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.wp-block-quote { --t-qb: var(--wp--preset--color--link); margin: var(--wp--custom--svc-text--quote-margin); padding-left: var(--wp--custom--space--20); border-left: var(--wp--custom--svc-text--quote-bar) solid var(--t-qb); text-transform: uppercase; } .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.xp-qb-green { --t-qb: var(--wp--preset--color--green); } .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.xp-qb-blue { --t-qb: var(--wp--preset--color--blue); } .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.xp-qb-pink { --t-qb: var(--wp--preset--color--pink); } .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.xp-qw-600 { font-weight: var(--wp--custom--svc-text--quote-semibold); } .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.xp-qw-700 { font-weight: var(--wp--custom--weight--bold); } .xp-b-band.is-service :is(.xp-b-svc-services, .xp-b-svc-hero, .xp-b-svc-steps) blockquote.wp-block-quote p { padding-bottom: 0; font-weight: inherit; }