/**
 * Premium front page — single source for home layout/visuals (Travhawk tokens).
 * Scoped: body.th-home-premium-site main.site-content.th-home-premium; post-packages band `.th-home-below-packages`.
 * Add-on + ROI card chrome lives in this file (formerly airband-home-premium-cards.css).
 *
 * Hero tint uses --th-home-hero-tint on #hero-section (no opaque inline main bg).
 */

body.th-home-premium-site main.site-content.th-home-premium {
	--th-home-radius-glass: clamp(18px, 2.5vw, 28px);
	--th-home-section-y: clamp(3.25rem, 9vw, 6.5rem);
	--th-home-shadow-elevated:
		0 4px 7px rgba(var(--th-rgb-woodsmoke), 0.04),
		0 22px 60px rgba(var(--th-rgb-woodsmoke), 0.09);
	--th-home-shadow-card-hover:
		0 16px 48px rgba(var(--th-rgb-denim), 0.14),
		0 2px 0 rgba(255, 255, 255, 0.65) inset;

	/* Home Trustpilot + Packages — neutral surfaces + Travhawk accents (turquoise #57D6E2) */
	--ab-ref-surface-1: #f7f9fc;
	--ab-ref-border: rgba(15, 23, 42, 0.08);
	--ab-ref-text: #0f172a;
	--ab-ref-text-soft: #1e293b;
	--ab-ref-text-muted: #5b6b82;
	--ab-ref-text-faint: #8896a8;
	--ab-ref-shadow-sm: 0 4px 12px rgba(7, 20, 46, 0.06);
	--ab-ref-shadow-md: 0 12px 32px rgba(7, 20, 46, 0.08);
	--ab-ref-shadow-glow-tq: 0 12px 36px rgba(var(--th-rgb-turquoise), 0.38);
	--ab-ref-radius-lg: 20px;
	--ab-ref-radius-pill: 999px;
	--ab-ref-grad-cta: linear-gradient(135deg, var(--th-palette-denim) 0%, #1f7fd2 42%, var(--th-palette-turquoise) 100%);
	--ab-ref-grad-speed: linear-gradient(135deg, var(--th-color-ink) 0%, var(--th-palette-denim) 45%, var(--th-palette-turquoise) 100%);
	--ab-ref-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ab-ref-dur: 260ms;
}

/* ----- Global width & rhythm ----- */
body.th-home-premium-site main.site-content.th-home-premium > .container,
body.th-home-premium-site main.site-content.th-home-premium .container {
	max-width: min(100%, var(--th-container-xxl)) !important;
	padding-left: clamp(1rem, 4vw, 1.75rem);
	padding-right: clamp(1rem, 4vw, 1.75rem);
}

body.th-home-premium-site main.site-content.th-home-premium .section {
	overflow-x: clip;
}

/* -------------------------------------------------------------------------- */
/* Hero — copy LEFT | visual RIGHT (matches promo reference).                */
/* Travhawk: deep denim → seagull / light aqua; light typography on left.    */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero {
	position: relative;
	overflow: clip;
	border-bottom: none;
	isolation: isolate;
	color: rgba(255, 255, 255, 0.95);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background:
		radial-gradient(ellipse 90% 80% at 15% 45%, rgba(var(--th-rgb-turquoise), 0.28) 0%, transparent 58%),
		radial-gradient(ellipse 65% 55% at 95% 22%, rgba(255, 255, 255, 0.18) 0%, transparent 50%),
		linear-gradient(
			104deg,
			#071b2e 0%,
			#0e3a63 12%,
			var(--th-palette-denim) 28%,
			#2488cf 52%,
			var(--th-palette-seagull) 82%,
			#b9eef5 100%
		);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__grid {
	position: absolute;
	inset: 0;
	opacity: 0.055;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.35) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.35) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: radial-gradient(ellipse 85% 75% at 45% 45%, black 25%, transparent 72%);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: 0.42;
	animation: th-home-orb-float 18s var(--th-ease-out) infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__orb {
		animation: none;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__orb--a {
	width: min(48vw, 480px);
	height: min(48vw, 480px);
	left: -8%;
	top: 12%;
	background: radial-gradient(circle at 40% 40%, rgba(var(--th-rgb-turquoise), 0.55), transparent 65%);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__orb--b {
	width: min(40vw, 400px);
	height: min(40vw, 400px);
	right: 2%;
	top: 8%;
	background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.25), transparent 68%);
	animation-delay: -6s;
	opacity: 0.28;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__orb--c {
	width: min(34vw, 340px);
	height: min(34vw, 340px);
	right: 18%;
	bottom: -5%;
	background: radial-gradient(circle at 50% 50%, rgba(var(--th-rgb-seagull), 0.5), transparent 70%);
	animation-delay: -10s;
}

@keyframes th-home-orb-float {
	from {
		transform: translate3d(0, 0, 0) scale(1);
	}
	to {
		transform: translate3d(2%, -2.5%, 0) scale(1.05);
	}
}

/* Do not set background-image:none !important on #hero-section — it overrides the inline Travhawk gradient from front-page.php. Neutralize the beige snapshot layer only on .hero-section__background (below). */

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__background {
	z-index: 1;
	background-color: transparent !important;
	background-image: none !important;
	opacity: 0.12 !important;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__main {
	position: relative;
	z-index: 2;
	background: transparent !important;
	min-height: clamp(520px, 78vh, 920px);
	display: flex;
	align-items: center;
	padding-top: clamp(2.5rem, 7vw, 5rem);
	padding-bottom: clamp(2.75rem, 8vw, 5.5rem);
	/* Symmetric viewport gutters — avoids the hero feeling shifted toward one edge */
	padding-inline: clamp(1rem, 4vw, 2rem);
	box-sizing: border-box;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero[style*='--th-home-hero-tint'] .hero-section__main::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: var(--th-home-hero-tint);
	opacity: 0.12;
	mix-blend-mode: soft-light;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__main > .container {
	position: relative;
	z-index: 1;
	/* Centered band: equal space left/right of viewport, content never wider than 1340px */
	max-width: min(1340px, 100%);
	width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

/* DOM order: .th-home-hero__copy first = left; .th-home-hero__visual second = right */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__layout {
	position: relative;
	z-index: 2;
	width: 100%;
	display: grid;
	/* Inside the 1340px band: copy ~60% | visual ~40% (3fr : 2fr) */
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}

@media (max-width: 991.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__layout {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		gap: clamp(2rem, 6vw, 3rem);
	}
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__copy {
	min-width: 0;
	width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	width: 100%;
}

@media (min-width: 992px) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__visual {
		justify-content: center;
	}

	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-visual-stack {
		width: 100%;
		max-width: 100%;
		justify-self: stretch;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content {
	position: relative;
	padding: 0;
	border-radius: 0;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	max-width: min(52rem, 100%);
	width: 100%;
	margin: 0;
	text-align: left;
}

@media (max-width: 991.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content,
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content h1,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content h1 {
	font-family: var(--th-font-display);
	font-size: clamp(2rem, 1.15rem + 3.8vw, 3.65rem);
	line-height: 1.07;
	letter-spacing: -0.045em;
	font-weight: 800;
	color: #ffffff;
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	text-shadow: 0 3px 36px rgba(0, 0, 0, 0.35);
	margin-bottom: clamp(1rem, 2.5vw, 1.5rem);
	max-width: min(52rem, 100%);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content p,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content p {
	font-size: clamp(1rem, 0.92rem + 0.35vw, 1.18rem);
	line-height: var(--th-leading-relaxed);
	color: rgba(255, 255, 255, 0.9);
	max-width: min(48rem, 100%);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content a:not(.btn):not(.check-packages-btn),
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content a:not(.btn):not(.check-packages-btn) {
	color: var(--th-palette-turquoise);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(var(--th-rgb-turquoise), 0.65);
	transition:
		color var(--th-transition),
		text-decoration-color var(--th-transition);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content a:not(.btn):not(.check-packages-btn):hover,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content a:not(.btn):not(.check-packages-btn):hover {
	color: #ffffff;
	text-decoration-color: rgba(255, 255, 255, 0.85);
}

/*
 * Hero postcode — matches Broadband packages (.bpk-premium-search-card chrome).
 */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__content-wrapper .content,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card {
	max-width: min(45rem, 100%);
	width: 100%;
	margin-top: clamp(1.75rem, 4vw, 2.6rem);
	padding: clamp(1rem, 2.4vw, 1.35rem);
	border: 1px solid rgba(var(--th-rgb-denim), 0.14);
	border-radius: clamp(1.35rem, 3vw, 2rem);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.74)),
		radial-gradient(circle at 92% 0%, rgba(var(--th-rgb-turquoise), 0.22), transparent 13rem);
	box-shadow: 0 28px 82px rgba(var(--th-rgb-woodsmoke), 0.14);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card__label {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.9rem;
	color: var(--th-palette-denim);
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form {
	width: 100% !important;
	max-width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form-wrapper.hero-form {
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	border: none !important;
	width: 100% !important;
	max-width: 100%;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0.45rem;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form-wrapper.hero-form .check-packages-wrapper {
	background: transparent !important;
	width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form-wrapper.hero-form .search-form.submit-icon {
	position: relative;
	display: flex !important;
	flex-direction: row;
	align-items: center;
	align-self: stretch;
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 999px !important;
	border: 2px solid var(--th-palette-turquoise) !important;
	outline: none;
	background: #fff !important;
	box-shadow: 0 18px 46px rgba(var(--th-rgb-denim), 0.14) !important;
	min-height: 4.05rem;
	padding: 0.28rem !important;
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.25s ease;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form-wrapper.hero-form .search-form.submit-icon:focus-within {
	border-color: var(--th-palette-denim) !important;
	box-shadow:
		0 0 0 0.32rem rgba(var(--th-rgb-turquoise), 0.2),
		0 24px 58px rgba(var(--th-rgb-denim), 0.18) !important;
	transform: translateY(-1px);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .coverage-form-wrapper.hero-form .search-form.submit-icon .search-submit {
	display: inline-grid !important;
	flex: 0 0 3.35rem !important;
	width: 3.35rem !important;
	height: 3.35rem !important;
	min-width: 3.35rem !important;
	padding: 0 !important;
	margin-left: auto !important;
	border-radius: 999px !important;
	border: 0 !important;
	place-items: center;
	background: linear-gradient(
		135deg,
		var(--th-palette-turquoise),
		var(--th-palette-seagull, var(--th-palette-turquoise))
	) !important;
	color: #061219 !important;
	box-shadow: 0 12px 30px rgba(var(--th-rgb-turquoise), 0.36) !important;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background 0.25s ease;
	flex-shrink: 0;
	align-self: center;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .coverage-form-wrapper.hero-form .search-form.submit-icon .search-submit:hover,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .coverage-form-wrapper.hero-form .search-form.submit-icon .search-submit:focus-visible {
	transform: translateY(-1px) scale(1.03);
	background: linear-gradient(135deg, var(--th-palette-denim), var(--th-palette-turquoise)) !important;
	box-shadow: 0 16px 36px rgba(var(--th-rgb-denim), 0.28) !important;
	outline: none;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field {
	flex: 1 1 0% !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	font-size: 1rem !important;
	padding: 0.9rem 1.1rem !important;
	font-weight: 750 !important;
	letter-spacing: 0;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--th-palette-woodsmoke, var(--th-color-ink));
	caret-color: var(--th-palette-denim);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field::placeholder {
	color: rgba(var(--th-rgb-abbey), 0.72) !important;
	opacity: 1;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field:-webkit-autofill,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field:-webkit-autofill:hover,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field:-webkit-autofill:focus {
	-webkit-text-fill-color: #0b1220 !important;
	transition: background-color 99999s ease-out;
	box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.95) inset !important;
}

/* Headline + intro lines sit above the postcode card (search stays outside scroll-reveal dims). */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content--lux > h1 {
	margin-bottom: clamp(0.55rem, 1.6vw, 0.9rem);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content--lux > p:not(.coverage-form-tagline) {
	margin: 0 0 clamp(0.55rem, 1.5vw, 0.85rem);
}

/* Force readable typed + placeholder text on the glass pill (wins over inherited hero wash). */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card .form-control.search-field {
	color: #0b1220 !important;
	-webkit-text-fill-color: #0b1220 !important;
	caret-color: #0f4a7a !important;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card .form-control.search-field::placeholder {
	color: rgba(var(--th-rgb-abbey), 0.72) !important;
	opacity: 1 !important;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .search-submit img,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .search-submit svg {
	filter: brightness(0) invert(1);
	opacity: 0.98;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .search-submit .icon.dashicons,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .search-submit .dashicons::before {
	color: #ffffff !important;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card .hero-form .change-address,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card .hero-form .change-address small {
	color: rgba(var(--th-rgb-abbey), 0.78);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card .hero-form .change-address .reset-address {
	color: var(--th-palette-denim);
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid rgba(var(--th-rgb-denim), 0.28);
	padding-bottom: 0.06em;
}

@media (max-width: 767.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card__label {
		display: grid;
		justify-content: start;
	}

	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card {
		border-radius: 1.35rem;
	}

	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form-wrapper.hero-form .search-form.submit-icon {
		min-height: 3.5rem;
	}

	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field {
		padding: 0.72rem 0.9rem !important;
		font-size: 0.95rem !important;
	}

	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form .coverage-form-wrapper.hero-form .search-form.submit-icon .search-submit {
		flex: 0 0 3rem !important;
		width: 3rem !important;
		height: 3rem !important;
		min-width: 3rem !important;
	}
}

@media (max-width: 420px) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-premium-search-card {
		padding-inline: 1rem;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .coverage-form-tagline {
	font-size: var(--th-text-sm);
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.82);
	margin-top: 1.1rem;
	max-width: min(52rem, 100%);
	text-wrap: pretty;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .countdown-wrapper {
	position: relative;
	z-index: 2;
	filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.35));
}

/* Neutralise legacy wpr-usedcss rule: .hero-section__main .countdown-wrapper { margin-left: 6rem } @1200px — it shoved the visual column past the 1340px band */
@media (min-width: 1200px) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__main .countdown-wrapper {
		margin-left: 0 !important;
		margin-bottom: 0;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-section__countdown-placeholder-img {
	border-radius: var(--th-radius-xl);
	box-shadow:
		0 28px 72px rgba(0, 0, 0, 0.38),
		0 0 0 1px rgba(255, 255, 255, 0.2);
	filter: drop-shadow(0 14px 42px rgba(var(--th-rgb-turquoise), 0.28));
}

/* Starburst / promo badge (optional ACF hero_badge_text) */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__badge {
	position: relative;
	width: min(240px, min(100%, 36vw));
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(14px 16px 0 rgba(0, 0, 0, 0.82));
	transform: rotate(-5deg);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__badge-inner {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.2rem;
	padding: clamp(1rem, 3vw, 1.35rem);
	text-align: center;
	background: #ffffff;
	border: 4px solid #0a0a0a;
	border-radius: 50%;
	box-sizing: border-box;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__badge-line {
	display: block;
	font-family: var(--th-font-display);
	font-weight: 900;
	font-size: clamp(0.68rem, 2.4vw, 0.88rem);
	line-height: 1.12;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0a0a0a;
}

/* Countdown legibility on dark hero */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .countdown-timer .text,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .countdown-timer .title {
	color: rgba(255, 255, 255, 0.98);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .countdown-timer .number {
	color: #ffffff !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-form .change-address,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-form .change-address small {
	color: rgba(255, 255, 255, 0.88);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .hero-form .change-address a {
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* -------------------------------------------------------------------------- */
/* Promo strip — floating premium card below hero (+ scroll stagger in-view) */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip {
	position: relative;
	overflow: visible;
	border: none !important;
	padding: clamp(0.5rem, 1.5vw, 0.85rem) 0;
	background: transparent !important;
	box-shadow: none;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__ambient {
	display: none;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__container {
	position: relative;
	z-index: 2;
	max-width: min(1340px, 100%) !important;
	width: 100%;
	margin-inline: auto;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__panel {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	isolation: isolate;
	gap: clamp(0.85rem, 2.2vw, 1.25rem);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: clamp(0.72rem, 1.8vw, 1rem) clamp(1.15rem, 3.2vw, 1.85rem);
	border-radius: 9999px;
	/* Full 1340 band (via .th-home-strip__container); Travhawk gradient rim */
	background:
		linear-gradient(180deg, #ffffff 0%, #fafcfd 100%) padding-box,
		linear-gradient(
			125deg,
			var(--th-palette-turquoise) 0%,
			var(--th-palette-denim) 42%,
			var(--th-palette-seagull) 100%
		) border-box;
	border: 2px solid transparent;
	box-shadow:
		0 0 0 1px rgba(var(--th-rgb-denim), 0.12),
		0 0 0 2px rgba(var(--th-rgb-turquoise), 0.45),
		0 10px 32px rgba(var(--th-rgb-denim), 0.14),
		0 20px 48px rgba(var(--th-rgb-turquoise), 0.1);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__icon-wrap {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: clamp(2.85rem, 5vw, 3.1rem);
	height: clamp(2.85rem, 5vw, 3.1rem);
	border-radius: clamp(11px, 2vw, 14px);
	background: linear-gradient(
		152deg,
		rgba(var(--th-rgb-turquoise), 0.35) 0%,
		rgba(var(--th-rgb-denim), 0.09) 100%
	);
	border: 1px solid rgba(var(--th-rgb-turquoise), 0.45);
	color: var(--th-palette-denim);
	box-shadow:
		0 6px 20px rgba(var(--th-rgb-denim), 0.1),
		0 1px 0 rgba(255, 255, 255, 0.65) inset;
	font-size: clamp(1.05rem, 2.5vw, 1.2rem);
	transition:
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s ease;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__icon-wrap .fas {
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.65));
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__body {
	flex: 1 1 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: clamp(0.75rem, 2vw, 1.25rem);
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	font-family: var(--th-font-display, inherit);
	font-size: clamp(0.98rem, 0.9rem + 0.28vw, 1.12rem);
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: -0.016em;
	color: rgba(22, 24, 26, 0.94);
	text-wrap: pretty;
}

@media (min-width: 768px) {
	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__body {
		flex-wrap: nowrap;
		align-items: center;
	}

	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta {
		margin-left: auto;
		flex-shrink: 0;
	}
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text p {
	margin: 0;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text p + p {
	margin-top: 0.5rem;
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text a {
	color: var(--th-palette-denim);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color var(--th-transition);
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text a:hover,
body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text a:focus-visible {
	color: var(--th-palette-shark);
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 0.45rem;
	min-height: 2.76rem;
	padding: 0.68rem 1.45rem;
	font-family: var(--th-font-display);
	font-size: clamp(0.88rem, 0.82rem + 0.2vw, 1rem);
	font-weight: 800;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	color: #ffffff !important;
	border-radius: 999px;
	background: linear-gradient(
		135deg,
		var(--th-palette-denim) 0%,
		#1f7fd2 38%,
		var(--th-palette-seagull) 72%,
		var(--th-palette-turquoise) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.42);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.35) inset,
		0 0 0 1px rgba(var(--th-rgb-denim), 0.35),
		0 12px 36px rgba(var(--th-rgb-denim), 0.38),
		0 4px 14px rgba(var(--th-rgb-turquoise), 0.22);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
	transition:
		transform var(--th-duration-slow) var(--th-ease-out),
		box-shadow var(--th-transition),
		filter var(--th-transition),
		border-color var(--th-transition);
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta:hover,
body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta:focus-visible {
	transform: translateY(-3px);
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.55);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.48) inset,
		0 0 0 1px rgba(var(--th-rgb-denim), 0.45),
		0 20px 52px rgba(var(--th-rgb-denim), 0.42),
		0 10px 28px rgba(var(--th-rgb-turquoise), 0.35);
	filter: brightness(1.06);
}

body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta:focus-visible {
	outline: 3px solid rgba(var(--th-rgb-turquoise), 0.65);
	outline-offset: 3px;
}

/* Same Dashicons chevron as postcode / header search submits */
body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta .dashicons.icon {
	filter: none !important;
	color: inherit;
	font-size: 18px;
	width: 18px;
	height: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

@media (max-width: 767.98px) {
	/* Promo strip CTA: drop trailing chevron (same asset as postcode submits) */
	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta .dashicons.icon {
		display: none !important;
	}

	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__panel {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
	}

	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__icon-wrap {
		align-self: center;
	}

	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__body {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__text {
		max-width: none;
	}

	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta {
		width: 100%;
		max-width: 100%;
		justify-content: center;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta:hover,
	body.th-home-premium-site main.site-content.th-home-premium .message-banner.th-home-strip .th-home-strip__cta:focus-visible {
		transform: none;
	}
}

/* Promo strip — in-view stagger (section has `data-th-home-reveal`; postcode strip is not inside it). */
@keyframes th-home-promo-part-in {
	from {
		opacity: 0;
		transform: translate3d(0, 14px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: no-preference) {
	html:not(.no-js)
		body.th-home-premium-site
		main.site-content.th-home-premium.th-home-premium-reveal-ready
		.section.th-home-promo-banner[data-th-home-reveal].is-visible
		.message-banner.th-home-strip
		.th-home-strip__icon-wrap {
		animation: th-home-promo-part-in 0.58s cubic-bezier(0.22, 1, 0.36, 1) 0.1s backwards;
	}

	html:not(.no-js)
		body.th-home-premium-site
		main.site-content.th-home-premium.th-home-premium-reveal-ready
		.section.th-home-promo-banner[data-th-home-reveal].is-visible
		.message-banner.th-home-strip
		.th-home-strip__text {
		animation: th-home-promo-part-in 0.58s cubic-bezier(0.22, 1, 0.36, 1) 0.2s backwards;
	}

	html:not(.no-js)
		body.th-home-premium-site
		main.site-content.th-home-premium.th-home-premium-reveal-ready
		.section.th-home-promo-banner[data-th-home-reveal].is-visible
		.message-banner.th-home-strip
		.th-home-strip__cta {
		animation: th-home-promo-part-in 0.58s cubic-bezier(0.22, 1, 0.36, 1) 0.3s backwards;
	}
}

/* -------------------------------------------------------------------------- */
/* Section titles — eyebrow + heading                                         */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium .th-home-section-head {
	margin-bottom: clamp(2rem, 4.5vw, 3rem);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-eyebrow {
	font-size: var(--th-text-xs);
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--th-palette-denim);
	margin: 0 0 0.65rem;
}

/* Trustpilot eyebrow — same vocabulary as About premium `.abp-hero__kicker` */
body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section .th-home-section-head .th-home-eyebrow {
	display: inline-block;
	margin: 0 auto 1rem;
	padding: 0.35rem 1rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--th-palette-denim);
	border: 1px solid rgba(var(--th-rgb-turquoise), 0.35);
	border-radius: 999px;
	background: rgba(var(--th-rgb-turquoise), 0.08);
	box-shadow: 0 0 32px rgba(var(--th-rgb-turquoise), 0.15);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-section-head .trustpilot-section__heading {
	font-family: var(--th-font-display);
	font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
	letter-spacing: -0.038em;
	line-height: 1.15;
	font-weight: 800;
	color: var(--th-color-ink);
}

/* -------------------------------------------------------------------------- */
/* Reviews — Travhawk palette, equal-height slides, verified pill             */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.trustpilot-reviews-section.th-home-reviews {
	position: relative;
	padding-top: var(--th-home-section-y);
	/* Tighter band before packages (avoid double --th-home-section-y with #packages-section padding-top) */
	padding-bottom: clamp(2rem, 5vw, 3.25rem);
	overflow-x: clip;
	background: var(--ab-ref-surface-1) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews > .container {
	position: relative;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-slider-wrap {
	display: flex;
	align-items: stretch;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-slider {
	display: flex !important;
	align-items: stretch !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-slider-outer {
	align-items: center;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	align-self: stretch !important;
	height: auto !important;
	min-height: 100%;
	padding: 1.25rem 1.25rem 1rem;
	background: #fff !important;
	border: 1px solid var(--ab-ref-border) !important;
	border-radius: var(--ab-ref-radius-lg) !important;
	box-shadow: var(--ab-ref-shadow-sm) !important;
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ab-ref-shadow-md) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__stars {
	color: #00b67a !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__verified {
	display: inline-flex !important;
	align-items: center;
	gap: 0.35rem;
	margin: 0 !important;
	padding: 0.2rem 0.65rem 0.2rem 0.45rem !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: var(--th-palette-denim) !important;
	background: rgba(var(--th-rgb-turquoise), 0.12) !important;
	border: 1px solid rgba(var(--th-rgb-turquoise), 0.45) !important;
	border-radius: 999px !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__verified-icon {
	width: 16px !important;
	height: 16px !important;
	background: var(--th-palette-turquoise) !important;
	border: none !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__verified-icon::after {
	left: 5px !important;
	top: 3px !important;
	width: 4px !important;
	height: 8px !important;
	border-color: #fff !important;
	border-width: 0 2px 2px 0 !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__title {
	font-family: var(--th-font-display);
	font-size: 1rem;
	font-weight: 700 !important;
	line-height: 1.3;
	color: var(--ab-ref-text) !important;
	margin-bottom: 0.5rem;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__excerpt {
	flex: 1 1 auto;
	min-height: 0;
	color: var(--ab-ref-text-muted) !important;
	line-height: 1.45;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 4 !important;
	line-clamp: 4 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	margin-bottom: 0.65rem !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-review-card__meta {
	margin-top: auto;
	padding-top: 0.75rem;
	border-top: 1px solid var(--ab-ref-border);
	color: var(--ab-ref-text-faint);
	font-size: 0.8rem;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-summary {
	color: var(--ab-ref-text-soft);
	max-width: min(42rem, 100%);
	margin-left: auto;
	margin-right: auto;
	line-height: 1.55;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-slider-arrow {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: #fff !important;
	border: 1px solid var(--ab-ref-border) !important;
	box-shadow: var(--ab-ref-shadow-sm) !important;
	color: var(--th-palette-denim);
	font-size: 1.25rem;
	line-height: 1;
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		border-color var(--ab-ref-dur) var(--ab-ref-ease),
		color var(--ab-ref-dur) var(--ab-ref-ease) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-slider-arrow:hover:not(:disabled) {
	transform: translateY(-50%) scale(1.06);
	border-color: var(--th-palette-turquoise) !important;
	color: var(--th-palette-denim) !important;
	box-shadow: var(--ab-ref-shadow-glow-tq) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-trustpilot-link {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.65rem 1.45rem;
	border-radius: var(--ab-ref-radius-pill);
	font-weight: 700;
	font-family: var(--th-font-display);
	background-image: var(--ab-ref-grad-cta) !important;
	background-color: var(--th-palette-denim) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	box-shadow: var(--ab-ref-shadow-glow-tq);
	text-decoration: none !important;
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease);
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-trustpilot-link:hover {
	transform: translateY(-2px);
	filter: brightness(1.04);
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews .home-reviews-tp-star {
	color: #00b67a !important;
}

/* -------------------------------------------------------------------------- */
/* Packages — parity with airband-redesign.css §8 (tabs, cards, pricing)      */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages {
	position: relative;
	/* Paired with reduced Trustpilot padding-bottom so gap between sections is not doubled */
	padding-top: clamp(1.5rem, 4vw, 2.75rem);
	padding-bottom: var(--th-home-section-y);
	background: var(--ab-ref-surface-1) !important;
}

@media (max-width: 991.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages > .container {
		padding-left: max(var(--th-space-gutter), env(safe-area-inset-left, 0px)) !important;
		padding-right: max(var(--th-space-gutter), env(safe-area-inset-right, 0px)) !important;
		box-sizing: border-box !important;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .th-home-packages-section-head {
	margin-bottom: clamp(1rem, 2.8vw, 1.75rem);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .th-home-packages__title {
	font-family: var(--th-font-display);
	font-size: clamp(1.75rem, 1.28rem + 1.5vw, 2.45rem);
	font-weight: 800;
	letter-spacing: -0.038em;
	line-height: 1.15;
	color: var(--th-color-ink);
	margin: 0;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .th-home-packages-tabs-wrap {
	/* Single spacing band below Fibre / Fixed tabs (ul inside no longer adds its own margin-bottom) */
	margin-bottom: clamp(0.85rem, 2.25vw, 1.35rem);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section #package-tabs.nav-tabs.rounded-pill {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	padding: 0 !important;
	margin-bottom: 0;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .nav-tabs .btn-secondary.rounded-pill {
	border: none !important;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 0.7rem 1.85rem;
	border-radius: var(--ab-ref-radius-pill);
	transition:
		color var(--ab-ref-dur) var(--ab-ref-ease),
		background var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .nav-tabs .btn-secondary.rounded-pill:not(.active) {
	background: transparent !important;
	color: var(--ab-ref-text-soft) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .nav-tabs .btn-secondary.rounded-pill:not(.active):hover {
	color: var(--th-palette-turquoise) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .nav-tabs .btn-secondary.rounded-pill.active {
	color: #fff !important;
	background-image: var(--ab-ref-grad-cta) !important;
	background-color: var(--th-palette-denim) !important;
	box-shadow: var(--ab-ref-shadow-glow-tq) !important;
}

/* Responsive grid (layout helper; visuals match redesign cards) */
body.th-home-premium-site main.site-content.th-home-premium #packages-section .tab-pane .row:has(.package-row) {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
	gap: clamp(1.25rem, 3vw, 2rem);
	justify-content: initial;
	align-items: stretch;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .tab-pane .row:has(.package-row) > [class*='col'] {
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	margin-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	display: flex;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package.package-row {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-content-container {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	border-radius: var(--ab-ref-radius-lg) !important;
	background: #fff !important;
	border: 1px solid var(--ab-ref-border) !important;
	box-shadow: var(--ab-ref-shadow-sm) !important;
	min-height: 100%;
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease),
		border-color var(--ab-ref-dur) var(--ab-ref-ease) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-body-container {
	flex: 1 1 auto;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-price-container {
	margin-top: auto;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package:hover .package-content-container {
	transform: translateY(-4px);
	box-shadow: var(--ab-ref-shadow-md) !important;
	border-color: rgba(var(--th-rgb-turquoise), 0.45) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-icon img,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-icon svg {
	transition: transform var(--ab-ref-dur) var(--ab-ref-ease);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package:hover .package-icon img,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .package:hover .package-icon svg {
	transform: rotate(-3deg) scale(1.04);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .fs-custom-1,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .js-selected-package-dls {
	background: var(--ab-ref-grad-speed) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	font-weight: 800 !important;
	letter-spacing: -0.025em !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .text-supplementary,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .js-selected-package-usage {
	color: var(--ab-ref-text-muted) !important;
	letter-spacing: 0.04em;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .price,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .js-selected-package-cost {
	color: var(--ab-ref-text) !important;
	font-weight: 800 !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-normal-price,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .js-selected-package-cost-was {
	color: var(--ab-ref-text-faint) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-promo-bar {
	margin: 0 !important;
	padding: 0.75rem 1.25rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-align: center !important;
	color: #fff !important;
	background: linear-gradient(
		90deg,
		var(--th-palette-turquoise) 0%,
		var(--th-palette-seagull) 50%,
		var(--th-palette-denim) 100%
	) !important;
	border-radius: calc(var(--ab-ref-radius-lg) - 1px) calc(var(--ab-ref-radius-lg) - 1px) 0 0 !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-info li svg,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-info li img,
body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-info li::before {
	color: var(--th-palette-turquoise) !important;
	fill: var(--th-palette-turquoise) !important;
	filter: none !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .package-price-container .actions {
	width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .check-postcode.btn-brand {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box !important;
	padding: 0.78rem 1.15rem !important;
	border-radius: var(--ab-ref-radius-pill) !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em;
	line-height: 1.25 !important;
	white-space: normal !important;
	text-align: center !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	background-image: var(--ab-ref-grad-cta) !important;
	background-color: var(--th-palette-denim) !important;
	box-shadow: var(--ab-ref-shadow-glow-tq) !important;
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .check-postcode.btn-brand .fa {
	margin-left: 0 !important;
	flex-shrink: 0;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section .check-postcode.btn-brand:hover {
	transform: translateY(-2px);
	filter: brightness(1.05);
}

/*
 * Packages block only: tagline + pill under tabs (#availability). Not #check-availability-section —
 * markup lives in template-parts/packages-section-home.php (classes th-home-packages-postcode__*).
 */
body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode {
	width: 100%;
	max-width: min(44rem, 100%);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	padding-inline: clamp(0.25rem, 2vw, 0.5rem);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__root {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	position: relative;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__wrap {
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	float: none !important;
	box-sizing: border-box;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages form.search-form.submit-icon.th-home-packages-postcode__shell {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0.35rem !important;
	min-height: 48px !important;
	padding: 4px 9px 4px 12px !important;
	border-radius: 999px !important;
	outline: none !important;
	border: 2px solid #57d6e2 !important;
	border-style: solid !important;
	border-color: #57d6e2 !important;
	box-shadow:
		0 0 0 1px rgba(87, 214, 226, 0.2),
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 20px 56px rgba(23, 110, 186, 0.07),
		0 12px 32px rgba(87, 214, 226, 0.12) !important;
	background: linear-gradient(180deg, #ffffff 0%, #faf8f8 100%) !important;
	transition: border-color 0.2s ease, box-shadow 0.22s ease, transform 0.2s ease !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages form.th-home-packages-postcode__shell:focus-within {
	border-color: #176eba !important;
	transform: translateY(-1px);
	box-shadow:
		0 0 0 1px rgba(87, 214, 226, 0.22),
		0 0 0 3px rgba(87, 214, 226, 0.24),
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 24px 64px rgba(23, 110, 186, 0.09),
		0 16px 40px rgba(87, 214, 226, 0.14) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__field.form-control,
body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__shell input[type="text"] {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	border: 0 !important;
	border-width: 0 !important;
	border-style: none !important;
	border-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-clip: padding-box !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	color: #16181a !important;
	font-weight: 650 !important;
	font-size: 0.98rem !important;
	letter-spacing: -0.01em !important;
	padding: 0.5rem 0.85rem !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__field::placeholder {
	color: rgba(22, 24, 26, 0.45) !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit.search-submit {
	flex-shrink: 0 !important;
	width: clamp(40px, 9vw, 46px) !important;
	height: clamp(40px, 9vw, 46px) !important;
	min-width: clamp(40px, 9vw, 46px) !important;
	margin: 0 4px 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background-color: transparent !important;
	background-image: linear-gradient(135deg, #57d6e2 0%, #6ec1e4 100%) !important;
	color: #ffffff !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	box-shadow:
		0 12px 32px rgba(87, 214, 226, 0.38),
		0 1px 0 rgba(255, 255, 255, 0.28) inset !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-image 0.2s ease !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit .icon.dashicons,
body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit .dashicons {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	line-height: 1 !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	font-size: 1.125rem !important;
	color: #ffffff !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit .dashicons::before {
	line-height: 1 !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	font-size: 1.125rem !important;
	display: block !important;
	text-align: center !important;
	color: #ffffff !important;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit.search-submit:hover,
body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit.search-submit:focus-visible {
	transform: translateY(-1px) scale(1.03);
	background-image: linear-gradient(135deg, #176eba 0%, #57d6e2 100%) !important;
	box-shadow:
		0 14px 40px rgba(23, 110, 186, 0.28),
		0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
}

@media (max-width: 767.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages form.th-home-packages-postcode__shell.search-form.submit-icon {
		position: relative !important;
	}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages .th-home-packages-postcode__submit.search-submit {
		position: static !important;
		overflow: visible !important;
		clip: auto !important;
		clip-path: none !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		padding: 0 !important;
		margin: 0 4px 0 auto !important;
	}
}

/* -------------------------------------------------------------------------- */
/* Add-ons & ROI — CSS grid on icon lists                                     */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium .th-home-addons,
body.th-home-premium-site main.site-content.th-home-premium .th-home-roi {
	padding-top: var(--th-home-section-y);
	padding-bottom: var(--th-home-section-y);
}

/* Add-ons — premium surface (cool white; Travhawk accents, not cream slab) */
body.th-home-premium-site main.site-content.th-home-premium .th-home-addons {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--th-rgb-turquoise), 0.14) 0%, transparent 55%),
		linear-gradient(180deg, #ffffff 0%, #f7fbff 45%, #fafdfe 100%);
	border-top: 1px solid rgba(var(--th-rgb-denim), 0.08);
	border-bottom: 1px solid rgba(var(--th-rgb-denim), 0.06);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Snapshot puts .iconbg-mark at z-index:-1 — with isolation/stacking contexts that can bury copy; keep deco behind .container reliably. */
body.th-home-premium-site main.site-content.th-home-premium #th-home-addons > svg.iconbg-mark {
	position: absolute !important;
	inset-block-start: 0;
	inset-inline-start: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
	z-index: 0 !important;
	pointer-events: none;
}

@media (max-width: 767.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #th-home-addons > svg.iconbg-mark:not(.iconbg-mark__mobile) {
		display: none !important;
	}
}

body.th-home-premium-site main.site-content.th-home-premium #th-home-addons > .container {
	position: relative;
	z-index: 2;
}

body.th-home-premium-site main.site-content.th-home-premium #th-home-addons .icon-boxes__container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	justify-content: center;
	gap: clamp(1.35rem, 3vw, 2.25rem);
	width: 100%;
}

@media (min-width: 992px) {
	body.th-home-premium-site main.site-content.th-home-premium #th-home-addons .icon-boxes__container {
		flex-wrap: nowrap;
	}
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-roi .icon-boxes__container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: clamp(1.35rem, 3vw, 2.25rem);
	align-items: stretch;
	width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-addons-intro {
	text-align: center !important;
	max-width: min(40rem, 100%);
	margin-inline: auto;
	margin-bottom: clamp(2.25rem, 4.5vw, 3.25rem) !important;
	padding-inline: clamp(0.5rem, 2vw, 0);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-addons-intro h2,
body.th-home-premium-site main.site-content.th-home-premium .th-home-addons-intro p {
	text-align: center !important;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-addons-title {
	font-family: var(--th-font-display);
	font-size: clamp(1.65rem, 1.28rem + 1.15vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -0.038em;
	line-height: 1.15;
	margin-bottom: 1rem;
	color: var(--th-color-ink);
	text-align: center !important;
	position: relative;
	display: inline-block;
	width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-addons-title::after {
	content: '';
	display: block;
	width: min(12rem, 48vw);
	height: 4px;
	margin: 0.85rem auto 0;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		var(--th-palette-turquoise),
		var(--th-palette-denim),
		var(--th-palette-seagull, var(--th-palette-turquoise)),
		transparent
	);
	opacity: 1;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-addons-lead {
	font-size: clamp(1.06rem, 0.98rem + 0.32vw, 1.2rem);
	line-height: 1.68;
	color: var(--th-color-ink-soft);
	margin: 0;
	max-width: min(38rem, 100%);
	margin-inline: auto;
	text-align: center !important;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner {
	flex: 1;
	display: flex;
	flex-direction: column;
	text-align: center !important;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner h2,
body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner h3,
body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner p {
	text-align: center !important;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner h2,
body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner h3 {
	font-family: var(--th-font-display);
	letter-spacing: -0.03em;
	font-weight: 800;
	font-size: clamp(1.25rem, 1.05rem + 0.7vw, 1.55rem);
	margin-bottom: 0.65rem;
	color: var(--th-color-ink);
	text-align: center !important;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .icon-boxes .icon-boxes__inner p {
	margin-bottom: 0;
	color: var(--th-color-ink-soft);
	line-height: var(--th-leading-relaxed);
	text-align: center !important;
}

/* -------------------------------------------------------------------------- */
/* Add-ons + ROI — card shells (#th-home-addons / #th-home-roi)               */
/* -------------------------------------------------------------------------- */

/* Add-ons: flex row + align-items:stretch — reliable equal card heights (grid + 1fr implicit rows was not stretching). */
#th-home-addons .icon-boxes__item-wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-self: stretch;
	flex: 1 1 min(280px, 100%);
	min-width: 0;
	min-height: 0;
}

@media (min-width: 992px) {
	body.th-home-premium-site main.site-content.th-home-premium #th-home-addons .icon-boxes__item-wrap {
		flex: 1 1 0;
		min-width: 0;
		align-self: stretch;
	}
}

#th-home-addons .icon-boxes__item-wrap > .th-home-addon-card {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	height: 100%;
}

#th-home-roi .icon-boxes__item-wrap {
	align-self: stretch;
	min-height: 0;
	height: 100%;
	display: grid;
	grid-template-rows: 1fr;
}

#th-home-roi .icon-boxes__item-wrap > .th-home-roi-card {
	min-height: 0;
	height: 100%;
	align-self: stretch;
}

#th-home-addons .th-home-addon-card {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	min-height: 0;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden;
	padding: clamp(1.85rem, 3.8vw, 2.65rem) clamp(1.35rem, 3vw, 1.85rem) !important;
	border-radius: clamp(20px, 2.5vw, 26px) !important;
	background:
		linear-gradient(168deg, #ffffff 0%, #fafcfd 48%, rgba(var(--th-rgb-turquoise), 0.04) 100%) padding-box,
		linear-gradient(
			135deg,
			var(--th-palette-turquoise) 0%,
			var(--th-palette-denim) 42%,
			var(--th-palette-seagull, var(--th-palette-turquoise)) 100%
		) border-box !important;
	border: 2px solid transparent !important;
	box-shadow:
		0 0 0 1px rgba(var(--th-rgb-denim), 0.06),
		0 14px 40px rgba(var(--th-rgb-denim), 0.08),
		0 28px 72px rgba(var(--th-rgb-turquoise), 0.08) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition:
		transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),
		box-shadow 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),
		border-color 0.32s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

#th-home-roi .th-home-roi-card {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	min-height: 0;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden;
	padding: clamp(1.75rem, 3.5vw, 2.55rem) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	border: 2px solid #57d6e2 !important;
	box-shadow:
		0 4px 14px rgba(23, 110, 186, 0.07),
		inset 0 1px 0 #ffffff !important;
	transition:
		transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1),
		box-shadow 0.26s cubic-bezier(0.22, 0.61, 0.36, 1),
		border-color 0.26s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

#th-home-addons .th-home-addon-card::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(
		145deg,
		rgba(255, 255, 255, 0.5) 0%,
		transparent 42%,
		transparent 58%,
		rgba(var(--th-rgb-turquoise), 0.06) 100%
	);
	opacity: 0.9;
	z-index: 0;
}

#th-home-addons .th-home-addon-card:hover {
	transform: translateY(-6px) !important;
	box-shadow:
		0 0 0 1px rgba(var(--th-rgb-turquoise), 0.35),
		0 20px 52px rgba(var(--th-rgb-denim), 0.12),
		0 36px 80px rgba(var(--th-rgb-turquoise), 0.14) !important;
}

#th-home-roi .th-home-roi-card:hover {
	transform: translateY(-10px) !important;
	border-color: #176eba !important;
	box-shadow:
		0 12px 32px rgba(87, 214, 226, 0.35),
		0 22px 56px rgba(23, 110, 186, 0.12),
		0 0 0 1px rgba(87, 214, 226, 0.45) !important;
}

#th-home-addons .th-home-addon-card > * {
	position: relative;
	z-index: 1;
}

#th-home-addons .th-home-addon-card .icon-boxes__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 1 1 auto;
	flex-grow: 1;
	width: 100%;
	min-height: 0;
	gap: 0.35rem;
}

#th-home-addons .th-home-addon-card__desc {
	flex: 1 1 auto;
	min-height: 0;
}

#th-home-addons .icon-boxes__inner .th-home-addon-card__price {
	margin-top: auto;
	padding-top: 0.5rem;
	margin-bottom: 0 !important;
}

#th-home-addons .icon-boxes__inner .th-home-addon-card__price strong {
	font-family: var(--th-font-display);
	font-size: clamp(1.08rem, 0.98rem + 0.38vw, 1.28rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--th-palette-denim);
	display: inline-block;
	padding: 0.42rem 1.15rem;
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 251, 255, 0.95) 100%) padding-box,
		linear-gradient(135deg, var(--th-palette-turquoise), var(--th-palette-denim)) border-box;
	border: 1.5px solid transparent;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 8px 22px rgba(var(--th-rgb-denim), 0.1);
}

#th-home-roi.has-background {
	background:
		repeating-linear-gradient(-14deg, rgba(87, 214, 226, 0.07) 0 14px, transparent 14px 28px),
		repeating-linear-gradient(8deg, rgba(110, 193, 228, 0.05) 0 18px, transparent 18px 36px),
		linear-gradient(185deg, #f5f9fc 0%, #ffffff 50%, #f0f6fb 100%) !important;
	border-top: 1px solid rgba(23, 110, 186, 0.09) !important;
	border-bottom: 1px solid rgba(23, 110, 186, 0.06) !important;
	box-shadow: none !important;
}

#th-home-roi > svg.iconbg-mark {
	display: none !important;
}

#th-home-roi .icon-wrap {
	text-align: center !important;
	margin-bottom: 1rem !important;
}

#th-home-roi .icon-boxes__inner,
#th-home-roi .icon-boxes__inner h2,
#th-home-roi .icon-boxes__inner p {
	text-align: center !important;
}

#th-home-roi .icon-boxes__inner h2 {
	font-size: clamp(1.2rem, 1.06rem + 0.48vw, 1.48rem) !important;
	line-height: 1.24 !important;
	margin-bottom: 0.55rem !important;
	letter-spacing: -0.03em !important;
}

#th-home-roi .icon-boxes__inner p {
	font-size: clamp(1.02rem, 0.96rem + 0.22vw, 1.14rem) !important;
	line-height: 1.65 !important;
}

#th-home-roi .icon-wrap img {
	max-height: clamp(104px, 24vw, 152px);
	width: auto;
	max-width: min(100%, 240px);
	object-fit: contain;
}

#th-home-addons .icon-wrap.th-home-addons__icon-wrap {
	align-self: center;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(5.25rem, 12vw, 6.25rem);
	height: clamp(5.25rem, 12vw, 6.25rem);
	margin-bottom: 1.5rem !important;
	padding: 0.9rem;
	border-radius: 50%;
	background:
		radial-gradient(circle at 30% 25%, rgba(var(--th-rgb-turquoise), 0.5) 0%, transparent 55%),
		linear-gradient(
			155deg,
			rgba(var(--th-rgb-denim), 0.1) 0%,
			rgba(var(--th-rgb-turquoise), 0.2) 50%,
			rgba(var(--th-rgb-seagull), 0.18) 100%
		);
	border: 2px solid rgba(var(--th-rgb-turquoise), 0.38);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		0 12px 32px rgba(var(--th-rgb-denim), 0.1);
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

#th-home-addons .th-home-addon-card:hover .th-home-addons__icon-wrap {
	transform: scale(1.04);
	border-color: rgba(var(--th-rgb-denim), 0.35);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.98),
		0 14px 40px rgba(var(--th-rgb-turquoise), 0.22);
}

#th-home-addons .icon-wrap.th-home-addons__icon-wrap img {
	max-height: 52px;
	width: auto;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(32%) sepia(92%) saturate(1680%) hue-rotate(186deg) brightness(94%) contrast(94%);
}

#th-home-addons .icon-boxes__inner h3,
#th-home-addons .th-home-addon-card__title {
	font-size: clamp(1.15rem, 1.02rem + 0.48vw, 1.38rem) !important;
	line-height: 1.28 !important;
	margin-bottom: 0.55rem !important;
}

#th-home-addons .icon-boxes__inner p.th-home-addon-card__desc,
#th-home-addons .icon-boxes__inner p {
	font-size: clamp(1.03rem, 0.97rem + 0.28vw, 1.17rem) !important;
	line-height: 1.65 !important;
}

/* -------------------------------------------------------------------------- */
/* CTA slabs — glass / premium bands (contract CTA: airband-home-contract-cta.css) */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages .standard-layout-section {
	padding-top: var(--th-home-section-y);
	padding-bottom: var(--th-home-section-y);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer.bg-brand-blue {
	background:
		radial-gradient(ellipse 75% 85% at 88% 18%, rgba(var(--th-rgb-turquoise), 0.35) 0%, transparent 54%),
		linear-gradient(152deg, #1e88e8 0%, var(--th-palette-denim) 45%, #124070 100%) !important;
	color: rgba(255, 255, 255, 0.98);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer .row {
	align-items: center;
	gap: clamp(1.5rem, 4vw, 2.5rem);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer h2,
body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer p {
	color: inherit;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer .btn-brand {
	background: #fff !important;
	color: var(--th-palette-denim) !important;
	border: none !important;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
	border-radius: var(--th-radius-pill);
	font-weight: 700;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer .secondary-content img {
	border-radius: var(--th-radius-xl);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

/*
 * Future / Reliable / Business BPK sections — see airband-home-bpk-sections.css (late wp_head link).
 * Keeps this file smaller and avoids Rocket/used-CSS eating these rules.
 */

/* Check availability (home) — full-width pill aligned with hero postcode styling */
body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium.th-check-avail-on-home {
	position: relative;
	isolation: isolate;
	overflow-x: clip;
	padding-block: clamp(2.5rem, 6.5vw, 4.25rem);
	background:
		radial-gradient(ellipse 95% 75% at 50% -5%, rgba(var(--th-rgb-turquoise), 0.12) 0%, transparent 50%),
		linear-gradient(180deg, #f3f9fc 0%, #e9f2f8 100%);
	border-block: 1px solid rgba(var(--th-rgb-denim), 0.07);
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel {
	align-items: stretch;
	text-align: center;
	background-image:
		linear-gradient(
			158deg,
			rgba(255, 255, 255, 0.99) 0%,
			rgba(255, 255, 255, 0.94) 50%,
			rgba(var(--th-rgb-turquoise), 0.06) 100%
		),
		linear-gradient(
			132deg,
			var(--th-palette-turquoise) 0%,
			var(--th-palette-denim) 48%,
			var(--th-palette-seagull, var(--th-palette-turquoise)) 100%
		);
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	border: 2px solid transparent;
	color: var(--th-color-ink);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 0 0 1px rgba(var(--th-rgb-turquoise), 0.08) inset,
		0 12px 40px rgba(var(--th-rgb-denim), 0.08),
		0 40px 90px rgba(var(--th-rgb-turquoise), 0.08);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__title {
	margin-bottom: clamp(0.85rem, 2vw, 1.25rem);
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__title .title-text {
	font-family: var(--th-font-display);
	font-size: clamp(1.2rem, 0.95rem + 0.9vw, 1.75rem);
	font-weight: 800;
	letter-spacing: -0.032em;
	line-height: 1.2;
	color: var(--th-color-ink);
	border-bottom: none;
	padding-bottom: 0;
	position: relative;
	display: inline-block;
	max-width: 100%;
	box-decoration-break: clone;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__title .title-text::after {
	content: '';
	display: block;
	margin: 0.62rem auto 0;
	width: min(12rem, 55vw);
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--th-palette-turquoise) 0%,
		var(--th-palette-denim) 50%,
		var(--th-palette-seagull) 100%
	);
	opacity: 0.88;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__form {
	max-width: 100% !important;
	width: 100% !important;
	align-self: stretch;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__form > .coverage-form {
	width: 100% !important;
	max-width: 100% !important;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel .coverage-form .coverage-form-wrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0.45rem;
	width: 100% !important;
	max-width: 100% !important;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form.coverage-form--large .search-form.submit-icon,
body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form.submit-icon {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	align-self: stretch;
	box-sizing: border-box;
	border-radius: 999px !important;
	border: 2px solid var(--th-palette-turquoise) !important;
	outline: none;
	background: #fff !important;
	box-shadow:
		0 18px 46px rgba(var(--th-rgb-denim), 0.1),
		0 1px 0 rgba(255, 255, 255, 1) inset;
	min-height: clamp(3rem, 3.95vw, 3.48rem);
	padding: 0.18rem 0.22rem !important;
	transition:
		border-color var(--th-transition),
		box-shadow var(--th-transition),
		transform 0.25s ease;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form.submit-icon:focus-within {
	border-color: var(--th-palette-denim) !important;
	box-shadow:
		0 0 0 0.32rem rgba(var(--th-rgb-turquoise), 0.2),
		0 22px 56px rgba(var(--th-rgb-denim), 0.1),
		0 1px 0 rgba(255, 255, 255, 1) inset;
	transform: translateY(-1px);
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .form-control.search-field {
	flex: 1 1 0% !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0.56rem 0.85rem !important;
	font-size: 0.98rem !important;
	font-weight: 650 !important;
	letter-spacing: 0.015em;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--th-color-ink);
	caret-color: var(--th-palette-denim);
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .form-control.search-field::placeholder {
	color: rgba(var(--th-rgb-abbey), 0.7) !important;
	opacity: 1;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit {
	width: clamp(2.85rem, 4.2vw, 3.08rem) !important;
	height: clamp(2.85rem, 4.2vw, 3.08rem) !important;
	min-width: clamp(2.85rem, 4.2vw, 3.08rem) !important;
	margin: 0 6px 0 auto !important;
	border-radius: 999px !important;
	border: 0 !important;
	background-image: linear-gradient(
		135deg,
		var(--th-palette-turquoise),
		var(--th-palette-seagull, var(--th-palette-turquoise))
	) !important;
	background-color: transparent !important;
	color: #fff !important;
	line-height: 1 !important;
	box-shadow:
		0 12px 30px rgba(var(--th-rgb-turquoise), 0.36),
		0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	padding: 0 !important;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background-image 0.25s ease;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit:hover,
body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit:focus-visible {
	background-image: linear-gradient(
		135deg,
		var(--th-palette-denim),
		var(--th-palette-turquoise)
	) !important;
	transform: translateY(-1px) scale(1.03);
	box-shadow:
		0 14px 36px rgba(var(--th-rgb-denim), 0.22),
		0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit .icon.dashicons,
body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit .dashicons {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	line-height: 1 !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	font-size: 1.125rem !important;
	color: #ffffff !important;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit .dashicons::before {
	line-height: 1 !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	font-size: 1.125rem !important;
	display: block !important;
	text-align: center !important;
	color: #ffffff !important;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .coverage-form .change-address {
	margin-top: 0.35rem;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .coverage-form .change-address small {
	color: rgba(var(--th-rgb-abbey), 0.78);
	font-size: 0.875rem;
}

body.th-home-premium-site main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .coverage-form .reset-address {
	color: var(--th-palette-denim);
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid rgba(var(--th-rgb-denim), 0.28);
	padding-bottom: 0.05em;
}

/* Home: show inset submit on small screens (match hero; global check-avail file hides it) */
@media (max-width: 767.98px) {
	body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form.submit-icon {
		position: relative !important;
	}

	body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .search-submit {
		position: static !important;
		width: clamp(2.62rem, 12vw, 2.92rem) !important;
		height: clamp(2.62rem, 12vw, 2.92rem) !important;
		min-width: clamp(2.62rem, 12vw, 2.92rem) !important;
		margin: 0 5px 0 auto !important;
		padding: 0 !important;
		overflow: visible !important;
		clip: auto !important;
		clip-path: none !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		flex-shrink: 0;
	}

	body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .coverage-form--large .search-form .form-control.search-field {
		padding-right: 0.75rem !important;
	}

	body.th-home-premium-site main.site-content.th-home-premium #check-availability-section .th-check-avail-panel {
		padding-inline: clamp(1rem, 4vw, 1.35rem);
	}
}

/* -------------------------------------------------------------------------- */
/* Why choose                                                                 */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium #standard-column-layout-10.bg-brand-off-white {
	background:
		radial-gradient(ellipse 100% 70% at 50% 0%, rgba(var(--th-rgb-turquoise), 0.12) 0%, transparent 55%),
		radial-gradient(ellipse 80% 55% at 100% 100%, rgba(var(--th-rgb-seagull), 0.14) 0%, transparent 50%),
		linear-gradient(180deg, #f2f7fb 0%, var(--th-color-bg-subtle) 55%, #fafcfd 100%) !important;
	border-top: 1px solid rgba(var(--th-rgb-denim), 0.08);
	padding-top: var(--th-home-section-y);
	padding-bottom: var(--th-home-section-y);
}

body.th-home-premium-site main.site-content.th-home-premium #standard-column-layout-10 .standard-layout-section__content {
	text-align: center;
	max-width: min(46rem, 100%);
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 2.85rem) clamp(1.5rem, 4vw, 2.5rem);
	border-radius: var(--th-radius-xl);
	background:
		linear-gradient(168deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.92) 55%, rgba(var(--th-rgb-seagull), 0.06) 100%);
	border: 1px solid rgba(var(--th-rgb-denim), 0.09);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 24px 56px rgba(var(--th-rgb-denim), 0.08),
		0 0 0 1px rgba(var(--th-rgb-turquoise), 0.08);
}

body.th-home-premium-site main.site-content.th-home-premium #standard-column-layout-10 .standard-layout-section__content h2 {
	font-family: var(--th-font-display);
	font-size: clamp(1.75rem, 1.28rem + 1.5vw, 2.4rem);
	letter-spacing: -0.038em;
	font-weight: 800;
	line-height: 1.15;
	margin-bottom: clamp(0.85rem, 2vw, 1.15rem);
	padding-bottom: 0.5rem;
	border-bottom: 3px solid var(--th-palette-turquoise);
	display: inline-block;
	max-width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium #standard-column-layout-10 .standard-layout-section__content p {
	font-size: clamp(1.03rem, 0.96rem + 0.28vw, 1.14rem);
	line-height: 1.65;
	color: var(--th-color-ink-soft);
	margin-bottom: 0;
	max-width: 42rem;
	margin-inline: auto;
}

/*
 * Scroll entrances — packages + post-packages band only.
 * Keep hero / marquee / promo / reviews outside this selector so their existing
 * presentation is not dimmed by reveal opacity.
 */
[data-th-home-reveal] {
	opacity: 1;
	transform: none;
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready
	:is(
		#packages-section[data-th-home-reveal],
		.th-home-below-packages [data-th-home-reveal]
	) {
	opacity: 0;
	transform: translate3d(0, 24px, 0);
	transition:
		opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--th-home-reveal-lag, 0ms);
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready
	:is(
		#packages-section[data-th-home-reveal].is-visible,
		.th-home-below-packages [data-th-home-reveal].is-visible
	) {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready
		:is(
			#packages-section[data-th-home-reveal],
			.th-home-below-packages [data-th-home-reveal]
		) {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal]:not(.is-visible) .th-home-addons-intro,
	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal]:not(.is-visible) .icon-boxes__item-wrap,
	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-roi[data-th-home-reveal]:not(.is-visible) .icon-boxes__item-wrap {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal].is-visible .th-home-addons-intro,
	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal].is-visible .icon-boxes__item-wrap,
	html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-roi[data-th-home-reveal].is-visible .icon-boxes__item-wrap {
		transition: none !important;
	}
}

/*
 * Add-ons + ROI: section node is the scroll trigger; intro + cards use `--th-stagger` (inside `.th-home-below-packages` only).
 */
html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal],
html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-roi[data-th-home-reveal] {
	opacity: 1;
	transform: none;
	transition: none;
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal]:not(.is-visible) .th-home-addons-intro,
html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal]:not(.is-visible) .icon-boxes__item-wrap,
html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-roi[data-th-home-reveal]:not(.is-visible) .icon-boxes__item-wrap {
	opacity: 0;
	transform: translate3d(0, 22px, 0);
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal].is-visible .th-home-addons-intro,
html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal].is-visible .icon-boxes__item-wrap,
html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-roi[data-th-home-reveal].is-visible .icon-boxes__item-wrap {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal].is-visible .th-home-addons-intro {
	transition-delay: 50ms;
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-addons[data-th-home-reveal].is-visible .icon-boxes__item-wrap {
	transition-delay: calc(130ms + (var(--th-stagger, 0) * 68ms));
}

html:not(.no-js) body.th-home-premium-site main.site-content.th-home-premium.th-home-premium-reveal-ready .th-home-below-packages #th-home-roi[data-th-home-reveal].is-visible .icon-boxes__item-wrap {
	transition-delay: calc(70ms + (var(--th-stagger, 0) * 64ms));
}

/* -------------------------------------------------------------------------- */
/* Layout safety — mobile / tablet (no horizontal scroll from wide strips)    */
/* -------------------------------------------------------------------------- */

body.th-home-premium-site #wrapper,
body.th-home-premium-site main.site-content.th-home-premium {
	overflow-x: clip;
}

@media (max-width: 575.98px) {
	body.th-home-premium-site main.site-content.th-home-premium > .container,
	body.th-home-premium-site main.site-content.th-home-premium .container {
		padding-left: max(var(--th-space-gutter), env(safe-area-inset-left, 0px)) !important;
		padding-right: max(var(--th-space-gutter), env(safe-area-inset-right, 0px)) !important;
	}
}

/* -------------------------------------------------------------------------- */
/* Home: full-bleed sections — inner content capped at 1340px (.container in main)*/
/* -------------------------------------------------------------------------- */

body.th-home-premium-site main.site-content.th-home-premium {
	--th-home-content-max: 1340px;
	position: relative;
	isolation: isolate;
}

/* Page wash + rhythm: only the post-packages stack (hero → packages stay on their own surfaces). */
body.th-home-premium-site main.site-content.th-home-premium .th-home-below-packages {
	position: relative;
	overflow-x: clip;
	background:
		radial-gradient(ellipse 120% 80% at 50% -10%, rgba(var(--th-rgb-turquoise), 0.12) 0%, transparent 55%),
		radial-gradient(ellipse 90% 60% at 100% 20%, rgba(var(--th-rgb-seagull), 0.1) 0%, transparent 55%),
		linear-gradient(180deg, #f6fafd 0%, #f3f8fb 40%, var(--th-color-bg-subtle) 100%);
}

body.th-home-premium-site main.site-content.th-home-premium .container {
	max-width: var(--th-home-content-max) !important;
	width: 100%;
}

body.th-home-premium-site main.site-content.th-home-premium .section.th-home-promo-banner {
	padding-block: clamp(0.85rem, 2.5vw, 1.35rem);
	background: transparent;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content > p {
	font-size: clamp(1.02rem, 0.93rem + 0.42vw, 1.22rem);
	line-height: 1.62;
	max-width: 38rem;
}

@keyframes th-home-marquee-track {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

/* Hero countdown / badge column */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-visual-stack {
	position: relative;
	display: grid;
	align-content: start;
	gap: 1rem;
	justify-items: stretch;
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-surface-visual {
	border-radius: calc(var(--th-radius-xl) + 6px);
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.22) inset,
		0 30px 80px rgba(0, 35, 64, 0.28);
	transition:
		transform var(--th-duration-slow) var(--th-ease-out),
		box-shadow var(--th-duration-slow) var(--th-ease-out),
		filter var(--th-duration-slow) var(--th-ease-out);
}

@media (hover: hover) and (pointer: fine) {
	body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-surface-visual:hover {
		transform: translateY(-6px);
		box-shadow:
			0 1px 0 rgba(255, 255, 255, 0.28) inset,
			0 42px 100px rgba(0, 24, 48, 0.36);
		filter: saturate(1.05);
	}
}

/* Image marquee — full-width band, content follows home container width */
body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel {
	position: relative;
	width: 100%;
	margin-inline: 0;
	padding-block: clamp(2.85rem, 6vw, 4.25rem);
	border-radius: 0;
	overflow: clip;
	box-shadow: 0 24px 64px rgba(var(--th-rgb-denim), 0.08);
	isolation: isolate;
	background:
		radial-gradient(ellipse 80% 60% at 10% 0%, rgba(var(--th-rgb-turquoise), 0.26) 0%, transparent 60%),
		radial-gradient(ellipse 80% 60% at 90% 20%, rgba(21, 90, 157, 0.18) 0%, transparent 60%),
		linear-gradient(140deg, #051c2f 0%, #0f3c66 52%, #0b5d9c 100%);
	color: rgba(255, 255, 255, 0.92);
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.35;
	background: linear-gradient(
		122deg,
		rgba(var(--th-rgb-turquoise), 0.52) 0%,
		transparent 32%,
		transparent 68%,
		rgba(255, 255, 255, 0.18) 100%
	);
	mix-blend-mode: overlay;
	z-index: 2;
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__ambient {
	position: absolute;
	inset: -30% -20%;
	background:
		conic-gradient(
			from 220deg at 65% 30%,
			rgba(var(--th-rgb-turquoise), 0.56),
			rgba(var(--th-rgb-seagull), 0.42),
			transparent 62%
		),
		radial-gradient(circle at 30% 100%, rgba(255, 255, 255, 0.2), transparent 62%);
	opacity: 0.75;
	filter: blur(110px);
	z-index: 0;
	animation: none;
}

@media (prefers-reduced-motion: no-preference) {
	body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__ambient {
		animation: th-home-marquee-ambient-shift 42s linear infinite alternate;
	}
}

@keyframes th-home-marquee-ambient-shift {
	from {
		transform: translate(-2%, -1%) rotate(0deg);
	}
	to {
		transform: translate(2%, 2%) rotate(10deg);
	}
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .container.th-home-marquee-carousel__shell {
	position: relative;
	z-index: 3;
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__head {
	max-width: min(520px, 100%);
	margin-bottom: clamp(1.6rem, 3vw, 2.35rem);
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__title {
	font-family: var(--th-font-display);
	font-size: clamp(1.6rem, 1.05rem + 1.95vw, 2.65rem);
	letter-spacing: -0.048em;
	font-weight: 800;
	line-height: 1.08;
	margin: 0;
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__trackMask {
	position: relative;
	border-radius: calc(var(--th-radius-xxl, 34px));
	padding-block: clamp(0.95rem, 2.4vw, 1.4rem);
	background:
		linear-gradient(
			155deg,
			rgba(255, 255, 255, 0.07) 0%,
			rgba(255, 255, 255, 0.04) 50%,
			rgba(var(--th-rgb-turquoise), 0.06) 100%
		);
	border: 1px solid rgba(255, 255, 255, 0.18);
	overflow: clip;
	mask-image:
		radial-gradient(110% 100% at 0% 50%, #000000 55%, transparent 100%),
		radial-gradient(110% 100% at 100% 50%, #000000 55%, transparent 100%);
	mask-composite: intersect;
	mask-size: auto, auto;
	-webkit-mask-image:
		linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
	-webkit-mask-composite: source-in;
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__track {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	gap: clamp(1rem, 3vw, 1.85rem);
	width: max-content;
	will-change: transform;
	animation: none;
}

@media (prefers-reduced-motion: no-preference) {
	body.th-home-premium-site
		main.site-content.th-home-premium.js-th-marquee-playing
		section.th-home-marquee-carousel.is-th-marquee-playing:hover
		.th-home-marquee-carousel__track {
		animation-play-state: paused !important;
	}

	body.th-home-premium-site main.site-content.th-home-premium.js-th-marquee-playing section.th-home-marquee-carousel.is-th-marquee-playing .th-home-marquee-carousel__track {
		animation: th-home-marquee-track linear infinite;
		animation-duration: var(--th-home-marquee-carousel-duration, 46s);
	}
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__slide {
	flex: 0 0 auto;
	width: clamp(200px, 28vw, 320px);
	border-radius: calc(var(--th-radius-xl) + 2px);
	overflow: clip;
	aspect-ratio: 4 / 3;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.18) inset,
		0 20px 50px rgba(0, 0, 0, 0.32);
	transition:
		transform var(--th-duration-medium) var(--th-ease-out),
		box-shadow var(--th-duration-medium) var(--th-ease-out),
		opacity var(--th-duration-medium) var(--th-ease-out);
}

@media (hover: hover) and (pointer: fine) {
	body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__slide:hover {
		transform: translateY(-10px);
		opacity: 0.985;
	}
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.035);
	transition: transform calc(var(--th-duration-slow) + 0.2s) var(--th-ease-out);
}

@media (hover: hover) and (pointer: fine) {
	body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__slide:hover img {
		transform: scale(1.08);
	}
}

/* Lightweight lift on primary CTAs inside home main */
body.th-home-premium-site main.site-content.th-home-premium .btn-brand {
	transition:
		transform var(--th-duration-medium) var(--th-ease-out),
		box-shadow var(--th-duration-medium) var(--th-ease-out),
		filter var(--th-duration-fast) var(--th-ease-out);
}

@media (hover: hover) and (pointer: fine) {
	body.th-home-premium-site main.site-content.th-home-premium .btn-brand:hover {
		transform: translateY(-3px);
		filter: brightness(1.04) saturate(1.06);
	}
}

/* =============================================================================
 * Home — luxury / SaaS polish layer (same sections; spacing, glass, motion depth)
 * ============================================================================= */

@keyframes th-home-pkg-lift {
	from {
		opacity: 0;
		transform: translate3d(0, 26px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/* Hero — frosted shell around headline + postcode (distinct from Broadband packages white page BG) */
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content--lux {
	padding: clamp(1.35rem, 3.5vw, 2.15rem) clamp(1.15rem, 3vw, 1.85rem) !important;
	border-radius: clamp(20px, 3vw, 28px) !important;
	background: linear-gradient(
		155deg,
		rgba(255, 255, 255, 0.14) 0%,
		rgba(255, 255, 255, 0.05) 45%,
		rgba(87, 214, 226, 0.06) 100%
	) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.35) inset,
		0 28px 72px rgba(2, 18, 40, 0.45),
		0 0 0 1px rgba(87, 214, 226, 0.12) !important;
	backdrop-filter: blur(18px) saturate(1.35);
	-webkit-backdrop-filter: blur(18px) saturate(1.35);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-content--lux h1 {
	text-shadow: 0 2px 28px rgba(0, 20, 48, 0.35);
}

body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero-visual-stack .th-home-surface-visual,
body.th-home-premium-site main.site-content.th-home-premium #hero-section.th-home-hero .th-home-hero__badge {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.28) inset,
		0 32px 80px rgba(0, 12, 32, 0.42),
		0 0 0 1px rgba(87, 214, 226, 0.15);
}

/* Trustpilot band — premium slab */
body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews-premium {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(ellipse 90% 70% at 50% -30%, rgba(var(--th-rgb-turquoise), 0.22) 0%, transparent 55%),
		linear-gradient(180deg, #f0f6fc 0%, #f7fafd 48%, #eef4fb 100%) !important;
	border-block: 1px solid rgba(var(--th-rgb-denim), 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews-premium::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: radial-gradient(ellipse 55% 40% at 100% 80%, rgba(87, 214, 226, 0.12) 0%, transparent 60%);
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews-premium > .container {
	position: relative;
	z-index: 1;
}

body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews-premium .home-review-card {
	border-radius: var(--ab-ref-radius-lg);
	border: 1px solid rgba(var(--th-rgb-denim), 0.07);
	box-shadow: var(--ab-ref-shadow-sm);
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease),
		border-color var(--ab-ref-dur) var(--ab-ref-ease);
}

@media (hover: hover) and (pointer: fine) {
	body.th-home-premium-site main.site-content.th-home-premium #trustpilot-section.th-home-reviews-premium .home-review-card:hover {
		transform: translateY(-6px);
		box-shadow: var(--ab-ref-shadow-md);
		border-color: rgba(var(--th-rgb-turquoise), 0.35);
	}
}

/* Packages — lux shell + staggered card lift when section is visible */
body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux {
	background:
		radial-gradient(ellipse 100% 60% at 50% 0%, rgba(87, 214, 226, 0.14) 0%, transparent 52%),
		linear-gradient(185deg, #f5f9fd 0%, #fafcfd 55%, #f1f6fb 100%) !important;
	border-top: 1px solid rgba(var(--th-rgb-denim), 0.06);
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux > .container {
	position: relative;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux > .container::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: min(100%, 720px);
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, var(--th-palette-turquoise), var(--th-palette-seagull, var(--th-palette-turquoise)), transparent);
	opacity: 0.85;
	pointer-events: none;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row {
	animation: th-home-pkg-lift 0.62s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(1) {
	animation-delay: 0.04s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(2) {
	animation-delay: 0.1s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(3) {
	animation-delay: 0.16s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(4) {
	animation-delay: 0.22s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(5) {
	animation-delay: 0.28s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(6) {
	animation-delay: 0.34s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .row.justify-content-center > .package.package-row:nth-child(7) {
	animation-delay: 0.4s;
}

body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux .package.package-row .package-content-container {
	border-radius: calc(var(--ab-ref-radius-lg) + 4px);
	transition:
		transform var(--ab-ref-dur) var(--ab-ref-ease),
		box-shadow var(--ab-ref-dur) var(--ab-ref-ease);
}

@media (hover: hover) and (pointer: fine) {
	body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux .package.package-row:hover .package-content-container {
		transform: translateY(-4px);
		box-shadow: var(--ab-ref-shadow-md);
	}
}

/* Marquee — tighter premium framing */
body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__head {
	margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

body.th-home-premium-site main.site-content.th-home-premium section.th-home-marquee-carousel .th-home-marquee-carousel__title {
	text-wrap: balance;
}

/* Promo strip — panel chrome is defined above (no duplicate glass pass) */

/* CTA — refer (blue band) */
body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer {
	position: relative;
	overflow: clip;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(ellipse 70% 90% at 90% 20%, rgba(255, 255, 255, 0.12) 0%, transparent 55%);
	mix-blend-mode: soft-light;
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer .standard-layout-section__content h2 {
	text-shadow: 0 2px 18px rgba(0, 20, 48, 0.2);
}

body.th-home-premium-site main.site-content.th-home-premium .th-home-cta-refer .btn-brand {
	border-radius: 999px;
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.18);
}

/* Why section */
body.th-home-premium-site main.site-content.th-home-premium #standard-column-layout-10 .standard-layout-section__content {
	border-radius: var(--th-radius-xl);
	padding: clamp(2rem, 5vw, 3rem) clamp(1.5rem, 4vw, 2.5rem);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 251, 255, 0.95) 100%);
	border: 1px solid rgba(var(--th-rgb-denim), 0.08);
	box-shadow: var(--ab-ref-shadow-sm);
}

@media (prefers-reduced-motion: reduce) {
	body.th-home-premium-site main.site-content.th-home-premium #packages-section.th-home-packages--lux.is-visible .tab-pane.active .package.package-row {
		animation: none !important;
	}
}