/* Long Term Hire r33: concise journey, approved project image and weekly hire guidance. */
.ad-long-term-archive .ad-long-term-custom__media {
	border: 1px solid rgba(211, 227, 227, .18);
	isolation: isolate;
}

.ad-long-term-archive .ad-long-term-custom__media::after {
	background: linear-gradient(135deg, rgba(8, 18, 36, .04), rgba(8, 18, 36, .42));
}

.ad-long-term-archive .ad-long-term-custom__media img {
	object-position: 52% center;
}

.ad-long-term-archive .ad-hire-browser__heading h2 > span {
	display: inline;
}

.ad-long-term-archive .ad-product-card {
	background: #fff;
	border: 1px solid rgba(8, 18, 36, .16);
	border-radius: .9rem;
	overflow: hidden;
}

.ad-long-term-archive .ad-product-card__body {
	padding-bottom: .4rem;
}

.ad-long-term-archive .ad-card-price--long-term {
	margin: 1rem 0 0;
}

.ad-long-term-archive .ad-card-price__comparison,
body.single-product .ad-long-term-hire-panel__rates {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ad-long-term-archive .ad-card-price__daily,
.ad-long-term-archive .ad-card-price__long-term,
body.single-product .ad-long-term-hire-panel__rate {
	display: grid;
	gap: .2rem;
	min-width: 0;
}

.ad-long-term-archive .ad-card-price__label,
body.single-product .ad-long-term-hire-panel__label {
	color: #314156;
	font-family: var(--font-mono, monospace);
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .055em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ad-long-term-archive .ad-card-price__value,
body.single-product .ad-long-term-hire-panel__rate strong {
	color: var(--brand-navy, #081224);
	font-family: var(--font-display, "Barlow Condensed", sans-serif);
	font-size: clamp(1.35rem, 3.8vw, 1.8rem);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1;
}

.ad-long-term-archive .ad-card-price__value small,
body.single-product .ad-long-term-hire-panel__rate strong small {
	color: #52606f;
	font-family: var(--font-sans, sans-serif);
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: 0;
	white-space: nowrap;
}

.ad-long-term-archive .ad-card-price__vat,
body.single-product .ad-long-term-hire-panel__vat {
	color: #52606f;
	font-size: .72rem;
	line-height: 1.3;
}

.ad-long-term-archive .ad-product-card__action {
	padding: .95rem 1rem 1rem;
}

.ad-long-term-archive .ad-product-card__action .ad-button {
	border-radius: .5rem;
	min-height: 3rem;
}

body.single-product .ad-long-term-hire-panel {
	background: #fff;
	border: 1px solid rgba(8, 18, 36, .16);
	border-radius: 1rem;
	margin-top: 1.25rem;
	padding: 1.2rem;
}

body.single-product .ad-long-term-hire-panel__rates {
	border-bottom: 1px solid rgba(8, 18, 36, .14);
	padding-bottom: 1rem;
}

body.single-product .ad-long-term-hire-panel__rate + .ad-long-term-hire-panel__rate {
	border-left: 1px solid rgba(8, 18, 36, .14);
	padding-left: 1rem;
}

body.single-product .ad-long-term-hire-panel__note {
	color: #52606f;
	font-size: .82rem;
	line-height: 1.5;
	margin: .9rem 0 1rem;
}

body.single-product .ad-long-term-hire-panel__action .ad-button {
	border-radius: .55rem;
	min-height: 3.2rem;
	width: 100%;
}

.ad-long-term-archive .ad-catalogue-load-more {
	margin-bottom: 0;
	padding-bottom: clamp(3.5rem, 8vw, 6.5rem);
}

@media (min-width: 48rem) {
	.ad-long-term-archive .ad-long-term-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(19rem, .95fr);
	}

	.ad-long-term-archive .ad-hire-browser__heading {
		grid-template-columns: minmax(37rem, 1fr) minmax(16rem, auto);
	}

	.ad-long-term-archive .ad-hire-browser__heading h2 {
		max-width: none;
	}

	.ad-long-term-archive .ad-hire-browser__heading h2 > span {
		display: block;
		white-space: nowrap;
	}
}

@media (max-width: 47.99rem) {
	.ad-long-term-archive .ad-long-term-custom__media {
		min-height: 22rem;
	}
}
