/*
 * Freshen Homes — home page hero polish + transparent nav header.
 *
 * Loaded site-wide by the freshen mu-plugin but every rule is scoped to the
 * home page (body.home) so nothing else is touched. The hero's base styles
 * live in an inline WPCode <style> block printed later in <body>, so we lean
 * on higher specificity (body.home …) — and !important on a few layout props —
 * to win the cascade.
 *
 * Header note: on mobile the theme turns #masthead into a position:fixed
 * slide-out drawer, while the visible top strip is .site-header-responsive
 * (already transparent in the theme). So we must NOT recolor #masthead on
 * mobile or the opened drawer becomes unreadable — the desktop transparent
 * header is therefore scoped to >=1025px only. The hero video itself fills
 * the area behind the transparent strip via its existing negative top margin,
 * which we deliberately leave intact.
 */

/* ============================================================
   Mobile / tablet — the visible header is the transparent
   .site-header-responsive strip floating over the hero video.
   ============================================================ */

/* The theme paints the mobile header via a color scheme:
     style.css → .bt-header-responsive-active .site-header-responsive {
                   background-color: var(--responsive-header-background-color, …) }
   That rule is SITE-WIDE, so the override must be site-wide too (not just the
   home page) and match the theme's selector with !important to win the cascade. */
.bt-header-responsive-active .site-header-responsive,
.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive,
#masthead-responsive,
.site-header-responsive,
.site-header-responsive-inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border-bottom: none !important;
}

/* ============================================================
   Desktop — float the main header over the hero, transparent.
   (#masthead is the real header here, not a drawer.)
   ============================================================ */
@media (min-width: 1025px) {
	/* Float ONLY the outer header over the hero. The inner pieces must keep
	   their normal flow layout — positioning them is what collapsed the menu
	   onto the logo. */
	body.home #masthead,
	body.home .site-header {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
		border-bottom: none !important;
		z-index: 100;
	}

	/* Clear the inner color-scheme backgrounds WITHOUT moving anything. */
	body.home .site-header .site-branding,
	body.home .site-header .site-branding-bar,
	body.home .site-header .main-navigation,
	body.home .site-header .menu-bar,
	body.home .site-header .site-header-top-bar {
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
	}

	/* Menu links readable over the dark video (leave the Request Service
	   button + phone widget — they live outside .main-navigation — alone). */
	body.home .main-navigation a,
	body.home .site-branding-logo-text a {
		color: #fff !important;
	}
}

/* ============================================================
   Mobile hero refinement
   (the hero keeps its inline negative top-margin so the video
   fills the area behind the transparent header — do NOT zero it.)
   ============================================================ */
@media (max-width: 768px) {
	/* ROOT CAUSE OF THE BLACK STRIP: the page-builder section wrapping the
	   hero gets a "large" top spacing on phones (responsive override), which
	   pushes the hero down and shows dark section padding above the video —
	   straight through the transparent header. Zero that spacing on every
	   wrapper between the section and the hero so the video reaches the very
	   top edge. (:has() is supported in current iOS/Android browsers.) */
	body.home .bt_bb_section:has(.youtube-hero-section),
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body.home .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body.home .youtube-hero-section {
		/* nothing sits above it now — sit flush at the top so the video fills
		   the area behind the transparent header. */
		margin-top: 0 !important;
		height: auto;
		/* svh keeps it filling the screen without the mobile browser
		   chrome causing a scroll jump; vh fallback for old browsers. */
		min-height: 100vh;
		min-height: 100svh;
		padding-top: 120px; /* clears the overlaid header strip */
		padding-bottom: 56px;
	}

	body.home .youtube-hero-content {
		justify-content: center;
		padding: 0 22px;
		max-width: 480px;
	}

	body.home .youtube-hero-eyebrow {
		font-size: 12px;
		letter-spacing: 2px;
		margin-bottom: 12px;
	}

	body.home .youtube-hero-headline {
		font-size: clamp(1.9rem, 8.5vw, 2.8rem);
		line-height: 1.14;
		margin-bottom: 16px;
	}

	/* Italic green accent word: tighten the spacing around it so the line
	   reads "Complete Home, Maintenance, Done Right" cleanly. */
	body.home .youtube-hero-headline span {
		margin: 0 -0.12em 0 0;
	}

	body.home .youtube-hero-subhead {
		font-size: 1rem;
		line-height: 1.55;
		margin-bottom: 26px;
		max-width: 40ch;
	}

	/* CTAs already stack; make them a tidy, comfortably tappable column. */
	body.home .youtube-hero-cta {
		width: 100%;
		max-width: 340px;
		gap: 12px;
		margin-bottom: 28px;
	}

	body.home .youtube-hero-cta .btn-primary,
	body.home .youtube-hero-cta .btn-secondary {
		width: 100%;
		padding: 15px 24px;
		font-size: 16px;
	}

	/* Trust badges: even two-up grid instead of a ragged, uneven wrap. */
	body.home .youtube-hero-trust {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 16px;
		max-width: 360px;
		margin: 0 auto;
		font-size: 12.5px;
	}

	body.home .youtube-hero-trust span {
		justify-content: center;
		text-align: center;
	}
}

/* Very narrow phones: stack trust badges and ease the headline down a touch. */
@media (max-width: 380px) {
	body.home .youtube-hero-headline {
		font-size: 1.78rem;
	}

	body.home .youtube-hero-trust {
		grid-template-columns: 1fr;
		max-width: 260px;
	}
}

/* ============================================================
   Attach the green trust ticker flush under the hero.

   The gap above the ticker is the marquee section's column padding
   (bt_bb_padding_normal) showing the section's beige background.
   Zero the vertical padding/margin on every wrapper between the
   section and the .marquee bar so the green bar butts directly
   against the bottom of the hero. The .marquee element keeps its own
   22px padding, which is the bar's height.
   ============================================================ */
.bt_bb_section:has(.marquee),
.bt_bb_section:has(.marquee) .bt_bb_cell,
.bt_bb_section:has(.marquee) .bt_bb_cell_inner,
.bt_bb_section:has(.marquee) .bt_bb_row,
.bt_bb_section:has(.marquee) .bt_bb_row_holder,
.bt_bb_section:has(.marquee) .bt_bb_column,
.bt_bb_section:has(.marquee) .bt_bb_column_content,
.bt_bb_section:has(.marquee) .bt_bb_column_content_inner,
.bt_bb_section:has(.marquee) .bt_bb_raw_content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Close any gap on the hero side too, so the two sections meet cleanly. */
.bt_bb_section:has(.youtube-hero-section) {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Electrical Repair page mobile hero fix.
 * This page reuses the same video hero markup as the home page, but its inline
 * builder CSS adds mobile top spacing and a negative hero offset. Keep the
 * correction scoped to page ID 4275 so other service pages stay untouched. */
@media (max-width: 768px) {
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section),
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body.page-id-4275 .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body.page-id-4275 .youtube-hero-section {
		margin-top: 0 !important;
		height: auto !important;
		min-height: 100vh !important;
		min-height: 100svh !important;
		padding-top: 120px !important;
		padding-bottom: 56px !important;
	}

	body.page-id-4275 .youtube-hero-content {
		justify-content: center;
		padding: 0 22px;
		max-width: 480px;
	}

	body.page-id-4275 .youtube-hero-eyebrow {
		font-size: 12px;
		letter-spacing: 2px;
		margin-bottom: 12px;
	}

	body.page-id-4275 .youtube-hero-headline {
		font-size: clamp(1.9rem, 8.5vw, 2.8rem);
		line-height: 1.14;
		margin-bottom: 16px;
	}

	body.page-id-4275 .youtube-hero-subhead {
		font-size: 1rem;
		line-height: 1.55;
		margin-bottom: 26px;
		max-width: 40ch;
	}

	body.page-id-4275 .youtube-hero-cta {
		width: 100%;
		max-width: 340px;
		gap: 12px;
		margin-bottom: 28px;
	}

	body.page-id-4275 .youtube-hero-cta .btn-primary,
	body.page-id-4275 .youtube-hero-cta .btn-secondary {
		width: 100%;
		padding: 15px 24px;
		font-size: 16px;
	}

	body.page-id-4275 .youtube-hero-trust {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 16px;
		max-width: 360px;
		margin: 0 auto;
		font-size: 12.5px;
	}

	body.page-id-4275 .youtube-hero-trust span {
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 380px) {
	body.page-id-4275 .youtube-hero-headline {
		font-size: 1.78rem;
	}

	body.page-id-4275 .youtube-hero-trust {
		grid-template-columns: 1fr;
		max-width: 260px;
	}
}

/* Electrical Repair hero image cover fix.
 * The page uses an <img> as the hero media layer with inline height:auto;
 * force it to fill the full hero like a background image. */
body.page-id-4275 .youtube-hero-bg img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* AC Duct Cleaning mobile hero.
 * This page uses the same raw hero markup, but its longer headline and builder
 * mobile top spacing make the first viewport feel cramped. Keep the correction
 * scoped to page ID 4161. */
@media (max-width: 768px) {
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section),
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body.page-id-4161 .youtube-hero-section {
		margin-top: 0 !important;
		height: auto !important;
		min-height: 100vh !important;
		min-height: 100svh !important;
		padding-top: 104px !important;
		padding-bottom: 34px !important;
		overflow: hidden !important;
	}

	body.page-id-4161 .youtube-hero-content {
		justify-content: center;
		max-width: 440px;
		padding: 0 20px;
	}

	body.page-id-4161 .youtube-hero-eyebrow {
		font-size: 11px;
		letter-spacing: 2.6px;
		line-height: 1.35;
		margin-bottom: 12px;
	}

	body.page-id-4161 .youtube-hero-headline {
		font-size: clamp(1.65rem, 7.35vw, 2.22rem);
		line-height: 1.12;
		margin-bottom: 22px;
		text-wrap: balance;
	}

	body.page-id-4161 .youtube-hero-headline span {
		display: inline;
	}

	body.page-id-4161 .youtube-hero-cta {
		width: 100%;
		max-width: 292px;
		gap: 12px;
		margin-bottom: 28px;
	}

	body.page-id-4161 .youtube-hero-cta .btn-primary,
	body.page-id-4161 .youtube-hero-cta .btn-secondary {
		width: 100%;
		min-height: 52px;
		padding: 13px 18px;
		font-size: 14.5px;
		line-height: 1.25;
	}

	body.page-id-4161 .youtube-hero-trust {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 12px;
		max-width: 330px;
		margin: 0 auto;
		font-size: 11.5px;
		line-height: 1.25;
	}

	body.page-id-4161 .youtube-hero-trust span {
		justify-content: center;
		text-align: center;
	}

	body.page-id-4161 .bt_bb_section:has(.youtube-hero-section) button.slick-arrow {
		display: none !important;
	}
}

@media (max-width: 380px) {
	body.page-id-4161 .youtube-hero-section {
		padding-top: 96px !important;
		padding-bottom: 28px !important;
	}

	body.page-id-4161 .youtube-hero-headline {
		font-size: 1.56rem;
	}

	body.page-id-4161 .youtube-hero-cta {
		max-width: 284px;
	}

	body.page-id-4161 .youtube-hero-trust {
		font-size: 10.8px;
		gap: 9px 10px;
	}
}

/* Service-page mobile hero fixes: dryer vent, AC repair, HVAC support. */
@media (max-width: 768px) {
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section),
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section),
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section),
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body.page-id-4189 .youtube-hero-section,
	body.page-id-4204 .youtube-hero-section,
	body.page-id-4229 .youtube-hero-section {
		margin-top: 0 !important;
		height: auto !important;
		min-height: 100vh !important;
		min-height: 100svh !important;
		padding-top: 104px !important;
		padding-bottom: 32px !important;
		overflow: hidden !important;
	}

	body.page-id-4189 .youtube-hero-content,
	body.page-id-4204 .youtube-hero-content,
	body.page-id-4229 .youtube-hero-content {
		justify-content: center;
		max-width: 440px;
		padding: 0 20px;
	}

	body.page-id-4189 .youtube-hero-eyebrow,
	body.page-id-4204 .youtube-hero-eyebrow,
	body.page-id-4229 .youtube-hero-eyebrow {
		font-size: 11px;
		letter-spacing: 2.6px;
		line-height: 1.35;
		margin-bottom: 12px;
	}

	body.page-id-4189 .youtube-hero-headline,
	body.page-id-4204 .youtube-hero-headline,
	body.page-id-4229 .youtube-hero-headline {
		font-size: clamp(1.62rem, 7.2vw, 2.16rem);
		line-height: 1.12;
		margin-bottom: 22px;
		text-wrap: balance;
	}

	body.page-id-4189 .youtube-hero-headline span,
	body.page-id-4204 .youtube-hero-headline span,
	body.page-id-4229 .youtube-hero-headline span {
		display: inline;
	}

	body.page-id-4189 .youtube-hero-cta,
	body.page-id-4204 .youtube-hero-cta,
	body.page-id-4229 .youtube-hero-cta {
		width: 100%;
		max-width: 292px;
		gap: 12px;
		margin-bottom: 28px;
	}

	body.page-id-4189 .youtube-hero-cta .btn-primary,
	body.page-id-4189 .youtube-hero-cta .btn-secondary,
	body.page-id-4204 .youtube-hero-cta .btn-primary,
	body.page-id-4204 .youtube-hero-cta .btn-secondary,
	body.page-id-4229 .youtube-hero-cta .btn-primary,
	body.page-id-4229 .youtube-hero-cta .btn-secondary {
		width: 100%;
		min-height: 52px;
		padding: 13px 18px;
		font-size: 14.5px;
		line-height: 1.25;
	}

	body.page-id-4189 .youtube-hero-trust,
	body.page-id-4204 .youtube-hero-trust,
	body.page-id-4229 .youtube-hero-trust {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 12px;
		max-width: 330px;
		margin: 0 auto;
		font-size: 11.5px;
		line-height: 1.25;
	}

	body.page-id-4189 .youtube-hero-trust span,
	body.page-id-4204 .youtube-hero-trust span,
	body.page-id-4229 .youtube-hero-trust span {
		justify-content: center;
		text-align: center;
	}

	body.page-id-4189 .bt_bb_section:has(.youtube-hero-section) button.slick-arrow,
	body.page-id-4204 .bt_bb_section:has(.youtube-hero-section) button.slick-arrow,
	body.page-id-4229 .bt_bb_section:has(.youtube-hero-section) button.slick-arrow {
		display: none !important;
	}
}

@media (max-width: 380px) {
	body.page-id-4189 .youtube-hero-section,
	body.page-id-4204 .youtube-hero-section,
	body.page-id-4229 .youtube-hero-section {
		padding-top: 96px !important;
		padding-bottom: 28px !important;
	}

	body.page-id-4189 .youtube-hero-headline,
	body.page-id-4204 .youtube-hero-headline,
	body.page-id-4229 .youtube-hero-headline {
		font-size: 1.52rem;
	}

	body.page-id-4189 .youtube-hero-cta,
	body.page-id-4204 .youtube-hero-cta,
	body.page-id-4229 .youtube-hero-cta {
		max-width: 284px;
	}

	body.page-id-4189 .youtube-hero-trust,
	body.page-id-4204 .youtube-hero-trust,
	body.page-id-4229 .youtube-hero-trust {
		font-size: 10.8px;
		gap: 9px 10px;
	}
}

/* HVAC System Support hero image cover fix. */
body.page-id-4229 .youtube-hero-section {
	position: relative !important;
}

body.page-id-4229 .youtube-hero-bg,
body.page-id-4229 .youtube-hero-overlay {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

body.page-id-4229 .youtube-hero-bg img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
}

body.page-id-4229 .youtube-hero-content {
	position: relative !important;
	z-index: 2 !important;
}

/* Generic service-page image hero cover + mobile hero cleanup.
 * Applies to non-home pages using the shared youtube-hero markup, including
 * plumbing, pest control, and interior/exterior painting. */
body:not(.home) .youtube-hero-section {
	position: relative !important;
}

body:not(.home) .youtube-hero-bg,
body:not(.home) .youtube-hero-overlay {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

body:not(.home) .youtube-hero-bg img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
}

body:not(.home) .youtube-hero-content {
	position: relative !important;
	z-index: 2 !important;
}

@media (max-width: 768px) {
	body:not(.home) .bt_bb_section:has(.youtube-hero-section),
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_cell_inner,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_row,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_row_holder,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_column,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_column_content_inner,
	body:not(.home) .bt_bb_section:has(.youtube-hero-section) .bt_bb_raw_content {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body:not(.home) .youtube-hero-section {
		margin-top: 0 !important;
		height: auto !important;
		min-height: 100vh !important;
		min-height: 100svh !important;
		padding-top: 104px !important;
		padding-bottom: 32px !important;
		overflow: hidden !important;
	}

	body:not(.home) .youtube-hero-content {
		justify-content: center;
		max-width: 440px;
		padding: 0 20px;
	}

	body:not(.home) .youtube-hero-eyebrow {
		font-size: 11px;
		letter-spacing: 2.6px;
		line-height: 1.35;
		margin-bottom: 12px;
	}

	body:not(.home) .youtube-hero-headline {
		font-size: clamp(1.58rem, 7vw, 2.12rem);
		line-height: 1.12;
		margin-bottom: 22px;
		text-wrap: balance;
	}

	body:not(.home) .youtube-hero-headline span {
		display: inline;
	}

	body:not(.home) .youtube-hero-cta {
		width: 100%;
		max-width: 292px;
		gap: 12px;
		margin-bottom: 28px;
	}

	body:not(.home) .youtube-hero-cta .btn-primary,
	body:not(.home) .youtube-hero-cta .btn-secondary {
		width: 100%;
		min-height: 52px;
		padding: 13px 18px;
		font-size: 14.5px;
		line-height: 1.25;
	}

	body:not(.home) .youtube-hero-trust {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 12px;
		max-width: 330px;
		margin: 0 auto;
		font-size: 11.5px;
		line-height: 1.25;
	}

	body:not(.home) .youtube-hero-trust span {
		justify-content: center;
		text-align: center;
	}

	body:not(.home) .bt_bb_section:has(.youtube-hero-section) button.slick-arrow {
		display: none !important;
	}
}

@media (max-width: 380px) {
	body:not(.home) .youtube-hero-section {
		padding-top: 96px !important;
		padding-bottom: 28px !important;
	}

	body:not(.home) .youtube-hero-headline {
		font-size: 1.48rem;
	}

	body:not(.home) .youtube-hero-cta {
		max-width: 284px;
	}

	body:not(.home) .youtube-hero-trust {
		font-size: 10.8px;
		gap: 9px 10px;
	}
}
