/* clean — началото на запис (партида 2, 01.10.2026): бяло поле на цял екран, заглавието главни, черно-дебело, в цвета на вида
   (розово — епизоди, синьо — отзиви). Хедърът е прозрачен върху полето на компютър, на телефон е над него (в потока). */
/* без общото blockGap на WordPress (1rem, тежест 0,1,0) между разделите на записа; отстоянията са на самите видове (лентата и видеото
   с тежест 0,2,0 го надвиват). Отдолу — място до частта под записа (живо 1440: ~150 px след реда под видеото) */
main.xp-rec, main.xp-rec > *, main .wp-block-post-content > * { margin-block-start: 0; }
main.xp-rec { padding-bottom: var(--wp--custom--space--60); }
.xp-ph { box-sizing: border-box; min-height: var(--wp--custom--record--hero-h); padding: var(--wp--custom--record--hero-top) var(--wp--custom--layout--side) 0 var(--wp--custom--record--title-left); background: var(--wp--preset--color--white); }
.xp-ph__title { max-width: var(--wp--custom--record--title-w); margin: 0; color: var(--wp--preset--color--pink); font-size: var(--t-section); font-weight: var(--wp--custom--weight--black); line-height: var(--t-lh-head); text-transform: uppercase; overflow-wrap: break-word; hyphens: manual; }
.xp-ph.is-blue .xp-ph__title { color: var(--wp--preset--color--blue); }
.xp-ph.is-black .xp-ph__title { color: var(--wp--preset--color--black); }
@media (max-width: 767px) {
	.xp-ph { padding-top: var(--wp--custom--record--hero-top-phone); padding-right: var(--wp--custom--record--title-right-phone); }
	.xp-ph__title { max-width: none; }
}
/* (04.10.2026, последна партида R) епизод / отзив (tools/family_records.php → _xplora_ph_ov → класове): в копието началото е 100vh, кутията
   се качва с −10vh (preset), с −6vh на компютър в 13 епизода, на телефон с −38vh в 11 отзива (preset 95acf791) и 0/28/33vh в 4. Лентата
   се качва с −8vh (band) → началото е с разликата по-ниско (768: кутията беше 21 px по-ниско). Телефон: хедърът е в потока (живо), в
   копието е върху началото — разстоянието заглавие → кутия е като в копието (заглавието там е на 35vh + 24 px; беше 570 вместо 42 px). */
.xp-ph.is-white { --ph-ov: var(--wp--custom--record--ov); --ph-ovp: var(--wp--custom--record--ov); min-height: calc(var(--wp--custom--record--hero-h) - var(--ph-ov) - var(--wp--custom--band--overlap-s)); }
.xp-ph.is-white.has-ovp-0 { --ph-ovp: var(--wp--custom--record--ovp-0); }
.xp-ph.is-white.has-ovp-28 { --ph-ovp: var(--wp--custom--record--ovp-28); }
.xp-ph.is-white.has-ovp-33 { --ph-ovp: var(--wp--custom--record--ovp-33); }
.xp-ph.is-white.has-ovp-38 { --ph-ovp: var(--wp--custom--record--ovp-38); }
/* заглавието: редът е 35vh отгоре (епизодите, 33 отзива) или 25vh (28 отзива); колоната с подредба на телефон (всички отзиви, 24
   епизода) е с 10 % от реда отгоре (1440: заглавието беше 39–130 px по-високо); таблет (768–980): 25vh навсякъде (беше 103 px по-ниско) */
@media (min-width: 981px) {
	.xp-ph.is-white.has-ov-6 { --ph-ov: var(--wp--custom--record--ov-6); }
	.xp-ph.is-white.has-row-25 { padding-top: var(--wp--custom--record--hero-top-25); }
	.xp-ph.is-white.has-col { padding-top: calc(var(--wp--custom--record--hero-top) + var(--wp--custom--record--tm-col)); }
	.xp-ph.is-white.has-col.has-row-25 { padding-top: calc(var(--wp--custom--record--hero-top-25) + var(--wp--custom--record--tm-col)); }
}
@media (min-width: 768px) and (max-width: 980px) { .xp-ph.is-white { padding-top: var(--wp--custom--record--hero-top-25); } }
/* отзив: първият въпрос („Разкажи ни с какво се занимаваш“) е в текста до картинката (xplora/media) — главни като другите (копие: всички
   заглавия в текстовите модули на отзива са главни) */
main.xp-rec .xp-md__text h2 { text-transform: uppercase; }
@media (max-width: 767px) {
	.xp-ph.is-white { min-height: calc(var(--wp--custom--record--hero-h) - var(--wp--custom--record--copy-title-top-phone) + var(--wp--custom--record--hero-top-phone) - var(--wp--custom--band--overlap-s) - var(--ph-ovp)); }
}
/* (R) списък на таблет: заглавието на цялата ширина като в копието (768: 637 px; тук 60vw — „Xplore Marketing Podcast“ на 3 реда) */
@media (min-width: 768px) and (max-width: 980px) { .xp-ph.is-list .xp-ph__head > .xp-ph__title { max-width: none; } }
/* (026 ВЛ.11, 22.10.2026) отзив с поле „header“ (3 от 61): снимката е фон на началото, както първата секция в Divi (background_image =
   custom_meta_header); заглавието, кутията и пътечката остават отгоре (.xp-ph__bg е в case.css: absolute, inset 0, object-fit cover) */
.xp-ph.is-white.has-bg { position: relative; overflow: hidden; }
.xp-ph.is-white.has-bg > .xp-ph__head { position: relative; z-index: 1; }