/**
 * Horizon Delivery & Shipping
 *
 * Every rule is intentionally scoped to this template so the information-page
 * recreation cannot alter other Horizon or WooCommerce screens.
 */

body.horizon-delivery-page {
	/* Dark is the storefront default; light mode below retains the reference sheet. */
	--delivery-navy: #f5f8ff;
	--delivery-blue: #76b5ff;
	--delivery-blue-dark: #2e89ff;
	--delivery-text: #edf4ff;
	--delivery-muted: #b9c8e2;
	--delivery-border: rgba(113, 169, 255, 0.21);
	--delivery-soft-blue: rgba(46, 137, 255, 0.16);
	--delivery-soft-blue-2: rgba(255, 255, 255, 0.055);
	--delivery-white: #071b41;
	--delivery-green: #67d99f;
	--delivery-teal: #56cfc7;
	--delivery-light-blue: #76b5ff;
	--delivery-orange: #f0ae58;
	--delivery-red: #f28b86;
	--delivery-purple: #c392f2;
	--delivery-page: #020b21;
	--delivery-copy: #c4d1e7;
	--delivery-copy-soft: #b5c4dc;
	--delivery-faint: #8da0bf;
	--delivery-placeholder: #0d2a59;
	--delivery-placeholder-inner: rgba(189, 219, 255, 0.08);
	--delivery-placeholder-border: rgba(118, 181, 255, 0.32);
	--delivery-ghost: rgba(237, 244, 255, 0.075);
	--delivery-timeline: #6990c8;
	--delivery-hero-placeholder: #102d5d;
	--delivery-hero-card: rgba(236, 246, 255, 0.1);
	--delivery-hero-parcel: #8e653c;
	--delivery-detail-green-bg: rgba(103, 217, 159, 0.12);
	--delivery-detail-blue-bg: rgba(118, 181, 255, 0.12);
	--delivery-detail-purple-bg: rgba(195, 146, 242, 0.12);
	--delivery-count-soft-bg: rgba(118, 181, 255, 0.17);
	--delivery-support: #df7459;
	margin: 0;
	background: var(--delivery-page);
	color: var(--delivery-text);
	color-scheme: dark;
	font-family: Arial, Helvetica, sans-serif;
}

html[data-rizon-theme="light"] body.horizon-delivery-page,
body.rizon-theme-light.horizon-delivery-page {
	--delivery-navy: #0d1d42;
	--delivery-blue: #123d9c;
	--delivery-blue-dark: #11358b;
	--delivery-text: #111827;
	--delivery-muted: #364152;
	--delivery-border: #d9dee7;
	--delivery-soft-blue: #eef5ff;
	--delivery-soft-blue-2: #f6f9fd;
	--delivery-white: #ffffff;
	--delivery-green: #5b984c;
	--delivery-teal: #238f88;
	--delivery-light-blue: #4b96d1;
	--delivery-orange: #e58a32;
	--delivery-red: #c95b50;
	--delivery-purple: #9360ca;
	--delivery-page: #ffffff;
	--delivery-copy: #17202d;
	--delivery-copy-soft: #273445;
	--delivery-faint: #727b89;
	--delivery-placeholder: #edf3fa;
	--delivery-placeholder-inner: rgba(255, 255, 255, 0.47);
	--delivery-placeholder-border: rgba(18, 61, 156, 0.18);
	--delivery-ghost: rgba(13, 29, 66, 0.075);
	--delivery-timeline: #8ba4d3;
	--delivery-hero-placeholder: #dce7f2;
	--delivery-hero-card: rgba(250, 253, 255, 0.82);
	--delivery-hero-parcel: #c9985a;
	--delivery-detail-green-bg: #eaf5e7;
	--delivery-detail-blue-bg: #eaf4fc;
	--delivery-detail-purple-bg: #f2eafc;
	--delivery-count-soft-bg: #e9f1ff;
	--delivery-support: #c95b42;
	color-scheme: light;
}

html[data-rizon-theme="light"] body.horizon-delivery-page .hdelivery-button--primary,
html[data-rizon-theme="light"] body.horizon-delivery-page .hdelivery-button--primary:hover,
html[data-rizon-theme="light"] body.horizon-delivery-page .hdelivery-button--primary:focus,
body.rizon-theme-light.horizon-delivery-page .hdelivery-button--primary,
body.rizon-theme-light.horizon-delivery-page .hdelivery-button--primary:hover,
body.rizon-theme-light.horizon-delivery-page .hdelivery-button--primary:focus {
	color: #ffffff !important;
}

body.horizon-delivery-page *,
body.horizon-delivery-page *::before,
body.horizon-delivery-page *::after {
	box-sizing: border-box;
}

.horizon-delivery-page .hdelivery-main {
	width: calc(100% - 24px);
	margin: 0 auto;
	padding: 0;
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-main h1,
.horizon-delivery-page .hdelivery-main h2,
.horizon-delivery-page .hdelivery-main h3,
.horizon-delivery-page .hdelivery-main p {
	margin-top: 0;
}

.horizon-delivery-page .hdelivery-main h1,
.horizon-delivery-page .hdelivery-main h2,
.horizon-delivery-page .hdelivery-main h3 {
	color: var(--delivery-navy);
	font-family: Arial, Helvetica, sans-serif;
}

.horizon-delivery-page .hdelivery-main a {
	color: inherit;
}

.horizon-delivery-page .hdelivery-eyebrow,
.horizon-delivery-page .hdelivery-detail-label {
	margin: 0;
	color: var(--delivery-blue);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
	text-transform: uppercase;
}

/* Generic asset frame. An image supplied in the PHP asset map fills this box. */
.horizon-delivery-page .hdelivery-asset-slot {
	position: relative;
	display: block;
	flex: 0 0 auto;
	overflow: hidden;
	border: 1px solid var(--delivery-placeholder-border);
	border-radius: 4px;
	background-color: var(--delivery-placeholder);
}

.horizon-delivery-page .hdelivery-asset-slot:not(img)::before {
	position: absolute;
	inset: 22%;
	border: 1px solid var(--delivery-placeholder-border);
	border-radius: 2px;
	background: var(--delivery-placeholder-inner);
	content: "";
}

.horizon-delivery-page img.hdelivery-asset-slot {
	object-fit: contain;
}

.horizon-delivery-page .hdelivery-hero {
	display: grid;
	grid-template-columns: 49% 51%;
	height: 440px;
	min-height: 440px;
	border-bottom: 1px solid var(--delivery-border);
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-hero-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 21px 29px 16px;
}

.horizon-delivery-page .hdelivery-hero h1 {
	margin: 8px 0 13px;
	font-size: 29px;
	font-weight: 800;
	letter-spacing: -1.3px;
	line-height: 1.08;
	white-space: nowrap;
}

.horizon-delivery-page .hdelivery-hero h1 em {
	color: var(--delivery-blue);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
}

.horizon-delivery-page .hdelivery-lead {
	max-width: 425px;
	margin-bottom: 0;
	color: var(--delivery-copy);
	font-size: 12px;
	line-height: 1.45;
}

.horizon-delivery-page .hdelivery-hero-tracking {
	margin-top: 0;
	padding-top: 0;
}

@keyframes hdelivery-title-float {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-3px);
	}
}

@keyframes hdelivery-title-shimmer {
	0%,
	28%,
	100% {
		background-position: 100% 50%;
	}

	58% {
		background-position: 0 50%;
	}
}

@keyframes hdelivery-title-line {
	0%,
	100% {
		transform: scaleX(0.7);
		transform-origin: left center;
	}

	50% {
		transform: scaleX(1);
		transform-origin: left center;
	}
}

.horizon-delivery-page .hdelivery-featured-heading {
	margin: 8px 0 10px;
}

.horizon-delivery-page .hdelivery-featured-heading__title {
	position: relative;
	display: inline-block;
	margin: 0 !important;
	padding-bottom: 0.15em;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(1.85rem, 3vw, 2.65rem) !important;
	font-weight: 500 !important;
	letter-spacing: -0.045em !important;
	line-height: 1 !important;
	white-space: normal !important;
	color: var(--delivery-navy) !important;
	animation: hdelivery-title-float 3.8s ease-in-out infinite;
	will-change: transform;
}

.horizon-delivery-page .hdelivery-featured-heading__title span {
	display: inline-block;
	padding-bottom: 0.12em;
	margin-bottom: -0.12em;
	background: linear-gradient(100deg, var(--delivery-blue) 0%, var(--delivery-blue) 30%, #a7d5ff 49%, #e6f4ff 56%, var(--delivery-blue) 68%, var(--delivery-blue) 80%);
	background-position: 100% 50%;
	background-size: 240% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	animation: hdelivery-title-shimmer 4.6s ease-in-out infinite;
}

.horizon-delivery-page .hdelivery-featured-heading__title::after {
	display: block;
	width: 64px;
	height: 2px;
	margin-top: 9px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--delivery-blue), color-mix(in srgb, var(--delivery-blue) 12%, transparent));
	content: "";
	animation: hdelivery-title-line 2.8s ease-in-out infinite;
}

.horizon-delivery-page .hdelivery-hero-tracking h2 {
	margin: 6px 0 0;
	color: var(--delivery-navy);
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.12;
}

.horizon-delivery-page .hdelivery-hero-tracking .hdelivery-section-copy {
	margin: 4px 0 0;
	color: var(--delivery-copy);
	font-size: 13px;
	line-height: 1.45;
}

.horizon-delivery-page .hdelivery-hero-tracking .hdelivery-track-form form.track_order > p:first-child {
	display: none;
}

.horizon-delivery-page .hdelivery-actions {
	display: flex;
	gap: 12px;
	margin-top: 14px;
}

.horizon-delivery-page .hdelivery-button {
	display: inline-flex;
	min-height: 33px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 7px 18px;
	border: 1px solid var(--delivery-blue);
	border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

.horizon-delivery-page .hdelivery-button--primary {
	background: var(--delivery-blue);
	color: #ffffff;
}

.horizon-delivery-page .hdelivery-button--primary:hover,
.horizon-delivery-page .hdelivery-button--primary:focus {
	background: var(--delivery-blue-dark);
	color: #ffffff;
}

.horizon-delivery-page .hdelivery-button--secondary {
	background: var(--delivery-white);
	color: var(--delivery-blue) !important;
}

.horizon-delivery-page .hdelivery-button--secondary:hover,
.horizon-delivery-page .hdelivery-button--secondary:focus {
	background: var(--delivery-soft-blue);
	color: var(--delivery-blue-dark);
}

.horizon-delivery-page .hdelivery-hero-reassurance {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: auto;
	padding-top: 15px;
}

.horizon-delivery-page .hdelivery-hero-reassurance > div {
	display: grid;
	grid-template-columns: 25px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
}

.horizon-delivery-page .hdelivery-hero-reassurance p {
	margin: 0;
	color: var(--delivery-navy);
	font-size: 10.5px;
	line-height: 1.2;
}

.horizon-delivery-page .hdelivery-asset-slot--reassurance {
	width: 25px;
	height: 27px;
	border-color: var(--delivery-blue);
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-asset-slot--reassurance:not(img)::before {
	inset: 6px;
	border-color: var(--delivery-blue);
}

.horizon-delivery-page .hdelivery-hero-visual {
	min-width: 0;
	min-height: 0;
	height: 400px;
	overflow: hidden;
}

.horizon-delivery-page .hdelivery-asset-slot--hero {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background: transparent;
}

/* Preserve the uploaded Media Library artwork's natural proportions. */
.horizon-delivery-page img.hdelivery-asset-slot--hero {
	transform: none;
}

.horizon-delivery-page .hdelivery-asset-slot--hero:not(img)::before {
	inset: 26px 38px 14px auto;
	width: 43%;
	border: 0;
	border-radius: 12px;
	background: var(--delivery-hero-card);
	box-shadow: inset 0 0 0 1px var(--delivery-placeholder-border);
}

.horizon-delivery-page .hdelivery-asset-slot--hero:not(img)::after {
	position: absolute;
	left: 18%;
	bottom: 0;
	width: 45%;
	height: 42%;
	border: 1px solid rgba(103, 72, 39, 0.24);
	background: var(--delivery-hero-parcel);
	content: "";
}

.horizon-delivery-page .hdelivery-date-section {
	min-height: 272px;
	border-bottom: 1px solid var(--delivery-border);
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-factor-row {
	display: grid;
	grid-template-columns: 31% 69%;
	min-height: 173px;
	padding: 20px 29px 16px;
}

.horizon-delivery-page .hdelivery-factor-intro {
	padding-right: 25px;
	border-right: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-factor-intro h2,
.horizon-delivery-page .hdelivery-split-panel > h2,
.horizon-delivery-page .hdelivery-details-section > h2 {
	margin: 8px 0 10px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.45px;
	line-height: 1.12;
}

.horizon-delivery-page .hdelivery-factor-intro > p:last-child,
.horizon-delivery-page .hdelivery-section-copy,
.horizon-delivery-page .hdelivery-fulfilment-top p {
	margin-bottom: 0;
	color: var(--delivery-copy);
	font-size: 11px;
	line-height: 1.42;
}

.horizon-delivery-page .hdelivery-factors {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.horizon-delivery-page .hdelivery-factor {
	position: relative;
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding: 0 9px 1px;
	border-right: 1px solid var(--delivery-border);
	text-align: center;
}

.horizon-delivery-page .hdelivery-factor:last-child {
	border-right: 0;
}

.horizon-delivery-page .hdelivery-factor-index {
	position: absolute;
	left: 24px;
	top: -1px;
	z-index: 2;
	color: var(--delivery-blue);
	font-size: 14px;
	font-weight: 800;
}

.horizon-delivery-page .hdelivery-factor-ghost {
	position: absolute;
	top: -10px;
	left: 50%;
	color: var(--delivery-ghost);
	font-size: 59px;
	font-weight: 800;
	letter-spacing: -5px;
	line-height: 1;
	transform: translateX(-50%);
}

.horizon-delivery-page .hdelivery-asset-slot--factor {
	width: 44px;
	height: 41px;
	margin-bottom: 8px;
	border: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--factor:not(img)::before {
	inset: 8px;
	border-color: var(--delivery-navy);
	background: rgba(255, 255, 255, 0.7);
}

.horizon-delivery-page .hdelivery-factor h3 {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}

.horizon-delivery-page .hdelivery-date-reassurance {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-height: 98px;
	margin: 0 29px;
	border-top: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-date-reassurance article {
	display: grid;
	grid-template-columns: 39px 54px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-width: 0;
	padding: 12px 19px 10px 0;
	border-right: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-date-reassurance article + article {
	padding-left: 26px;
}

.horizon-delivery-page .hdelivery-date-reassurance article:last-child {
	border-right: 0;
	padding-right: 0;
}

.horizon-delivery-page .hdelivery-count {
	display: inline-grid;
	width: 31px;
	height: 31px;
	place-items: center;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

.horizon-delivery-page .hdelivery-count--soft {
	background: var(--delivery-count-soft-bg);
	color: var(--delivery-blue);
}

.horizon-delivery-page .hdelivery-asset-slot--date-note {
	width: 50px;
	height: 43px;
	border: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--date-note:not(img)::before {
	inset: 6px;
	border-color: var(--delivery-navy);
}

.horizon-delivery-page .hdelivery-date-reassurance h3,
.horizon-delivery-page .hdelivery-fulfilment-points h3,
.horizon-delivery-page .hdelivery-journey-step h3 {
	margin: 0 0 5px;
	font-size: 10.5px;
	font-weight: 800;
	line-height: 1.15;
}

.horizon-delivery-page .hdelivery-date-reassurance p,
.horizon-delivery-page .hdelivery-fulfilment-points p {
	margin: 0;
	color: var(--delivery-copy-soft);
	font-size: 9.5px;
	line-height: 1.28;
}

.horizon-delivery-page .hdelivery-split-section {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-split-panel {
	min-width: 0;
	padding: 18px 29px 15px;
}

.horizon-delivery-page .hdelivery-split-panel + .hdelivery-split-panel {
	border-left: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-split-section--windows {
	min-height: 474px;
	border-bottom: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-split-section--windows .hdelivery-split-panel > h2 {
	margin-bottom: 7px;
}

.horizon-delivery-page .hdelivery-section-copy {
	max-width: 435px;
}

.horizon-delivery-page .hdelivery-window-table {
	margin-top: 9px;
	overflow: hidden;
	border: 1px solid var(--delivery-border);
	border-radius: 5px;
}

.horizon-delivery-page .hdelivery-window-row {
	display: grid;
	grid-template-columns: 34px 50px 153px minmax(0, 1fr);
	min-height: 55px;
	align-items: center;
	border-bottom: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-window-row:last-child {
	border-bottom: 0;
}

.horizon-delivery-page .hdelivery-window-number {
	position: relative;
	display: flex;
	align-self: stretch;
	align-items: flex-end;
	padding: 0 0 7px 12px;
	font-size: 13px;
	font-weight: 800;
}

.horizon-delivery-page .hdelivery-window-number::before {
	position: absolute;
	left: 14px;
	top: 10px;
	width: 9px;
	height: 9px;
	border: 2px solid currentColor;
	border-radius: 50%;
	content: "";
}

.horizon-delivery-page .hdelivery-window-row--green .hdelivery-window-number,
.horizon-delivery-page .hdelivery-window-row--green .hdelivery-window-timing p {
	color: var(--delivery-green);
}

.horizon-delivery-page .hdelivery-window-row--teal .hdelivery-window-number,
.horizon-delivery-page .hdelivery-window-row--teal .hdelivery-window-timing p {
	color: var(--delivery-teal);
}

.horizon-delivery-page .hdelivery-window-row--blue .hdelivery-window-number,
.horizon-delivery-page .hdelivery-window-row--blue .hdelivery-window-timing p {
	color: var(--delivery-light-blue);
}

.horizon-delivery-page .hdelivery-window-row--orange .hdelivery-window-number,
.horizon-delivery-page .hdelivery-window-row--orange .hdelivery-window-timing p {
	color: var(--delivery-orange);
}

.horizon-delivery-page .hdelivery-window-row--red .hdelivery-window-number,
.horizon-delivery-page .hdelivery-window-row--red .hdelivery-window-timing p {
	color: var(--delivery-red);
}

.horizon-delivery-page .hdelivery-asset-slot--window {
	width: 38px;
	height: 38px;
	border: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--window:not(img)::before {
	inset: 5px;
	border-color: currentColor;
}

.horizon-delivery-page .hdelivery-window-row--green .hdelivery-asset-slot--window { color: var(--delivery-green); }
.horizon-delivery-page .hdelivery-window-row--teal .hdelivery-asset-slot--window { color: var(--delivery-teal); }
.horizon-delivery-page .hdelivery-window-row--blue .hdelivery-asset-slot--window { color: var(--delivery-light-blue); }
.horizon-delivery-page .hdelivery-window-row--orange .hdelivery-asset-slot--window { color: var(--delivery-orange); }
.horizon-delivery-page .hdelivery-window-row--red .hdelivery-asset-slot--window { color: var(--delivery-red); }

.horizon-delivery-page .hdelivery-window-timing p {
	margin: 0 0 2px;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
}

.horizon-delivery-page .hdelivery-window-timing strong {
	color: var(--delivery-navy);
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1;
}

.horizon-delivery-page .hdelivery-window-timing strong small {
	font-size: 10px;
	letter-spacing: 0;
}

.horizon-delivery-page .hdelivery-window-description {
	margin: 0;
	padding: 0 9px 0 0;
	color: var(--delivery-copy);
	font-size: 9px;
	line-height: 1.25;
}

.horizon-delivery-page .hdelivery-info-notice {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	border-radius: 3px;
	background: var(--delivery-soft-blue);
}

.horizon-delivery-page .hdelivery-info-notice--window {
	min-height: 50px;
	margin-top: 8px;
	padding: 7px 12px;
}

.horizon-delivery-page .hdelivery-info-notice--window-portrait {
	display: none;
}

.horizon-delivery-page .hdelivery-asset-slot--notice {
	width: 23px;
	height: 23px;
	border: 1px solid var(--delivery-blue);
	border-radius: 50%;
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-asset-slot--notice:not(img)::before {
	inset: 8px 10px 5px;
	border: 0;
	border-left: 2px solid var(--delivery-blue);
	border-radius: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-info-notice p {
	margin: 0;
	color: var(--delivery-copy);
	font-size: 9px;
	line-height: 1.24;
}

.horizon-delivery-page .hdelivery-info-notice p strong {
	font-weight: 800;
}

.horizon-delivery-page .hdelivery-journey-list {
	position: relative;
	margin: 9px 0 0;
	padding: 0;
	list-style: none;
}

.horizon-delivery-page .hdelivery-journey-list::before {
	position: absolute;
	top: 16px;
	bottom: 17px;
	left: 15px;
	border-left: 1px dotted var(--delivery-timeline);
	content: "";
}

.horizon-delivery-page .hdelivery-journey-step {
	position: relative;
	display: grid;
	grid-template-columns: 35px 47px minmax(0, 1fr) 39px;
	gap: 8px;
	min-height: 75px;
	align-items: center;
	padding: 7px 0;
	border-bottom: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-journey-step:last-child {
	border-bottom: 0;
}

.horizon-delivery-page .hdelivery-count--journey {
	position: relative;
	z-index: 1;
	width: 31px;
	height: 31px;
	background: var(--delivery-blue);
	color: #ffffff;
}

.horizon-delivery-page .hdelivery-asset-slot--journey-main {
	width: 37px;
	height: 38px;
	border: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--journey-main:not(img)::before,
.horizon-delivery-page .hdelivery-asset-slot--journey-side:not(img)::before {
	inset: 5px;
	border-color: var(--delivery-blue);
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--journey-side {
	width: 35px;
	height: 39px;
	justify-self: end;
	border: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-journey-step h3 {
	font-size: 11px;
}

.horizon-delivery-page .hdelivery-journey-step p {
	margin: 0;
	color: var(--delivery-copy);
	font-size: 9px;
	line-height: 1.25;
}

.horizon-delivery-page .hdelivery-split-section--fulfilment {
	min-height: 306px;
	border-bottom: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-split-section--fulfilment .hdelivery-split-panel {
	padding-top: 15px;
}

.horizon-delivery-page .hdelivery-split-section--fulfilment .hdelivery-split-panel > h2 {
	margin-bottom: 8px;
}

.horizon-delivery-page .hdelivery-fulfilment-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 107px;
	gap: 10px;
	align-items: start;
}

.horizon-delivery-page .hdelivery-fulfilment-top p + p {
	margin-top: 9px;
}

.horizon-delivery-page .hdelivery-fulfilment-top p {
	font-size: 10.5px;
	line-height: 1.35;
}

.horizon-delivery-page .hdelivery-asset-slot--fulfilment-hero {
	width: 105px;
	height: 86px;
	border: 0;
	border-radius: 0;
	background: var(--delivery-placeholder);
}

.horizon-delivery-page .hdelivery-asset-slot--fulfilment-hero:not(img)::before {
	inset: 13px;
	border-color: var(--delivery-placeholder-border);
	border-radius: 50%;
}

.horizon-delivery-page .hdelivery-terms-button {
	min-height: 27px;
	margin-top: 7px;
	padding: 6px 10px;
	font-size: 10px;
}

.horizon-delivery-page .hdelivery-fulfilment-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 11px;
}

.horizon-delivery-page .hdelivery-fulfilment-points article {
	display: grid;
	grid-template-columns: 31px minmax(0, 1fr);
	grid-template-rows: 26px minmax(0, 1fr);
	column-gap: 8px;
	min-width: 0;
	padding: 0 9px 0 2px;
	border-right: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-fulfilment-points article + article {
	padding-left: 14px;
}

.horizon-delivery-page .hdelivery-fulfilment-points article:last-child {
	border-right: 0;
	padding-right: 0;
}

.horizon-delivery-page .hdelivery-fulfilment-points .hdelivery-count {
	grid-column: 1;
	grid-row: 1;
	width: 26px;
	height: 26px;
	color: #ffffff;
	font-size: 9px;
}

.horizon-delivery-page .hdelivery-count--green { background: var(--delivery-green); }
.horizon-delivery-page .hdelivery-count--teal { background: var(--delivery-teal); }
.horizon-delivery-page .hdelivery-count--orange { background: var(--delivery-support); }

.horizon-delivery-page .hdelivery-asset-slot--fulfilment-point {
	grid-column: 1;
	grid-row: 2;
	width: 30px;
	height: 37px;
	border: 0;
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--fulfilment-point:not(img)::before {
	inset: 5px;
	border-color: var(--delivery-navy);
	background: transparent;
}

.horizon-delivery-page .hdelivery-fulfilment-points article > div {
	grid-column: 2;
	grid-row: 1 / 3;
}

.horizon-delivery-page .hdelivery-fulfilment-points p {
	font-size: 9px;
	line-height: 1.25;
}

.horizon-delivery-page .hdelivery-tracking-panel .hdelivery-section-copy {
	max-width: none;
}

.horizon-delivery-page .hdelivery-tracking-results {
	margin-top: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--delivery-border);
	border-bottom: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-tracking-results-label {
	margin: 0 0 7px;
	color: var(--delivery-blue);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.horizon-delivery-page .hdelivery-tracking-results ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.horizon-delivery-page .hdelivery-tracking-results li {
	color: var(--delivery-copy);
	font-size: 10px;
	line-height: 1.3;
	}

.horizon-delivery-page .hdelivery-hero-tracking .hdelivery-tracking-results-label,
.horizon-delivery-page .hdelivery-hero-tracking .hdelivery-tracking-results li {
	display: inline-block;
	transform: scale(1.15);
	transform-origin: left center;
}

.horizon-delivery-page .hdelivery-hero-tracking .hdelivery-tracking-results ul {
	column-gap: 18px;
}

.horizon-delivery-page .hdelivery-hero-tracking .hdelivery-tracking-results li {
	transform: none;
	font-size: 11.5px;
}

.horizon-delivery-page .hdelivery-tracking-results li::before {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 6px 1px 0;
	border-radius: 50%;
	background: var(--delivery-teal);
	content: "";
}

.horizon-delivery-page .hdelivery-tracking-match {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-tracking-match h3 {
	margin: 0 0 5px;
	color: var(--delivery-navy);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
}

.horizon-delivery-page .hdelivery-tracking-match > p:last-child {
	margin: 0;
	color: var(--delivery-copy);
	font-size: 12px;
	line-height: 1.4;
}

.horizon-delivery-page .hdelivery-tracking-panel .hdelivery-tracking-results li {
	font-size: 12px;
	line-height: 1.35;
}

.horizon-delivery-page .hdelivery-info-notice--tracking {
	min-height: 38px;
	margin-top: 8px;
	padding: 6px 12px;
}

.horizon-delivery-page .hdelivery-track-form {
	margin-top: 8px;
}

.horizon-delivery-page .hdelivery-track-form .woocommerce,
.horizon-delivery-page .hdelivery-track-form form.track_order {
	margin: 0;
}

.horizon-delivery-page .hdelivery-track-form form.track_order {
	display: grid;
	grid-template-columns: 135px minmax(0, 1fr);
	column-gap: 10px;
}

.horizon-delivery-page .hdelivery-track-form form.track_order > p:first-child {
	grid-column: 1 / -1;
	margin: 0 0 6px;
	color: var(--delivery-copy);
	font-size: 9px;
	line-height: 1.28;
}

.horizon-delivery-page .hdelivery-track-form form.track_order .form-row {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: 135px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	width: 100%;
	margin: 0 0 5px;
	padding: 0;
	float: none;
}

.horizon-delivery-page .hdelivery-track-form form.track_order label {
	margin: 0;
	color: var(--delivery-navy) !important;
	font-size: 10px;
	font-weight: 800;
}

.horizon-delivery-page .hdelivery-track-form form.track_order input.input-text {
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 4px 10px;
	border: 1px solid var(--delivery-border);
	border-radius: 4px;
	background: var(--delivery-white);
	box-shadow: none;
	color: var(--delivery-text);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1;
}

.horizon-delivery-page .hdelivery-track-form form.track_order input.input-text::placeholder {
	color: var(--delivery-faint);
	opacity: 1;
}

.horizon-delivery-page .hdelivery-track-form form.track_order .clear {
	display: none;
}

.horizon-delivery-page .hdelivery-track-form form.track_order .form-row:last-of-type {
	grid-column: 2;
	display: block;
	margin: 2px 0 0;
}

.horizon-delivery-page .hdelivery-track-form form.track_order button.button {
	width: 100%;
	min-height: 29px;
	margin: 0;
	padding: 5px 12px;
	border: 0;
	border-radius: 3px;
	background: var(--delivery-blue);
	box-shadow: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

.horizon-delivery-page .hdelivery-track-form form.track_order button.button:hover {
	background: var(--delivery-blue-dark);
	color: #ffffff;
}

.horizon-delivery-page .hdelivery-details-section {
	min-height: 202px;
	padding: 14px 29px 14px;
	background: var(--delivery-white);
}

.horizon-delivery-page .hdelivery-details-section > h2 {
	margin-bottom: 12px;
}

.horizon-delivery-page .hdelivery-details-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.horizon-delivery-page .hdelivery-details-grid article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	min-width: 0;
	padding: 0 16px 0 0;
	border-right: 1px solid var(--delivery-border);
}

.horizon-delivery-page .hdelivery-details-grid article + article {
	padding-left: 23px;
}

.horizon-delivery-page .hdelivery-details-grid article:last-child {
	padding-right: 0;
	border-right: 0;
}

.horizon-delivery-page .hdelivery-asset-slot--detail {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: var(--delivery-soft-blue);
}

.horizon-delivery-page .hdelivery-asset-slot--detail:not(img)::before {
	inset: 12px;
	border-width: 2px;
	border-radius: 50%;
	background: transparent;
}

.horizon-delivery-page .hdelivery-asset-slot--detail-green {
	border-color: rgba(91, 152, 76, 0.22);
	background: var(--delivery-detail-green-bg);
	color: var(--delivery-green);
}

.horizon-delivery-page .hdelivery-asset-slot--detail-blue {
	border-color: rgba(75, 150, 209, 0.22);
	background: var(--delivery-detail-blue-bg);
	color: var(--delivery-light-blue);
}

.horizon-delivery-page .hdelivery-asset-slot--detail-purple {
	border-color: rgba(147, 96, 202, 0.22);
	background: var(--delivery-detail-purple-bg);
	color: var(--delivery-purple);
}

.horizon-delivery-page .hdelivery-asset-slot--detail-green:not(img)::before,
.horizon-delivery-page .hdelivery-asset-slot--detail-blue:not(img)::before,
.horizon-delivery-page .hdelivery-asset-slot--detail-purple:not(img)::before {
	border-color: currentColor;
}

.horizon-delivery-page .hdelivery-detail-label {
	margin: 0 0 4px;
	font-size: 9px;
}

.horizon-delivery-page .hdelivery-details-grid h3 {
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.16;
}

.horizon-delivery-page .hdelivery-details-grid article div > p:last-child {
	margin: 0;
	color: var(--delivery-copy);
	font-size: 9px;
	line-height: 1.3;
}

/* A restrained type uplift keeps the compact reference layout while making
 * every label, control and supporting paragraph easier to read. */
.horizon-delivery-page .hdelivery-eyebrow,
.horizon-delivery-page .hdelivery-detail-label { font-size: 13px; }
.horizon-delivery-page .hdelivery-hero h1 { font-size: 32px; }
.horizon-delivery-page .hdelivery-lead { font-size: 14px; }
.horizon-delivery-page .hdelivery-button { font-size: 13px; }
.horizon-delivery-page .hdelivery-hero-reassurance p { font-size: 12.5px; }
.horizon-delivery-page .hdelivery-factor-intro h2,
.horizon-delivery-page .hdelivery-split-panel > h2,
.horizon-delivery-page .hdelivery-details-section > h2 { font-size: 22px; }
.horizon-delivery-page .hdelivery-factor-intro > p:last-child,
.horizon-delivery-page .hdelivery-section-copy,
.horizon-delivery-page .hdelivery-fulfilment-top p { font-size: 13px; }
.horizon-delivery-page .hdelivery-factor-index { font-size: 16px; }
.horizon-delivery-page .hdelivery-factor h3 { font-size: 12px; }
.horizon-delivery-page .hdelivery-count { font-size: 13px; }
.horizon-delivery-page .hdelivery-date-reassurance h3,
.horizon-delivery-page .hdelivery-fulfilment-points h3 { font-size: 12.5px; }
.horizon-delivery-page .hdelivery-date-reassurance p,
.horizon-delivery-page .hdelivery-fulfilment-points p { font-size: 11.5px; }
.horizon-delivery-page .hdelivery-window-number { font-size: 15px; }
.horizon-delivery-page .hdelivery-window-timing p { font-size: 11px; }
.horizon-delivery-page .hdelivery-window-timing strong { font-size: 22px; }
.horizon-delivery-page .hdelivery-window-timing strong small { font-size: 12px; }
.horizon-delivery-page .hdelivery-window-description,
.horizon-delivery-page .hdelivery-info-notice p,
.horizon-delivery-page .hdelivery-journey-step p,
.horizon-delivery-page .hdelivery-fulfilment-points p,
.horizon-delivery-page .hdelivery-track-form form.track_order > p:first-child,
.horizon-delivery-page .hdelivery-details-grid article div > p:last-child { font-size: 12px; }
.horizon-delivery-page .hdelivery-window-description { font-size: 13px; line-height: 1.32; }
.horizon-delivery-page .hdelivery-journey-step h3 { font-size: 13px; }
.horizon-delivery-page .hdelivery-fulfilment-top p { font-size: 12.5px; }
.horizon-delivery-page .hdelivery-terms-button { font-size: 12px; }
.horizon-delivery-page .hdelivery-fulfilment-points .hdelivery-count { font-size: 11px; }
.horizon-delivery-page .hdelivery-track-form form.track_order label,
.horizon-delivery-page .hdelivery-track-form form.track_order button.button { font-size: 12px; }
.horizon-delivery-page .hdelivery-track-form form.track_order input.input-text { font-size: 11px; }
.horizon-delivery-page .hdelivery-details-grid h3 { font-size: 14px; }

.horizon-delivery-page .hdelivery-main a:focus-visible,
.horizon-delivery-page .hdelivery-main button:focus-visible,
.horizon-delivery-page .hdelivery-main input:focus-visible {
	outline: 2px solid var(--delivery-blue);
	outline-offset: 2px;
}

@media (max-width: 900px) {
	.horizon-delivery-page .hdelivery-hero {
		grid-template-columns: 1fr 1fr;
	}

	.horizon-delivery-page .hdelivery-window-row {
		grid-template-columns: 30px 44px 130px minmax(0, 1fr);
	}

	.horizon-delivery-page .hdelivery-window-timing strong {
		font-size: 18px;
	}

	.horizon-delivery-page .hdelivery-date-reassurance article {
		grid-template-columns: 34px 44px minmax(0, 1fr);
		gap: 7px;
	}

	.horizon-delivery-page .hdelivery-date-reassurance article + article {
		padding-left: 16px;
	}

	.horizon-delivery-page .hdelivery-details-grid article {
		gap: 8px;
	}

	.horizon-delivery-page .hdelivery-details-grid article + article {
		padding-left: 15px;
	}
}

/* Portrait tablets have enough width for the fulfilment guidance to breathe;
 * stack the two panels so its three supporting points use the full section. */
@media (min-width: 721px) and (max-width: 900px) and (orientation: portrait) {
	.horizon-delivery-page .hdelivery-details-section > h2 {
		max-width: 320px;
	}

	.horizon-delivery-page .hdelivery-details-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 20px;
	}

	.horizon-delivery-page .hdelivery-details-grid article {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 8px;
	}

	.horizon-delivery-page .hdelivery-details-grid h3 {
		max-width: 165px;
	}

	.horizon-delivery-page .hdelivery-details-grid article div > p:last-child {
		max-width: 225px;
	}

	.horizon-delivery-page .hdelivery-info-notice--window-left {
		display: none !important;
	}

	.horizon-delivery-page .hdelivery-info-notice--window-portrait {
		display: grid !important;
	}

	.horizon-delivery-page .hdelivery-split-section--fulfilment {
		grid-template-columns: 1fr;
	}

	.horizon-delivery-page .hdelivery-split-section--fulfilment .hdelivery-split-panel + .hdelivery-split-panel {
		border-top: 1px solid var(--delivery-border);
		border-left: 0;
	}
}

@media (max-width: 720px) {
	.horizon-delivery-page .hdelivery-hero,
	.horizon-delivery-page .hdelivery-split-section {
		grid-template-columns: 1fr;
	}

	.horizon-delivery-page .hdelivery-hero {
		height: auto;
	}

	.horizon-delivery-page .hdelivery-hero-copy {
		min-height: 280px;
	}

	.horizon-delivery-page .hdelivery-hero-visual {
		min-height: 288px;
		height: 288px;
	}

	.horizon-delivery-page .hdelivery-factor-row {
		grid-template-columns: 1fr;
		padding-bottom: 0;
	}

	.horizon-delivery-page .hdelivery-factor-intro {
		padding: 0 0 18px;
		border-right: 0;
	}

	.horizon-delivery-page .hdelivery-factors {
		min-height: 140px;
		border-top: 1px solid var(--delivery-border);
	}

	.horizon-delivery-page .hdelivery-date-reassurance {
		grid-template-columns: 1fr;
		margin: 0 29px;
	}

	.horizon-delivery-page .hdelivery-date-reassurance article,
	.horizon-delivery-page .hdelivery-date-reassurance article + article {
		padding: 13px 0;
		border-right: 0;
		border-bottom: 1px solid var(--delivery-border);
	}

	.horizon-delivery-page .hdelivery-date-reassurance article:last-child {
		border-bottom: 0;
	}

	.horizon-delivery-page .hdelivery-split-section--windows,
	.horizon-delivery-page .hdelivery-split-section--fulfilment {
		min-height: 0;
	}

	.horizon-delivery-page .hdelivery-split-panel + .hdelivery-split-panel {
		border-top: 1px solid var(--delivery-border);
		border-left: 0;
	}

	.horizon-delivery-page .hdelivery-split-panel {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.horizon-delivery-page .hdelivery-details-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 20px;
	}

	.horizon-delivery-page .hdelivery-details-grid article:nth-child(2) {
		border-right: 0;
	}

	.horizon-delivery-page .hdelivery-details-grid article:nth-child(3) {
		padding-left: 0;
	}
}

@media (max-width: 500px) {
	.horizon-delivery-page .hdelivery-hero-copy,
	.horizon-delivery-page .hdelivery-factor-row,
	.horizon-delivery-page .hdelivery-split-panel,
	.horizon-delivery-page .hdelivery-details-section {
		padding-right: 20px;
		padding-left: 20px;
	}

	.horizon-delivery-page .hdelivery-hero h1 {
		font-size: 28px;
		white-space: normal;
	}

	.horizon-delivery-page .hdelivery-hero-tracking h2 {
		font-size: 20px;
	}

	.horizon-delivery-page .hdelivery-actions {
		flex-direction: column;
	}

	.horizon-delivery-page .hdelivery-button {
		width: 100%;
	}

	.horizon-delivery-page .hdelivery-hero-reassurance {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.horizon-delivery-page .hdelivery-factor-row {
		padding-bottom: 0;
	}

	.horizon-delivery-page .hdelivery-factors {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.horizon-delivery-page .hdelivery-factor {
		min-height: 120px;
		border-bottom: 1px solid var(--delivery-border);
	}

	.horizon-delivery-page .hdelivery-factor:nth-child(2n) {
		border-right: 0;
	}

	.horizon-delivery-page .hdelivery-factor:last-child {
		grid-column: 1 / -1;
	}

	.horizon-delivery-page .hdelivery-date-reassurance {
		margin: 0 20px;
	}

	.horizon-delivery-page .hdelivery-window-row {
		grid-template-columns: 29px 42px minmax(0, 1fr);
		gap: 4px;
		padding: 7px 0;
	}

	.horizon-delivery-page .hdelivery-window-timing {
		display: contents;
	}

	.horizon-delivery-page .hdelivery-window-timing p {
		grid-column: 3;
	}

	.horizon-delivery-page .hdelivery-window-timing strong {
		grid-column: 3;
	}

	.horizon-delivery-page .hdelivery-window-description {
		grid-column: 2 / -1;
		padding-right: 9px;
	}

	.horizon-delivery-page .hdelivery-journey-step {
		grid-template-columns: 35px 39px minmax(0, 1fr);
	}

	.horizon-delivery-page .hdelivery-asset-slot--journey-side {
		display: none;
	}

	.horizon-delivery-page .hdelivery-fulfilment-points {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.horizon-delivery-page .hdelivery-fulfilment-points article,
	.horizon-delivery-page .hdelivery-fulfilment-points article + article {
		padding: 0;
		border-right: 0;
	}

	.horizon-delivery-page .hdelivery-track-form form.track_order,
	.horizon-delivery-page .hdelivery-track-form form.track_order .form-row {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.horizon-delivery-page .hdelivery-tracking-results ul {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.horizon-delivery-page .hdelivery-track-form form.track_order .form-row:last-of-type {
		grid-column: 1;
	}

	.horizon-delivery-page .hdelivery-details-grid {
		grid-template-columns: 1fr;
	}

	.horizon-delivery-page .hdelivery-details-grid article,
	.horizon-delivery-page .hdelivery-details-grid article + article,
	.horizon-delivery-page .hdelivery-details-grid article:nth-child(3) {
		padding: 0;
		border-right: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.horizon-delivery-page .hdelivery-main {
		scroll-behavior: auto;
	}

	.horizon-delivery-page .hdelivery-featured-heading__title,
	.horizon-delivery-page .hdelivery-featured-heading__title span,
	.horizon-delivery-page .hdelivery-featured-heading__title::after {
		animation: none !important;
	}
}

@media (min-width: 721px) {
	.horizon-delivery-page .hdelivery-date-reassurance {
		width: auto;
		max-width: none;
		margin-right: 29px;
		margin-left: 44px;
	}
}