/* BD Price Lock Timer — .espt-block-bd-price-timer  (plugin component .bdp5)
   vars: --card-max --price-size --old-size --badge-size --label-size --clock-size --clock-gap
         --new-color --old-color --eyebrow-color --note-color --badge-bg --badge-color
         --bar-bg --bar-color --clock-color --clock-bg --urgent-color
         --cta-bg --cta-color --cta-radius
   classes: is-design-{bar|stacked|split|ticket|dark|neon} is-clock-style-{inline|boxes|pill}
            is-badge-shape-{tag|pill|notch|ribbon|burst} is-text-align-* is-separator/no-separator
            is-cta-design-* is-cta-icon-anim-* is-cta-hover-* is-cta-attn
            is-cta-full is-cta-align-*
   render:  .bdp5--2col — the card has BOTH a price block and a timer strip
            (the split design only becomes a two-column grid then)
   JS state: .bdp5.is-urgent (last minutes) .bdp5.is-over (finished) .bdp5-dg.is-tick */

/* ------------------------------------------------------------------- card */
.espt-block-bd-price-timer .bdp5 {
	color: var(--bd-ink);
	margin: 0 auto;
	max-width: var(--card-max, 520px);
	min-width: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

/* ------------------------------------------------------------ price block */
.espt-block-bd-price-timer .bdp5-top {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: var(--bd-pad);
	position: relative;
}

.espt-block-bd-price-timer .bdp5-eyebrow {
	color: var(--eyebrow-color, var(--bd-muted));
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.4;
	min-width: 0;
	overflow-wrap: anywhere;
}

.espt-block-bd-price-timer .bdp5-row {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 11px;
	min-width: 0;
	width: 100%;
}

.espt-block-bd-price-timer .bdp5-new {
	color: var(--new-color, var(--bd-primary-dark));
	font-size: var(--price-size, 30px);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.05;
	min-width: 0;
	overflow-wrap: anywhere;
}

.espt-block-bd-price-timer .bdp5-old {
	color: var(--old-color, var(--bd-muted));
	font-size: var(--old-size, 17px);
	line-height: 1.3;
	min-width: 0;
	overflow-wrap: anywhere;
	text-decoration: line-through;
}

.espt-block-bd-price-timer .bdp5-note {
	color: var(--note-color, var(--bd-muted));
	font-size: 13px;
	line-height: 1.55;
	min-width: 0;
	overflow-wrap: anywhere;
}

/* ---------------------------------------------------------------- badge */
.espt-block-bd-price-timer .bdp5-off {
	background: var(--badge-bg, var(--bd-accent));
	border-radius: 4px;
	color: var(--badge-color, var(--bd-accent-ink));
	display: inline-block;
	font-size: var(--badge-size, 13px);
	font-weight: 800;
	line-height: 1.3;
	max-width: 100%;
	overflow-wrap: anywhere;
	padding: 4px 10px;
	transition: transform 0.25s ease;
}

.espt-block-bd-price-timer .bdp5:hover .bdp5-off { transform: translateY(-1px) scale(1.03); }

.espt-block-bd-price-timer.is-text-align-left .bdp5-off { margin-left: auto; }

.espt-block-bd-price-timer.is-badge-shape-pill .bdp5-off { border-radius: 99px; padding: 5px 13px; }

.espt-block-bd-price-timer.is-badge-shape-notch .bdp5-off {
	border-radius: 0 4px 4px 0;
	clip-path: polygon(9px 0, 100% 0, 100% 100%, 9px 100%, 0 50%);
	padding-left: 17px;
}

/* Corner ribbon — the card clips the overhang. The badge must anchor to the
   card, not to the price block: in the split design .bdp5-top is only the left
   column, which would drop the ribbon in the middle of the card. */
.espt-block-bd-price-timer.is-badge-shape-ribbon .bdp5-top { position: static; }

.espt-block-bd-price-timer.is-badge-shape-ribbon .bdp5-off {
	border-radius: 0;
	padding: 5px 0;
	position: absolute;
	right: -52px;
	text-align: center;
	top: 15px;
	transform: rotate(45deg);
	width: 170px;
	z-index: 2;
}

.espt-block-bd-price-timer.is-badge-shape-ribbon .bdp5:hover .bdp5-off { transform: rotate(45deg) scale(1.02); }
.espt-block-bd-price-timer.is-badge-shape-ribbon .bdp5-top { padding-right: calc(var(--bd-pad) + 46px); }

/* starburst */
.espt-block-bd-price-timer.is-badge-shape-burst .bdp5-off {
	align-items: center;
	align-self: center; /* a round badge on the price baseline sits far too low */
	aspect-ratio: 1;
	border-radius: 0;
	clip-path: polygon(50% 0%, 61% 12%, 76% 6%, 79% 22%, 95% 24%, 89% 39%, 100% 50%, 89% 61%, 95% 76%, 79% 78%, 76% 94%, 61% 88%, 50% 100%, 39% 88%, 24% 94%, 21% 78%, 5% 76%, 11% 61%, 0% 50%, 11% 39%, 5% 24%, 21% 22%, 24% 6%, 39% 12%);
	display: inline-flex;
	justify-content: center;
	line-height: 1.15;
	min-width: calc(var(--badge-size, 13px) * 4.8);
	padding: 0;
	text-align: center;
	white-space: normal;
}

.espt-block-bd-price-timer.is-badge-shape-burst .bdp5-off > span { display: block; padding: 0 18%; }

/* ------------------------------------------------------------ timer strip */
.espt-block-bd-price-timer .bdp5-bot {
	align-items: center;
	background: var(--bar-bg, color-mix(in srgb, var(--bd-danger) 7%, #fff));
	border-top: 1px solid color-mix(in srgb, var(--bar-color, var(--bd-danger)) 22%, transparent);
	color: var(--bar-color, var(--bd-danger));
	display: flex;
	flex-wrap: wrap;
	font-size: var(--label-size, 15px);
	font-weight: 700;
	gap: 8px 10px;
	line-height: 1.4;
	min-width: 0;
	padding: calc(var(--bd-pad) * 0.68) var(--bd-pad);
	position: relative;
}

/* the display:flex above would beat the UA [hidden] rule when JS hides the strip */
.espt-block-bd-price-timer .bdp5-bot[hidden],
.espt-block-bd-price-timer .bdp5-end[hidden] { display: none; }

.espt-block-bd-price-timer .bdp5-lb {
	min-width: 0;
	overflow-wrap: anywhere;
}

.espt-block-bd-price-timer .bdp5-clk {
	align-items: flex-end;
	color: var(--clock-color, inherit);
	display: inline-flex;
	flex-wrap: wrap;
	font-variant-numeric: tabular-nums;
	gap: var(--clock-gap, 6px);
	justify-content: flex-end;
	margin-left: auto;
	min-width: 0;
}

.espt-block-bd-price-timer .bdp5-u {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.espt-block-bd-price-timer .bdp5-dg {
	display: block;
	font-size: var(--clock-size, 18px);
	font-weight: 800;
	line-height: 1.1;
}

.espt-block-bd-price-timer .bdp5-ul {
	font-size: max(9px, calc(var(--clock-size, 18px) * 0.48));
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2;
	opacity: 0.72;
	white-space: nowrap;
}

.espt-block-bd-price-timer .bdp5-sep {
	display: inline-block;
	font-size: calc(var(--clock-size, 18px) * 0.8);
	font-weight: 800;
	line-height: 1.1;
	opacity: 0.55;
}

.espt-block-bd-price-timer.no-separator .bdp5-sep { display: none; }

/* digit tick */
.espt-block-bd-price-timer .bdp5-dg.is-tick { animation: bdp5-tick 0.34s ease; }

@keyframes bdp5-tick {
	0% { opacity: 0.35; transform: translateY(-22%); }
	100% { opacity: 1; transform: none; }
}

/* ------------------------------------------------------------ clock styles */
/* inline digits — 05:59:12 */
.espt-block-bd-price-timer.is-clock-style-inline .bdp5-clk { gap: 1px; }
.espt-block-bd-price-timer.is-clock-style-inline .bdp5-sep { padding: 0 1px; }

/* Without the colon the inline digits would run together (059912) — space them. */
.espt-block-bd-price-timer.is-clock-style-inline.no-separator .bdp5-clk { gap: max(5px, var(--clock-gap, 6px)); }

/* boxed digits */
.espt-block-bd-price-timer.is-clock-style-boxes .bdp5-u,
.espt-block-bd-price-timer.is-clock-style-pill .bdp5-u {
	background: var(--clock-bg, rgba(255, 255, 255, 0.78));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 14%, transparent);
	padding: 5px 8px;
}

.espt-block-bd-price-timer.is-clock-style-boxes .bdp5-u {
	border-radius: 8px;
	min-width: calc(var(--clock-size, 18px) * 1.75);
}

.espt-block-bd-price-timer.is-clock-style-pill .bdp5-u {
	border-radius: 99px;
	min-width: calc(var(--clock-size, 18px) * 2);
	padding: 5px 12px;
}

.espt-block-bd-price-timer.is-clock-style-boxes .bdp5-sep,
.espt-block-bd-price-timer.is-clock-style-pill .bdp5-sep { align-self: center; }

/* ------------------------------------------------------------- after it ends */
.espt-block-bd-price-timer .bdp5-end {
	background: var(--bd-soft);
	border-top: 1px solid var(--bd-line);
	color: var(--bd-muted);
	font-size: var(--label-size, 15px);
	font-weight: 700;
	line-height: 1.5;
	overflow-wrap: anywhere;
	padding: calc(var(--bd-pad) * 0.68) var(--bd-pad);
	text-align: center;
}

.espt-block-bd-price-timer .bdp5.is-over .bdp5-bot { opacity: 0.75; }

/* urgency pulse (last minutes) */
.espt-block-bd-price-timer .bdp5.is-urgent .bdp5-bot {
	animation: bdp5-urgent 1.2s ease-in-out infinite;
	color: var(--urgent-color, var(--bd-danger));
}

.espt-block-bd-price-timer .bdp5.is-urgent .bdp5-clk { color: var(--urgent-color, var(--bd-danger)); }

@keyframes bdp5-urgent {
	0%, 100% { background-color: var(--bar-bg, color-mix(in srgb, var(--bd-danger) 7%, #fff)); }
	50% { background-color: color-mix(in srgb, var(--urgent-color, var(--bd-danger)) 18%, #fff); }
}

/* ------------------------------------------------------------- alignment */
.espt-block-bd-price-timer.is-text-align-center .bdp5-top { align-items: center; text-align: center; }
.espt-block-bd-price-timer.is-text-align-center .bdp5-row { justify-content: center; }
.espt-block-bd-price-timer.is-text-align-right .bdp5-top { align-items: flex-end; text-align: right; }
.espt-block-bd-price-timer.is-text-align-right .bdp5-row { justify-content: flex-end; }

/* ---------------------------------------------------------------- designs */
/* stacked — everything centred, clock under the label */
.espt-block-bd-price-timer.is-design-stacked .bdp5-top { align-items: center; text-align: center; }
.espt-block-bd-price-timer.is-design-stacked .bdp5-row { justify-content: center; }
.espt-block-bd-price-timer.is-design-stacked .bdp5-off { margin-left: 0; }
.espt-block-bd-price-timer.is-design-stacked .bdp5-bot { flex-direction: column; gap: 7px; justify-content: center; text-align: center; }
.espt-block-bd-price-timer.is-design-stacked .bdp5-clk { justify-content: center; margin-left: 0; }

/* ticket — dashed divider with punched corners */
.espt-block-bd-price-timer.is-design-ticket .bdp5-bot {
	background: var(--bar-bg, transparent);
	border-top: 2px dashed color-mix(in srgb, var(--bar-color, var(--bd-danger)) 38%, transparent);
}

.espt-block-bd-price-timer.is-design-ticket .bdp5-bot::before,
.espt-block-bd-price-timer.is-design-ticket .bdp5-bot::after {
	background: var(--bd-box-bg);
	border-radius: 50%;
	content: "";
	height: 18px;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	width: 18px;
}

.espt-block-bd-price-timer.is-design-ticket .bdp5-bot::before { left: -9px; }
.espt-block-bd-price-timer.is-design-ticket .bdp5-bot::after { right: -9px; }

/* split — price and timer side by side from tablet up; on phones the two
   halves stack, so an accent edge keeps the design recognisable there. */
.espt-block-bd-price-timer.is-design-split .bdp5-bot {
	background: var(--bar-bg, color-mix(in srgb, var(--bd-danger) 6%, #fff));
	box-shadow: inset 3px 0 0 var(--bar-color, var(--bd-danger));
}

/* dark panel */
.espt-block-bd-price-timer.is-design-dark {
	--bd-box-bg: var(--bd-deep);
	--bd-box-line: rgba(255, 255, 255, 0.14);
}

.espt-block-bd-price-timer.is-design-dark .bdp5-eyebrow { color: var(--eyebrow-color, rgba(255, 255, 255, 0.62)); }
.espt-block-bd-price-timer.is-design-dark .bdp5-new { color: var(--new-color, #fff); }
.espt-block-bd-price-timer.is-design-dark .bdp5-old { color: var(--old-color, rgba(255, 255, 255, 0.5)); }
.espt-block-bd-price-timer.is-design-dark .bdp5-note { color: var(--note-color, rgba(255, 255, 255, 0.6)); }

.espt-block-bd-price-timer.is-design-dark .bdp5-bot {
	background: var(--bar-bg, rgba(255, 255, 255, 0.06));
	border-top-color: rgba(255, 255, 255, 0.12);
	color: var(--bar-color, rgba(255, 255, 255, 0.88));
}

.espt-block-bd-price-timer.is-design-dark .bdp5-clk { color: var(--clock-color, var(--bd-accent)); }

.espt-block-bd-price-timer.is-design-dark.is-clock-style-boxes .bdp5-u,
.espt-block-bd-price-timer.is-design-dark.is-clock-style-pill .bdp5-u { background: var(--clock-bg, rgba(255, 255, 255, 0.1)); }

.espt-block-bd-price-timer.is-design-dark .bdp5-end {
	background: rgba(255, 255, 255, 0.06);
	border-top-color: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.68);
}

/* the light urgency flash would wash out the dark panel — glow instead */
.espt-block-bd-price-timer.is-design-dark .bdp5.is-urgent .bdp5-bot { animation: bdp5-neon 1.2s ease-in-out infinite; }

/* neon — glowing digits on black */
.espt-block-bd-price-timer.is-design-neon {
	--bd-box-bg: #07090f;
	--bd-box-line: color-mix(in srgb, var(--bd-primary) 45%, #000);
}

.espt-block-bd-price-timer.is-design-neon .bdp5-eyebrow {
	color: var(--eyebrow-color, color-mix(in srgb, var(--bd-primary) 60%, #fff));
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.espt-block-bd-price-timer.is-design-neon .bdp5-new {
	color: var(--new-color, #fff);
	text-shadow: 0 0 4px color-mix(in srgb, var(--bd-primary) 60%, transparent), 0 0 22px color-mix(in srgb, var(--bd-primary) 55%, transparent);
}

.espt-block-bd-price-timer.is-design-neon .bdp5-old { color: var(--old-color, rgba(255, 255, 255, 0.42)); }
.espt-block-bd-price-timer.is-design-neon .bdp5-note { color: var(--note-color, rgba(255, 255, 255, 0.55)); }

.espt-block-bd-price-timer.is-design-neon .bdp5-bot {
	background: var(--bar-bg, rgba(255, 255, 255, 0.04));
	border-top: 1px solid color-mix(in srgb, var(--bd-primary) 40%, transparent);
	color: var(--bar-color, rgba(255, 255, 255, 0.8));
}

.espt-block-bd-price-timer.is-design-neon .bdp5-clk {
	color: var(--clock-color, var(--bd-accent));
	text-shadow: 0 0 12px color-mix(in srgb, var(--bd-accent) 70%, transparent);
}

.espt-block-bd-price-timer.is-design-neon.is-clock-style-boxes .bdp5-u,
.espt-block-bd-price-timer.is-design-neon.is-clock-style-pill .bdp5-u {
	background: var(--clock-bg, rgba(255, 255, 255, 0.05));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bd-accent) 42%, transparent);
}

.espt-block-bd-price-timer.is-design-neon .bdp5-end {
	background: rgba(255, 255, 255, 0.04);
	border-top-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.6);
}

.espt-block-bd-price-timer.is-design-neon .bdp5.is-urgent .bdp5-bot { animation: bdp5-neon 1.2s ease-in-out infinite; }

@keyframes bdp5-neon {
	0%, 100% { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0); }
	50% { box-shadow: inset 0 0 34px -14px var(--urgent-color, var(--bd-danger)); }
}

/* --------------------------------------------------------------------- CTA */
.espt-block-bd-price-timer .bdp5-cta {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	padding: var(--bd-pad);
}

/* With the countdown switched off the CTA follows the price block directly —
   two full paddings would leave a gaping hole between the note and the button. */
.espt-block-bd-price-timer .bdp5-top + .bdp5-cta { padding-top: 0; }

.espt-block-bd-price-timer.is-cta-align-left .bdp5-cta { align-items: flex-start; }
.espt-block-bd-price-timer.is-cta-align-right .bdp5-cta { align-items: flex-end; }

.espt-block-bd-price-timer .bdp5-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 26px;
	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-price-timer .bdp5-btn:hover,
.espt-block-bd-price-timer .bdp5-btn:focus {
	color: var(--cta-color, #fff);
	filter: brightness(1.06);
	text-decoration: none;
}

.espt-block-bd-price-timer .bdp5-btn > span { min-width: 0; overflow-wrap: anywhere; }

.espt-block-bd-price-timer .bdp5-cta-note {
	color: var(--bd-muted);
	font-size: 12.5px;
	line-height: 1.5;
	text-align: center;
}

.espt-block-bd-price-timer .bdp5-bico {
	display: inline-flex;
	flex: 0 0 auto;
	line-height: 0;
	transition: transform 0.2s ease;
}

.espt-block-bd-price-timer .bdp5-bico svg { height: 1em; width: 1em; }

.espt-block-bd-price-timer.is-cta-icon-anim-slide .bdp5-btn:hover .bdp5-bico { transform: translateX(4px); }
.espt-block-bd-price-timer.is-cta-icon-anim-bounce .bdp5-bico { animation: bdp5-ico-bounce 1.6s ease-in-out infinite; }
.espt-block-bd-price-timer.is-cta-icon-anim-pulse .bdp5-bico { animation: bdp5-ico-pulse 1.8s ease-in-out infinite; }

@keyframes bdp5-ico-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes bdp5-ico-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }

/* CTA designs */
.espt-block-bd-price-timer.is-cta-design-pill .bdp5-btn { border-radius: 99px; }
/* derived from --cta-bg, so a custom button colour keeps its gradient/edge */
.espt-block-bd-price-timer.is-cta-design-gradient .bdp5-btn { background-image: linear-gradient(135deg, var(--cta-bg, var(--bd-primary)), color-mix(in srgb, var(--cta-bg, var(--bd-primary)) 68%, #000)); }
.espt-block-bd-price-timer.is-cta-design-outline .bdp5-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-price-timer.is-cta-design-outline .bdp5-btn:hover { background: var(--bd-soft); }
.espt-block-bd-price-timer.is-cta-design-soft .bdp5-btn { background: var(--bd-soft); color: var(--cta-color, var(--bd-primary-dark)); }
.espt-block-bd-price-timer.is-cta-design-3d .bdp5-btn { box-shadow: 0 4px 0 color-mix(in srgb, var(--cta-bg, var(--bd-primary)) 62%, #000); }
.espt-block-bd-price-timer.is-cta-design-3d .bdp5-btn:active { box-shadow: 0 0 0 color-mix(in srgb, var(--cta-bg, var(--bd-primary)) 62%, #000); transform: translateY(4px); }
.espt-block-bd-price-timer.is-cta-design-glow .bdp5-btn { box-shadow: 0 8px 26px -8px var(--cta-bg, var(--bd-primary)); }
.espt-block-bd-price-timer.is-cta-design-elevated .bdp5-btn { box-shadow: 0 12px 26px -12px rgba(15, 23, 42, 0.5); }
.espt-block-bd-price-timer.is-cta-design-shine .bdp5-btn { overflow: hidden; position: relative; }

.espt-block-bd-price-timer.is-cta-design-shine .bdp5-btn::after {
	background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.45) 50%, transparent 80%);
	content: "";
	height: 100%;
	left: -130%;
	position: absolute;
	top: 0;
	transition: left 0.6s ease;
	width: 60%;
}

.espt-block-bd-price-timer.is-cta-design-shine .bdp5-btn:hover::after { left: 130%; }
.espt-block-bd-price-timer.is-cta-design-ghost .bdp5-btn { background: transparent; color: var(--cta-color, var(--bd-primary-dark)); padding: 6px 12px; text-decoration: underline; width: auto; }

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

@keyframes bdp5-btn-pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } }

.espt-block-bd-price-timer.is-design-dark .bdp5-cta-note,
.espt-block-bd-price-timer.is-design-neon .bdp5-cta-note { color: rgba(255, 255, 255, 0.6); }

/* --------------------------------------------------------------- responsive */
@media (min-width: 768px) {
	.espt-block-bd-price-timer .bdp5-eyebrow { font-size: 13.5px; }
	.espt-block-bd-price-timer .bdp5-note { font-size: 13.5px; }
	.espt-block-bd-price-timer .bdp5-btn { width: auto; }
	.espt-block-bd-price-timer.is-cta-full .bdp5-btn { width: 100%; }

	/* Two columns only when the card really has both halves — with the price
	   block or the countdown switched off, .bdp5--2col is absent and the split
	   design falls back to the stacked classic card instead of leaving an
	   empty column with a dangling divider. */
	.espt-block-bd-price-timer.is-design-split .bdp5--2col {
		align-items: stretch;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
	}

	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-top {
		border-right: 1px solid var(--bd-box-line);
		justify-content: center;
	}

	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-bot {
		align-items: flex-start;
		border-top: 0;
		box-shadow: none;
		flex-direction: column;
		gap: 7px;
		justify-content: center;
	}

	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-clk { justify-content: flex-start; margin-left: 0; }
	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-cta,
	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-end { grid-column: 1 / -1; }
	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-cta { border-top: 1px solid var(--bd-box-line); }
	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-bot::before,
	.espt-block-bd-price-timer.is-design-split .bdp5--2col .bdp5-bot::after { display: none; }
}

@media (min-width: 1024px) {
	.espt-block-bd-price-timer .bdp5-btn { font-size: 17px; padding: 14px 30px; }
}

@media (prefers-reduced-motion: reduce) {
	/* the dark/neon urgency rules are more specific than the shared one, so
	   they have to be named here too or they keep animating */
	.espt-block-bd-price-timer .bdp5-dg.is-tick,
	.espt-block-bd-price-timer .bdp5.is-urgent .bdp5-bot,
	.espt-block-bd-price-timer.is-design-dark .bdp5.is-urgent .bdp5-bot,
	.espt-block-bd-price-timer.is-design-neon .bdp5.is-urgent .bdp5-bot,
	.espt-block-bd-price-timer.is-cta-attn .bdp5-btn,
	.espt-block-bd-price-timer.is-cta-icon-anim-bounce .bdp5-bico,
	.espt-block-bd-price-timer.is-cta-icon-anim-pulse .bdp5-bico,
	.espt-block-bd-price-timer .bdp5-bico { animation: none; }

	.espt-block-bd-price-timer .bdp5-off,
	.espt-block-bd-price-timer .bdp5-btn,
	.espt-block-bd-price-timer.is-cta-design-shine .bdp5-btn::after,
	.espt-block-bd-price-timer .bdp5-bico { transition: none; }

	.espt-block-bd-price-timer .bdp5:hover .bdp5-off,
	.espt-block-bd-price-timer.is-cta-hover-scale .bdp5-btn:hover,
	.espt-block-bd-price-timer.is-cta-hover-lift .bdp5-btn:hover { transform: none; }

	.espt-block-bd-price-timer.is-badge-shape-ribbon .bdp5:hover .bdp5-off { transform: rotate(45deg); }
}