/*
 * The product page (parts/product-sheet/v1/, ?pv=1), the base the owners chose on
 * 2026-10-20 (docs/design/meeting-2026-10-20.md). Loaded after home-b.css and
 * product-sheet.css; every rule starts with .hdc-pdp--v1.
 *
 * First screen on white: photos about half the width, the content on the right, the key
 * numbers on grey cells under the solid black icons, the parent store reviews in two white
 * boxes and the promises on a tinted panel. Below it a light grey ground with Similar
 * models, the jump row and every section as its own white box under its title. Square
 * corners everywhere (2 px). Line icons over a yellow spot below the first screen. Black,
 * white and safety yellow; yellow only as the Call fill, the stars and the icon spots,
 * never as text; Adobe red only on PDF files. No shadows, no section numbers.
 *
 * Links: WordPress's global styles (unlayered) set a link's color and underline from
 * --link, --link-hover, --link-line and --link-hover-line, and beat any color set in this
 * layer. So every link here changes those variables, never color alone (a dark link on a
 * dark fill is how a jump pill went blank in round 4). Mobile first, breakpoints 40rem,
 * 48rem, 64rem, 80rem. Not nested.
 */

@layer tokens {
	body.hdc-pdp--v1 {
		--v1-r: 2px;
		--v1-panel: #f3f4f6;
		--v1-panel-deep: #eceef1;
		--v1-ground: #eef1f5;
		--v1-tint: #f5f7fa;
		--v1-tint-line: #dde3ea;
		--v1-box-line: #dfe3e8;
		/* 5.2:1 on the ground, 5.8:1 on white. */
		--v1-mute: #5b6571;
		--v1-spot: #ffdb5c;
		/* Adobe red, darkened a little to 4.6:1 on white. */
		--v1-pdf: #eb1000;
		--v1-cut: #fff;
		--v1-ok: #1b7a3a;
		--v1-wait: #f5b700;
		--v1-off: #8a929c;
		--v1-fade: #000;
		--v1-space: 3rem;
		--v1-pad: 1.25rem;
		--v1-jump: 0px;
	}

	@media (min-width: 48rem) {
		body.hdc-pdp--v1 {
			--v1-pad: 2rem;
			--v1-space: 4rem;
		}
	}

	@media (min-width: 64rem) {
		body.hdc-pdp--v1 {
			--v1-pad: 2.5rem;
			--v1-space: 5rem;
			--v1-jump: 4.5rem;
		}
	}
}

@layer components {
	/* Nothing in the main area may widen the page; clip, not hidden, so the sticky photos and jump row still stick. */
	.hdc-pdp--v1 .hdc-pdp-main {
		overflow-x: clip;
	}

	/* ---------------------------------------------------------------- Icons */
	/* Solid black (key numbers, price line, buttons). */
	.hdc-pdp--v1 .hdc-v1-ico {
		flex: none;
		width: 1.5rem;
		height: 1.5rem;
		color: var(--ink);
		fill: currentColor;
	}

	.hdc-pdp--v1 .hdc-v1-ico .d {
		fill: none;
		stroke: var(--v1-cut);
		stroke-width: 1.75;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.hdc-pdp--v1 .hdc-v1-ico .f {
		fill: var(--v1-cut);
	}

	.hdc-pdp--v1 .hdc-v1-ico .r {
		stroke: var(--v1-cut);
		stroke-width: 1.5;
	}

	/* Line icons, over a yellow spot or plain. */
	.hdc-pdp--v1 .hdc-v1-line {
		flex: none;
		width: 1.25em;
		height: 1.25em;
		overflow: visible;
		fill: none;
		stroke: currentColor;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.hdc-pdp--v1 .hdc-v1-line--spot {
		width: 2rem;
		height: 2rem;
		color: var(--ink);
		stroke-width: 1.5;
	}

	.hdc-pdp--v1 .hdc-v1-line__ink * {
		vector-effect: non-scaling-stroke;
	}

	.hdc-pdp--v1 .hdc-v1-line__spot {
		fill: var(--v1-spot);
		stroke: none;
	}

	/* ---------------------------------------------------------------- Shared type */
	.hdc-pdp--v1 .hdc-v1-h2 {
		margin: 0 0 1.25rem;
		color: var(--ink);
		font-size: clamp(1.875rem, 1.45rem + 1.4vw, 2.625rem);
		font-stretch: 75%;
		font-weight: 800;
		line-height: 1.02;
		text-wrap: balance;
	}

	.hdc-pdp--v1 .hdc-v1-h3 {
		margin: 0 0 0.375rem;
		color: var(--ink);
		font-size: 1.3125rem;
		font-stretch: 75%;
		font-weight: 750;
		line-height: 1.1;
	}

	.hdc-pdp--v1 .hdc-v1-head {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		gap: 0.75rem 1.5rem;
		margin-bottom: 1.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-head .hdc-v1-h2 {
		margin: 0;
	}

	.hdc-pdp--v1 .hdc-v1-head--stack {
		display: block;
	}

	.hdc-pdp--v1 .hdc-v1-head--stack .hdc-v1-h2 {
		margin-bottom: 0.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-head__text {
		margin: 0;
		color: var(--v1-mute);
		font-size: 1rem;
	}

	.hdc-pdp--v1 .hdc-v1-head__link {
		display: inline-flex;
		align-items: center;
		gap: 0.375rem;
		margin-left: auto;
		font-size: 0.9375rem;
		font-weight: 700;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-note {
		max-width: 40rem;
		margin: 1.25rem 0 0;
		color: var(--body);
		font-size: 1rem;
		line-height: 1.55;
	}

	/* Availability: a dot before the words, green in stock, yellow when expected, grey when gone. */
	.hdc-pdp--v1 .hdc-v1-state {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		color: var(--ink);
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-state::before {
		content: "";
		flex: none;
		width: 0.625rem;
		height: 0.625rem;
		border-radius: 50%;
		background: var(--steel);
	}

	.hdc-pdp--v1 .hdc-v1-state--in_stock::before {
		background: var(--v1-ok);
	}

	.hdc-pdp--v1 .hdc-v1-state--preorder::before {
		background: var(--v1-wait);
	}

	.hdc-pdp--v1 .hdc-v1-state--discontinued::before {
		background: var(--v1-off);
	}

	/* ---------------------------------------------------------------- Breadcrumb */
	.hdc-pdp--v1 .hdc-v1-crumbs__list {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25rem 0;
		margin: 0;
		padding: 1rem 0 0;
		list-style: none;
		color: var(--steel);
		font-size: 0.875rem;
		--link: var(--steel);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-crumbs__item {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.hdc-pdp--v1 .hdc-v1-crumbs__item + .hdc-v1-crumbs__item::before {
		content: "/";
		margin-inline: 0.5rem;
		color: var(--control);
	}

	.hdc-pdp--v1 .hdc-v1-crumbs__item [aria-current] {
		color: var(--ink);
		font-weight: 600;
	}

	/* ---------------------------------------------------------------- First screen */
	.hdc-pdp--v1 .hdc-v1-top {
		padding-bottom: 2.5rem;
		background: var(--white);
	}

	.hdc-pdp--v1 .hdc-v1-top__grid {
		display: grid;
		gap: 1.75rem;
		margin-top: 1rem;
	}

	.hdc-pdp--v1 .hdc-v1-top__media,
	.hdc-pdp--v1 .hdc-v1-top__info {
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-kicker {
		margin: 0 0 0.625rem;
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		--link: var(--steel);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-h1 {
		margin: 0;
		color: var(--ink);
		font-size: clamp(2.125rem, 1.25rem + 2vw, 3rem);
		font-stretch: 75%;
		font-weight: 800;
		line-height: 1;
		overflow-wrap: break-word;
		text-wrap: pretty;
	}

	/* One availability line: the dot and state, then Brand and Model. */
	.hdc-pdp--v1 .hdc-v1-id {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem 1.5rem;
		margin: 1rem 0 0;
		font-size: 0.9375rem;
	}

	.hdc-pdp--v1 .hdc-v1-id__item {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.375rem;
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-id dt {
		color: var(--steel);
		font-weight: 500;
	}

	.hdc-pdp--v1 .hdc-v1-id dd {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.25rem 0.75rem;
		margin: 0;
		color: var(--ink);
		font-weight: 700;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-id__lead {
		color: var(--steel);
		font-weight: 500;
	}

	.hdc-pdp--v1 a.hdc-v1-id__lead {
		font-weight: 600;
		text-underline-offset: 0.2em;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: underline;
		--link-hover-line: underline;
	}

	/* Key numbers: grey cells, the solid icon, the figure, the label. */
	.hdc-pdp--v1 .hdc-v1-nums {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		margin: 1.5rem 0 0;
	}

	.hdc-pdp--v1 .hdc-v1-nums--1 {
		grid-template-columns: minmax(0, 1fr);
	}

	.hdc-pdp--v1 .hdc-v1-nums--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hdc-pdp--v1 .hdc-v1-nums__item {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
		min-width: 0;
		padding: 1rem 1rem 1.0625rem;
		border-radius: var(--v1-r);
		background: var(--v1-panel);
	}

	.hdc-pdp--v1 .hdc-v1-nums__value {
		display: flex;
		flex-direction: column;
		order: -1;
		margin: 0;
	}

	.hdc-pdp--v1 .hdc-v1-nums__icon {
		width: 2.125rem;
		height: 2.125rem;
		margin-bottom: 0.875rem;
	}

	.hdc-pdp--v1 .hdc-v1-nums__figure {
		color: var(--ink);
		font-size: 1.5rem;
		font-stretch: 75%;
		font-weight: 800;
		font-variant-numeric: tabular-nums;
		line-height: 1.05;
		/* Breaks between words; inside a number only when a word cannot fit at all. */
		overflow-wrap: break-word;
	}

	.hdc-pdp--v1 .hdc-v1-nums__note {
		margin-top: 0.125rem;
		color: var(--steel);
		font-size: 0.75rem;
		font-weight: 600;
	}

	.hdc-pdp--v1 .hdc-v1-nums__label {
		color: var(--steel);
		font-size: 0.8125rem;
		font-weight: 600;
		line-height: 1.3;
	}

	/* The price line, then the freight line under it. */
	.hdc-pdp--v1 .hdc-v1-price {
		margin-top: 1.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-price__title {
		margin: 0;
		color: var(--ink);
		font-size: 1.3125rem;
		font-weight: 750;
		line-height: 1.2;
	}

	.hdc-pdp--v1 .hdc-v1-price__line {
		display: flex;
		flex-wrap: wrap;
		gap: 0.375rem 1.5rem;
		margin: 0.5rem 0 0;
		padding: 0;
		list-style: none;
		color: var(--body);
		font-size: 0.9375rem;
	}

	.hdc-pdp--v1 .hdc-v1-price__line li {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-price__line .hdc-v1-ico {
		width: 1.25rem;
		height: 1.25rem;
	}

	/* Call (big, yellow, first) and the written quote (ink). */
	.hdc-pdp--v1 .hdc-v1-act {
		display: grid;
		gap: 0.625rem;
		margin-top: 1.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-call {
		display: flex;
		position: relative;
		align-items: center;
		gap: 0.875rem;
		min-height: 4.5rem;
		padding: 0.625rem 1.25rem;
		border-radius: var(--v1-r);
		background: var(--accent);
		color: var(--ink);
		transition: background-color 0.15s;
	}

	.hdc-pdp--v1 .hdc-v1-call:hover {
		background: var(--accent-strong);
	}

	.hdc-pdp--v1 .hdc-v1-call:focus-within {
		outline: var(--focus-ring);
		outline-offset: var(--focus-offset);
	}

	.hdc-pdp--v1 .hdc-v1-call__icon {
		display: inline-flex;
	}

	.hdc-pdp--v1 .hdc-v1-call__icon .hdc-v1-ico {
		width: 1.75rem;
		height: 1.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-call__words {
		display: grid;
		gap: 0.125rem;
		min-width: 0;
		line-height: 1.1;
	}

	.hdc-pdp--v1 .hdc-v1-call__label {
		font-size: 0.875rem;
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-call__number {
		font-size: 1.5rem;
		font-weight: 800;
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: none;
	}

	.hdc-pdp--v1 .hdc-v1-call__number::after {
		content: "";
		position: absolute;
		inset: 0;
	}

	.hdc-pdp--v1 .hdc-v1-call__number:focus-visible {
		outline: none;
	}

	.hdc-pdp--v1 .hdc-v1-btn {
		gap: 0.625rem;
		min-height: 4.5rem;
		padding: 0.5rem 1.25rem;
		border-radius: var(--v1-r);
		font-size: 1.0625rem;
		--v1-cut: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-btn .hdc-v1-ico {
		width: 1.375rem;
		height: 1.375rem;
		color: var(--white);
	}

	.hdc-pdp--v1 .hdc-v1-person {
		margin: 0.625rem 0 0;
		color: var(--steel);
		font-size: 0.875rem;
	}

	/* The parent store's reviews: Google and Trustpilot each in its own white box. */
	.hdc-pdp--v1 .hdc-v1-rates {
		margin-top: 1.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-rates__row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-rate {
		display: grid;
		grid-template-areas: "logo logo" "num stars" "count count";
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		gap: 0.375rem 0.5rem;
		min-width: 0;
		padding: 0.875rem 1rem;
		border: 1px solid var(--v1-box-line);
		border-radius: var(--v1-r);
		background: var(--white);
		color: var(--ink);
		transition: border-color 0.15s;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: none;
	}

	.hdc-pdp--v1 .hdc-v1-rate:hover {
		border-color: var(--control);
	}

	.hdc-pdp--v1 .hdc-v1-rate__logo {
		display: inline-flex;
		grid-area: logo;
		align-items: center;
		gap: 0.375rem;
		min-height: 1.375rem;
		font-size: 0.9375rem;
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-rate__logo .hdc-rv-logo {
		width: 1.125rem;
		height: 1.125rem;
	}

	.hdc-pdp--v1 .hdc-v1-rate__logo .hdc-rv-logo--full {
		width: auto;
		height: 1.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-rate__num {
		grid-area: num;
		font-size: 1.5rem;
		font-stretch: 75%;
		font-weight: 800;
		font-variant-numeric: tabular-nums;
		line-height: 1;
	}

	.hdc-pdp--v1 .hdc-v1-rate__stars {
		grid-area: stars;
		font-size: 0.9375rem;
	}

	.hdc-pdp--v1 .hdc-v1-rate__count {
		grid-area: count;
		color: var(--steel);
		font-size: 0.8125rem;
		font-weight: 600;
	}

	.hdc-pdp--v1 .hdc-v1-rate:hover .hdc-v1-rate__count {
		color: var(--ink);
		text-decoration: underline;
		text-underline-offset: 0.2em;
	}

	.hdc-pdp--v1 .hdc-v1-rates__label {
		margin: 0.5rem 0 0;
		color: var(--steel);
		font-size: 0.8125rem;
	}

	/* The promises, on a tinted panel, under the solid black icons of the key numbers (owners, 2026-10-21). */
	.hdc-pdp--v1 .hdc-v1-promise {
		display: grid;
		gap: 1rem 1.5rem;
		margin: 1.5rem 0 0;
		padding: 1.25rem;
		border: 1px solid var(--v1-tint-line);
		border-radius: var(--v1-r);
		background: var(--v1-tint);
		list-style: none;
	}

	/* align-content keeps the title and its line together when the row is taller than the item. */
	.hdc-pdp--v1 .hdc-v1-promise__item {
		display: grid;
		grid-template-columns: 1.75rem minmax(0, 1fr);
		align-content: start;
		gap: 0.125rem 0.75rem;
		align-items: start;
	}

	.hdc-pdp--v1 .hdc-v1-promise__icon {
		grid-row: span 2;
		width: 1.75rem;
		height: 1.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-promise__title {
		color: var(--ink);
		font-size: 0.9375rem;
		font-weight: 700;
		line-height: 1.3;
	}

	.hdc-pdp--v1 .hdc-v1-promise__text {
		color: var(--steel);
		font-size: 0.875rem;
		line-height: 1.4;
	}

	/* ---------------------------------------------------------------- Gallery */
	/* The photo on a light grey panel, a small white control bar on its corner, the thumbnails under it. */
	.hdc-pdp--v1 .hdc-product-gallery {
		display: grid;
		gap: 0.625rem;
	}

	.hdc-pdp--v1 .hdc-product-gallery--empty {
		aspect-ratio: 4 / 3;
		border-radius: var(--v1-r);
		background: var(--v1-panel);
	}

	.hdc-pdp--v1 .hdc-product-gallery__viewport {
		grid-area: 1 / 1;
		min-width: 0;
		border-radius: var(--v1-r);
		background: var(--v1-panel);
	}

	.hdc-pdp--v1 .hdc-product-gallery__viewport:focus-visible {
		outline: var(--focus-ring);
		outline-offset: var(--focus-offset);
	}

	.hdc-pdp--v1 .hdc-product-gallery__track {
		grid-auto-columns: 100%;
		gap: 0;
	}

	.hdc-pdp--v1 .hdc-product-gallery__slide {
		background: transparent;
	}

	.hdc-pdp--v1 .hdc-product-gallery__slide img {
		padding: 4%;
		aspect-ratio: 4 / 3;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.hdc-pdp--v1 .hdc-product-gallery__bar {
		display: contents;
	}

	.hdc-pdp--v1 .hdc-product-gallery__controls {
		grid-area: 1 / 1;
		align-self: end;
		justify-self: end;
		z-index: 1;
		gap: 0;
		margin: 0.75rem;
		padding: 0.25rem;
		border-radius: var(--v1-r);
		background: var(--white);
	}

	.hdc-pdp--v1 .hdc-product-gallery__step {
		width: 2.75rem;
		height: 2.75rem;
		border: 0;
		border-radius: var(--v1-r);
		background: transparent;
		color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-product-gallery__step:hover {
		background: var(--v1-panel);
		color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-product-gallery__step[aria-disabled="true"] {
		border: 0;
		background: transparent;
		color: var(--control);
	}

	.hdc-pdp--v1 .hdc-product-gallery__step .hdc-icon {
		width: 1.25rem;
		height: 1.25rem;
	}

	.hdc-pdp--v1 .hdc-product-gallery__count {
		min-width: 3.75rem;
		font-size: 0.875rem;
	}

	.hdc-pdp--v1 .hdc-product-gallery__thumbs {
		display: flex;
		grid-row: 2;
		gap: 0.5rem;
		min-width: 0;
		margin: 0;
		padding: 0;
		overflow-x: auto;
		list-style: none;
		scrollbar-width: none;
	}

	.hdc-pdp--v1 .hdc-product-gallery__thumbs::-webkit-scrollbar {
		display: none;
	}

	.hdc-pdp--v1 .hdc-product-gallery__thumbs li {
		flex: none;
	}

	.hdc-pdp--v1 .hdc-product-gallery__thumb {
		width: 4rem;
		height: 4rem;
		padding: 0.25rem;
		border: 0;
		border-radius: var(--v1-r);
		background: var(--v1-panel);
		outline-offset: -2px;
	}

	.hdc-pdp--v1 .hdc-product-gallery__thumb[aria-current="true"] {
		outline: 2px solid var(--ink);
		outline-offset: -2px;
	}

	.hdc-pdp--v1 .hdc-product-gallery__thumb:focus-visible {
		outline: var(--focus-ring);
		outline-offset: -3px;
	}

	.hdc-pdp--v1 .hdc-product-gallery__dialog {
		border: 0;
		border-radius: var(--v1-r);
	}

	.hdc-pdp--v1 .hdc-product-gallery__close {
		top: 0.75rem;
		right: 0.75rem;
		width: 3rem;
		height: 3rem;
		border-radius: var(--v1-r);
		background: var(--ink);
	}

	/* ---------------------------------------------------------------- The ground below the first screen */
	.hdc-pdp--v1 .hdc-v1-ground {
		padding-bottom: var(--v1-space);
		background: var(--v1-ground);
	}

	.hdc-pdp--v1 .hdc-v1-box {
		min-width: 0;
		padding: var(--v1-pad);
		border-radius: var(--v1-r);
		background: var(--white);
	}

	.hdc-pdp--v1 .hdc-v1-sec {
		padding-top: var(--v1-space);
	}

	.hdc-pdp--v1 .hdc-v1-sec,
	.hdc-pdp--v1 .hdc-v1-similar {
		scroll-margin-top: calc(var(--sticky) + var(--v1-jump) + 0.5rem);
	}

	/* ---------------------------------------------------------------- Similar models */
	.hdc-pdp--v1 .hdc-v1-similar {
		padding-top: var(--v1-space);
	}

	.hdc-pdp--v1 .hdc-v1-similar__list {
		display: grid;
		grid-auto-columns: 78%;
		grid-auto-flow: column;
		gap: 0.75rem;
		margin: 0 calc(-1 * var(--gutter));
		padding: 0 var(--gutter);
		overflow-x: auto;
		list-style: none;
		scroll-padding-inline: var(--gutter);
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.hdc-pdp--v1 .hdc-v1-similar__list::-webkit-scrollbar {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-similar__item {
		min-width: 0;
		scroll-snap-align: start;
	}

	.hdc-pdp--v1 .hdc-v1-card {
		display: flex;
		flex-direction: column;
		height: 100%;
		border: 1px solid transparent;
		border-radius: var(--v1-r);
		background: var(--white);
		color: var(--body);
		transition: border-color 0.15s;
		--link: var(--body);
		--link-hover: var(--body);
		--link-line: none;
		--link-hover-line: none;
	}

	.hdc-pdp--v1 .hdc-v1-card:hover {
		border-color: var(--control);
	}

	.hdc-pdp--v1 .hdc-v1-card:focus-visible {
		outline-offset: var(--focus-offset);
	}

	.hdc-pdp--v1 .hdc-v1-card__photo {
		display: block;
		aspect-ratio: 3 / 2;
		margin: 0.75rem 0.75rem 0;
		padding: 0.75rem;
		overflow: hidden;
		background: var(--v1-panel);
	}

	.hdc-pdp--v1 .hdc-v1-card__photo img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.hdc-pdp--v1 .hdc-v1-card__body {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 1rem;
		padding: 1rem 1.25rem 1.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-card__name {
		color: var(--ink);
		font-size: 1.125rem;
		font-weight: 750;
		line-height: 1.25;
	}

	.hdc-pdp--v1 .hdc-v1-card__cap {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		column-gap: 0.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-card__icon {
		grid-row: span 2;
		width: 1.875rem;
		height: 1.875rem;
	}

	.hdc-pdp--v1 .hdc-v1-card__value {
		color: var(--ink);
		font-size: 1.5rem;
		font-stretch: 75%;
		font-weight: 800;
		font-variant-numeric: tabular-nums;
		line-height: 1;
	}

	.hdc-pdp--v1 .hdc-v1-card__label {
		color: var(--steel);
		font-size: 0.8125rem;
		font-weight: 600;
	}

	.hdc-pdp--v1 .hdc-v1-card__specs {
		display: grid;
	}

	.hdc-pdp--v1 .hdc-v1-card__spec {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		padding-block: 0.5rem;
		border-top: 1px solid var(--line);
		font-size: 0.9375rem;
	}

	.hdc-pdp--v1 .hdc-v1-card__spec span {
		color: var(--steel);
	}

	.hdc-pdp--v1 .hdc-v1-card__spec b {
		color: var(--ink);
		font-weight: 700;
		text-align: right;
	}

	.hdc-pdp--v1 .hdc-v1-card__foot {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem 1rem;
		margin-top: auto;
		font-size: 0.875rem;
	}

	.hdc-pdp--v1 .hdc-v1-card__view {
		display: inline-flex;
		align-items: center;
		gap: 0.375rem;
		color: var(--ink);
		font-size: 0.9375rem;
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-card__view .hdc-v1-line {
		width: 1.125rem;
		height: 1.125rem;
		transition: transform 0.15s;
	}

	.hdc-pdp--v1 .hdc-v1-card:hover .hdc-v1-card__view .hdc-v1-line {
		transform: translateX(0.1875rem);
	}

	/* ---------------------------------------------------------------- Options and parts */
	/* The relations (options.php): small cards, two across on phones, three from 48rem, four from 80rem. */
	.hdc-pdp--v1 .hdc-v1-rel {
		display: grid;
		gap: 2rem;
	}

	.hdc-pdp--v1 .hdc-v1-rel__title {
		margin: 0 0 0.875rem;
		color: var(--ink);
		font-size: 1.3125rem;
		font-stretch: 75%;
		font-weight: 750;
		line-height: 1.1;
	}

	.hdc-pdp--v1 .hdc-v1-rel__list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.625rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-rel__list > li {
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-rel__photo {
		display: flex;
		align-items: center;
		justify-content: center;
		aspect-ratio: 4 / 3;
		margin: 0.5rem 0.5rem 0;
		padding: 0.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-rel__none {
		width: 2.5rem;
		height: 2.5rem;
		color: var(--control);
		stroke-width: 1.25;
	}

	.hdc-pdp--v1 .hdc-v1-rel__body {
		gap: 0.75rem;
		padding: 0.75rem 0.875rem 0.875rem;
	}

	.hdc-pdp--v1 .hdc-v1-rel__name {
		color: var(--ink);
		font-size: 0.9375rem;
		font-weight: 700;
		line-height: 1.3;
		overflow-wrap: break-word;
	}

	.hdc-pdp--v1 .hdc-v1-rel__card .hdc-v1-card__foot {
		font-size: 0.8125rem;
	}

	.hdc-pdp--v1 .hdc-v1-rel__card .hdc-v1-card__view {
		font-size: 0.875rem;
	}

	@media (min-width: 48rem) {
		.hdc-pdp--v1 .hdc-v1-rel__list {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 1rem;
		}

		.hdc-pdp--v1 .hdc-v1-rel__name {
			font-size: 1rem;
		}
	}

	@media (min-width: 80rem) {
		.hdc-pdp--v1 .hdc-v1-rel__list {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	/* ---------------------------------------------------------------- Models */
	/*
	 * A line's models (models.php). Phones: each row a block of label and value lines under
	 * the bold model number, hairlines between rows, the quote link a full width tap target.
	 * From 64rem a table (up to seven columns do not fit a tablet): a tinted header row,
	 * sticky under the jump row, the model number bold, a quiet Quote this model link at
	 * the row's end.
	 */
	.hdc-pdp--v1 .hdc-v1-models {
		padding: 0;
	}

	.hdc-pdp--v1 .hdc-v1-models__table,
	.hdc-pdp--v1 .hdc-v1-models__table tbody {
		display: block;
		width: 100%;
		margin: 0;
		border-collapse: collapse;
		font-size: 0.9375rem;
		line-height: 1.4;
		font-variant-numeric: tabular-nums;
	}

	/* The base table cell padding and rule come off; the rows set their own. */
	.hdc-pdp--v1 .hdc-v1-models__table th,
	.hdc-pdp--v1 .hdc-v1-models__table td {
		padding: 0;
		border-top: 0;
	}

	.hdc-pdp--v1 .hdc-v1-models__head {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.hdc-pdp--v1 .hdc-v1-models__row {
		display: grid;
		gap: 0.3125rem;
		padding: 1rem var(--v1-pad) 1.125rem;
		scroll-margin-top: calc(var(--sticky) + var(--v1-jump) + 3.5rem);
	}

	.hdc-pdp--v1 .hdc-v1-models__row + .hdc-v1-models__row {
		border-top: 1px solid var(--line);
	}

	.hdc-pdp--v1 .hdc-v1-models__row:target {
		background: var(--v1-tint);
	}

	.hdc-pdp--v1 .hdc-v1-models[data-collapsed] .hdc-v1-models__row.is-more {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-models__model {
		margin-bottom: 0.125rem;
		color: var(--ink);
		font-size: 1.0625rem;
		font-weight: 800;
		text-align: left;
		overflow-wrap: anywhere;
	}

	.hdc-pdp--v1 .hdc-v1-models__model:focus {
		outline: none;
	}

	.hdc-pdp--v1 .hdc-v1-models__model:focus-visible {
		outline: var(--focus-ring);
		outline-offset: 2px;
	}

	.hdc-pdp--v1 .hdc-v1-models__row td {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 1rem;
	}

	.hdc-pdp--v1 .hdc-v1-models__label {
		flex: none;
		color: var(--v1-mute);
		font-size: 0.875rem;
	}

	.hdc-pdp--v1 .hdc-v1-models__value {
		color: var(--ink);
		font-weight: 600;
		text-align: right;
		overflow-wrap: anywhere;
	}

	.hdc-pdp--v1 .hdc-v1-models__value--ask {
		color: var(--v1-mute);
		font-weight: 500;
	}

	.hdc-pdp--v1 .hdc-v1-models__row td.hdc-v1-models__act {
		display: block;
		margin-top: 0.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-models__quote {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		min-height: 2.75rem;
		padding-inline: 1rem;
		border: 1px solid var(--v1-box-line);
		border-radius: var(--v1-r);
		font-size: 0.9375rem;
		font-weight: 700;
		white-space: nowrap;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-models__quote:hover {
		border-color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-models__go {
		width: 1rem;
		height: 1rem;
		transition: transform 0.15s;
	}

	.hdc-pdp--v1 .hdc-v1-models__quote:hover .hdc-v1-models__go {
		transform: translateX(2px);
	}

	/* Show all: one quiet full width bar under the rows. */
	.hdc-pdp--v1 .hdc-v1-models__more {
		border-top: 1px solid var(--line);
	}

	.hdc-pdp--v1 .hdc-v1-models__all {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		min-height: 3.25rem;
		padding: 0.5rem 1rem;
		border: 0;
		background: var(--v1-tint);
		color: var(--ink);
		font: inherit;
		font-size: 0.9375rem;
		font-weight: 700;
		cursor: pointer;
	}

	.hdc-pdp--v1 .hdc-v1-models__all:hover {
		background: var(--v1-panel);
	}

	.hdc-pdp--v1 .hdc-v1-models__all:focus-visible {
		outline: var(--focus-ring);
		outline-offset: -3px;
	}

	.hdc-pdp--v1 .hdc-v1-models__all .hdc-v1-line {
		width: 1.125rem;
		height: 1.125rem;
	}

	.hdc-pdp--v1 .hdc-v1-models__repl {
		padding: var(--v1-pad);
		border-top: 1px solid var(--line);
	}

	/* The capacity sort (product-sheet-v1.js): the header's words as a button, an arrow for the order. */
	.hdc-pdp--v1 .hdc-v1-models__sort {
		display: inline-flex;
		align-items: center;
		gap: 0.375rem;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		color: inherit;
		font: inherit;
		text-align: left;
		cursor: pointer;
	}

	.hdc-pdp--v1 .hdc-v1-models__sort::after {
		content: "\2195";
		color: var(--v1-mute);
		font-size: 0.875em;
	}

	.hdc-pdp--v1 th[aria-sort="ascending"] .hdc-v1-models__sort::after {
		content: "\2191";
		color: var(--ink);
	}

	.hdc-pdp--v1 th[aria-sort="descending"] .hdc-v1-models__sort::after {
		content: "\2193";
		color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-models__sort:hover {
		color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-models__sort:focus-visible {
		outline: var(--focus-ring);
		outline-offset: 2px;
	}

	@media (min-width: 64rem) {
		.hdc-pdp--v1 .hdc-v1-models__table {
			display: table;
		}

		.hdc-pdp--v1 .hdc-v1-models__table tbody {
			display: table-row-group;
		}

		.hdc-pdp--v1 .hdc-v1-models__head {
			display: table-header-group;
			position: static;
			width: auto;
			height: auto;
			overflow: visible;
			clip-path: none;
			white-space: normal;
		}

		.hdc-pdp--v1 .hdc-v1-models__head th {
			padding: 0.75rem 1rem;
			border-bottom: 1px solid var(--v1-box-line);
			background: var(--v1-tint);
			color: var(--v1-mute);
			font-size: 0.8125rem;
			font-weight: 600;
			line-height: 1.25;
			text-align: left;
			vertical-align: bottom;
		}

		.hdc-pdp--v1 .hdc-v1-models__row {
			display: table-row;
			padding: 0;
		}

		.hdc-pdp--v1 .hdc-v1-models[data-collapsed] .hdc-v1-models__row.is-more {
			display: none;
		}

		.hdc-pdp--v1 .hdc-v1-models__row > th,
		.hdc-pdp--v1 .hdc-v1-models__row > td {
			padding: 0.5rem 1rem;
			vertical-align: middle;
		}

		.hdc-pdp--v1 .hdc-v1-models__row + .hdc-v1-models__row > * {
			border-top: 1px solid var(--line);
		}

		.hdc-pdp--v1 .hdc-v1-models__row:hover > * {
			background: var(--v1-tint);
		}

		.hdc-pdp--v1 .hdc-v1-models__head th:first-child,
		.hdc-pdp--v1 .hdc-v1-models__row > :first-child {
			padding-left: var(--v1-pad);
		}

		.hdc-pdp--v1 .hdc-v1-models__head th:last-child,
		.hdc-pdp--v1 .hdc-v1-models__row > :last-child {
			padding-right: var(--v1-pad);
		}

		.hdc-pdp--v1 .hdc-v1-models__model {
			margin: 0;
			font-size: 1rem;
			overflow-wrap: normal;
			white-space: nowrap;
		}

		.hdc-pdp--v1 .hdc-v1-models__row td {
			display: table-cell;
		}

		.hdc-pdp--v1 .hdc-v1-models__label {
			display: none;
		}

		.hdc-pdp--v1 .hdc-v1-models__value {
			text-align: left;
			overflow-wrap: normal;
		}

		.hdc-pdp--v1 .hdc-v1-models__row td.hdc-v1-models__act {
			display: table-cell;
			margin: 0;
			text-align: right;
		}

		.hdc-pdp--v1 .hdc-v1-models__quote {
			display: inline-flex;
			min-height: 2.5rem;
			padding-inline: 0;
			border: 0;
			font-size: 0.875rem;
		}

		.hdc-pdp--v1 .hdc-v1-models__all {
			justify-content: flex-start;
			padding-inline: var(--v1-pad);
		}
	}

	@media (min-width: 64rem) {
		/* The header row sticks under the jump row (its 0.75rem ground above and below a 3.25rem bar). */
		.hdc-pdp--v1 .hdc-v1-models__head th {
			position: sticky;
			top: calc(var(--sticky) + 4.75rem + 2px);
			z-index: 2;
		}
	}

	@media (min-width: 80rem) {
		.hdc-pdp--v1 .hdc-v1-models__value {
			white-space: nowrap;
		}
	}

	/* ---------------------------------------------------------------- Jump row */
	/* Square tabs on one white bar; the tab in view has an ink bar under dark text. Text stays dark on a light fill in every state. */
	.hdc-pdp--v1 .hdc-v1-jump {
		margin-top: calc(var(--v1-space) - 0.75rem);
		padding-block: 0.75rem;
		background: var(--v1-ground);
	}

	.hdc-pdp--v1 .hdc-v1-jump__row {
		display: flex;
		padding: 0 0.25rem;
		overflow-x: auto;
		border: 1px solid var(--v1-box-line);
		border-radius: var(--v1-r);
		background: var(--white);
		scrollbar-width: none;
	}

	.hdc-pdp--v1 .hdc-v1-jump__row::-webkit-scrollbar {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-jump__link {
		display: inline-flex;
		position: relative;
		flex: none;
		align-items: center;
		min-height: 3.25rem;
		padding: 0 1rem;
		background: transparent;
		font-size: 0.9375rem;
		font-weight: 700;
		white-space: nowrap;
		transition: background-color 0.15s;
		--link: var(--steel);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: none;
	}

	.hdc-pdp--v1 .hdc-v1-jump__link::after {
		content: "";
		position: absolute;
		right: 1rem;
		bottom: 0;
		left: 1rem;
		height: 3px;
		background: var(--ink);
		transform: scaleX(0);
	}

	.hdc-pdp--v1 .hdc-v1-jump__link:hover {
		background: var(--v1-tint);
	}

	.hdc-pdp--v1 .hdc-v1-jump__link[aria-current] {
		background: transparent;
		--link: var(--ink);
		--link-hover: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-jump__link[aria-current]::after {
		transform: scaleX(1);
	}

	.hdc-pdp--v1 .hdc-v1-jump__link:focus-visible {
		outline: var(--focus-ring);
		outline-offset: -3px;
	}

	.hdc-pdp--v1 .hdc-v1-jump__long {
		display: none;
	}

	/* ---------------------------------------------------------------- Photo and words */
	.hdc-pdp--v1 .hdc-v1-split {
		display: grid;
		gap: 1.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-split__words {
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-split__photo {
		min-width: 0;
		margin: 0;
		overflow: hidden;
		border-radius: var(--v1-r);
		background: var(--v1-panel);
	}

	.hdc-pdp--v1 .hdc-v1-split__photo img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
		object-fit: cover;
	}

	.hdc-pdp--v1 .hdc-v1-split__photo--product img {
		padding: 6%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	/* Highlights: each line under a spot check, parted by thin lines. */
	.hdc-pdp--v1 .hdc-v1-lines {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-lines__item {
		display: grid;
		grid-template-columns: 2rem minmax(0, 1fr);
		align-items: center;
		gap: 1rem;
		padding-block: 1rem;
		color: var(--ink);
		font-size: 1.0625rem;
		font-weight: 600;
		line-height: 1.4;
	}

	.hdc-pdp--v1 .hdc-v1-lines__item + .hdc-v1-lines__item {
		border-top: 1px solid var(--line);
	}

	.hdc-pdp--v1 .hdc-v1-lines__item:first-child {
		padding-top: 0;
	}

	/* Where it works. */
	.hdc-pdp--v1 .hdc-v1-uses {
		display: grid;
		gap: 1.75rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-uses__item {
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-uses__icon {
		width: 2.5rem;
		height: 2.5rem;
		margin-bottom: 0.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-uses__text {
		margin: 0;
		color: var(--body);
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	/* ---------------------------------------------------------------- Specifications */
	/* The group switch: square segments, the pressed one ink with white words. */
	.hdc-pdp--v1 .hdc-v1-seg {
		display: flex;
		max-width: 100%;
		overflow-x: auto;
		border: 1px solid var(--v1-box-line);
		border-radius: var(--v1-r);
		background: var(--white);
		scrollbar-width: none;
	}

	.hdc-pdp--v1 .hdc-v1-seg[hidden] {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-seg::-webkit-scrollbar {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-seg__btn {
		flex: none;
		min-height: 2.75rem;
		padding: 0 1rem;
		border: 0;
		border-radius: 0;
		background: var(--white);
		color: var(--steel);
		font: inherit;
		font-size: 0.9375rem;
		font-weight: 700;
		white-space: nowrap;
		cursor: pointer;
		transition: background-color 0.15s, color 0.15s;
	}

	.hdc-pdp--v1 .hdc-v1-seg__btn + .hdc-v1-seg__btn {
		border-left: 1px solid var(--v1-box-line);
	}

	.hdc-pdp--v1 .hdc-v1-seg__btn:hover {
		background: var(--v1-tint);
		color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-seg__btn[aria-pressed="true"] {
		background: var(--ink);
		color: var(--white);
	}

	.hdc-pdp--v1 .hdc-v1-seg__btn:focus-visible {
		outline: 3px solid var(--ink);
		outline-offset: -3px;
	}

	.hdc-pdp--v1 .hdc-v1-seg__btn[aria-pressed="true"]:focus-visible {
		outline-color: var(--accent);
	}

	.hdc-pdp--v1 .hdc-v1-specs {
		display: grid;
		gap: 1rem;
		align-items: start;
	}

	.hdc-pdp--v1 .hdc-v1-specs__group {
		min-width: 0;
		overflow: hidden;
		border-radius: var(--v1-r);
		background: var(--white);
		break-inside: avoid;
	}

	.hdc-pdp--v1 .hdc-v1-specs__group[hidden] {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-specs__title {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		margin: 0;
		padding: 0.875rem 1.25rem;
		border-bottom: 1px solid var(--v1-tint-line);
		background: var(--v1-tint);
		color: var(--ink);
		font-size: 1.0625rem;
		font-stretch: 100%;
		font-weight: 700;
		line-height: 1.3;
	}

	.hdc-pdp--v1 .hdc-v1-specs__icon {
		width: 1.75rem;
		height: 1.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-specs__table {
		width: 100%;
		margin: 0;
		border-collapse: collapse;
		font-size: 0.9375rem;
		line-height: 1.45;
	}

	.hdc-pdp--v1 .hdc-v1-specs__table th,
	.hdc-pdp--v1 .hdc-v1-specs__table td {
		padding: 0.75rem 1.25rem;
		border-top: 0;
		text-align: left;
		vertical-align: top;
		overflow-wrap: anywhere;
	}

	.hdc-pdp--v1 .hdc-v1-specs__table tr + tr th,
	.hdc-pdp--v1 .hdc-v1-specs__table tr + tr td {
		border-top: 1px solid var(--line);
	}

	.hdc-pdp--v1 .hdc-v1-specs__table th {
		width: 42%;
		padding-right: 0.5rem;
		color: var(--steel);
		font-weight: 500;
	}

	.hdc-pdp--v1 .hdc-v1-specs__table td {
		padding-left: 0.5rem;
		color: var(--ink);
		font-weight: 600;
	}

	.hdc-pdp--v1 .hdc-v1-ask {
		font-weight: 700;
		text-underline-offset: 0.2em;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: underline;
		--link-hover-line: underline;
	}

	/* ---------------------------------------------------------------- Documents */
	.hdc-pdp--v1 .hdc-v1-docs {
		display: grid;
		gap: 0.75rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-docs__link {
		display: grid;
		grid-template-columns: 2.25rem minmax(0, 1fr) auto auto;
		align-items: center;
		gap: 1rem;
		height: 100%;
		padding: 1.25rem 1.5rem;
		border: 1px solid transparent;
		border-radius: var(--v1-r);
		background: var(--white);
		color: var(--ink);
		transition: border-color 0.15s;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: none;
	}

	.hdc-pdp--v1 .hdc-v1-docs__link:hover {
		border-color: var(--control);
	}

	.hdc-pdp--v1 .hdc-v1-docs__icon {
		width: 2.25rem;
		height: 2.25rem;
		color: var(--ink);
		stroke-width: 1.75;
	}

	.hdc-pdp--v1 .hdc-v1-docs__link--pdf .hdc-v1-docs__icon {
		color: var(--v1-pdf);
	}

	.hdc-pdp--v1 .hdc-v1-docs__words {
		display: grid;
		gap: 0.125rem;
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-docs__kind {
		font-size: 1.0625rem;
		font-weight: 750;
	}

	.hdc-pdp--v1 .hdc-v1-docs__title {
		color: var(--steel);
		font-size: 0.875rem;
		overflow-wrap: anywhere;
	}

	/* The file type: a small square tag, Adobe red with white letters for a PDF. */
	.hdc-pdp--v1 .hdc-v1-docs__type {
		padding: 0.25rem 0.4375rem;
		border-radius: var(--v1-r);
		background: var(--v1-panel);
		color: var(--ink);
		font-size: 0.75rem;
		font-weight: 800;
		letter-spacing: 0.04em;
		line-height: 1;
	}

	.hdc-pdp--v1 .hdc-v1-docs__link--pdf .hdc-v1-docs__type {
		background: var(--v1-pdf);
		color: var(--white);
	}

	.hdc-pdp--v1 .hdc-v1-docs__get {
		width: 1.25rem;
		height: 1.25rem;
		color: var(--steel);
	}

	.hdc-pdp--v1 .hdc-v1-docs__link:hover .hdc-v1-docs__get {
		color: var(--ink);
	}

	/* ---------------------------------------------------------------- Warranty */
	.hdc-pdp--v1 .hdc-v1-warranty__for {
		margin: 0 0 1.25rem;
		color: var(--steel);
		font-size: 1rem;
	}

	.hdc-pdp--v1 .hdc-v1-plates {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-plates__item {
		display: grid;
		align-content: start;
		gap: 0.375rem;
		padding: 1.25rem;
		border: 1px solid var(--v1-tint-line);
		border-radius: var(--v1-r);
		background: var(--v1-tint);
	}

	.hdc-pdp--v1 .hdc-v1-plates__icon {
		width: 2.25rem;
		height: 2.25rem;
		margin-bottom: 0.5rem;
	}

	.hdc-pdp--v1 .hdc-v1-plates__years {
		color: var(--ink);
		font-size: 2.25rem;
		font-stretch: 75%;
		font-weight: 800;
		line-height: 1;
	}

	.hdc-pdp--v1 .hdc-v1-plates__what {
		color: var(--steel);
		font-size: 0.875rem;
		font-weight: 600;
	}

	.hdc-pdp--v1 .hdc-v1-warranty__sub {
		margin: 2rem 0 1rem;
	}

	.hdc-pdp--v1 .hdc-v1-terms {
		display: grid;
		gap: 0.875rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-terms__item {
		display: grid;
		grid-template-columns: 1.75rem minmax(0, 1fr);
		align-items: center;
		gap: 0.875rem;
		color: var(--body);
		font-size: 1rem;
		line-height: 1.45;
	}

	.hdc-pdp--v1 .hdc-v1-terms__icon {
		width: 1.75rem;
		height: 1.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-warranty__ask {
		margin: 1.75rem 0 0;
		color: var(--ink);
		font-weight: 600;
	}

	.hdc-pdp--v1 .hdc-v1-warranty__phone {
		font-weight: 800;
		white-space: nowrap;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: underline;
		--link-hover-line: underline;
	}

	/* ---------------------------------------------------------------- Reviews */
	.hdc-pdp--v1 .hdc-v1-reviews__scores {
		max-width: 34rem;
	}

	.hdc-pdp--v1 .hdc-v1-quotes {
		display: grid;
		gap: 0.75rem;
		margin: 1.5rem 0 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-quotes__item {
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-quote {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		height: 100%;
		margin: 0;
		padding: 1.5rem;
		border: 1px solid var(--v1-tint-line);
		border-radius: var(--v1-r);
		background: var(--v1-tint);
	}

	.hdc-pdp--v1 .hdc-v1-quote__stars {
		font-size: 0.9375rem;
	}

	.hdc-pdp--v1 .hdc-v1-quote__text {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.hdc-pdp--v1 .hdc-v1-quote__text p {
		margin: 0;
		color: var(--body);
		font-size: 1.0625rem;
		line-height: 1.55;
	}

	.hdc-pdp--v1 .hdc-v1-quote__key {
		color: var(--ink);
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-quote__by {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.5rem 0.75rem;
		margin-top: auto;
		font-size: 0.9375rem;
	}

	.hdc-pdp--v1 .hdc-v1-quote__av {
		display: inline-grid;
		flex: none;
		place-items: center;
		width: 2.5rem;
		height: 2.5rem;
		border-radius: var(--v1-r);
		background: var(--ink);
		color: var(--white);
		font-size: 0.875rem;
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-quote__name {
		color: var(--ink);
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-quote__src {
		display: inline-flex;
		align-items: center;
		gap: 0.375rem;
		margin-left: auto;
		font-size: 0.8125rem;
		font-weight: 600;
		--link: var(--steel);
		--link-hover: var(--ink);
		--link-line: none;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-quote__src .hdc-rv-logo {
		width: 1rem;
		height: 1rem;
	}

	/* ---------------------------------------------------------------- How we work */
	.hdc-pdp--v1 .hdc-v1-steps {
		display: grid;
		gap: 1.75rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-steps__item {
		min-width: 0;
	}

	.hdc-pdp--v1 .hdc-v1-steps__icon {
		width: 2.5rem;
		height: 2.5rem;
		margin-bottom: 0.75rem;
	}

	.hdc-pdp--v1 .hdc-v1-steps__text {
		margin: 0;
		color: var(--body);
		font-size: 0.9375rem;
		line-height: 1.5;
	}

	.hdc-pdp--v1 .hdc-v1-ship {
		display: grid;
		gap: 1.25rem;
		margin-top: 2rem;
		padding: 1.25rem;
		border: 1px solid var(--v1-tint-line);
		border-radius: var(--v1-r);
		background: var(--v1-tint);
	}

	.hdc-pdp--v1 .hdc-v1-ship__title {
		margin: 0;
		color: var(--ink);
		font-size: 1.3125rem;
		font-weight: 750;
		line-height: 1.1;
	}

	.hdc-pdp--v1 .hdc-v1-ship__list {
		display: grid;
		gap: 1.125rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-ship__cell {
		display: grid;
		grid-template-columns: 2rem minmax(0, 1fr);
		align-items: center;
		gap: 0.125rem 0.875rem;
	}

	.hdc-pdp--v1 .hdc-v1-ship__icon {
		grid-row: span 2;
		align-self: start;
	}

	.hdc-pdp--v1 .hdc-v1-ship__name {
		color: var(--ink);
		font-weight: 700;
	}

	.hdc-pdp--v1 .hdc-v1-ship__text {
		color: var(--steel);
		font-size: 0.875rem;
		line-height: 1.4;
	}

	/* ---------------------------------------------------------------- Overview */
	.hdc-pdp--v1 .hdc-v1-overview__text {
		max-width: 48rem;
		color: var(--body);
		font-size: 1.0625rem;
		line-height: 1.65;
	}

	.hdc-pdp--v1 .hdc-v1-overview.is-clamped .hdc-v1-overview__text {
		max-height: 24rem;
		overflow: hidden;
		mask-image: linear-gradient(to bottom, var(--v1-fade) 65%, transparent);
	}

	.hdc-pdp--v1 .hdc-v1-overview__text > :first-child {
		margin-top: 0;
	}

	.hdc-pdp--v1 .hdc-v1-overview__text p {
		margin: 0 0 1em;
	}

	.hdc-pdp--v1 .hdc-v1-overview__text :is(h2, h3, h4) {
		margin: 1.5em 0 0.5em;
		color: var(--ink);
		font-size: 1.25rem;
		font-weight: 750;
		line-height: 1.2;
	}

	.hdc-pdp--v1 .hdc-v1-overview__text ul {
		margin: 0 0 1em;
		padding-left: 1.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-overview__text li {
		margin-block: 0.375rem;
		padding-left: 0.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-overview__text li::marker {
		color: var(--ink);
	}

	.hdc-pdp--v1 .hdc-v1-overview__more {
		display: inline-flex;
		align-items: center;
		min-height: 3rem;
		margin-top: 1rem;
		padding: 0 1.375rem;
		border: 1px solid var(--v1-tint-line);
		border-radius: var(--v1-r);
		background: var(--v1-tint);
		color: var(--ink);
		font: inherit;
		font-size: 1rem;
		font-weight: 700;
		cursor: pointer;
		transition: border-color 0.15s;
	}

	.hdc-pdp--v1 .hdc-v1-overview__more:hover {
		border-color: var(--control);
	}

	/* ---------------------------------------------------------------- Questions */
	.hdc-pdp--v1 .hdc-v1-faq {
		padding-block: 0.25rem;
	}

	.hdc-pdp--v1 .hdc-v1-faq__item + .hdc-v1-faq__item {
		border-top: 1px solid var(--line);
	}

	.hdc-pdp--v1 .hdc-v1-faq__q {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 1rem;
		min-height: 4rem;
		padding-block: 1rem;
		cursor: pointer;
		list-style: none;
	}

	.hdc-pdp--v1 .hdc-v1-faq__q::-webkit-details-marker {
		display: none;
	}

	.hdc-pdp--v1 .hdc-v1-faq__q:focus-visible {
		outline-offset: 2px;
	}

	.hdc-pdp--v1 .hdc-v1-faq__title {
		margin: 0;
		color: var(--ink);
		font-size: 1.0625rem;
		font-stretch: 100%;
		font-weight: 700;
		line-height: 1.35;
		text-wrap: pretty;
	}

	.hdc-pdp--v1 .hdc-v1-faq__q:hover .hdc-v1-faq__title {
		text-decoration: underline;
		text-underline-offset: 0.2em;
	}

	.hdc-pdp--v1 .hdc-v1-faq__sign {
		display: grid;
		place-items: center;
		width: 2.25rem;
		height: 2.25rem;
		border: 1px solid var(--v1-tint-line);
		border-radius: var(--v1-r);
		background: var(--v1-tint);
		color: var(--ink);
		transition: background-color 0.15s, color 0.15s;
	}

	.hdc-pdp--v1 .hdc-v1-faq__sign .hdc-v1-line {
		width: 1.125rem;
		height: 1.125rem;
		transition: transform 0.2s;
	}

	/* Open: the square turns ink and the plus inside it turns to a white cross. */
	.hdc-pdp--v1 .hdc-v1-faq__item[open] .hdc-v1-faq__sign {
		border-color: var(--ink);
		background: var(--ink);
		color: var(--white);
	}

	.hdc-pdp--v1 .hdc-v1-faq__item[open] .hdc-v1-faq__sign .hdc-v1-line {
		transform: rotate(45deg);
	}

	.hdc-pdp--v1 .hdc-v1-faq__a {
		max-width: 48rem;
		padding: 0 0 1.375rem;
		color: var(--body);
		font-size: 1rem;
		line-height: 1.6;
		--link: var(--ink);
		--link-hover: var(--ink);
		--link-line: underline;
		--link-hover-line: underline;
	}

	.hdc-pdp--v1 .hdc-v1-faq__a > :first-child {
		margin-top: 0;
	}

	.hdc-pdp--v1 .hdc-v1-faq__a > :last-child {
		margin-bottom: 0;
	}

	.hdc-pdp--v1 .hdc-v1-faq__a p {
		margin: 0 0 0.75em;
	}

	.hdc-pdp--v1 .hdc-v1-faq__a .hdc-phone {
		font-weight: 700;
		white-space: nowrap;
	}

	/* ---------------------------------------------------------------- Phones only */
	@media (max-width: 39.99rem) {
		.hdc-pdp--v1 .hdc-v1-nums__item {
			position: relative;
			padding: 0.875rem 0.875rem 0.9375rem;
		}

		.hdc-pdp--v1 .hdc-v1-nums__icon {
			position: absolute;
			top: 0.75rem;
			right: 0.75rem;
			width: 1.875rem;
			height: 1.875rem;
			margin: 0;
		}

		.hdc-pdp--v1 .hdc-v1-nums__figure {
			padding-right: 2.25rem;
		}

		/* Three numbers: two across, the third the full width. Long values: one per row. */
		.hdc-pdp--v1 .hdc-v1-nums--3 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-nums--3 .hdc-v1-nums__item:last-child {
			grid-column: 1 / -1;
		}

		.hdc-pdp--v1 .hdc-v1-nums.hdc-v1-nums--long {
			grid-template-columns: minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-v1-nums--long .hdc-v1-nums__item {
			padding-block: 0.75rem 0.8125rem;
		}

		.hdc-pdp--v1 .hdc-v1-nums--long .hdc-v1-nums__figure {
			font-size: 1.375rem;
		}

		.hdc-pdp--v1 .hdc-product-gallery__thumb {
			width: 3.5rem;
			height: 3.5rem;
		}

		.hdc-pdp--v1 .hdc-product-gallery__controls {
			margin: 0.5rem;
			padding: 0;
		}

		.hdc-pdp--v1 .hdc-product-gallery__step {
			display: none;
		}

		.hdc-pdp--v1 .hdc-product-gallery__count {
			min-width: 0;
			padding: 0.375rem 0.625rem;
			font-size: 0.8125rem;
		}

		.hdc-pdp--v1 .hdc-v1-split__photo--product {
			display: none;
		}

		.hdc-pdp--v1 .hdc-v1-docs__link {
			grid-template-columns: 2rem minmax(0, 1fr) auto;
			padding: 1rem 1.125rem;
		}

		.hdc-pdp--v1 .hdc-v1-docs__get {
			display: none;
		}

		.hdc-pdp--v1 .hdc-v1-specs__table th,
		.hdc-pdp--v1 .hdc-v1-specs__table td {
			padding-block: 0.6875rem;
		}

		.hdc-pdp--v1 .hdc-v1-specs__table th {
			padding-left: 1rem;
		}

		.hdc-pdp--v1 .hdc-v1-specs__table td {
			padding-right: 1rem;
		}
	}

	/* ---------------------------------------------------------------- 40rem */
	@media (min-width: 40rem) {
		.hdc-pdp--v1 .hdc-v1-act {
			grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-v1-act--one {
			grid-template-columns: minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-v1-nums--4 {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		/* Long values (lift spans, battery sentences): two by two until 80rem. */
		.hdc-pdp--v1 .hdc-v1-nums--4.hdc-v1-nums--long {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-promise {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			padding: 1.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-uses {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 2rem 1.75rem;
		}

		.hdc-pdp--v1 .hdc-v1-quotes {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-steps {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 2rem 1.75rem;
		}

		.hdc-pdp--v1 .hdc-v1-ship {
			padding: 1.5rem 1.75rem;
		}
	}

	/* ---------------------------------------------------------------- 48rem */
	@media (min-width: 48rem) {
		.hdc-pdp--v1 .hdc-v1-similar__list {
			grid-auto-columns: 46%;
		}

		.hdc-pdp--v1 .hdc-v1-jump__short {
			display: none;
		}

		.hdc-pdp--v1 .hdc-v1-jump__long {
			display: inline;
		}

		.hdc-pdp--v1 .hdc-v1-docs {
			grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-ship__list {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 1.5rem;
		}
	}

	/* ---------------------------------------------------------------- 64rem: two columns */
	@media (min-width: 64rem) {
		.hdc-pdp--v1 .hdc-v1-top {
			padding-bottom: 3.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-top__grid {
			grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
			align-items: start;
			gap: 3rem;
			margin-top: 1.5rem;
		}

		/* No photo: the content alone, at a readable width. */
		.hdc-pdp--v1 .hdc-v1-top__grid.hdc-v1-top__grid--solo {
			grid-template-columns: minmax(0, 56rem);
		}

		/* The photos stay in view while the right column scrolls past. */
		.hdc-pdp--v1 .hdc-v1-top__media {
			position: sticky;
			top: calc(var(--sticky) + 1.5rem);
		}

		/* The right column is narrow until 80rem: numbers two by two, buttons and promises in one column. */
		.hdc-pdp--v1 .hdc-v1-nums--4 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-act {
			grid-template-columns: minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-v1-promise {
			grid-template-columns: minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-product-gallery__thumb {
			width: 4.75rem;
			height: 4.75rem;
		}

		.hdc-pdp--v1 .hdc-v1-h2 {
			margin-bottom: 1.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-head {
			margin-bottom: 1.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-head--stack .hdc-v1-h2 {
			margin-bottom: 0.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-similar__list {
			grid-auto-columns: auto;
			grid-auto-flow: row;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 1.25rem;
			margin-inline: 0;
			padding-inline: 0;
			overflow: visible;
		}

		.hdc-pdp--v1 .hdc-v1-similar__list--2 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-jump {
			position: sticky;
			top: var(--sticky);
			z-index: 20;
		}

		.hdc-pdp--v1 .hdc-v1-jump + .hdc-v1-sec {
			padding-top: calc(var(--v1-space) - 0.75rem);
		}

		.hdc-pdp--v1 .hdc-v1-split--photo {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
			align-items: center;
			gap: 3.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-lines__item {
			font-size: 1.125rem;
		}

		.hdc-pdp--v1 .hdc-v1-uses--wide {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		/* Two balanced columns of group boxes; one group alone when picked. */
		.hdc-pdp--v1 .hdc-v1-specs {
			display: block;
			column-gap: 1.25rem;
			columns: 2;
		}

		.hdc-pdp--v1 .hdc-v1-specs__group {
			margin-bottom: 1.25rem;
		}

		.hdc-pdp--v1 .hdc-v1-specs.is-one {
			max-width: 56rem;
			columns: 1;
		}

		.hdc-pdp--v1 .hdc-v1-specs__title {
			padding: 1rem 1.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-specs__table th {
			padding-left: 1.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-specs__table td {
			padding-right: 1.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-quotes {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 1rem;
		}

		.hdc-pdp--v1 .hdc-v1-quote {
			padding: 1.75rem;
		}

		.hdc-pdp--v1 .hdc-v1-steps {
			grid-template-columns: repeat(5, minmax(0, 1fr));
			gap: 2rem;
		}

		.hdc-pdp--v1 .hdc-v1-ship {
			grid-template-columns: 10rem minmax(0, 1fr);
			align-items: center;
			gap: 2rem;
			margin-top: 2.5rem;
			padding: 1.75rem 2rem;
		}

		.hdc-pdp--v1 .hdc-v1-faq {
			padding-block: 0.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-faq__q {
			min-height: 4.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-faq__title {
			font-size: 1.1875rem;
		}

		.hdc-pdp--v1 .hdc-v1-faq__a {
			font-size: 1.0625rem;
		}
	}

	/* ---------------------------------------------------------------- 80rem */
	@media (min-width: 80rem) {
		.hdc-pdp--v1 .hdc-v1-top__grid {
			grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
			gap: 4.5rem;
		}

		.hdc-pdp--v1 .hdc-v1-nums--4,
		.hdc-pdp--v1 .hdc-v1-nums--4.hdc-v1-nums--long {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-act {
			grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-v1-act--one {
			grid-template-columns: minmax(0, 1fr);
		}

		.hdc-pdp--v1 .hdc-v1-promise {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-similar__list--4 {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.hdc-pdp--v1 .hdc-v1-split--photo {
			gap: 4.5rem;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.hdc-pdp--v1 .hdc-v1-call,
		.hdc-pdp--v1 .hdc-v1-rate,
		.hdc-pdp--v1 .hdc-v1-card,
		.hdc-pdp--v1 .hdc-v1-card__view .hdc-v1-line,
		.hdc-pdp--v1 .hdc-v1-jump__link,
		.hdc-pdp--v1 .hdc-v1-seg__btn,
		.hdc-pdp--v1 .hdc-v1-docs__link,
		.hdc-pdp--v1 .hdc-v1-overview__more,
		.hdc-pdp--v1 .hdc-v1-faq__sign,
		.hdc-pdp--v1 .hdc-v1-faq__sign .hdc-v1-line {
			transition: none;
		}

		.hdc-pdp--v1 .hdc-v1-card:hover .hdc-v1-card__view .hdc-v1-line {
			transform: none;
		}
	}
}