/* BD Phone Video — .espt-block-bd-phone-video
   vars: --phone-width --phone-radius --frame-pad --tilt --play-size
         --play-color --frame-color --screen-bg --badge-bg --badge-color
         --star-color --title-size --text-size --title-color --text-color
         --cta-bg --cta-color --cta-radius
   classes: is-design-{notch|island|bezel|classic|glass|flat}
            is-ratio-{tall|story|square|photo|wide} is-badge-pos-{tl|tr|bl|br}
            is-caption-pos-{below|above} is-text-align-* is-play-style-*
            is-play-pulse is-stand is-floating
            is-cta-design-* is-cta-icon-anim-* is-cta-hover-* is-cta-attn
            is-cta-full is-cta-align-*
   internal: --bdy35-sh — the phone's drop shadow, so the shared BD
            .bd-shadow-soft/.bd-shadow-strong presets reach the frame even
            when the block is not wrapped in .espt-bd-box. */

.espt-block-bd-phone-video .bdy35 {
	color: var(--bd-body);
	min-width: 0;
	overflow-wrap: anywhere;
	text-align: center;
}

.espt-block-bd-phone-video.is-text-align-left .bdy35 { text-align: left; }
.espt-block-bd-phone-video.is-text-align-right .bdy35 { text-align: right; }

/* ------------------------------------------------------------- the phone */
.espt-block-bd-phone-video .bdy35-ph {
	background: var(--frame-color, var(--bd-ink));
	border-radius: var(--phone-radius, 34px);
	box-shadow: var(--bdy35-sh, 0 8px 22px -14px rgba(15, 23, 42, 0.38));
	margin: 0 auto;
	max-width: 100%;
	padding: var(--frame-pad, 10px);
	position: relative;
	transform: rotate(var(--tilt, 0deg));
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	width: var(--phone-width, 232px);
}

.espt-block-bd-phone-video.is-text-align-left .bdy35-ph { margin-left: 0; }
.espt-block-bd-phone-video.is-text-align-right .bdy35-ph { margin-right: 0; }

.espt-block-bd-phone-video .bdy35-ph:hover {
	box-shadow: 0 24px 50px -22px rgba(15, 23, 42, 0.65);
}

/* The shared BD shadow presets drive the frame's shadow (the widget only puts
   .espt-bd-box on the wrapper when "Card background" is on, so without this
   the Design panel's shadow control would do nothing in the default layout). */
.espt-block-bd-phone-video.bd-shadow-soft .bdy35 { --bdy35-sh: 0 18px 40px -20px rgba(15, 23, 42, 0.55); }
.espt-block-bd-phone-video.bd-shadow-strong .bdy35 { --bdy35-sh: 0 28px 56px -20px rgba(15, 23, 42, 0.68); }

/* ground shadow — sits fully below the frame so it never tints a light one */
.espt-block-bd-phone-video.is-stand .bdy35-ph::after {
	background: radial-gradient(ellipse at center, rgba(15, 23, 42, 0.3), rgba(15, 23, 42, 0) 70%);
	content: "";
	filter: blur(2px);
	height: 16px;
	left: 6%;
	pointer-events: none;
	position: absolute;
	right: 6%;
	top: calc(100% + 2px);
	z-index: -1;
}

.espt-block-bd-phone-video.is-floating .bdy35-ph {
	animation: bdy35-float 5s ease-in-out infinite;
}

@keyframes bdy35-float {
	0%, 100% { transform: rotate(var(--tilt, 0deg)) translateY(0); }
	50% { transform: rotate(var(--tilt, 0deg)) translateY(-9px); }
}

/* --------------------------------------------------------------- screen */
.espt-block-bd-phone-video .bdy35-sc {
	aspect-ratio: 9 / 16;
	background: var(--screen-bg, #101c17);
	border-radius: max(6px, calc(var(--phone-radius, 34px) - var(--frame-pad, 10px)));
	min-width: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.espt-block-bd-phone-video.is-ratio-story .bdy35-sc { aspect-ratio: 4 / 5; }
.espt-block-bd-phone-video.is-ratio-square .bdy35-sc { aspect-ratio: 1 / 1; }
.espt-block-bd-phone-video.is-ratio-photo .bdy35-sc { aspect-ratio: 3 / 4; }
.espt-block-bd-phone-video.is-ratio-wide .bdy35-sc { aspect-ratio: 16 / 9; }

.espt-block-bd-phone-video .bdy35-if {
	border: 0;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.espt-block-bd-phone-video .bdy35-fac,
.espt-block-bd-phone-video .bdy35-empty {
	background: transparent;
	border: 0;
	display: block;
	height: 100%;
	inset: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}

.espt-block-bd-phone-video .bdy35-fac { cursor: pointer; }

.espt-block-bd-phone-video .bdy35-fac:focus-visible {
	outline: 3px solid var(--bd-primary);
	outline-offset: -3px;
}

.espt-block-bd-phone-video .bdy35-img {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.espt-block-bd-phone-video .bdy35-blank {
	background:
		radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.14), transparent 55%),
		linear-gradient(160deg, var(--bd-deep), #0b1220);
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.espt-block-bd-phone-video .bdy35-hint {
	background: rgba(15, 23, 42, 0.72);
	border-radius: 8px;
	bottom: 12px;
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	left: 50%;
	max-width: calc(100% - 24px);
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
	z-index: 4;
}

/* ---------------------------------------------------------- play button */
.espt-block-bd-phone-video .bdy35-play {
	align-items: center;
	background: var(--play-color, rgba(15, 23, 42, 0.72));
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: var(--play-size, 54px);
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.18s ease, background 0.18s ease;
	width: var(--play-size, 54px);
	z-index: 3;
}

.espt-block-bd-phone-video .bdy35-play svg {
	height: 42%;
	margin-left: 6%;
	width: 42%;
}

/* nothing to play yet: the glyph is only a hint of what will be there */
.espt-block-bd-phone-video .bdy35-empty .bdy35-play { opacity: 0.55; }

.espt-block-bd-phone-video .bdy35-fac:hover .bdy35-play,
.espt-block-bd-phone-video .bdy35-fac:focus-visible .bdy35-play {
	background: var(--play-color, var(--bd-danger));
	transform: translate(-50%, -50%) scale(1.09);
}

/* play styles */
.espt-block-bd-phone-video.is-play-style-yt .bdy35-play {
	background: var(--play-color, #ff0000);
	border-radius: 22%;
	height: calc(var(--play-size, 54px) * 0.7);
	width: calc(var(--play-size, 54px) * 1.02);
}

.espt-block-bd-phone-video.is-play-style-yt .bdy35-play svg { height: 55%; width: 55%; }

/* keep the YouTube red on hover (the generic hover rule is more specific
   than the .is-play-style-yt one, so it has to be repeated here) */
.espt-block-bd-phone-video.is-play-style-yt .bdy35-fac:hover .bdy35-play,
.espt-block-bd-phone-video.is-play-style-yt .bdy35-fac:focus-visible .bdy35-play {
	background: var(--play-color, #ff0000);
}

.espt-block-bd-phone-video.is-play-style-ring .bdy35-play {
	background: transparent;
	border: 3px solid var(--play-color, #fff);
	color: var(--play-color, #fff);
}

.espt-block-bd-phone-video.is-play-style-ring .bdy35-fac:hover .bdy35-play {
	background: var(--play-color, rgba(255, 255, 255, 0.16));
	color: #fff;
}

.espt-block-bd-phone-video.is-play-style-square .bdy35-play { border-radius: 26%; }

.espt-block-bd-phone-video.is-play-style-minimal .bdy35-play {
	background: transparent;
	color: var(--play-color, #fff);
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.55));
}

.espt-block-bd-phone-video.is-play-style-minimal .bdy35-play svg { height: 100%; width: 100%; }

.espt-block-bd-phone-video.is-play-style-minimal .bdy35-fac:hover .bdy35-play { background: transparent; }

/* pulse ring */
.espt-block-bd-phone-video.is-play-pulse .bdy35-play::after {
	animation: bdy35-pulse 2.2s ease-out infinite;
	border: 2px solid currentColor;
	border-radius: inherit;
	content: "";
	inset: -5px;
	opacity: 0.7;
	pointer-events: none;
	position: absolute;
}

.espt-block-bd-phone-video.is-play-style-minimal.is-play-pulse .bdy35-play::after { display: none; }

@keyframes bdy35-pulse {
	0% { opacity: 0.75; transform: scale(1); }
	70% { opacity: 0; transform: scale(1.5); }
	100% { opacity: 0; transform: scale(1.5); }
}

/* ------------------------------------------------- badge & duration pill */
.espt-block-bd-phone-video .bdy35-bdg {
	align-items: center;
	backdrop-filter: blur(4px);
	background: var(--badge-bg, rgba(15, 23, 42, 0.7));
	border-radius: 99px;
	color: var(--badge-color, #fff);
	display: inline-flex;
	font-size: 11px;
	font-weight: 700;
	gap: 5px;
	line-height: 1.3;
	max-width: calc(100% - 18px);
	min-width: 0;
	padding: 5px 9px;
	/* decoration only — never swallow a tap meant for the player below */
	pointer-events: none;
	position: absolute;
	text-align: left;
	z-index: 3;
}

.espt-block-bd-phone-video .bdy35-bdg > span { min-width: 0; overflow-wrap: anywhere; }

.espt-block-bd-phone-video .bdy35-bico {
	display: inline-flex;
	flex: 0 0 auto;
	line-height: 0;
}

.espt-block-bd-phone-video .bdy35-bico svg { height: 1em; width: 1em; }

.espt-block-bd-phone-video.is-badge-pos-tl .bdy35-bdg { left: 9px; top: 9px; }
.espt-block-bd-phone-video.is-badge-pos-tr .bdy35-bdg { right: 9px; top: 9px; }
.espt-block-bd-phone-video.is-badge-pos-bl .bdy35-bdg { bottom: 9px; left: 9px; }
.espt-block-bd-phone-video.is-badge-pos-br .bdy35-bdg { bottom: 9px; right: 9px; }

/* the notch overlaps the top strip: nudge top badges down a little */
.espt-block-bd-phone-video.is-design-notch.is-badge-pos-tl .bdy35-bdg,
.espt-block-bd-phone-video.is-design-notch.is-badge-pos-tr .bdy35-bdg { top: 26px; }

.espt-block-bd-phone-video .bdy35-dur {
	background: rgba(15, 23, 42, 0.78);
	border-radius: 5px;
	bottom: 9px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	padding: 2px 7px;
	pointer-events: none;
	position: absolute;
	right: 9px;
	z-index: 3;
}

.espt-block-bd-phone-video.is-badge-pos-br .bdy35-dur { bottom: auto; top: 9px; }

/* ------------------------------------------------------- frame designs */
.espt-block-bd-phone-video .bdy35-notch { display: none; }

.espt-block-bd-phone-video.is-design-notch .bdy35-notch {
	background: var(--frame-color, var(--bd-ink));
	border-radius: 0 0 12px 12px;
	display: block;
	height: 18px;
	left: 50%;
	position: absolute;
	top: var(--frame-pad, 10px);
	transform: translateX(-50%);
	width: 44%;
	z-index: 4;
}

.espt-block-bd-phone-video.is-design-island .bdy35-notch {
	background: #05070a;
	border-radius: 99px;
	display: block;
	height: 14px;
	left: 50%;
	position: absolute;
	top: calc(var(--frame-pad, 10px) + 8px);
	transform: translateX(-50%);
	width: 32%;
	z-index: 4;
}

.espt-block-bd-phone-video.is-design-bezel .bdy35-ph { padding: min(var(--frame-pad, 10px), 5px); }

.espt-block-bd-phone-video.is-design-bezel .bdy35-sc {
	border-radius: max(6px, calc(var(--phone-radius, 34px) - 5px));
}

/* classic: speaker slit on top, home button in the chin */
.espt-block-bd-phone-video.is-design-classic .bdy35-ph {
	border-radius: min(var(--phone-radius, 34px), 26px);
	padding: calc(var(--frame-pad, 10px) + 16px) var(--frame-pad, 10px) calc(var(--frame-pad, 10px) + 26px);
}

.espt-block-bd-phone-video.is-design-classic .bdy35-sc {
	border-radius: 4px;
}

.espt-block-bd-phone-video.is-design-classic .bdy35-notch {
	background: rgba(255, 255, 255, 0.28);
	border-radius: 99px;
	display: block;
	height: 4px;
	left: 50%;
	position: absolute;
	top: calc(var(--frame-pad, 10px) + 6px);
	transform: translateX(-50%);
	width: 26%;
	z-index: 4;
}

.espt-block-bd-phone-video.is-design-classic .bdy35-ph::before {
	border: 1.5px solid rgba(255, 255, 255, 0.32);
	border-radius: 50%;
	bottom: calc(var(--frame-pad, 10px) + 3px);
	content: "";
	height: 18px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 18px;
}

/* light glass frame */
.espt-block-bd-phone-video.is-design-glass .bdy35-ph {
	background: var(--frame-color, linear-gradient(160deg, #f8fafc, #cbd5e1));
	box-shadow: var(--bdy35-sh, 0 8px 22px -14px rgba(15, 23, 42, 0.3)), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}

.espt-block-bd-phone-video.is-design-glass .bdy35-ph:hover {
	box-shadow: 0 24px 50px -22px rgba(15, 23, 42, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}

.espt-block-bd-phone-video.is-design-glass .bdy35-notch {
	background: rgba(15, 23, 42, 0.35);
	border-radius: 99px;
	display: block;
	height: 5px;
	left: 50%;
	position: absolute;
	top: calc(var(--frame-pad, 10px) / 2);
	transform: translateX(-50%);
	width: 22%;
	z-index: 4;
}

.espt-block-bd-phone-video.is-design-glass .bdy35-sc::after {
	background: linear-gradient(115deg, rgba(255, 255, 255, 0.22) 0 32%, rgba(255, 255, 255, 0) 33%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

/* no frame at all */
.espt-block-bd-phone-video.is-design-flat .bdy35-ph {
	background: none;
	box-shadow: none;
	padding: 0;
}

.espt-block-bd-phone-video.is-design-flat .bdy35-sc {
	border-radius: var(--phone-radius, 34px);
	box-shadow: var(--bdy35-sh, 0 8px 20px -14px rgba(15, 23, 42, 0.42));
}

/* Shared BD hover presets, applied to the frame itself (see --bdy35-sh above).
   They have to out-specify the plain .bdy35-ph:hover rules. */
.espt-block-bd-phone-video.bd-hover-lift .bdy35-ph:hover { transform: rotate(var(--tilt, 0deg)) translateY(-6px); }
.espt-block-bd-phone-video.bd-hover-scale .bdy35-ph:hover { transform: rotate(var(--tilt, 0deg)) scale(1.03); }
.espt-block-bd-phone-video.bd-hover-glow .bdy35-ph:hover {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--bd-primary) 30%, transparent), var(--bdy35-sh, 0 8px 22px -14px rgba(15, 23, 42, 0.38));
}

/* -------------------------------------------------------------- caption */
.espt-block-bd-phone-video .bdy35-cp {
	color: var(--text-color, var(--bd-body));
	/* the size controls are single-value: cap them against the viewport so a
	   large desktop setting still fits a 320px screen */
	font-size: min(var(--text-size, 14px), 5vw);
	line-height: 1.6;
	margin: 14px auto 0;
	max-width: 34em;
	min-width: 0;
	/* .bdy35-ph is transformed, so it paints above in-flow siblings; making the
	   caption positioned puts it back on top of the phone's ground shadow. */
	position: relative;
}

.espt-block-bd-phone-video.is-caption-pos-above .bdy35-cp {
	margin: 0 auto 14px;
}

.espt-block-bd-phone-video.is-text-align-left .bdy35-cp { margin-left: 0; }
.espt-block-bd-phone-video.is-text-align-right .bdy35-cp { margin-right: 0; }

.espt-block-bd-phone-video .bdy35-cp b {
	color: var(--title-color, var(--bd-ink));
	display: block;
	font-size: min(var(--title-size, 16px), 6.5vw);
	font-weight: 800;
	line-height: 1.35;
	margin-bottom: 3px;
}

.espt-block-bd-phone-video .bdy35-cx { display: block; }

.espt-block-bd-phone-video .bdy35-st {
	color: var(--star-color, var(--bd-accent));
	display: inline-flex;
	font-size: 15px;
	gap: 2px;
	margin-bottom: 5px;
}

.espt-block-bd-phone-video .bdy35-s { line-height: 0; }
.espt-block-bd-phone-video .bdy35-s svg { height: 1em; width: 1em; }
/* the empty half of the rating reads as a faint outline, not a second colour */
.espt-block-bd-phone-video .bdy35-s:not(.is-on) { opacity: 0.4; }

.espt-block-bd-phone-video .bdy35-rv {
	align-items: center;
	color: var(--bd-muted);
	display: inline-flex;
	font-size: 12.5px;
	font-weight: 700;
	gap: 6px;
	margin-top: 8px;
	max-width: 100%;
	min-width: 0;
}

.espt-block-bd-phone-video .bdy35-rvn { min-width: 0; overflow-wrap: anywhere; }

.espt-block-bd-phone-video .bdy35-av {
	border-radius: 50%;
	flex: 0 0 auto;
	height: 26px;
	object-fit: cover;
	width: 26px;
}

.espt-block-bd-phone-video .bdy35-vf {
	color: var(--bd-primary);
	display: inline-flex;
	flex: 0 0 auto;
	line-height: 0;
}

.espt-block-bd-phone-video .bdy35-vf svg { height: 1em; width: 1em; }

/* ------------------------------------------------------------------ CTA */
.espt-block-bd-phone-video .bdy35-cta {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-top: 18px;
	min-width: 0;
	position: relative; /* paint above the phone's ground shadow — see .bdy35-cp */
}

.espt-block-bd-phone-video.is-cta-align-left .bdy35-cta { align-items: flex-start; }
.espt-block-bd-phone-video.is-cta-align-right .bdy35-cta { align-items: flex-end; }

.espt-block-bd-phone-video .bdy35-btn {
	align-items: center;
	background: var(--cta-bg, var(--espt-btn-bg, var(--bd-primary)));
	border: 0;
	border-radius: var(--cta-radius, 10px);
	color: var(--cta-color, #fff);
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	gap: 9px;
	justify-content: center;
	line-height: 1.25;
	max-width: 100%;
	padding: 13px 28px;
	text-align: center;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
	width: 100%;
}

.espt-block-bd-phone-video .bdy35-btn:hover,
.espt-block-bd-phone-video .bdy35-btn:focus {
	color: var(--cta-color, #fff);
	filter: brightness(1.06);
	text-decoration: none;
}

.espt-block-bd-phone-video .bdy35-btn:focus-visible {
	outline: 3px solid var(--cta-bg, var(--bd-ink));
	outline-offset: 2px;
}

.espt-block-bd-phone-video .bdy35-btn > span { min-width: 0; overflow-wrap: anywhere; }

.espt-block-bd-phone-video .bdy35-note {
	color: var(--bd-muted);
	font-size: 12.5px;
	line-height: 1.5;
	text-align: center;
}

.espt-block-bd-phone-video .bdy35-bico2 {
	display: inline-flex;
	flex: 0 0 auto;
	line-height: 1;
	transition: transform 0.2s ease;
}

.espt-block-bd-phone-video .bdy35-bico2 svg { height: 1em; width: 1em; }

.espt-block-bd-phone-video.is-cta-icon-anim-slide .bdy35-btn:hover .bdy35-bico2 { transform: translateX(4px); }
.espt-block-bd-phone-video.is-cta-icon-anim-bounce .bdy35-bico2 { animation: bdy35-ico-bounce 1.6s ease-in-out infinite; }
.espt-block-bd-phone-video.is-cta-icon-anim-pulse .bdy35-bico2 { animation: bdy35-ico-pulse 1.8s ease-in-out infinite; }
@keyframes bdy35-ico-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes bdy35-ico-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }

.espt-block-bd-phone-video.is-cta-design-pill .bdy35-btn { border-radius: 99px; }
.espt-block-bd-phone-video.is-cta-design-gradient .bdy35-btn { background-image: linear-gradient(135deg, var(--cta-bg, var(--bd-primary)), var(--bd-primary-dark)); }
.espt-block-bd-phone-video.is-cta-design-outline .bdy35-btn { background: transparent; border: 2px solid var(--cta-bg, var(--bd-primary)); color: var(--cta-color, var(--cta-bg, var(--bd-primary))); }
.espt-block-bd-phone-video.is-cta-design-outline .bdy35-btn:hover { background: var(--bd-soft); }
.espt-block-bd-phone-video.is-cta-design-soft .bdy35-btn { background: var(--bd-soft); color: var(--cta-color, var(--bd-primary-dark)); }
.espt-block-bd-phone-video.is-cta-design-3d .bdy35-btn { box-shadow: 0 4px 0 var(--bd-primary-dark); }
.espt-block-bd-phone-video.is-cta-design-3d .bdy35-btn:active { box-shadow: 0 0 0 var(--bd-primary-dark); transform: translateY(4px); }
.espt-block-bd-phone-video.is-cta-design-glow .bdy35-btn { box-shadow: 0 8px 26px -8px var(--cta-bg, var(--bd-primary)); }
.espt-block-bd-phone-video.is-cta-design-elevated .bdy35-btn { box-shadow: 0 12px 26px -12px rgba(15, 23, 42, 0.5); }
.espt-block-bd-phone-video.is-cta-design-shine .bdy35-btn { overflow: hidden; position: relative; }
.espt-block-bd-phone-video.is-cta-design-shine .bdy35-btn::after {
	background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.35), transparent);
	bottom: 0;
	content: "";
	left: -80%;
	position: absolute;
	top: 0;
	transform: skewX(-20deg);
	transition: left 0.5s ease;
	width: 50%;
}
.espt-block-bd-phone-video.is-cta-design-shine .bdy35-btn:hover::after { left: 130%; }
.espt-block-bd-phone-video.is-cta-design-ghost .bdy35-btn { background: transparent; color: var(--cta-color, var(--bd-primary-dark)); padding: 6px 12px; text-decoration: underline; width: auto; }

.espt-block-bd-phone-video.is-cta-hover-lift .bdy35-btn:hover { box-shadow: 0 12px 24px -12px rgba(15, 23, 42, 0.45); transform: translateY(-3px); }
.espt-block-bd-phone-video.is-cta-hover-scale .bdy35-btn:hover { transform: scale(1.04); }
.espt-block-bd-phone-video.is-cta-hover-glow .bdy35-btn:hover { box-shadow: 0 0 0 4px color-mix(in srgb, var(--cta-bg, var(--bd-primary)) 28%, transparent); }
.espt-block-bd-phone-video.is-cta-attn .bdy35-btn { animation: bdy35-btn-pop 1.8s ease-in-out infinite; }
@keyframes bdy35-btn-pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } }

/* --------------------------------------------------------- responsive */
@media (min-width: 768px) {
	.espt-block-bd-phone-video .bdy35-cp { font-size: var(--text-size, 14px); margin-top: 16px; }
	.espt-block-bd-phone-video .bdy35-cp b { font-size: var(--title-size, 16px); }
	.espt-block-bd-phone-video .bdy35-bdg { font-size: 12px; }
	.espt-block-bd-phone-video .bdy35-btn { width: auto; }
	.espt-block-bd-phone-video.is-cta-full .bdy35-btn { width: 100%; }
	.espt-block-bd-phone-video.is-cta-design-ghost .bdy35-btn { width: auto; }
}

@media (min-width: 1024px) {
	.espt-block-bd-phone-video .bdy35-ph:hover { transform: rotate(var(--tilt, 0deg)) translateY(-4px); }
	.espt-block-bd-phone-video.is-floating .bdy35-ph:hover { animation-play-state: paused; }
}

@media (prefers-reduced-motion: reduce) {
	.espt-block-bd-phone-video.is-floating .bdy35-ph,
	.espt-block-bd-phone-video.is-play-pulse .bdy35-play::after,
	.espt-block-bd-phone-video.is-cta-attn .bdy35-btn,
	.espt-block-bd-phone-video .bdy35-bico2 { animation: none; }
	.espt-block-bd-phone-video .bdy35-ph,
	.espt-block-bd-phone-video .bdy35-play,
	.espt-block-bd-phone-video .bdy35-btn,
	.espt-block-bd-phone-video .bdy35-bico2 { transition: none; }
	.espt-block-bd-phone-video .bdy35-ph:hover,
	.espt-block-bd-phone-video.bd-hover-lift .bdy35-ph:hover,
	.espt-block-bd-phone-video.bd-hover-scale .bdy35-ph:hover { transform: rotate(var(--tilt, 0deg)); }
	.espt-block-bd-phone-video .bdy35-fac:hover .bdy35-play,
	.espt-block-bd-phone-video .bdy35-fac:focus-visible .bdy35-play { transform: translate(-50%, -50%); }
	.espt-block-bd-phone-video.is-cta-hover-lift .bdy35-btn:hover,
	.espt-block-bd-phone-video.is-cta-hover-scale .bdy35-btn:hover,
	.espt-block-bd-phone-video.is-cta-icon-anim-slide .bdy35-btn:hover .bdy35-bico2 { transform: none; }
}