/*
 * Landing pages stylesheet — Tape-In, Normal Tape-In, Seamless, Invisible, Long,
 * Stitched, Clip editorial layouts.
 *
 * Split out from style.css to avoid loading ~90KB of unused CSS on non-landing
 * pages. Enqueued conditionally by unihair_enqueue_landing_page_styles() when
 * unihair_is_landingpage_content() returns true.
 *
 * Depends on the child style.css (handle: generate-child).
 */

/* Tape-In Hair Extensions landing page. */
body.landingpage,
body:has(.landingpage) {
	overflow-x: hidden;
}

body.landingpage #page.site.grid-container,
body:has(.landingpage) #page.site.grid-container {
	width: 100%;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

body.landingpage .site-content,
body:has(.landingpage) .site-content {
	display: block;
	width: 100%;
	max-width: none;
	padding: 0;
}

body.landingpage.separate-containers .site-main,
body.separate-containers:has(.landingpage) .site-main {
	margin: 0;
}

body.landingpage.separate-containers .inside-article,
body.separate-containers:has(.landingpage) .inside-article {
	padding: 0;
	background: transparent;
}

body.landingpage .entry-content,
body:has(.landingpage) .entry-content {
	margin-top: 0;
}

/* Restore the shared product-grid image fill after the landing image reset. */
.uv-tape-page .uv-products .uv-product-img {
	height: 100%;
}

.uv-tape-page {
	--font-sans: "Open Sans", Arial, Helvetica, sans-serif;
	--font-serif: "Cormorant Garamond", Garamond, Georgia, serif;
	--uv-tape-section-y: 5.5rem;
	--uv-tape-grid-gap: 1.25rem;
	--uv-tape-copy-line: 1.72;
	--uv-tape-title-size: 38px;
	--uv-tape-title-line-height: 1.12;
	overflow-x: clip;
	background: var(--color-background);
	color: var(--color-text);
	font-family: var(--font-sans);
}

.uv-tape-page *,
.uv-tape-page *::before,
.uv-tape-page *::after {
	box-sizing: border-box;
}

.uv-tape-page img {
	display: block;
	width: 100%;
	height: auto;
}

.uv-tape-page :where(h1, h2, h3, p, ul, ol, dl, figure) {
	margin-top: 0;
}

.uv-tape-page :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, a, span, strong, summary) {
	overflow-wrap: break-word;
}

.uv-tape-page :where(section[id]) {
	scroll-margin-top: calc(var(--uv-header-height, 7.5rem) + var(--space-5));
}

.uv-tape-page .uv-title span {
	color: var(--color-primary);
}

.landingpage.uv-tape-page :where(h1, h2, h3, h4, h5, h6, .uv-title) {
	font-family: var(--font-serif);
}

.uv-tape-hero {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1920 / 680;
	margin-left: 0;
	overflow: hidden;
}

.uv-tape-hero-media,
.uv-tape-hero-media picture,
.uv-tape-hero-media img {
	display: block;
	width: 100%;
	height: 100%;
}

.uv-tape-hero-media {
	margin: 0;
}

.uv-tape-hero-media img {
	max-width: none;
	object-fit: cover;
	object-position: center center;
}

.landingpage .uv-tape-page-heading {
	padding-top: clamp(3rem, 5vw, 4.75rem);
	padding-right: var(--layout-gutter);
	padding-bottom: 0;
	padding-left: var(--layout-gutter);
	background: var(--color-surface);
}

.uv-tape-page-heading-inner {
	max-width: 62rem;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.landingpage .uv-tape-page-heading-title {
	margin: 0;
	color: var(--color-text);
	font-size: clamp(2.25rem, 4.25vw, 3.8rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.08;
	text-transform: none;
}

.uv-tape-page-heading-lead {
	max-width: 48rem;
	margin: 1rem auto 0;
	color: var(--color-muted);
	font-size: clamp(1rem, 1.25vw, 1.125rem);
	font-weight: 400;
	line-height: 1.65;
}

.uv-tape-page-heading-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin-top: 1.35rem;
}

.uv-tape-page-heading-actions :where(.uv-btn-solid, .uv-btn-ghost) {
	min-height: 3.2rem;
	padding-right: 1.35rem;
	padding-left: 1.35rem;
	font-weight: 500;
	text-align: center;
}

.uv-tape-quick-compare-table {
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
}

.uv-tape-quick-compare-row {
	display: grid;
	grid-template-columns: minmax(13rem, 1.08fr) minmax(10rem, 0.76fr) minmax(15rem, 1.2fr) max-content;
	gap: 1.5rem;
	align-items: center;
	padding: 1rem 0;
	border-top: 1px solid var(--color-border-soft);
}

.uv-tape-quick-compare-row:first-child {
	border-top: 0;
}

.uv-tape-quick-compare-row-head {
	min-height: 2.8rem;
	padding-top: 0;
	padding-bottom: 0;
	color: var(--color-muted);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.25;
	text-transform: uppercase;
}

.uv-tape-quick-compare-product {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	min-width: 0;
}

.uv-tape-quick-compare-image {
	display: block;
	flex: 0 0 4.5rem;
	width: 4.5rem;
	height: 5.25rem;
	overflow: hidden;
	background: var(--color-surface);
}

.uv-tape-quick-compare-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.uv-tape-quick-compare-product h3 {
	margin: 0;
	color: var(--color-text);
	font-size: 1.28rem;
	font-weight: 400;
	line-height: 1.15;
}

.uv-tape-quick-compare-cell p {
	margin: 0;
	color: var(--color-text);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.5;
}

.uv-tape-quick-compare-label {
	display: none;
}

.uv-tape-quick-compare-link {
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	justify-content: flex-end;
	color: var(--color-primary);
	font-size: 0.82rem;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
	white-space: nowrap;
}

.uv-tape-quick-compare-link:hover,
.uv-tape-quick-compare-link:focus-visible {
	color: var(--color-text);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

.uv-tape-quick-compare-link:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.2rem;
}

.uv-tape-hero.uv-raw-hair-hero {
	height: auto;
	aspect-ratio: 2172 / 724;
}

@media (max-width: 48rem) {
	.uv-tape-hero {
		height: auto;
		aspect-ratio: 941 / 1672;
	}

	.uv-tape-hero.uv-raw-hair-hero {
		aspect-ratio: 941 / 1672;
	}

	.landingpage .uv-tape-page-heading {
		padding-top: 2.5rem;
		padding-right: var(--uv-tape-mobile-gutter);
		padding-bottom: 0;
		padding-left: var(--uv-tape-mobile-gutter);
	}

	.landingpage .uv-tape-page-heading-title {
		font-size: clamp(2rem, 9vw, 2.55rem);
	}

	.uv-tape-page-heading-lead {
		margin-top: 0.85rem;
		font-size: 0.95rem;
		line-height: 1.6;
	}

	.uv-tape-quick-compare-row-head {
		display: none;
	}

	.uv-tape-quick-compare-row {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.7rem;
		padding-top: 1.15rem;
		padding-bottom: 1.15rem;
	}

	.uv-tape-quick-compare-product {
		gap: 0.8rem;
	}

	.uv-tape-quick-compare-image {
		flex-basis: 4rem;
		width: 4rem;
		height: 4.75rem;
	}

	.uv-tape-quick-compare-product h3 {
		font-size: 1.2rem;
	}

	.uv-tape-quick-compare-cell {
		display: grid;
		grid-template-columns: minmax(6.25rem, 0.65fr) minmax(0, 1fr);
		gap: 0.75rem;
		align-items: baseline;
	}

	.uv-tape-quick-compare-label {
		display: block;
		color: var(--color-muted);
		font-size: 0.68rem;
		font-weight: 400;
		letter-spacing: 0.08em;
		line-height: 1.35;
		text-transform: uppercase;
	}

	.uv-tape-quick-compare-cell p {
		font-size: 0.9rem;
		line-height: 1.5;
	}

	.uv-tape-quick-compare-link {
		justify-content: flex-start;
		margin-top: 0.15rem;
		font-size: 0.86rem;
	}
}

.uv-tape-section-head {
	display: grid;
	grid-template-columns: minmax(0, 0.94fr) minmax(22rem, 0.72fr);
	align-items: end;
	gap: 5.5rem;
	margin-bottom: 3rem;
}

.uv-tape-section-head .uv-title,
.uv-tape-section-head .uv-description {
	margin: 0;
}

.uv-tape-section-head .uv-description {
	max-width: var(--layout-summary);
}

.uv-tape-about-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.98fr) minmax(22rem, 0.78fr);
	gap: 3rem;
	align-items: center;
}

.uv-tape-about-text {
	max-width: 37rem;
	gap: 1.4rem;
	padding-top: var(--space-1);
}

.uv-tape-about-text p {
	color: var(--color-muted);
	font-size: var(--text-base);
	line-height: 1.72;
}

.uv-tape-richtext {
	display: grid;
	gap: var(--space-4);
	color: var(--color-muted);
	font-size: var(--text-base);
	line-height: var(--text-base--line-height);
}

.uv-tape-richtext p {
	margin: 0;
}

.uv-tape-product {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	box-shadow: none;
	transition: border-color 180ms ease, transform 180ms ease;
}

.uv-tape-product:hover {
	border-color: var(--color-border);
	transform: translateY(-0.12rem);
}

.uv-tape-product-media {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1;
	background: var(--color-surface-muted);
}

.uv-tape-product-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center;
	transition: transform 260ms ease;
}

.uv-tape-product:hover .uv-tape-product-media img {
	transform: scale(1.035);
}

.uv-tape-product-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0.85rem;
	padding: 1.25rem;
}

.uv-tape-product h3 {
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: 1.12rem;
	font-weight: 400;
	line-height: 1.22;
	text-transform: none;
}

.uv-tape-product p {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.95rem;
	line-height: 1.68;
}

.uv-tape-choice-table {
	overflow: hidden;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	box-shadow: 0 1rem 2rem var(--color-border-soft);
}

.uv-tape-choice-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
	border-bottom: 1px solid var(--color-border-soft);
}

.uv-tape-choice-row:last-child {
	border-bottom: 0;
}

.uv-tape-choice-row span,
.uv-tape-choice-row strong {
	padding: var(--space-4) var(--space-5);
	font-size: var(--text-sm);
	line-height: var(--text-sm--line-height);
}

.uv-tape-choice-row span {
	color: var(--color-muted);
}

.uv-tape-choice-row strong {
	color: var(--color-text);
	text-transform: uppercase;
}

.landingpage :where(.uv-btn-solid, .uv-btn-ghost, .uv-btn-slider-ghost)[href^="https://wa.me/"] {
	gap: var(--space-2);
}

.landingpage :where(.uv-btn-solid, .uv-btn-ghost, .uv-btn-slider-ghost)[href^="https://wa.me/"]::before {
	display: inline-block;
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	background: currentColor;
	-webkit-mask: url("/wp-content/uploads/2026/06/whatsappicon.svg") center / contain no-repeat;
	mask: url("/wp-content/uploads/2026/06/whatsappicon.svg") center / contain no-repeat;
	content: "";
}

/* Tape page typography and layout polish. */
.uv-tape-page .uv-section {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.uv-tape-page .uv-kicker {
	margin-bottom: var(--space-4);
	color: var(--color-primary);
	font-size: 0.75rem;
	letter-spacing: 0.18em;
	line-height: 1.25;
}

.uv-tape-page .uv-title {
	margin-bottom: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: var(--uv-tape-title-size);
	font-weight: 400;
	line-height: var(--uv-tape-title-line-height);
	text-transform: uppercase;
}

.uv-tape-page .uv-description,
.uv-tape-richtext p {
	color: var(--color-muted);
	font-size: 1rem;
	line-height: var(--uv-tape-copy-line);
}

.uv-tape-about-media {
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-sm);
	background: var(--color-surface-muted);
}

.uv-tape-about-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.uv-tape-about-copy .uv-title {
	margin: 0;
}

.uv-tape-product-intro {
	display: grid;
	gap: 0.65rem;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid var(--color-border-soft);
}

.uv-tape-product-intro h3 {
	margin-bottom: 0.55rem;
	font-size: 1.25rem;
	line-height: 1.2;
}

.landingpage #pl-gallery .uv-tape-product-slider {
	display: flex;
	gap: 1rem;
	margin: 0 -0.25rem;
	padding: 0.25rem 0.25rem 1rem;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-padding-inline: 0.25rem;
	scroll-snap-type: x mandatory;
	scrollbar-color: var(--color-primary) var(--color-border-soft);
	scrollbar-width: thin;
}

.landingpage #pl-gallery .uv-tape-product-slider-wrap {
	position: relative;
	--uv-tape-product-media-height: 400px;
}

.landingpage #pl-gallery .uv-tape-slider-controls {
	position: absolute;
	top: 40%;
	right: 0.4rem;
	left: 0.4rem;
	z-index: 4;
	display: flex;
	justify-content: space-between;
	gap: 0;
	margin: 0;
	pointer-events: none;
	transform: translateY(-50%);
}

.landingpage #pl-gallery .uv-tape-slider-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.65rem;
	height: 2.65rem;
	border: 1px solid var(--color-border);
	border-radius: 999rem;
	background: var(--color-surface);
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	pointer-events: auto;
	cursor: pointer;
	box-shadow: 0 0.75rem 1.5rem rgb(21 17 18 / 16%);
	transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.landingpage #pl-gallery .uv-tape-slider-arrow:hover,
.landingpage #pl-gallery .uv-tape-slider-arrow:focus-visible {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--color-inverse);
	transform: translateY(-0.08rem);
}

.landingpage #pl-gallery .uv-tape-slider-arrow:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.18rem;
}

.landingpage #pl-gallery .uv-tape-slider-arrow:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	transform: none;
}

.landingpage #pl-gallery .uv-tape-slider-arrow:disabled:hover,
.landingpage #pl-gallery .uv-tape-slider-arrow:disabled:focus-visible {
	border-color: var(--color-border);
	background: var(--color-surface);
	color: var(--color-text);
}

@media (min-width: 1101px) {
	.landingpage #pl-gallery .uv-tape-product-slider-wrap .uv-tape-slider-controls {
		inset: 0;
		display: block;
		transform: none;
	}

	.landingpage #pl-gallery .uv-tape-product-slider-wrap .uv-tape-slider-arrow {
		position: absolute;
		top: clamp(1.5rem, var(--uv-tape-slider-pointer-y, 40%), calc(100% - 1.5rem));
		left: clamp(1.5rem, var(--uv-tape-slider-pointer-x, 50%), calc(100% - 1.5rem));
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translate(-50%, -50%) scale(0.96);
	}

	.landingpage #pl-gallery .uv-tape-product-slider-wrap.is-uv-tape-cursor-nav.is-uv-tape-hover-left .uv-tape-slider-arrow-prev,
	.landingpage #pl-gallery .uv-tape-product-slider-wrap.is-uv-tape-cursor-nav.is-uv-tape-hover-right .uv-tape-slider-arrow-next {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translate(-50%, -50%) scale(1);
	}

	.landingpage #pl-gallery .uv-tape-product-slider-wrap.is-uv-tape-cursor-nav .uv-tape-slider-arrow:hover,
	.landingpage #pl-gallery .uv-tape-product-slider-wrap.is-uv-tape-cursor-nav .uv-tape-slider-arrow:focus-visible {
		transform: translate(-50%, -50%) scale(1);
	}

	.landingpage #pl-gallery .uv-tape-product-slider-wrap.is-uv-tape-cursor-nav.is-uv-tape-hover-left .uv-tape-slider-arrow-prev:disabled,
	.landingpage #pl-gallery .uv-tape-product-slider-wrap.is-uv-tape-cursor-nav.is-uv-tape-hover-right .uv-tape-slider-arrow-next:disabled {
		opacity: 0.35;
		visibility: visible;
		pointer-events: none;
	}
}

.landingpage #pl-gallery .uv-tape-product-slider::-webkit-scrollbar {
	height: 0.45rem;
}

.landingpage #pl-gallery .uv-tape-product-slider::-webkit-scrollbar-track {
	background: var(--color-border-soft);
}

.landingpage #pl-gallery .uv-tape-product-slider::-webkit-scrollbar-thumb {
	border-radius: 999rem;
	background: var(--color-primary);
}

.landingpage #pl-gallery .uv-tape-product-compare {
	flex: 0 0 min(100%, 22.5rem);
	scroll-snap-align: start;
	box-shadow: none;
	text-align: center;
}

.landingpage #pl-gallery .uv-tape-product-compare:hover {
	transform: translateY(-0.08rem);
}

.landingpage #pl-gallery .uv-tape-product-media {
	height: var(--uv-tape-product-media-height);
	aspect-ratio: auto;
	border-bottom: 1px solid var(--color-border-soft);
}

.landingpage #pl-gallery .uv-tape-product-media[data-uv-tape-media] {
	cursor: zoom-in;
}

.landingpage #pl-gallery .uv-tape-product-media-track {
	position: absolute;
	inset: 0;
	pointer-events: auto;
}

.landingpage #pl-gallery .uv-tape-product-media[data-uv-tape-media] img {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(1.01);
	transition: opacity 220ms ease, transform 260ms ease;
}

.landingpage #pl-gallery .uv-tape-product-media[data-uv-tape-media] img.is-active {
	z-index: 1;
	opacity: 1;
	transform: scale(1);
}

.landingpage #pl-gallery .uv-tape-product-media-track:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: -4px;
}

.uv-tape-media-lightbox .pl-lb-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 4px;
	box-shadow: 0 30px 80px -20px rgb(0 0 0 / .6);
}

.landingpage #pl-gallery .uv-tape-product:hover .uv-tape-product-media[data-uv-tape-media] img.is-active {
	transform: scale(1.035);
}

.landingpage #pl-gallery .uv-tape-media-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	border: 1px solid var(--color-border);
	border-radius: 999rem;
	background: var(--color-surface);
	color: var(--color-text);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 0.6rem 1.4rem rgb(21 17 18 / 14%);
	opacity: 0.94;
	transform: translateY(-50%);
	transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.landingpage #pl-gallery .uv-tape-media-arrow-prev {
	left: 0.65rem;
}

.landingpage #pl-gallery .uv-tape-media-arrow-next {
	right: 0.65rem;
}

.landingpage #pl-gallery .uv-tape-media-arrow:hover,
.landingpage #pl-gallery .uv-tape-media-arrow:focus-visible {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--color-inverse);
}

.landingpage #pl-gallery .uv-tape-media-arrow:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.16rem;
}

.landingpage #pl-gallery .uv-tape-media-dots {
	position: absolute;
	right: 0.75rem;
	bottom: 0.65rem;
	left: 0.75rem;
	z-index: 4;
	display: flex;
	justify-content: center;
	gap: 0.36rem;
	pointer-events: auto;
}

.landingpage #pl-gallery .uv-tape-media-dot {
	display: block;
	width: 1.18rem;
	height: 0.15rem;
	padding: 0;
	border: 0;
	border-radius: 999rem;
	background: var(--color-border);
	opacity: 0.75;
	cursor: pointer;
	transition: background-color 180ms ease, opacity 180ms ease, width 180ms ease;
}

.landingpage #pl-gallery .uv-tape-media-dot.is-active,
.landingpage #pl-gallery .uv-tape-media-dot[aria-current="true"] {
	width: 1.65rem;
	background: var(--color-primary);
	opacity: 1;
}

.landingpage #pl-gallery .uv-tape-media-dot:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.18rem;
}

@media (hover: hover) and (pointer: fine) {
	.landingpage #pl-gallery .uv-tape-media-arrow {
		pointer-events: none;
		opacity: 0;
		transform: translateY(-50%) scale(0.96);
	}

	.landingpage #pl-gallery .uv-tape-product-media:hover .uv-tape-media-arrow,
	.landingpage #pl-gallery .uv-tape-product-media:focus-within .uv-tape-media-arrow {
		pointer-events: auto;
		opacity: 0.96;
		transform: translateY(-50%) scale(1);
	}
}

.landingpage #pl-gallery .uv-tape-product-body {
	gap: 0.72rem;
	padding: 1rem 0.95rem 0;
}

.landingpage #pl-gallery .uv-tape-product-intro {
	min-height: 6.6rem;
	padding-bottom: 0;
	border-bottom: 0;
	text-align: center;
}

.landingpage #pl-gallery .uv-tape-product-intro h3 {
	margin: 0;
	font-size: 1.12rem;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.landingpage #pl-gallery .uv-tape-product-title-link {
	color: inherit;
	text-decoration: none;
	transition: color 180ms ease;
}

.landingpage #pl-gallery .uv-tape-product-title-link:hover,
.landingpage #pl-gallery .uv-tape-product-title-link:focus-visible {
	color: var(--color-primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

.landingpage #pl-gallery .uv-tape-product-title-link:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.2rem;
}

.landingpage #pl-gallery .uv-tape-product-summary {
	max-width: 18.5rem;
	margin: 0 auto;
	font-size: 0.84rem;
	line-height: 1.55;
}

.landingpage #pl-gallery .uv-tape-product-button {
	width: 100%;
	min-height: 2.55rem;
	padding: 0.62rem 0.85rem;
	font-size: 0.76rem;
	letter-spacing: 0.04em;
	text-align: center;
	white-space: normal;
}

.landingpage #pl-gallery .uv-tape-product-spec-list {
	display: grid;
	margin: 0.1rem -0.95rem 0;
	border-top: 1px solid var(--color-border-soft);
}

.landingpage #pl-gallery .uv-tape-product-spec {
	display: grid;
	align-content: start;
	justify-items: center;
	gap: 0.32rem;
	min-height: 0;
	padding: 0.78rem 0.82rem;
	border-bottom: 1px solid var(--color-border-soft);
	text-align: center;
	overflow: visible;
}

.landingpage #pl-gallery .uv-tape-product-spec:last-child {
	border-bottom: 0;
}

.landingpage #pl-gallery .uv-tape-product-spec dt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 0.34rem 0.72rem;
	border-radius: 3px;
	background: var(--color-text);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: none;
	text-align: center;
	overflow-wrap: anywhere;
}

.landingpage #pl-gallery .uv-tape-product-spec dd {
	margin: 0;
	color: var(--color-text);
	font-size: 0.82rem;
	font-weight: 400;
	line-height: 1.48;
	text-align: center;
	overflow-wrap: anywhere;
}

#uv-tape-choose {
	background: var(--color-surface-soft);
}

#uv-tape-choose .uv-tape-choice {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

#uv-tape-choose .uv-tape-quick-compare-table {
	grid-column: 1 / -1;
	width: 100%;
}

.uv-tape-choice-head {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 0.68fr);
	gap: 5.5rem;
	align-items: end;
	margin-bottom: 0.75rem;
}

.uv-tape-choice-head .uv-title,
.uv-tape-choice-head .uv-description {
	margin: 0;
}

#uv-tape-choose .uv-tape-choice-table {
	width: 100%;
	min-width: 0;
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	box-shadow: none;
}

#uv-tape-choose .uv-tape-choice-row {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	min-height: 4rem;
	border-bottom-color: var(--color-border-soft);
}

#uv-tape-choose .uv-tape-choice-row span,
#uv-tape-choose .uv-tape-choice-row strong {
	display: flex;
	align-items: center;
	padding: 1rem 1.5rem;
	font-size: 0.9rem;
	line-height: 1.45;
	text-transform: none;
}

#uv-tape-choose .uv-tape-choice-row span {
	color: var(--color-text);
}

#uv-tape-choose .uv-tape-choice-row strong {
	color: var(--color-text);
	font-weight: 400;
}

#uv-tape-choose .uv-tape-choice-row-head {
	min-height: 3.25rem;
	border-bottom: 0;
	background: var(--color-text);
}

#uv-tape-choose .uv-tape-choice-row-head span,
#uv-tape-choose .uv-tape-choice-row-head strong {
	color: var(--color-inverse);
	font-size: 0.78rem;
	font-weight: 400;
}

#uv-tape-choose .uv-tape-choice-video {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	justify-self: center;
	width: min(100%, 32rem);
	min-width: 0;
	align-self: start;
}

#uv-tape-choose .uv-tape-choice-video-frame {
	overflow: hidden;
	width: 100%;
	aspect-ratio: 9 / 16;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-text);
	box-shadow: 0 1rem 2rem rgb(21 17 18 / 8%);
}

#uv-tape-choose .uv-tape-choice-video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 68.75rem) {
	.uv-tape-page {
		--uv-tape-section-y: 4.75rem;
	}

	.uv-tape-section-head,
	.uv-tape-choice-head,
	.uv-tape-about-layout,
	#uv-tape-choose .uv-tape-choice {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}

	.uv-tape-about-media {
		aspect-ratio: 16 / 11;
	}

	.uv-tape-about-text,
	#uv-tape-benefits .uv-title,
	#uv-tape-benefits .uv-description {
		max-width: 42rem;
	}

	#uv-tape-choose .uv-tape-choice-table {
		width: 100%;
	}

}

@media (max-width: 51.25rem) {
	.uv-tape-page {
		--uv-tape-mobile-gutter: clamp(1rem, 4.8vw, 1.35rem);
		--uv-tape-section-y: 3.25rem;
		--uv-tape-grid-gap: 0.9rem;
		--uv-tape-title-size: 1.65rem;
		--uv-tape-title-line-height: 1.16;
	}

	.uv-tape-page .uv-section {
		padding-top: var(--uv-tape-section-y);
		padding-right: var(--uv-tape-mobile-gutter);
		padding-bottom: var(--uv-tape-section-y);
		padding-left: var(--uv-tape-mobile-gutter);
	}

	.uv-tape-page .uv-kicker {
		margin-bottom: 0.7rem;
		font-size: 0.7rem;
		line-height: 1.25;
	}

	.uv-tape-page .uv-description,
	.uv-tape-richtext p {
		font-size: 0.94rem;
		line-height: 1.62;
	}

	.uv-tape-section-head,
	.uv-tape-choice-head {
		gap: 1rem;
		margin-bottom: 1.75rem;
	}

	.uv-tape-about-layout,
	#uv-tape-choose .uv-tape-choice {
		gap: 1.5rem;
	}

	.uv-tape-about-media,
	.uv-tape-product-media {
		aspect-ratio: 4 / 3;
	}

	.uv-tape-product-body {
		gap: 0.72rem;
		padding: 0.9rem;
	}

	.uv-tape-product h3,
	.uv-tape-product-intro h3 {
		font-size: 1.02rem;
		line-height: 1.25;
	}

	.uv-tape-product p,
	#uv-tape-choose .uv-tape-choice-row span {
		font-size: 0.9rem;
		line-height: 1.62;
	}

	.uv-tape-product-intro {
		gap: 0.55rem;
		padding-bottom: 0.9rem;
	}

	#uv-tape-choose .uv-tape-choice-row,
	#uv-tape-choose .uv-tape-choice-row-head {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		min-height: 0;
	}

	#uv-tape-choose .uv-tape-choice-row span,
	#uv-tape-choose .uv-tape-choice-row strong {
		display: flex;
		align-items: center;
		padding: 0.8rem 0.75rem;
		font-size: 0.8rem;
		line-height: 1.45;
	}

	#uv-tape-choose .uv-tape-choice-row strong {
		padding-top: 0.8rem;
	}

	#uv-tape-choose .uv-tape-choice-row-head span,
	#uv-tape-choose .uv-tape-choice-row-head strong {
		padding-top: 0.7rem;
		padding-bottom: 0.7rem;
		font-size: 0.72rem;
	}

}

@media (max-width: 23.75rem) {
	.uv-tape-page {
		--uv-tape-mobile-gutter: 0.9rem;
		--uv-tape-title-size: 1.45rem;
	}

}

/* Tape page benefits editorial section. */
#uv-tape-benefits.uv-tape-benefits-showcase {
	position: relative;
	overflow: hidden;
	padding-top: 10.25rem;
	padding-bottom: 1rem;
	background: linear-gradient(90deg, var(--color-surface) 39%, var(--color-surface) 59%, rgb(255 255 255 / 0%) 70%), url(/wp-content/uploads/2026/07/install-tap-in-hair-extension.webp) right top / 52rem auto no-repeat, var(--color-surface);
	color: var(--color-text);
	isolation: isolate;
}

#uv-tape-benefits .uv-tape-benefits-shell {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 2.15rem;
}

#uv-tape-benefits .uv-tape-benefits-copy {
	display: grid;
	width: min(100%, 47rem);
	gap: 1.35rem;
}

#uv-tape-benefits .uv-tape-benefits-kicker {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
	color: var(--color-primary);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	line-height: 1.25;
}

#uv-tape-benefits .uv-tape-benefits-kicker::after {
	display: block;
	width: 3.2rem;
	height: 1px;
	background: currentColor;
	content: "";
}

#uv-tape-benefits .uv-tape-benefits-title {
	display: grid;
	gap: 0.25rem;
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: var(--uv-tape-title-size);
	font-weight: 400;
	letter-spacing: 0;
	line-height: var(--uv-tape-title-line-height);
	text-transform: uppercase;
}

#uv-tape-benefits .uv-tape-benefits-title span {
	display: block;
	color: inherit;
}

#uv-tape-benefits .uv-tape-benefits-title span:last-child {
	color: var(--color-primary);
}

#uv-tape-benefits .uv-tape-benefits-rule {
	display: block;
	width: 3.7rem;
	height: 1px;
	background: var(--color-primary);
}

#uv-tape-benefits .uv-tape-benefits-summary {
	max-width: 41rem;
	color: var(--color-text);
	font-size: 1.06rem;
	font-weight: 400;
	line-height: 1.62;
}

#uv-tape-benefits .uv-tape-benefits-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: 0.15rem;
}

#uv-tape-benefits .uv-tape-benefits-actions .uv-btn-solid,
#uv-tape-benefits .uv-tape-benefits-actions .uv-btn-ghost {
	min-width: 11.75rem;
}

#uv-tape-benefits .uv-tape-feature-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.55rem;
	margin-top: 0.7rem;
}

#uv-tape-benefits .uv-tape-card {
	display: grid;
	align-content: start;
	min-height: 15.75rem;
	gap: 1.1rem;
	padding: 1.65rem 1.55rem;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: rgb(255 255 255 / 88%);
	box-shadow: 0 1rem 2.5rem rgb(21 17 18 / 6%);
	backdrop-filter: blur(8px);
}

#uv-tape-benefits .uv-tape-card-number {
	display: grid;
	gap: 0.75rem;
	margin: 0 0 0.25rem;
	color: var(--color-primary);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
}

#uv-tape-benefits .uv-tape-card-number::after {
	display: block;
	width: 2.65rem;
	height: 1px;
	background: currentColor;
	content: "";
}

#uv-tape-benefits .uv-tape-card h3 {
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.18;
	text-transform: uppercase;
}

#uv-tape-benefits .uv-tape-card p:not(.uv-tape-card-number) {
	margin: 0;
	color: var(--color-text);
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 90rem) {
	#uv-tape-benefits.uv-tape-benefits-showcase {
		background:
			linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface) 43%, rgb(255 255 255 / 88%) 68%, rgb(255 255 255 / 24%) 100%),
			url("/wp-content/uploads/2026/07/install-tap-in-hair-extension.webp") right top / 52rem auto no-repeat,
			var(--color-surface);
	}

	#uv-tape-benefits .uv-tape-feature-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 68.75rem) {
	#uv-tape-benefits.uv-tape-benefits-showcase {
		padding-top: 4rem;
		background:
			linear-gradient(90deg, rgb(255 255 255 / 94%) 0%, rgb(255 255 255 / 84%) 58%, rgb(255 255 255 / 34%) 100%),
			url("/wp-content/uploads/2026/07/install-tap-in-hair-extension.webp") right top / 36rem auto no-repeat,
			var(--color-surface);
	}

	#uv-tape-benefits .uv-tape-benefits-copy {
		width: min(100%, 39rem);
	}

	#uv-tape-benefits .uv-tape-feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 51.25rem) {
	#uv-tape-benefits.uv-tape-benefits-showcase {
		padding-top: 3.4rem;
		padding-bottom: 2.4rem;
		background:
			linear-gradient(90deg, rgb(255 255 255 / 94%) 0%, rgb(255 255 255 / 82%) 58%, rgb(255 255 255 / 26%) 100%),
			url("/wp-content/uploads/2026/07/install-tap-in-hair-extension.webp") right top / 24rem auto no-repeat,
			var(--color-surface);
	}

	#uv-tape-benefits .uv-tape-benefits-shell {
		gap: 1.4rem;
	}

	#uv-tape-benefits .uv-tape-benefits-copy {
		gap: 1rem;
	}

	#uv-tape-benefits .uv-tape-benefits-kicker {
		font-size: 0.7rem;
	}

	#uv-tape-benefits .uv-tape-benefits-kicker::after,
	#uv-tape-benefits .uv-tape-benefits-rule {
		width: 2.6rem;
	}

	#uv-tape-benefits .uv-tape-benefits-summary {
		font-size: 0.96rem;
		line-height: 1.58;
	}

	#uv-tape-benefits .uv-tape-benefits-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	#uv-tape-benefits .uv-tape-benefits-actions .uv-btn-solid,
	#uv-tape-benefits .uv-tape-benefits-actions .uv-btn-ghost {
		width: 100%;
		min-width: 0;
	}

	#uv-tape-benefits .uv-tape-feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.65rem;
		margin-top: 0.2rem;
	}

	#uv-tape-benefits .uv-tape-card {
		min-height: 0;
		gap: 0.7rem;
		padding: 1rem 0.85rem;
	}

	#uv-tape-benefits .uv-tape-card-number {
		gap: 0.55rem;
		font-size: 0.92rem;
	}

	#uv-tape-benefits .uv-tape-card h3 {
		font-size: 0.82rem;
		line-height: 1.2;
	}

	#uv-tape-benefits .uv-tape-card p:not(.uv-tape-card-number) {
		font-size: 0.82rem;
		line-height: 1.5;
	}
}

/* Tape page installation video section. */
#uv-tape-installation.uv-tape-install-showcase {
	--uv-tape-install-line: rgb(197 46 88 / 20%);
	--uv-tape-install-line-strong: rgb(197 46 88 / 38%);
	overflow: hidden;
	padding-top: 5.75rem;
	padding-bottom: 5.75rem;
	border-top: 1px solid var(--uv-tape-install-line-strong);
	background: var(--color-surface);
}

#uv-tape-installation .uv-tape-install-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(31rem, 0.92fr);
	gap: 3rem;
	align-items: self-end;
}

#uv-tape-installation .uv-tape-install-copy {
	display: grid;
	gap: 0;
	min-width: 0;
}

#uv-tape-installation .uv-tape-install-kicker {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 0 1.45rem;
	color: var(--color-primary);
	font-family: var(--font-sans);
	font-size: 0.78rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: uppercase;
}

#uv-tape-installation .uv-tape-install-kicker::after {
	display: block;
	width: 3.2rem;
	height: 1px;
	background: var(--color-primary);
	content: "";
}

#uv-tape-installation .uv-tape-install-title {
	display: grid;
	gap: 0.18em;
	max-width: 46rem;
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: var(--uv-tape-title-size);
	font-weight: 400;
	letter-spacing: 0;
	line-height: var(--uv-tape-title-line-height);
	text-transform: uppercase;
}

#uv-tape-installation .uv-tape-install-title span {
	display: block;
	color: inherit;
}

#uv-tape-installation .uv-tape-install-title span:last-child {
	color: var(--color-primary);
}

#uv-tape-installation .uv-tape-install-summary {
	max-width: 42rem;
	margin: 1.45rem 0 0;
	color: var(--color-muted);
	font-size: 1.05rem;
	line-height: 1.65;
}

#uv-tape-installation .uv-tape-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 2.1rem;
	row-gap: 0;
	margin-top: 2.1rem;
}

#uv-tape-installation .uv-tape-step {
	position: relative;
	display: grid;
	grid-template-columns: 3.55rem minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	min-height: 0;
	padding: 1.28rem 0;
	border: 0;
	border-bottom: 1px solid var(--uv-tape-install-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#uv-tape-installation .uv-tape-step:nth-child(even) {
	padding-left: 1.75rem;
}

#uv-tape-installation .uv-tape-step:nth-child(even)::before {
	position: absolute;
	top: 1.5rem;
	bottom: 1.5rem;
	left: 0;
	width: 1px;
	background: var(--uv-tape-install-line);
	content: "";
}

#uv-tape-installation .uv-tape-step-number {
	position: relative;
	display: block;
	width: 3.55rem;
	margin: 0;
	color: var(--color-primary);
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
	text-transform: none;
}

#uv-tape-installation .uv-tape-step-number::after {
	position: absolute;
	top: 0.12rem;
	right: 0.6rem;
	bottom: 0.12rem;
	width: 1px;
	background: var(--uv-tape-install-line-strong);
	content: "";
}

#uv-tape-installation .uv-tape-step-copy {
	display: grid;
	gap: 0.55rem;
	min-width: 0;
}

#uv-tape-installation .uv-tape-step h3 {
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: 1.02rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: none;
}

#uv-tape-installation .uv-tape-step p:not(.uv-tape-step-number) {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.82rem;
	line-height: 1.45;
}

#uv-tape-installation .uv-tape-install-media {
	display: grid;
	gap: 1.7rem;
	min-width: 0;
}

#uv-tape-installation .uv-tape-install-video-frame {
	overflow: hidden;
	padding: 0.38rem;
	border: 1px solid var(--uv-tape-install-line-strong);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	box-shadow: 0 1.6rem 3.5rem rgb(21 17 18 / 12%);
}

#uv-tape-installation .uv-tape-install-video {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 4;
	border-radius: calc(var(--radius-sm) - 0.18rem);
	background: var(--color-text);
	object-fit: cover;
	object-position: center;
}

#uv-tape-installation .uv-tape-install-caption {
	display: grid;
	grid-template-columns: minmax(2rem, 1fr) auto minmax(2rem, 1fr);
	gap: 1.5rem;
	align-items: center;
	margin: 0;
	color: var(--color-primary);
	font-size: 0.78rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

#uv-tape-installation .uv-tape-install-caption::before,
#uv-tape-installation .uv-tape-install-caption::after {
	display: block;
	height: 1px;
	background: var(--uv-tape-install-line-strong);
	content: "";
}

@media (max-width: 90rem) {
	#uv-tape-installation .uv-tape-install-layout {
		grid-template-columns: minmax(0, 1fr) minmax(29rem, 0.9fr);
		gap: 2.4rem;
	}

	#uv-tape-installation .uv-tape-steps {
		column-gap: 1.5rem;
	}

	#uv-tape-installation .uv-tape-step:nth-child(even) {
		padding-left: 1.35rem;
	}
}

@media (max-width: 68.75rem) {
	#uv-tape-installation.uv-tape-install-showcase {
		padding-top: 4rem;
		padding-bottom: 4.25rem;
	}

	#uv-tape-installation .uv-tape-install-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-8);
	}

	#uv-tape-installation .uv-tape-install-copy,
	#uv-tape-installation .uv-tape-install-summary {
		max-width: 100%;
	}

	#uv-tape-installation .uv-tape-install-media {
		max-width: 48rem;
	}
}

@media (max-width: 51.25rem) {
	#uv-tape-installation.uv-tape-install-showcase {
		padding-top: 3.4rem;
		padding-bottom: 3.4rem;
	}

	#uv-tape-installation .uv-tape-install-copy {
		gap: 0;
	}

	#uv-tape-installation .uv-tape-install-kicker {
		gap: 0.85rem;
		margin-bottom: 1.05rem;
		font-size: 0.7rem;
		line-height: 1.3;
	}

	#uv-tape-installation .uv-tape-install-kicker::after {
		width: 3.3rem;
	}

	#uv-tape-installation .uv-tape-install-summary {
		margin-top: 1rem;
		font-size: 0.94rem;
		line-height: 1.6;
	}

	#uv-tape-installation .uv-tape-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 0.85rem;
		margin-top: 1.35rem;
	}

	#uv-tape-installation .uv-tape-step {
		grid-template-columns: 1fr;
		gap: 0.5rem;
		padding: 0.9rem 0;
	}

	#uv-tape-installation .uv-tape-step:nth-child(even) {
		padding-left: 0.75rem;
	}

	#uv-tape-installation .uv-tape-step:nth-child(even)::before {
		top: 1rem;
		bottom: 1rem;
	}

	#uv-tape-installation .uv-tape-step-number {
		width: auto;
		font-size: 1rem;
		line-height: 1.15;
	}

	#uv-tape-installation .uv-tape-step-number::after {
		display: none;
	}

	#uv-tape-installation .uv-tape-step h3 {
		font-size: 0.78rem;
		line-height: 1.22;
	}

	#uv-tape-installation .uv-tape-step p:not(.uv-tape-step-number) {
		font-size: 0.76rem;
		line-height: 1.45;
	}

	#uv-tape-installation .uv-tape-install-media {
		gap: 1rem;
		max-width: none;
	}

	#uv-tape-installation .uv-tape-install-video-frame {
		padding: 0.25rem;
	}

	#uv-tape-installation .uv-tape-install-caption {
		grid-template-columns: minmax(1.25rem, 1fr) auto minmax(1.25rem, 1fr);
		gap: 0.75rem;
		font-size: 0.66rem;
	}
}

@media (max-width: 23.75rem) {
	#uv-tape-installation .uv-tape-steps {
		column-gap: 0.65rem;
	}

	#uv-tape-installation .uv-tape-step h3 {
		font-size: 0.72rem;
	}

	#uv-tape-installation .uv-tape-step p:not(.uv-tape-step-number) {
		font-size: 0.7rem;
	}
}

.landingpage .uv-tape-section-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	align-items: center;
	gap: clamp(1rem, 2.4vw, 2rem);
	margin-top: clamp(1.75rem, 4vw, 3rem);
	padding-top: clamp(1.25rem, 2.4vw, 1.7rem);
	border-top: 1px solid var(--color-border-soft);
}

.landingpage .uv-tape-section-cta p {
	max-width: none;
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.58;
}

.landingpage .uv-tape-section-cta .uv-btn-solid {
	width: max-content;
	min-width: 15.5rem;
	justify-content: center;
	text-align: center;
	white-space: normal;
}

.landingpage #uv-tape-benefits .uv-tape-benefits-actions {
	padding-top: 1.35rem;
	border-top: 1px solid var(--color-border-soft);
}

@media (max-width: 68.75rem) {
	.landingpage .uv-tape-section-cta {
		grid-template-columns: minmax(0, 1fr);
		justify-items: start;
	}
}

@media (max-width: 51.25rem) {
	.landingpage .uv-tape-section-cta {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.9rem;
		margin-top: 1.5rem;
		padding-top: 1.1rem;
	}

	.landingpage .uv-tape-section-cta p {
		font-size: 0.9rem;
		line-height: 1.5;
	}

	.landingpage .uv-tape-section-cta .uv-btn-solid {
		width: 100%;
		min-width: 0;
		min-height: 3rem;
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

/* Tape page aftercare and removal showcase. */
#uv-tape-care.uv-tape-aftercare-showcase {
	--uv-tape-aftercare-line: rgb(197 46 88 / 22%);
	--uv-tape-aftercare-line-strong: rgb(197 46 88 / 36%);
	background: var(--color-surface-soft);
}

#uv-tape-care .uv-tape-aftercare-head {
	display: grid;
	justify-items: center;
	gap: 0.8rem;
	max-width: 58rem;
	margin: 0 auto 1.5rem;
	text-align: center;
}

#uv-tape-care .uv-tape-aftercare-title {
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: var(--uv-tape-title-size);
	font-weight: 400;
	line-height: var(--uv-tape-title-line-height);
	text-transform: uppercase;
}

#uv-tape-care .uv-tape-aftercare-summary {
	max-width: 48rem;
	margin: 0;
	color: var(--color-muted);
	font-size: 1rem;
	line-height: 1.65;
}

#uv-tape-care .uv-tape-aftercare-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	align-items: stretch;
}

#uv-tape-care .uv-tape-aftercare-panel {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	align-content: stretch;
	min-height: 42rem;
	overflow: hidden;
	padding: 2rem;
	border: 1px solid var(--uv-tape-aftercare-line-strong);
	border-radius: var(--radius-sm);
	background-color: var(--color-surface);
	box-shadow: 0 1.2rem 3rem rgb(21 17 18 / 8%);
	isolation: isolate;
}

#uv-tape-care .uv-tape-aftercare-panel::before {
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--uv-tape-aftercare-panel-image) var(--uv-tape-aftercare-panel-position, center) / cover no-repeat;
	content: "";
}

#uv-tape-care .uv-tape-aftercare-panel::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgb(255 255 255 / 92%) 0%, rgb(255 255 255 / 78%) 52%, rgb(255 255 255 / 28%) 100%),
		linear-gradient(180deg, rgb(255 255 255 / 84%) 0%, rgb(255 255 255 / 42%) 100%);
	content: "";
}

#uv-tape-care .uv-tape-aftercare-panel-care {
	--uv-tape-aftercare-panel-image: url("/wp-content/uploads/2026/07/tap-in-hair-extension.webp");
	--uv-tape-aftercare-panel-position: right center;
}

#uv-tape-care .uv-tape-aftercare-panel-removal {
	--uv-tape-aftercare-panel-image: url("/wp-content/uploads/2026/07/tape-extensions-application.webp");
	--uv-tape-aftercare-panel-position: center;
}

#uv-tape-care .uv-tape-aftercare-panel-copy {
	display: grid;
	gap: 0.85rem;
	max-width: 28rem;
	margin-bottom: 1.25rem;
}

#uv-tape-care .uv-tape-panel-kicker {
	margin: 0;
	color: var(--color-primary);
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: uppercase;
}

#uv-tape-care .uv-tape-aftercare-panel-copy h3 {
	display: grid;
	gap: 0.65rem;
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.08;
	text-transform: none;
}

#uv-tape-care .uv-tape-aftercare-panel-copy h3::after {
	display: block;
	width: 3rem;
	height: 1px;
	background: var(--color-primary);
	content: "";
}

#uv-tape-care .uv-tape-aftercare-panel-copy p:not(.uv-kicker) {
	max-width: 24rem;
	margin: 0;
	color: var(--color-text);
	font-size: 0.95rem;
	line-height: 1.55;
}

#uv-tape-care .uv-tape-aftercare-list {
	align-self: end;
	display: grid;
	gap: 0.35rem;
	width: 100%;
	margin-top: auto;
}

#uv-tape-care .uv-tape-aftercare-list-compact {
	width: 100%;
}

#uv-tape-care .uv-tape-aftercare-row {
	display: grid;
	grid-template-columns: 4rem minmax(7rem, 0.32fr) minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
	min-height: 3.9rem;
	padding: 0.7rem 1rem;
	border: 1px solid var(--uv-tape-aftercare-line);
	border-radius: var(--radius-sm);
	background: rgb(255 255 255 / 76%);
	box-shadow: 0 0.65rem 1.5rem rgb(21 17 18 / 5%);
	backdrop-filter: blur(6px);
}

#uv-tape-care .uv-tape-aftercare-list-compact .uv-tape-aftercare-row {
	grid-template-columns: 4rem minmax(0, 1fr);
}

#uv-tape-care .uv-tape-aftercare-row span {
	position: relative;
	display: block;
	color: var(--color-primary);
	font-size: 1.35rem;
	line-height: 1;
	text-align: center;
}

#uv-tape-care .uv-tape-aftercare-row span::after {
	position: absolute;
	top: -0.35rem;
	right: 0;
	bottom: -0.35rem;
	width: 1px;
	background: var(--uv-tape-aftercare-line-strong);
	content: "";
}

#uv-tape-care .uv-tape-aftercare-row strong,
#uv-tape-care .uv-tape-aftercare-row p {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.35;
}

#uv-tape-care .uv-tape-aftercare-row strong {
	color: var(--color-text);
	font-weight: 400;
}

#uv-tape-care .uv-tape-aftercare-row p {
	color: var(--color-text);
}

@media (max-width: 68.75rem) {
	#uv-tape-care .uv-tape-aftercare-head {
		justify-items: start;
		text-align: left;
	}

	#uv-tape-care .uv-tape-aftercare-panels {
		grid-template-columns: 1fr;
	}

	#uv-tape-care .uv-tape-aftercare-panel {
		min-height: 0;
	}

	#uv-tape-care .uv-tape-aftercare-panel-copy,
	#uv-tape-care .uv-tape-aftercare-list,
	#uv-tape-care .uv-tape-aftercare-list-compact {
		width: min(100%, 42rem);
		max-width: 42rem;
	}
}

@media (max-width: 51.25rem) {
	#uv-tape-care .uv-tape-aftercare-head {
		gap: 0.7rem;
		margin-bottom: 1.25rem;
	}

	#uv-tape-care .uv-tape-aftercare-summary {
		font-size: 0.94rem;
		line-height: 1.6;
	}

	#uv-tape-care .uv-tape-aftercare-panels {
		gap: 1rem;
	}

	#uv-tape-care .uv-tape-aftercare-panel {
		padding: 1rem;
	}

	#uv-tape-care .uv-tape-aftercare-panel::after {
		background:
			linear-gradient(90deg, rgb(255 255 255 / 92%) 0%, rgb(255 255 255 / 82%) 66%, rgb(255 255 255 / 44%) 100%),
			linear-gradient(180deg, rgb(255 255 255 / 88%) 0%, rgb(255 255 255 / 54%) 100%);
	}

	#uv-tape-care .uv-tape-aftercare-panel-copy {
		gap: 0.65rem;
		margin-bottom: 1rem;
	}

	#uv-tape-care .uv-tape-aftercare-panel-copy h3 {
		font-size: 1.35rem;
		line-height: 1.12;
	}

	#uv-tape-care .uv-tape-aftercare-panel-copy p:not(.uv-kicker) {
		font-size: 0.86rem;
		line-height: 1.48;
	}

	#uv-tape-care .uv-tape-aftercare-list {
		gap: 0.4rem;
	}

	#uv-tape-care .uv-tape-aftercare-row,
	#uv-tape-care .uv-tape-aftercare-list-compact .uv-tape-aftercare-row {
		grid-template-columns: 2.6rem minmax(0, 1fr);
		gap: 0.7rem;
		align-items: start;
		min-height: 0;
		padding: 0.7rem;
	}

	#uv-tape-care .uv-tape-aftercare-row strong {
		grid-column: 2;
		font-size: 0.78rem;
		line-height: 1.25;
	}

	#uv-tape-care .uv-tape-aftercare-row span {
		font-size: 1rem;
		text-align: left;
	}

	#uv-tape-care .uv-tape-aftercare-row span::after {
		right: 0.45rem;
	}

	#uv-tape-care .uv-tape-aftercare-row p {
		grid-column: 2;
		font-size: 0.78rem;
		line-height: 1.4;
	}
}

.landingpage #uv-tape-faq .uv-tape-faq {
	max-width: 60rem;
	margin-right: auto;
	margin-left: auto;
}

.landingpage #uv-tape-faq .uv-tape-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	justify-items: center;
	gap: 0.65rem;
	max-width: 48rem;
	margin: 0 auto 2rem;
	text-align: center;
}

.landingpage #uv-tape-faq .uv-kicker,
.landingpage #uv-tape-faq .uv-title {
	margin: 0;
}

.landingpage #uv-tape-faq .uv-tape-faq-list {
	display: grid;
	gap: 0;
	margin-top: 0;
}

.landingpage #uv-tape-faq .uv-tape-faq-list details {
	border: 0;
	border-bottom: 1px solid var(--color-border-soft);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transition: border-color 180ms ease;
}

.landingpage #uv-tape-faq .uv-tape-faq-list details[open] {
	border-bottom-color: var(--color-border-soft);
}

.landingpage #uv-tape-faq .uv-tape-faq-list summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 1.22rem 0;
	color: var(--color-text);
	font-size: 0.88rem;
	font-weight: 400;
	line-height: 1.42;
	list-style: none;
	text-transform: none;
	cursor: pointer;
}

.landingpage #uv-tape-faq .uv-tape-faq-list summary::-webkit-details-marker {
	display: none;
}

.landingpage #uv-tape-faq .uv-tape-faq-list summary::marker {
	content: "";
}

.landingpage #uv-tape-faq .uv-tape-faq-list summary::after {
	display: block;
	flex: 0 0 auto;
	width: 0.42rem;
	height: 0.42rem;
	margin-right: 0.1rem;
	border: solid var(--color-muted);
	border-width: 0 1.5px 1.5px 0;
	color: inherit;
	content: "";
	transform: rotate(45deg);
	transition: transform 180ms ease, border-color 180ms ease;
}

.landingpage #uv-tape-faq .uv-tape-faq-list details[open] summary {
	padding-bottom: 0.7rem;
}

.landingpage #uv-tape-faq .uv-tape-faq-list details[open] summary::after {
	border-color: var(--color-text);
	transform: rotate(225deg);
}

.landingpage #uv-tape-faq .uv-tape-faq-list details p {
	max-width: 48rem;
	margin: 0;
	padding: 0 2.5rem 1.28rem 0;
	color: var(--color-muted);
	font-size: 0.8rem;
	line-height: 1.55;
}

.landingpage #uv-tape-contact {
	background:
		linear-gradient(90deg, rgb(21 17 18 / 70%) 0%, rgb(21 17 18 / 54%) 42%, rgb(21 17 18 / 34%) 100%),
		url("/wp-content/uploads/2026/05/normal-tape.jpg") center 38% / cover no-repeat;
}

.landingpage #uv-tape-contact .uv-kicker {
	color: var(--color-primary);
}

.landingpage #uv-tape-contact .uv-title {
	color: var(--color-inverse);
}

.landingpage #uv-tape-contact .uv-description {
	color: var(--color-inverse-muted);
}

.landingpage #uv-tape-policy {
	background: var(--color-surface-soft);
}

.landingpage #uv-tape-policy .uv-tape-policy-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.landingpage #uv-tape-policy .uv-tape-policy-card {
	display: grid;
	align-content: start;
	gap: 1rem;
	min-width: 0;
	padding: 1.45rem;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	box-shadow: none;
}

.landingpage #uv-tape-policy .uv-tape-policy-icon {
	display: inline-grid;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border: 1px solid rgb(197 46 88 / 22%);
	border-radius: 50%;
	background: rgb(197 46 88 / 7%);
	color: var(--color-primary);
}

.landingpage #uv-tape-policy .uv-tape-policy-icon img {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
}

.landingpage #uv-tape-policy .uv-tape-policy-label {
	margin: 0;
	color: var(--color-primary);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.landingpage #uv-tape-policy .uv-tape-policy-card h3 {
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-serif);
	font-size: 1.02rem;
	font-weight: 400;
	line-height: 1.25;
	text-transform: none;
}

.landingpage #uv-tape-policy .uv-tape-policy-card p {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.9rem;
	line-height: 1.62;
}

@media (max-width: 51.25rem) {
	.landingpage #uv-tape-faq .uv-tape-section-head {
		margin-bottom: 1.25rem;
	}

	.landingpage #uv-tape-faq .uv-tape-faq-list {
		gap: 0;
	}

	.landingpage #uv-tape-faq .uv-tape-faq-list summary {
		padding: 0.98rem 0;
		font-size: 0.8rem;
		line-height: 1.35;
	}

	.landingpage #uv-tape-faq .uv-tape-faq-list details p {
		padding: 0 1.65rem 1rem 0;
		font-size: 0.76rem;
		line-height: 1.52;
	}

	.landingpage #uv-tape-contact {
		background:
			linear-gradient(180deg, rgb(21 17 18 / 74%) 0%, rgb(21 17 18 / 58%) 52%, rgb(21 17 18 / 48%) 100%),
			url("/wp-content/uploads/2026/05/normal-tape.jpg") center / cover no-repeat;
	}
}

@media (max-width: 68.75rem) {
	.landingpage #uv-tape-policy .uv-tape-policy-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 51.25rem) {
	.landingpage #uv-tape-policy .uv-tape-policy-grid {
		gap: 0.75rem;
	}

	.landingpage #uv-tape-policy .uv-tape-policy-card {
		gap: 0.75rem;
		padding: 1rem 0.85rem;
	}

	.landingpage #uv-tape-policy .uv-tape-policy-icon {
		width: 2.25rem;
		height: 2.25rem;
	}

	.landingpage #uv-tape-policy .uv-tape-policy-icon img {
		width: 1rem;
		height: 1rem;
	}

	.landingpage #uv-tape-policy .uv-tape-policy-card h3 {
		font-size: 0.9rem;
		line-height: 1.22;
	}

	.landingpage #uv-tape-policy .uv-tape-policy-label {
		font-size: 0.66rem;
		line-height: 1.2;
	}

	.landingpage #uv-tape-policy .uv-tape-policy-card p {
		font-size: 0.8rem;
		line-height: 1.5;
	}
}

@media (max-width: 23.75rem) {
	.landingpage #uv-tape-policy .uv-tape-policy-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 68.8125rem) {
	.landingpage #pl-gallery .uv-tape-product-compare {
		flex-basis: calc((100% - 3rem) / 3.5);
	}
}

@media (max-width: 68.75rem) {
	.landingpage #pl-gallery .uv-tape-product-slider-wrap {
		--uv-tape-product-media-height: clamp(19rem, 42vw, 24rem);
	}

	.landingpage #pl-gallery .uv-tape-product-slider {
		gap: 0.85rem;
	}

	.landingpage #pl-gallery .uv-tape-product-compare {
		flex-basis: min(80vw, 22rem);
	}

}

@media (max-width: 51.25rem) {
	.landingpage #pl-gallery .uv-tape-product-slider-wrap {
		--uv-tape-product-media-height: clamp(14rem, 66vw, 18rem);
	}

	.landingpage #pl-gallery .uv-tape-product-slider {
		gap: 0.75rem;
		margin-right: calc(var(--uv-tape-mobile-gutter) * -1);
		padding-right: var(--uv-tape-mobile-gutter);
	}

	.landingpage #pl-gallery .uv-tape-slider-controls {
		right: 0.15rem;
		left: 0.15rem;
		justify-content: space-between;
		margin: 0;
	}

	.landingpage #pl-gallery .uv-tape-slider-arrow {
		width: 2.35rem;
		height: 2.35rem;
		font-size: 0.9rem;
	}

	.landingpage #pl-gallery .uv-tape-media-arrow {
		width: 1.95rem;
		height: 1.95rem;
		font-size: 0.8rem;
	}

	.landingpage #pl-gallery .uv-tape-media-arrow-prev {
		left: 0.5rem;
	}

	.landingpage #pl-gallery .uv-tape-media-arrow-next {
		right: 0.5rem;
	}

	.landingpage #pl-gallery .uv-tape-media-dots {
		bottom: 0.45rem;
		gap: 0.28rem;
	}

	.landingpage #pl-gallery .uv-tape-media-dot {
		width: 0.95rem;
		height: 0.13rem;
	}

	.landingpage #pl-gallery .uv-tape-media-dot.is-active,
	.landingpage #pl-gallery .uv-tape-media-dot[aria-current="true"] {
		width: 1.35rem;
	}

	.landingpage #pl-gallery .uv-tape-product-compare {
		flex-basis: min(86vw, 20.75rem);
	}

	.landingpage #pl-gallery .uv-tape-product-body {
		gap: 0.65rem;
		padding: 0.82rem 0.75rem 0;
	}

	.landingpage #pl-gallery .uv-tape-product-intro {
		min-height: 0;
		gap: 0.5rem;
		padding-bottom: 0;
	}

	.landingpage #pl-gallery .uv-tape-product-intro h3 {
		font-size: 0.96rem;
		line-height: 1.22;
	}

	.landingpage #pl-gallery .uv-tape-product-summary {
		font-size: 0.78rem;
		line-height: 1.5;
	}

	.landingpage #pl-gallery .uv-tape-product-button {
		min-height: 2.45rem;
		padding: 0.55rem 0.6rem;
		font-size: 0.7rem;
		line-height: 1.3;
	}

	.landingpage #pl-gallery .uv-tape-product-spec-list {
		margin-right: -0.75rem;
		margin-left: -0.75rem;
	}

	.landingpage #pl-gallery .uv-tape-product-spec {
		min-height: 0;
		padding: 0.68rem 0.6rem;
	}

	.landingpage #pl-gallery .uv-tape-product-spec dt {
		padding: 0.3rem 0.62rem;
		font-size: 0.66rem;
		line-height: 1.2;
	}

	.landingpage #pl-gallery .uv-tape-product-spec dd {
		font-size: 0.74rem;
		line-height: 1.38;
	}
}

/* Normal Tape-In product landing page: editorial trade layout. */
.landingpage.uv-normal-editorial {
	--uvn-font-body: "Open Sans", Arial, Helvetica, sans-serif;
	--uvn-font-display: "Cormorant Garamond", Garamond, Georgia, serif;
	--uvn-page-x: clamp(1.1rem, 4vw, 4rem);
	--uvn-section-y: clamp(3.35rem, 5.4vw, 5rem);
	--uvn-soft: var(--color-surface-soft);
	--uvn-rose-soft: rgb(197 46 88 / 7%);
	--uvn-muted: var(--color-muted);
	overflow: hidden;
	max-width: 100%;
	background: var(--color-background);
	color: var(--color-text);
	font-family: var(--uvn-font-body);
	text-rendering: optimizeLegibility;
}

.landingpage.uv-normal-editorial,
.landingpage.uv-normal-editorial * {
	box-sizing: border-box;
}

.landingpage.uv-normal-editorial *,
.landingpage.uv-normal-editorial *::before,
.landingpage.uv-normal-editorial *::after {
	box-shadow: none !important;
}

.landingpage.uv-normal-editorial :where(figure, img, video, table, details, summary, .uvn-btn, .uvn-spec-table, .uvn-spec-table *, .uvn-spec-table tr, .uvn-spec-table th, .uvn-spec-table td) {
	border: 0 !important;
}

.landingpage.uv-normal-editorial :where(.uv-inner) {
	width: 100%;
	max-width: var(--layout-wide);
	margin-right: auto;
	margin-left: auto;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.landingpage.uv-normal-editorial :where(.uvn-hero, .uvn-section) {
	margin: 0;
	padding-right: var(--uvn-page-x);
	padding-left: var(--uvn-page-x);
}

.landingpage.uv-normal-editorial :where(.uvn-section) {
	padding-top: var(--uvn-section-y);
	padding-bottom: var(--uvn-section-y);
}

.landingpage.uv-normal-editorial :where(h1, h2, h3, .uv-title) {
	margin: 0;
	color: var(--color-text);
	font-family: var(--uvn-font-display);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.04;
	text-transform: none;
	text-wrap: balance;
}

.landingpage.uv-normal-editorial :where(.uv-title) {
	font-size: clamp(2.15rem, 4vw, 3rem);
}

.landingpage.uv-normal-editorial :where(p, li, td) {
	color: var(--uvn-muted);
	font-family: var(--uvn-font-body);
	line-height: 1.62;
	text-wrap: pretty;
}

.landingpage.uv-normal-editorial :where(figure) {
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-sm);
	background: var(--color-surface-muted);
}

.landingpage.uv-normal-editorial :where(.uvn-policy-grid span) {
	margin: 0;
	color: var(--color-primary);
	font-family: var(--uvn-font-body);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.landingpage.uv-normal-editorial :where(.uvn-hero, .uvn-specs, .uvn-fit, .uvn-policy, .uvn-final) {
	background: var(--color-surface);
}

.landingpage.uv-normal-editorial :where(.uvn-overview, .uvn-benefits, .uvn-install, .uvn-faq) {
	background: var(--uvn-soft);
}

.landingpage.uv-normal-editorial :where(.uvn-hero) {
	padding-top: clamp(4.4rem, 5.6vw, 5.65rem);
	padding-bottom: clamp(3.2rem, 5vw, 4.35rem);
}

.landingpage.uv-normal-editorial :where(.uvn-hero-grid) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.88fr);
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: center;
}

.landingpage.uv-normal-editorial :where(.uvn-hero-copy) {
	display: grid;
	gap: 1rem;
	max-width: 47rem;
}

.landingpage.uv-normal-editorial :where(.uvn-hero h1) {
	max-width: 48rem;
	font-size: clamp(3.25rem, 5.9vw, 4.85rem);
	line-height: 0.98;
}

.landingpage.uv-normal-editorial :where(.uvn-hero-summary) {
	max-width: 35rem;
	margin: 0;
	font-size: 1rem;
}

.landingpage.uv-normal-editorial :where(.uvn-actions) {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	align-items: center;
}

.landingpage.uv-normal-editorial :where(.uvn-section-cta) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	gap: 0.85rem;
	align-items: center;
	margin-top: 1.5rem;
}

.landingpage.uv-normal-editorial :where(.uvn-section-cta p) {
	max-width: 39rem;
	margin: 0;
	font-size: 0.9rem;
	font-weight: 400;
}

.landingpage.uv-normal-editorial :where(.uvn-btn) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.9rem;
	max-width: 100%;
	padding: 0.84rem 1.2rem;
	border-radius: var(--radius-sm);
	font-family: var(--uvn-font-body);
	font-size: 0.84rem;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition:
		background-color 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}

.landingpage.uv-normal-editorial :where(.uvn-btn:focus-visible, summary:focus-visible) {
	outline: 2px solid rgb(197 46 88 / 45%);
	outline-offset: 4px;
}

.landingpage.uv-normal-editorial :where(.uvn-btn:active) {
	transform: translateY(1px);
}

.landingpage.uv-normal-editorial :where(.uvn-btn-primary) {
	background: var(--color-primary);
	color: var(--color-inverse);
}

.landingpage.uv-normal-editorial :where(.uvn-btn-primary:hover, .uvn-btn-primary:focus-visible) {
	background: var(--color-text);
	color: var(--color-inverse);
}

.landingpage.uv-normal-editorial :where(.uvn-btn-primary[href^="https://wa.me/"]::before) {
	display: block;
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	margin-right: 0.48rem;
	background: currentColor;
	content: "";
	-webkit-mask: url("/wp-content/uploads/2026/06/whatsappicon.svg") center / contain no-repeat;
	mask: url("/wp-content/uploads/2026/06/whatsappicon.svg") center / contain no-repeat;
}

.landingpage.uv-normal-editorial :where(.uvn-btn-text) {
	padding: 0.84rem 1.2rem;
	border: 1px solid var(--color-primary) !important;
	border-radius: var(--radius-sm);
	background: transparent;
	color: var(--color-primary);
}

.landingpage.uv-normal-editorial :where(.uvn-btn-text:hover, .uvn-btn-text:focus-visible) {
	border-color: var(--color-primary) !important;
	background: var(--color-primary);
	color: var(--color-inverse);
}

.landingpage.uv-normal-editorial :where(.uvn-note) {
	margin: -0.28rem 0 0;
	color: var(--color-primary);
	font-size: 0.8rem;
	font-weight: 400;
}

.landingpage.uv-normal-editorial :where(.uvn-hero-media) {
	position: relative;
	isolation: isolate;
	justify-self: end;
	width: min(100%, 36.5rem);
	height: clamp(30rem, 43vw, 35rem);
}

.landingpage.uv-normal-editorial :where(.uvn-hero-media)::before {
	position: absolute;
	inset: 20% 4% 3% 16%;
	z-index: -1;
	border-radius: var(--radius-sm);
	background: var(--uvn-rose-soft);
	content: "";
	transform: rotate(-4deg);
}

.landingpage.uv-normal-editorial :where(.uvn-hero-photo) {
	position: absolute;
}

.landingpage.uv-normal-editorial :where(.uvn-hero-photo-main) {
	right: 0;
	bottom: 0;
	z-index: 3;
	width: 68%;
	height: 83%;
	transform: rotate(1.2deg);
}

.landingpage.uv-normal-editorial :where(.uvn-hero-photo-left) {
	top: 14%;
	left: 0;
	z-index: 2;
	width: 58%;
	height: 63%;
	transform: rotate(-6deg);
}

.landingpage.uv-normal-editorial :where(.uvn-hero-photo-top) {
	top: 0;
	right: 14%;
	z-index: 1;
	width: 56%;
	height: 60%;
	transform: rotate(4deg);
}

.landingpage.uv-normal-editorial :where(.uvn-overview-grid, .uvn-fit-layout, .uvn-install-layout) {
	display: grid;
	gap: clamp(1.8rem, 4vw, 3.35rem);
	align-items: center;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-grid) {
	grid-template-columns: minmax(22rem, 28rem) minmax(0, 1fr);
	gap: clamp(2rem, 4vw, 4.25rem);
	align-items: stretch;
}

.landingpage.uv-normal-editorial :where(.uvn-fit-layout) {
	grid-template-columns: minmax(17rem, 0.44fr) minmax(0, 1fr);
}

.landingpage.uv-normal-editorial :where(.uvn-install-layout) {
	grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.38fr);
	align-items: start;
}

.landingpage.uv-normal-editorial :where(.uvn-video-frame, .uvn-install-video) {
	overflow: hidden;
	aspect-ratio: 9 / 16;
	background: var(--color-text);
}

.landingpage.uv-normal-editorial :where(.uvn-video-frame) {
	width: min(100%, 16.5rem);
}

.landingpage.uv-normal-editorial :where(.uvn-install-video) {
	justify-self: end;
	width: min(100%, 17.25rem);
}

.landingpage.uv-normal-editorial :where(.uvn-install-copy) {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

.landingpage.uv-normal-editorial :where(.uvn-section-head p, .uvn-split-text > div:first-child p, .uvn-install-copy > p, .uvn-final p) {
	max-width: 44rem;
	margin: 0;
	font-size: 0.98rem;
}

.landingpage.uv-normal-editorial :where(.uvn-column-list, .uvn-number-list) {
	display: grid;
	gap: 0.95rem;
	margin-top: 0.35rem;
}

.landingpage.uv-normal-editorial :where(.uvn-column-list article, .uvn-number-list article) {
	display: grid;
	grid-template-columns: minmax(9rem, 0.34fr) minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: 0;
	background: transparent;
}

.landingpage.uv-normal-editorial :where(.uvn-number-list span) {
	display: none;
}

.landingpage.uv-normal-editorial :where(.uvn-column-list h3, .uvn-number-list h3, .uvn-steps h3, .uvn-policy-grid h3) {
	font-size: clamp(1.08rem, 1.8vw, 1.28rem);
	line-height: 1.1;
}

.landingpage.uv-normal-editorial :where(.uvn-column-list p, .uvn-number-list p, .uvn-steps p, .uvn-policy-grid p) {
	margin: 0;
	font-size: 0.84rem;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-video) {
	position: relative;
	align-self: center;
	justify-self: start;
	width: 100%;
	max-width: none;
	height: 39rem;
	aspect-ratio: auto;
	border-radius: calc(var(--radius-sm) + 0.25rem);
	background: var(--color-text);
}

.landingpage.uv-normal-editorial :where(.uvn-overview-video)::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 34%;
	background: linear-gradient(to top, rgb(21 17 18 / 42%), transparent);
	content: "";
	pointer-events: none;
}

.landingpage.uv-normal-editorial :where(.uvn-video-toggle) {
	position: absolute;
	bottom: 1.1rem;
	left: 1.1rem;
	z-index: 2;
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr) auto;
	gap: 0.65rem;
	align-items: center;
	min-height: 3.45rem;
	max-width: calc(100% - 2.2rem);
	padding: 0.5rem 0.85rem 0.5rem 0.5rem;
	border: 1px solid rgb(21 17 18 / 8%);
	border-radius: 999px;
	background: var(--color-surface);
	color: var(--color-text);
	font-family: var(--uvn-font-body);
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	transition: transform 180ms ease, background-color 180ms ease, opacity 160ms ease;
}

.landingpage.uv-normal-editorial :where(.uvn-video-toggle:hover) {
	background: var(--color-surface);
}

.landingpage.uv-normal-editorial :where(.uvn-video-toggle:active) {
	transform: translateY(1px);
}

.landingpage.uv-normal-editorial :where(.uvn-video-toggle:focus-visible) {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
}

.landingpage.uv-normal-editorial :where(.uvn-product-video video) {
	cursor: pointer;
}

.landingpage.uv-normal-editorial :where(.uvn-product-video.is-playing [data-uvn-video-toggle]) {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.landingpage.uv-normal-editorial :where(.uvn-video-play) {
	display: grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	border-radius: 50%;
	background: var(--color-primary);
	color: var(--color-inverse);
}

.landingpage.uv-normal-editorial :where(.uvn-video-play)::after {
	display: block;
	width: 0.62rem;
	height: 0.72rem;
	background: currentColor;
	content: "";
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.landingpage.uv-normal-editorial :where(.uvn-product-video.is-playing .uvn-video-play)::after {
	-webkit-mask-image: none;
	mask-image: none;
	background:
		linear-gradient(currentColor 0 0) left / 0.19rem 100% no-repeat,
		linear-gradient(currentColor 0 0) right / 0.19rem 100% no-repeat;
}

.landingpage.uv-normal-editorial :where(.uvn-video-time) {
	padding-left: 0.65rem;
	border-left: 1px solid var(--color-border-soft);
	color: var(--uvn-muted);
	font-size: 0.72rem;
	font-weight: 400;
	white-space: nowrap;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-copy) {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 1.6vw, 1.35rem);
	min-width: 0;
	padding-block: clamp(0.15rem, 0.6vw, 0.5rem);
}

.landingpage.uv-normal-editorial :where(.uvn-overview .uv-title) {
	max-width: 50rem;
	font-size: clamp(2.15rem, 3vw, 3rem);
	line-height: 1;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-copy > p) {
	max-width: 45rem;
	margin: 0;
	font-size: clamp(0.98rem, 1.5vw, 1.08rem);
	line-height: 1.62;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-list) {
	display: grid;
	gap: 0.6rem;
	margin-top: 0.35rem;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-list article) {
	display: grid;
	grid-template-columns: 4.65rem minmax(0, 1fr);
	gap: 1.25rem;
	align-items: center;
	min-width: 0;
	padding: 1.18rem 1.25rem;
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}


.landingpage.uv-normal-editorial :where(.uvn-overview-number) {
	display: grid;
	align-self: stretch;
	place-items: center;
	border-right: 1px solid var(--color-border);
	color: var(--color-primary);
	font-family: var(--uvn-font-display);
	font-size: clamp(1.65rem, 2.15vw, 2rem);
	font-weight: 400;
	line-height: 1;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-list article > div) {
	display: grid;
	gap: 0.28rem;
	min-width: 0;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-list h3) {
	font-size: clamp(1.16rem, 1.65vw, 1.34rem);
	line-height: 1.08;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-list p) {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.48;
}

.landingpage.uv-normal-editorial :where(.uvn-overview-cta) {
	grid-template-columns: minmax(0, 1fr) max-content;
	gap: 1.5rem;
	margin-top: auto;
	padding-top: 1.45rem;
	border-top: 1px solid var(--color-border-soft);
}

.landingpage.uv-normal-editorial :where(.uvn-overview-cta p) {
	max-width: 28rem;
	font-size: 0.88rem;
	line-height: 1.5;
}

.landingpage.uv-normal-editorial :where(.uvn-section-head) {
	display: grid;
	gap: 0.75rem;
	max-width: 48rem;
	margin-bottom: clamp(1.35rem, 3vw, 2.2rem);
}

.landingpage.uv-normal-editorial :where(#uv-normal-specs, #uv-stitched-specs, #uv-long-specs, #uv-seamless-specs, #uv-invisible-specs, #uv-clip-specs) {
	scroll-margin-top: calc(var(--uv-header-height, 72px) + 1rem);
}

.landingpage.uv-normal-editorial.uv-stitched-editorial .uvn-final {
	background-image: url("/wp-content/uploads/2026/08/stitched_tape_6.jpg");
}

.landingpage.uv-normal-editorial.uv-stitched-editorial .uvn-overview-video::after {
	display: none;
}

.landingpage.uv-normal-editorial.uv-long-editorial .uvn-final {
	background-image: url("/wp-content/uploads/2026/08/long_tape_6.jpg");
}

.landingpage.uv-normal-editorial.uv-long-editorial .uvn-overview-video::after {
	display: none;
}

.landingpage.uv-normal-editorial.uv-seamless-editorial .uvn-final {
	background-image: url("/wp-content/uploads/2026/08/seamless_tape_6.jpg");
}

.landingpage.uv-normal-editorial.uv-seamless-editorial .uvn-overview-video::after {
	display: none;
}

.landingpage.uv-normal-editorial.uv-invisible-editorial .uvn-final {
	background-image: url("/wp-content/uploads/2026/08/invisible_tape_6.jpg");
}

.landingpage.uv-normal-editorial.uv-invisible-editorial .uvn-overview-video::after {
	display: none;
}

.landingpage.uv-normal-editorial.pl .uvn-final {
	background-image: url("/wp-content/uploads/2026/04/clip-in-hair-extensions-collection-unihairvn.jpg");
}

.landingpage.uv-normal-editorial.pl {
	--uvn-muted: #000000;
}

.landingpage.uv-normal-editorial.pl .uvn-overview-video::after {
	display: none;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-configurations) {
	margin-top: clamp(2.35rem, 4vw, 3.75rem);
	padding-top: clamp(1.4rem, 2.5vw, 2rem);
	border-top: 1px solid var(--color-border-soft);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-head) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.65fr);
	gap: clamp(1rem, 3vw, 3rem);
	align-items: end;
	margin-bottom: 1.15rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-head h3) {
	font-size: clamp(1.5rem, 2.6vw, 2rem);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-head p) {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-photo-track) {
	display: flex;
	gap: 1rem;
	margin: 0 -0.25rem;
	padding: 0.25rem 0.25rem 1rem;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-padding-inline: 0.25rem;
	scroll-snap-type: x mandatory;
	scrollbar-color: var(--color-primary) var(--color-border-soft);
	scrollbar-width: thin;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-photo-track::-webkit-scrollbar) {
	height: 0.45rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-photo-track::-webkit-scrollbar-track) {
	background: var(--color-border-soft);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-photo-track::-webkit-scrollbar-thumb) {
	border-radius: 999rem;
	background: var(--color-primary);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-card) {
	display: flex;
	flex: 0 0 min(100%, 22.5rem);
	flex-direction: column;
	min-width: 0;
	aspect-ratio: auto;
	overflow: hidden;
	border: 1px solid var(--color-border-soft) !important;
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	cursor: default;
	transition: border-color 180ms ease, transform 180ms ease;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-card:hover) {
	border-color: var(--color-border) !important;
	transform: translateY(-0.08rem);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual) {
	position: relative;
	display: grid;
	gap: 0.1rem;
	height: var(--uvn-clip-set-media-height, 400px);
	min-height: 0;
	place-content: center;
	text-align: center;
	background: var(--uvn-rose-soft);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media) {
	position: relative;
	height: var(--uvn-clip-set-media-height, 400px);
	min-height: 0;
	overflow: hidden;
	background: var(--color-surface-muted);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-track) {
	position: absolute;
	inset: 0;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-track img) {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transform: scale(1.01);
	transition: opacity 220ms ease, transform 260ms ease;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-track img.is-active) {
	z-index: 1;
	opacity: 1;
	transform: scale(1);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media:hover .uvn-clip-set-media-track img.is-active) {
	transform: scale(1.025);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-arrow) {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: grid;
	width: 2.15rem;
	height: 2.15rem;
	place-items: center;
	border: 1px solid var(--color-border) !important;
	border-radius: 999rem;
	background: var(--color-surface);
	color: var(--color-text);
	font-size: 0.9rem;
	line-height: 1;
	transform: translateY(-50%);
	cursor: pointer;
	transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-arrow:hover, .uvn-clip-set-media-arrow:focus-visible) {
	background: var(--color-primary);
	color: var(--color-inverse);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-arrow:focus-visible) {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.16rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-arrow-prev) {
	left: 0.6rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-arrow-next) {
	right: 0.6rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-dots) {
	position: absolute;
	right: 0.75rem;
	bottom: 0.65rem;
	left: 0.75rem;
	z-index: 2;
	display: flex;
	justify-content: center;
	gap: 0.3rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-dots button) {
	width: 1rem;
	height: 0.14rem;
	padding: 0;
	border: 0 !important;
	border-radius: 999rem;
	background: var(--color-surface);
	opacity: 0.82;
	cursor: pointer;
	transition: background-color 180ms ease, opacity 180ms ease, width 180ms ease;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-dots button.is-active) {
	width: 1.45rem;
	background: var(--color-primary);
	opacity: 1;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-media-dots button:focus-visible) {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.18rem;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual)::before,
.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual)::after {
	position: absolute;
	width: 64%;
	height: 1px;
	background: var(--color-primary);
	opacity: 0.28;
	content: "";
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual)::before {
	top: 33%;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual)::after {
	bottom: 33%;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual span) {
	position: relative;
	z-index: 1;
	color: var(--color-primary);
	font-family: var(--uvn-font-display);
	font-size: clamp(4.5rem, 7vw, 6.3rem);
	font-weight: 400;
	line-height: 0.82;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-visual small) {
	position: relative;
	z-index: 1;
	color: var(--color-text);
	font-family: var(--uvn-font-body);
	font-size: 0.7rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.25;
	text-transform: uppercase;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-body) {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1rem 0.95rem 0;
	text-align: center;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-body h4) {
	margin: 0;
	font-family: var(--uvn-font-display);
	font-size: clamp(1.2rem, 1.75vw, 1.45rem);
	font-weight: 400;
	line-height: 1.12;
}


.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-body > p) {
	min-height: 3.9rem;
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.52;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-body .uvn-btn) {
	width: 100%;
	min-height: 2.6rem;
	padding: 0.68rem 0.75rem;
	font-size: 0.74rem;
	white-space: normal;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-list) {
	margin: 0 -0.95rem;
	padding: 0.95rem;
	border-top: 1px solid var(--color-border-soft);
	text-align: center;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-list dt) {
	margin-bottom: 0.38rem;
	color: var(--uvn-muted);
	font-family: var(--uvn-font-body);
	font-size: 0.66rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.25;
	text-transform: uppercase;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-list dd) {
	margin: 0;
	color: var(--color-text);
	font-family: var(--uvn-font-body);
	font-size: 0.78rem;
	line-height: 1.56;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-slider-nav) {
	position: absolute;
	top: 40%;
	right: 0.35rem;
	left: 0.35rem;
	z-index: 2;
	justify-content: space-between;
	margin: 0;
	pointer-events: none;
	transform: translateY(-50%);
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-slider-nav button) {
	width: 2.65rem;
	height: 2.65rem;
	border: 1px solid var(--color-border) !important;
	border-radius: 999rem;
	background: var(--color-surface);
	box-shadow: 0 0.65rem 1.35rem rgb(21 17 18 / 14%) !important;
	pointer-events: auto;
}

.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-slider-nav output) {
	display: none;
}

@media (min-width: 68.8125rem) {
	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-card) {
		flex-basis: calc((100% - 3rem) / 3.5);
	}
}

@media (max-width: 68.75rem) {
	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider) {
		--uvn-clip-set-media-height: clamp(19rem, 42vw, 24rem);
	}

	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-card) {
		flex-basis: min(80vw, 22rem);
	}
}

@media (max-width: 51.25rem) {
	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-head) {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.55rem;
	}

	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider) {
		--uvn-clip-set-media-height: clamp(14rem, 66vw, 18rem);
	}

	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-photo-track) {
		gap: 0.75rem;
		margin-right: calc(var(--uvn-page-x) * -1);
		padding-right: var(--uvn-page-x);
	}

	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-set-card) {
		flex-basis: min(86vw, 20.75rem);
	}

	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-slider-nav) {
		top: 36%;
		right: 0.1rem;
		left: 0.1rem;
	}

	.landingpage.uv-normal-editorial.pl :where(.uvn-clip-config-slider .uvn-media-slider-nav button) {
		width: 2.35rem;
		height: 2.35rem;
	}
}

.landingpage.uv-normal-editorial :where(.uvn-spec-layout) {
	display: grid;
	grid-template-columns: minmax(0, 70fr) minmax(0, 30fr);
	gap: clamp(2.5rem, 5vw, 4.8rem);
	align-items: start;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-copy) {
	display: grid;
	gap: 1.25rem;
	min-width: 0;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-head) {
	width: 100%;
	max-width: none;
	gap: 0.8rem;
	margin-bottom: clamp(1.8rem, 4vw, 3.25rem);
}

.landingpage.uv-normal-editorial :where(.uvn-spec-head .uv-title) {
	font-size: clamp(2.5rem, 4.1vw, 3.75rem);
	line-height: 0.96;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-head > p) {
	max-width: none;
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.58;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table) {
	display: block;
	width: 100%;
	margin: 0;
	overflow: visible;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table tbody) {
	display: grid;
	gap: 0;
	width: 100%;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table tr) {
	display: grid;
	grid-template-columns: minmax(8.5rem, 0.38fr) minmax(0, 1fr);
	gap: 0.95rem;
	align-items: start;
	min-width: 0;
	padding: 0.68rem 0.6rem;
	border-bottom: 1px solid var(--color-border-soft) !important;
	border-radius: 0;
	background: transparent;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table th, .uvn-spec-table td) {
	display: block;
	padding: 0;
	background: transparent;
	vertical-align: top;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table th) {
	color: var(--color-text);
	font-family: var(--uvn-font-body);
	font-size: 0.84rem;
	font-weight: 400;
	line-height: 1.35;
	text-align: left;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table td) {
	display: grid;
	gap: 0.32rem;
	min-width: 0;
	font-size: 0.78rem;
	line-height: 1.48;
	overflow-wrap: anywhere;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table td strong) {
	display: table;
	width: max-content;
	max-width: 100%;
	padding: 0.34rem 0.62rem;
	border-radius: 0.25rem;
	background: var(--color-text);
	color: var(--color-inverse);
	font-family: var(--uvn-font-body);
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 1.2;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-table td span) {
	color: var(--uvn-muted);
	font-size: 0.86rem;
	line-height: 1.55;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-media) {
	display: grid;
	gap: 1rem;
	min-width: 0;
	padding-top: 0;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video) {
	position: relative;
	overflow: hidden;
	aspect-ratio: 9 / 16;
	border-radius: calc(var(--radius-sm) + 0.25rem);
	background: var(--color-text);
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video-toggle) {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video .uvn-video-play) {
	width: 5.25rem;
	height: 5.25rem;
	background: rgb(21 17 18 / 74%);
	transition: transform 180ms ease, background-color 180ms ease;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video .uvn-video-play)::after {
	width: 1.2rem;
	height: 1.4rem;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video-toggle:hover .uvn-video-play) {
	background: var(--color-primary);
	transform: scale(1.04);
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video-toggle:focus-visible) {
	outline: 2px solid var(--color-primary);
	outline-offset: -0.5rem;
}

.landingpage.uv-normal-editorial :where(.uvn-visually-hidden) {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video-caption) {
	display: flex;
	gap: 0.55rem;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: var(--color-text);
	font-size: 0.85rem;
	font-weight: 400;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-video-caption-icon) {
	width: 0.8rem;
	height: 0.9rem;
	background: var(--color-primary);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.landingpage.uv-normal-editorial :where(.uvn-spec-copy .uvn-section-cta) {
	grid-template-columns: 2.75rem minmax(0, 1fr) max-content;
	gap: 1rem;
	margin-top: 0;
	padding: 0.9rem 1rem;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--uvn-soft);
}

.landingpage.uv-normal-editorial :where(.uvn-spec-copy .uvn-section-cta p) {
	max-width: 31rem;
	font-size: 0.84rem;
	line-height: 1.5;
}

.landingpage.uv-normal-editorial :where(.uvn-spec-order-icon) {
	display: grid;
	width: 2.6rem;
	height: 2.6rem;
	place-items: center;
	border-radius: 50%;
	background: var(--color-surface);
}

.landingpage.uv-normal-editorial :where(.uvn-spec-order-icon)::after {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background: var(--color-primary);
	content: "";
	-webkit-mask: url("/wp-content/uploads/2026/04/factory-price.svg") center / contain no-repeat;
	mask: url("/wp-content/uploads/2026/04/factory-price.svg") center / contain no-repeat;
}

.landingpage.uv-normal-editorial :where(.uvn-gallery) {
	padding-right: 0;
	padding-left: 0;
	background: var(--color-surface);
}

.landingpage.uv-normal-editorial :where(.uvn-gallery .uv-inner) {
	max-width: var(--layout-wide);
}

.landingpage.uv-normal-editorial :where(.uvn-gallery-head) {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.landingpage.uv-normal-editorial :where(.uvn-gallery-head) {
	max-width: 47rem;
	margin-bottom: clamp(2.15rem, 4vw, 3.5rem);
}

.landingpage.uv-normal-editorial :where(.uvn-gallery-head > p:last-child) {
	max-width: 42rem;
	margin: 0;
	font-size: 0.95rem;
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider) {
	position: relative;
}

.landingpage.uv-normal-editorial :where(.uvn-media-photo-track) {
	display: grid;
	grid-auto-columns: calc((100% - 3rem) / 4);
	grid-auto-flow: column;
	gap: 1rem;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.landingpage.uv-normal-editorial :where(.uvn-media-photo-track)::-webkit-scrollbar {
	display: none;
}

.landingpage.uv-normal-editorial :where(.uvn-media-photo) {
	aspect-ratio: 3 / 4;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.landingpage.uv-normal-editorial :where(.uvn-media-photo img) {
	transform-origin: var(--uvn-zoom-x, 50%) var(--uvn-zoom-y, 50%);
	transition: transform 180ms ease;
	will-change: transform;
}

.landingpage.uv-normal-editorial :where(.uvn-media-photo.is-zooming img) {
	transform: scale(1.65);
}

@media (hover: hover) and (pointer: fine) {
	.landingpage.uv-normal-editorial :where(.uvn-media-photo) {
		cursor: zoom-in;
	}
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav) {
	display: flex;
	gap: 0.55rem;
	align-items: center;
	justify-content: center;
	margin-top: 0.9rem;
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav button) {
	display: grid;
	width: 2.4rem;
	height: 2.4rem;
	place-items: center;
	padding: 0;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	color: var(--color-primary);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.28rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav button:hover) {
	background: var(--color-primary);
	color: var(--color-inverse);
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav button:active) {
	transform: translateY(1px);
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav button:focus-visible) {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav button:disabled) {
	opacity: 0.35;
	cursor: default;
}

.landingpage.uv-normal-editorial :where(.uvn-media-slider-nav output) {
	min-width: 3rem;
	color: var(--uvn-muted);
	font-family: var(--uvn-font-body);
	font-size: 0.74rem;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.landingpage.uv-normal-editorial :where(.uvn-media-video-grid) {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.65rem, 1.35vw, 1.15rem);
	margin-top: clamp(2.75rem, 5vw, 4.5rem);
}

.landingpage.uv-normal-editorial :where(.uvn-media-video-frame) {
	position: relative;
	aspect-ratio: 9 / 16;
	overflow: hidden;
	border-radius: var(--radius-sm);
	background: var(--color-text);
}

.landingpage.uv-normal-editorial .uvn-media-video-frame .uvn-video-toggle {
	top: 50%;
	bottom: auto;
	left: 50%;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	width: 3.1rem;
	min-height: 3.1rem;
	height: 3.1rem;
	max-width: none;
	place-items: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--color-surface);
	transform: translate(-50%, -50%);
}

.landingpage.uv-normal-editorial .uvn-media-video-frame .uvn-video-toggle:active {
	transform: translate(-50%, -49%);
}

.landingpage.uv-normal-editorial .uvn-media-video-frame .uvn-video-play {
	width: 2.35rem;
	height: 2.35rem;
}

.landingpage.uv-normal-editorial .uvn-benefits {
	background: var(--color-surface);
}

.landingpage.uv-normal-editorial :where(.uvn-benefits-layout) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.76fr);
	gap: clamp(2.25rem, 6vw, 6.75rem);
	align-items: center;
}

.landingpage.uv-normal-editorial :where(.uvn-benefits-copy) {
	display: grid;
	gap: clamp(1.1rem, 2vw, 1.65rem);
	min-width: 0;
}

.landingpage.uv-normal-editorial :where(.uvn-benefits-copy .uv-title) {
	max-width: 33rem;
	font-size: clamp(2.35rem, 4.1vw, 3.35rem);
	white-space: nowrap;
}

.landingpage.uv-normal-editorial :where(.uvn-benefits-copy .uv-title em) {
	color: var(--color-primary);
	font-style: italic;
	font-weight: 400;
}

.landingpage.uv-normal-editorial :where(.uvn-benefit-list) {
	display: grid;
	gap: clamp(1rem, 2.1vw, 1.5rem);
	margin: 0.15rem 0 0;
	padding: 0;
	list-style: none;
}

.landingpage.uv-normal-editorial :where(.uvn-benefit-list li) {
	display: grid;
	grid-template-columns: 2.7rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: start;
}

.landingpage.uv-normal-editorial :where(.uvn-benefit-list li > span) {
	padding-top: 0.06rem;
	color: var(--color-primary);
	font-family: var(--uvn-font-display);
	font-size: 1.2rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1;
}

.landingpage.uv-normal-editorial :where(.uvn-benefit-list li > div) {
	display: grid;
	gap: 0.25rem;
}

.landingpage.uv-normal-editorial :where(.uvn-benefit-list h3) {
	font-size: clamp(1.16rem, 1.8vw, 1.42rem);
	line-height: 1.08;
}

.landingpage.uv-normal-editorial :where(.uvn-benefit-list p) {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
}

.landingpage.uv-normal-editorial :where(.uvn-benefits-action) {
	margin-top: 0.35rem;
}

.landingpage.uv-normal-editorial :where(.uvn-benefits-media) {
	justify-self: start;
	width: min(100%, 28rem);
	aspect-ratio: 3 / 4;
}

.landingpage.uv-normal-editorial :where(.uvn-fit-layout) {
	grid-template-columns: minmax(19rem, 0.52fr) minmax(0, 0.78fr);
	gap: clamp(2.5rem, 6vw, 6.75rem);
	align-items: center;
}

.landingpage.uv-normal-editorial .uvn-fit-layout>figure {
	justify-self: start;
	width: min(100%, 28rem);
	aspect-ratio: 3 / 4;
}

.landingpage.uv-normal-editorial :where(.uvn-fit-layout > div) {
	display: grid;
	gap: clamp(1rem, 2vw, 1.4rem);
	max-width: 43rem;
}

.landingpage.uv-normal-editorial :where(.uvn-fit .uv-title) {
	font-size: clamp(2.25rem, 3.7vw, 3.1rem);
}

.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list {
	gap: 0;
	margin: 0.2rem 0 0;
	border-top: 1px solid var(--color-border-soft);
}

.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list article {
	grid-template-columns: minmax(0, 1fr);
	gap: 0.3rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--color-border-soft);
}

.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list h3 {
	font-size: clamp(1.2rem, 2vw, 1.48rem);
	line-height: 1.08;
}

.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list p {
	max-width: 38rem;
	font-size: 0.88rem;
	line-height: 1.55;
}

.landingpage.uv-normal-editorial .uvn-fit .uvn-section-cta {
	max-width: 43rem;
	margin-top: 0.65rem;
}

.landingpage.uv-normal-editorial :where(.uvn-final-layout) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	align-items: center;
}

.landingpage.uv-normal-editorial .uvn-final {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-top: clamp(4.75rem, 7vw, 6.75rem);
	padding-bottom: clamp(4.75rem, 7vw, 6.75rem);
	background-color: var(--neutral-50);
	background-image: url("/wp-content/uploads/2026/08/normal_tap_6.jpg");
	background-position: center 52%;
	background-size: cover;
	background-repeat: no-repeat;
}

.landingpage.uv-normal-editorial .uvn-final::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgb(251 247 248 / 88%);
	content: "";
}

.landingpage.uv-normal-editorial :where(.uvn-final-copy) {
	display: grid;
	justify-items: center;
	gap: 1rem;
	width: 100%;
	text-align: center;
}

.landingpage.uv-normal-editorial :where(.uvn-final-copy .uv-title) {
	max-width: 52rem;
	font-size: clamp(2.25rem, 3.6vw, 3.1rem);
	color: var(--color-text);
}

.landingpage.uv-normal-editorial :where(.uvn-final-copy > p:not(.uvn-note)) {
	max-width: 47rem;
	margin: 0;
	font-size: 0.96rem;
	color: var(--color-text);
}

.landingpage.uv-normal-editorial :where(.uvn-final-copy .uvn-actions) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
	margin-top: 0.35rem;
}

.landingpage.uv-normal-editorial :where(.uvn-final-copy .uvn-note) {
	margin-top: 0.1rem;
	font-size: 0.73rem;
	line-height: 1.45;
	color: var(--color-muted);
}

.landingpage.uv-normal-editorial .uvn-final-copy .uvn-btn {
	min-height: 3.15rem;
	min-width: 12.5rem;
	padding: 0.88rem 1.12rem;
	line-height: 1.25;
	white-space: normal;
}

.landingpage.uv-normal-editorial .uvn-final-copy .uvn-btn-primary {
	background: #25d366;
	color: #102619;
}

.landingpage.uv-normal-editorial .uvn-final-copy .uvn-btn-primary:hover,
.landingpage.uv-normal-editorial .uvn-final-copy .uvn-btn-primary:focus-visible {
	background: #1fba59;
	color: #102619;
}

.landingpage.uv-normal-editorial :where(.uvn-install-layout) {
	grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.52fr);
	gap: clamp(2.5rem, 5vw, 5.25rem);
	align-items: start;
}

.landingpage.uv-normal-editorial :where(.uvn-install-copy) {
	gap: 1.25rem;
}

.landingpage.uv-normal-editorial :where(.uvn-install-copy > p) {
	max-width: 41rem;
}

.landingpage.uv-normal-editorial :where(.uvn-install-copy .uvn-steps) {
	gap: 1.25rem 2.25rem;
	margin-top: 0.3rem;
}

.landingpage.uv-normal-editorial :where(.uvn-install-copy .uvn-section-cta) {
	grid-template-columns: minmax(0, 1fr);
	justify-items: start;
	max-width: 42rem;
	margin-top: 0.35rem;
}

.landingpage.uv-normal-editorial :where(.uvn-install-video) {
	justify-self: center;
	width: min(100%, 22.5rem);
	margin-top: 0.25rem;
}

.landingpage.uv-normal-editorial :where(.uvn-split-text) {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
	gap: clamp(1.8rem, 4vw, 3.4rem);
	align-items: start;
}

.landingpage.uv-normal-editorial :where(.uvn-fit-layout > figure) {
	aspect-ratio: 4 / 5;
}

.landingpage.uv-normal-editorial :where(.uvn-steps) {
	counter-reset: uvn-step;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1.15rem;
	margin: 0.3rem 0 0;
	padding: 0;
	list-style: none;
}

.landingpage.uv-normal-editorial :where(.uvn-steps li) {
	position: relative;
	display: grid;
	gap: 0.35rem;
	min-width: 0;
	padding-left: 2.05rem;
	background: transparent;
}

.landingpage.uv-normal-editorial :where(.uvn-steps li)::before {
	position: absolute;
	top: 0.1rem;
	left: 0;
	width: 1.35rem;
	color: var(--color-primary);
	font-family: var(--uvn-font-display);
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
	content: counter(uvn-step, decimal-leading-zero);
	counter-increment: uvn-step;
}

.landingpage.uv-normal-editorial :where(.uvn-policy-grid) {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2.4vw, 1.8rem);
}

.landingpage.uv-normal-editorial :where(.uvn-policy-grid article) {
	display: grid;
	align-content: start;
	gap: 0.55rem;
	min-width: 0;
	padding: 0;
	background: transparent;
}

.landingpage.uv-normal-editorial :where(.uvn-policy-grid img) {
	width: 2.15rem;
	height: 2.15rem;
	object-fit: contain;
}

.landingpage.uv-normal-editorial :where(.uvn-faq-inner) {
	max-width: 56rem;
}

.landingpage.uv-normal-editorial :where(.uvn-center) {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.landingpage.uv-normal-editorial :where(.uvn-center p) {
	margin-right: auto;
	margin-left: auto;
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list) {
	display: grid;
	gap: 0.7rem;
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list details) {
	margin: 0;
	padding: 0.9rem 1rem;
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list summary) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0;
	color: var(--color-text);
	font-family: var(--uvn-font-body);
	font-size: 0.88rem;
	font-weight: 400;
	line-height: 1.4;
	list-style: none;
	cursor: pointer;
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list summary)::-webkit-details-marker {
	display: none;
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list summary)::marker {
	content: "";
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list summary)::after {
	flex: 0 0 auto;
	color: var(--color-primary);
	font-size: 1rem;
	line-height: 1;
	content: "+";
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list details[open] summary)::after {
	content: "-";
}

.landingpage.uv-normal-editorial :where(.uvn-faq-list details p) {
	max-width: 48rem;
	margin: 0.65rem 0 0;
	padding: 0;
	font-size: 0.8rem;
	line-height: 1.55;
}

@media (max-width: 68.75rem) {
	.landingpage.uv-normal-editorial {
		--uvn-section-y: clamp(3rem, 6vw, 4rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero-grid, .uvn-overview-grid, .uvn-spec-layout, .uvn-split-text, .uvn-fit-layout, .uvn-install-layout, .uvn-final-layout) {
		grid-template-columns: minmax(0, 1fr);
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero h1) {
		font-size: clamp(3rem, 7vw, 3.65rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero-media, .uvn-video-frame, .uvn-install-video, .uvn-fit-layout > figure) {
		justify-self: start;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-video) {
		width: min(100%, 22rem);
		height: auto;
		aspect-ratio: 9 / 16;
	}

	.landingpage.uv-normal-editorial :where(.uvn-policy-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefits-layout) {
		grid-template-columns: minmax(0, 1fr);
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefits-media) {
		justify-self: start;
	}

	.landingpage.uv-normal-editorial .uvn-fit-layout>figure {
		justify-self: start;
	}

	.landingpage.uv-normal-editorial :where(.uvn-install-video) {
		justify-self: center;
	}

	.landingpage.uv-normal-editorial :where(.uvn-media-video-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 34rem;
	}

}

@media (max-width: 51.25rem) {
	.landingpage.uv-normal-editorial {
		--uvn-page-x: var(--uv-tape-mobile-gutter, 1.2rem);
		--uvn-section-y: 2.9rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-gallery) {
		padding-right: var(--uvn-page-x);
		padding-left: var(--uvn-page-x);
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero) {
		padding-top: 4.1rem;
		padding-bottom: 2.9rem;
	}

	.landingpage.uv-normal-editorial :where(.uv-title) {
		font-size: 2.02rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero h1) {
		font-size: 2.72rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero-summary, .uvn-overview-copy > p, .uvn-section-head p, .uvn-split-text > div:first-child p, .uvn-install-copy > p, .uvn-final p) {
		font-size: 0.9rem;
		line-height: 1.56;
	}

	.landingpage.uv-normal-editorial :where(.uvn-actions, .uvn-section-cta) {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	.landingpage.uv-normal-editorial :where(.uvn-btn) {
		width: 100%;
		min-width: 0;
	}

	.landingpage.uv-normal-editorial :where(.uvn-btn-text) {
		justify-content: center;
		padding-right: 0;
		padding-left: 0;
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero-media) {
		width: 100%;
		height: 26rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefits-copy .uv-title) {
		font-size: clamp(1.55rem, 5.2vw, 2.85rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefit-list) {
		gap: 1rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefit-list li) {
		grid-template-columns: 2.2rem minmax(0, 1fr);
		gap: 0.55rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefit-list li > span) {
		font-size: 1.05rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefit-list h3) {
		font-size: 1.1rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-benefit-list p) {
		font-size: 0.78rem;
	}

	.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list article {
		padding: 0.85rem 0;
	}

	.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list h3 {
		font-size: 1.12rem;
	}

	.landingpage.uv-normal-editorial .uvn-fit .uvn-column-list p {
		font-size: 0.78rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-final-copy .uv-title) {
		font-size: clamp(2.25rem, 10vw, 2.85rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-final-copy > p:not(.uvn-note)) {
		font-size: 0.88rem;
		line-height: 1.56;
	}

	.landingpage.uv-normal-editorial .uvn-final-copy .uvn-note {
		font-size: 0.73rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-install-copy .uvn-steps) {
		gap: 0.9rem 0.75rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-install-video) {
		justify-self: center;
		width: min(100%, 19rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-media-photo-track) {
		grid-auto-columns: calc((100% - 0.65rem) / 2);
		gap: 0.65rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-media-video-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: none;
	}

	.landingpage.uv-normal-editorial :where(.uvn-media-video h4) {
		font-size: 0.75rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-column-list article, .uvn-number-list article) {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.35rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-steps, .uvn-policy-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.landingpage.uv-normal-editorial :where(.uvn-video-frame) {
		width: min(100%, 15.35rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-steps) {
		gap: 0.85rem 0.75rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-steps li) {
		padding-left: 1.6rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-steps li)::before {
		width: 1.1rem;
		font-size: 1rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-column-list p, .uvn-number-list p, .uvn-steps p, .uvn-policy-grid p, .uvn-spec-table td) {
		font-size: 0.76rem;
		line-height: 1.48;
	}

	.landingpage.uv-normal-editorial :where(.uvn-column-list h3, .uvn-number-list h3, .uvn-steps h3, .uvn-policy-grid h3, .uvn-spec-table th) {
		font-size: 1rem;
		line-height: 1.12;
	}

	.landingpage.uv-normal-editorial :where(.uvn-faq-list details) {
		padding: 0.82rem 0.9rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-faq-list summary) {
		font-size: 0.8rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-faq-list details p) {
		font-size: 0.76rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-video) {
		justify-self: center;
		width: min(100%, 18rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview .uv-title) {
		font-size: clamp(2.35rem, 11vw, 2.85rem);
		line-height: 0.98;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-copy > p) {
		font-size: 0.9rem;
		line-height: 1.56;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-list article) {
		grid-template-columns: 3.8rem minmax(0, 1fr);
		gap: 0.75rem;
		padding: 0.9rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-number) {
		font-size: 1.4rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-list h3) {
		font-size: 1.02rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-list p) {
		font-size: 0.76rem;
		line-height: 1.48;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-cta) {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.85rem;
		padding-top: 1.1rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-overview-cta .uvn-btn) {
		grid-column: auto;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-head .uv-title) {
		font-size: clamp(2.25rem, 10vw, 2.7rem);
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-head > p) {
		font-size: 0.9rem;
		line-height: 1.56;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-table tr) {
		grid-template-columns: minmax(7.45rem, 0.42fr) minmax(0, 1fr);
		gap: 0.65rem;
		padding: 0.62rem 0;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-table th) {
		font-size: 0.76rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-table td, .uvn-spec-table td strong) {
		font-size: 0.72rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-table td span) {
		font-size: 0.78rem;
		line-height: 1.52;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-media) {
		padding-top: 0;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-copy .uvn-section-cta) {
		grid-template-columns: 2.5rem minmax(0, 1fr);
		gap: 0.75rem;
		padding: 0.85rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-spec-copy .uvn-section-cta .uvn-btn) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 23.75rem) {
	.landingpage.uv-normal-editorial :where(.uvn-hero h1) {
		font-size: 2.38rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-hero-media) {
		height: 23rem;
	}

	.landingpage.uv-normal-editorial :where(.uvn-steps, .uvn-policy-grid) {
		grid-template-columns: minmax(0, 1fr);
	}
}


/* --------------------------------------------------------------------------
 * Product landing components
 * Shared by the Clip-In-derived product pages. Product-specific media rules
 * stay in each page's content; this file owns the common component system.
 * -------------------------------------------------------------------------- */

/* Base, specifications, gallery, benefits, terms and FAQ components. */

/* pl-clip-styles */
/* ==========================================================================
   UniHair — Clip-In wholesale · "Atelier × Factory Dossier" redesign
   Namespace: .pl-*  (Product Landing — reusable across product landing pages)
   Palette & fonts inherit the site tokens — no colour-tone change.
   Type roles: Jost (display) · Inter (body and UI)
   ========================================================================== */
.pl {
	--ink: var(--neutral-950);
	/* #151112 */
	--rose: var(--brand-rose);
	/* #c52e58 */
	--rose-deep: #a51f47;
	--muted: var(--neutral-700);
	/* #68605f */
	--soft: var(--color-surface-soft);
	/* #fbf7f8 */
	--rose-tint: #fff7fa;
	--rose-tint-2: #f8eef2;
	--paper: #ffffff;
	--line: rgb(21 17 18 / 11%);
	--line-soft: rgb(21 17 18 / 7%);

	--sans: Jost, sans-serif;
	--mono: Jost, sans-serif;
	--wrap: var(--layout-wide);
	/* 90rem — matches the Specs section edges */
	--gx: var(--uvn-page-x);
	/* clamp(1.1rem,4vw,4rem) — same gutter as Specs */
	--sy: clamp(3rem, 1.75rem + 4.5vw, 5.5rem);
	--ease: cubic-bezier(.22, .61, .36, 1);
	/* Override theme's --uvn-muted (used by :where(p,li,td) color rule) */
	--uvn-muted: #000;
}

/* Anchor offset for the sticky sub-nav, scoped to pages with this block */
html:has(.pl) {
	scroll-behavior: smooth;
	scroll-padding-top: 4.5rem
}

@media (prefers-reduced-motion:reduce) {
	html:has(.pl) {
		scroll-behavior: auto
	}
}

/* — shared building blocks (all scoped to .pl-* so Specs is never matched) — */
.pl-sec {
	padding-block: var(--sy);
	padding-inline: var(--gx);
	position: relative
}

.pl-wrap {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto
}

.pl-sec--paper {
	background: var(--paper)
}

.pl-sec--soft {
	background: var(--soft)
}

.pl-sec--tint {
	background: linear-gradient(180deg, var(--rose-tint) 0%, var(--paper) 100%)
}

.pl-sec--ink {
	background: var(--ink);
	color: rgb(255 255 255 / 82%)
}

.pl-h2 {
	font-family: Jost, sans-serif;
	font-weight: 400;
	font-size: clamp(1.95rem, 1.15rem + 2.5vw, 3rem);
	line-height: 1.05;
	letter-spacing: -.017em;
	color: var(--ink);
	margin: 0;
	text-wrap: balance
}

.pl-sec--ink .pl-h2 {
	color: #fbf4f6
}

.pl-h2 em {
	font-style: italic;
	color: var(--rose)
}

.pl-sec--ink .pl-h2 em {
	color: #f0aec0
}

.pl-lead {
	font-family: var(--sans);
	font-size: clamp(1.02rem, .98rem + .28vw, 1.16rem);
	line-height: 1.72;
	color: var(--muted);
	margin: 1rem 0 0;
	text-wrap: pretty
}

.pl-sec--ink .pl-lead {
	color: rgb(255 255 255 / 68%)
}

.pl-head {
	margin-bottom: 20px
}

.pl-head--center {
	text-align: center;
	margin-inline: auto
}

.pl-head--center .pl-lead {
	margin-inline: auto
}

/* — buttons (mirror site button intent, rose primary) — */
.pl-btn {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-family: var(--mono);
	font-size: .74rem;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	line-height: 1;
	padding: 1rem 1.7rem;
	border: 1px solid var(--ink);
	color: var(--ink);
	background: transparent;
	border-radius: 2px;
	cursor: pointer;
	transition: background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), transform .2s var(--ease)
}

.pl.uv-normal-editorial .pl-btn-ic {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
	flex: none;
	background-color: currentColor;
	-webkit-mask: url(/wp-content/uploads/2026/06/whatsappicon.svg) center/contain no-repeat;
	mask: url(/wp-content/uploads/2026/06/whatsappicon.svg) center/contain no-repeat;
	transition: background-color .35s var(--ease)
}

.pl-btn::after {
	content: "→";
	transition: transform .35s var(--ease)
}

.pl-btn:hover {
	background: var(--ink);
	color: #fff
}

.pl-btn:hover::after {
	transform: translateX(4px)
}

.pl-btn:active {
	transform: translateY(1px)
}

.pl-btn--rose {
	background: var(--rose);
	border-color: var(--rose);
	color: #fff
}

.pl-btn--rose:hover {
	background: var(--rose-deep);
	border-color: var(--rose-deep)
}

.pl-btn--wa {
	background: #25D366;
	border-color: #25D366;
	color: #fff
}

.pl-btn--wa:hover {
	background: #1DA851;
	border-color: #1DA851
}

.pl-btn--ghost {
	border-color: var(--line)
}

.pl-btn--ghost:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff
}

.pl-sec--ink .pl-btn--ghost {
	border-color: rgb(255 255 255 / 26%);
	color: #fff
}

.pl-sec--ink .pl-btn--ghost:hover {
	background: #fff;
	color: var(--ink);
	border-color: #fff
}

.pl :focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 3px;
	border-radius: 2px
}

/* — HERO — */
.pl-hero {
	padding-block: clamp(3rem, 1.6rem + 4vw, 5.2rem) clamp(3.4rem, 2rem + 4vw, 5.4rem);
	padding-inline: var(--gx);
	background: linear-gradient(176deg, var(--rose-tint) 0%, var(--paper) 60%);
	position: relative;
	overflow: hidden
}

.pl-hero-grid {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(0, 1.42fr) minmax(17rem, 1fr);
	gap: clamp(1.6rem, 1rem + 3vw, 3.6rem);
	align-items: center
}

.pl-hero-title {
	font-family: Jost, sans-serif;
	font-weight: 400;
	font-size: clamp(2.55rem, 1.4rem + 3.7vw, 4.5rem);
	line-height: 1.015;
	letter-spacing: -.022em;
	color: var(--ink);
	margin: .2rem 0 0;
	text-wrap: wrap
}

.pl-hero-title em {
	font-style: italic;
	color: var(--rose)
}

.pl-hero-lead {
	font-family: var(--sans);
	font-size: 16px;
	line-height: 1.72;
	color: var(--muted);
	margin: 1.3rem 0 0;
	text-wrap: pretty
}

.pl-hero-cta {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: 1.9rem
}

.pl-hero-note {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-family: var(--mono);
	font-size: .7rem;
	letter-spacing: .06em;
	color: var(--muted);
	margin-top: 1.4rem
}

.pl-hero-note::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--rose);
	box-shadow: 0 0 0 4px rgb(197 46 88 / 14%)
}

/* hero media cluster */
.pl-hero-media {
	position: relative;
	aspect-ratio: 1/1.04;
	min-height: 26rem
}

.pl-hero-media figure {
	position: absolute;
	margin: 0;
	background: #fff;
	border-radius: 22px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 36px 70px -30px rgb(21 17 18 / .38), 0 8px 22px -12px rgb(21 17 18 / .2);
	transition: transform .55s var(--ease), box-shadow .55s var(--ease)
}

.pl-hero-media figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0;
	display: block
}

.pl-hero-media .pl-hm-main {
	top: 0;
	right: 0;
	width: 70%;
	height: 90%;
	transform: rotate(3.4deg);
	z-index: 1
}

.pl-hero-media .pl-hm-a {
	left: 0;
	bottom: 2%;
	width: 43%;
	height: 55%;
	transform: rotate(-4.2deg);
	z-index: 2
}

.pl-hero-media:hover .pl-hm-main {
	transform: rotate(2.2deg) translateY(-5px)
}

.pl-hero-media:hover .pl-hm-a {
	transform: rotate(-2.6deg) translateY(-5px)
}

@media (prefers-reduced-motion:reduce) {
	.pl-hero-media figure {
		transition: none
	}
}

/* — spec ticker (real data, replaces generic big-number tiles) — */
.pl-ticker {
	border-top: 1px solid var(--line-soft);
	border-bottom: 1px solid var(--line-soft);
	background: var(--paper)
}

.pl-ticker-in {
	max-width: var(--wrap);
	margin-inline: auto;
	padding: 1.15rem var(--gx);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .6rem 1.6rem;
	align-items: center;
	font-family: var(--mono);
	font-size: .74rem;
	font-weight: 400;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ink)
}

.pl-ticker-in span {
	display: inline-flex;
	align-items: center
}

@media (max-width:768px) {
	.pl-ticker-in {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow: hidden;
		gap: 0 1.15rem;
		font-size: .62rem;
		letter-spacing: .1em;
		-webkit-mask-image: linear-gradient(90deg, #000 84%, transparent);
		mask-image: linear-gradient(90deg, #000 84%, transparent)
	}

	.pl-ticker-in span {
		flex: none;
		white-space: nowrap
	}
}

/* — OVERVIEW — */
.pl-overview-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	gap: clamp(2.4rem, 1rem + 5vw, 5.4rem);
	align-items: center
}

.pl-overview-media {
	position: relative;
	max-width: 22rem;
	margin-inline: auto
}

.pl-overview-media figure {
	margin: 0;
	position: relative;
	overflow: hidden;
	aspect-ratio: 9/16;
	border-radius: 5px;
	border: 1px solid var(--line);
	box-shadow: 0 30px 70px -40px rgb(21 17 18 / .5);
	background: #000
}

.pl-overview-media :is(img, video) {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block
}

.pl-overview-media img {
	transition: transform 1.3s var(--ease)
}

.pl-overview-media figure:hover img {
	transform: scale(1.045)
}

.pl-overview-media::after {
	content: "";
	position: absolute;
	left: -1.25rem;
	top: -1.25rem;
	width: 60%;
	height: 60%;
	border: 1px solid var(--rose);
	border-radius: 5px;
	z-index: -1
}

.pl-defs {
	display: grid;
	gap: 0;
	margin-top: 2rem
}

.pl-def {
	display: grid;
	grid-template-columns: 9.5rem 1fr;
	gap: 1.5rem;
	padding: 1.4rem 0;
	border-top: 1px solid var(--line-soft)
}

.pl-def:last-child {
	border-bottom: 1px solid var(--line-soft)
}

.pl-def-key {
	font-family: var(--mono);
	font-size: .68rem;
	font-weight: 400;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--rose);
	padding-top: .3rem
}

.pl-def-title {
	font-family: Jost, sans-serif;
	font-size: clamp(1.3rem, 1.1rem + .6vw, 1.6rem);
	font-weight: 400;
	letter-spacing: -.01em;
	color: var(--ink);
	margin: 0 0 .35rem
}

.pl-def-body {
	font-family: var(--sans);
	font-size: .98rem;
	line-height: 1.68;
	color: var(--muted);
	margin: 0
}

.pl-inline-cta {
	margin-top: 2.2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.4rem
}

.pl-inline-cta p {
	font-family: Jost, sans-serif;
	font-style: italic;
	font-size: 1.2rem;
	color: var(--ink);
	margin: 0
}

/* Responsive: tighter section padding + fluid layout on tablet/mobile */
@media (max-width:960px) {
	.pl-sec {
		--sy: clamp(2.5rem, 1.5rem + 4vw, 4rem)
	}

	.pl-h2 {
		font-size: 36px !important;
		line-height: 1.1
	}

	.pl-hero-title {
		font-size: clamp(2.2rem, 1.4rem + 3vw, 3.4rem) !important
	}
}

@media (max-width:640px) {
	.pl-sec {
		--sy: 2.25rem;
		padding-inline: 1.1rem
	}

	.pl-hero {
		padding-inline: 1.1rem
	}

	.pl-final-cta,
	.pl-hero-cta {
		gap: .6rem
	}

	.pl-btn {
		padding: .9rem 1.35rem;
		font-size: .72rem;
		letter-spacing: .14em
	}

	.pl-btn::after {
		display: none
	}

	.pl-hero-title {
		font-size: clamp(2rem, 1.2rem + 4vw, 2.6rem) !important
	}

	.pl-h2 {
		font-size: 28px !important
	}

	.pl-specs-title,
	.pl-sets-head h3 {
		font-size: 28px !important
	}

	.pl-final h2 {
		font-size: 28px !important
	}

	.pl-hero-cta .pl-btn {
		flex: 1 1 auto;
		justify-content: center
	}

	.pl-terms-cta {
		justify-content: stretch
	}

	.pl-terms-cta .pl-btn {
		width: 100%;
		justify-content: center
	}

	.pl-hero-media {
		margin-top: 1rem
	}

	/* Table wrap for tiny screens */
	.pl-specs-table th,
	.pl-specs-table td {
		padding: 8px 0
	}
}


/* pl-specs-styles */
/* — SPECIFICATIONS (label | pill | description) — */
.pl-specs-grid {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: clamp(2.4rem, 1rem + 5vw, 5.4rem);
	align-items: start
}

.pl-specs-media {
	position: relative
}

.pl-specs-media figure {
	margin: 0;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid var(--line);
	box-shadow: 0 30px 70px -40px rgb(21 17 18 / .5);
	background: #fff
}

.pl-specs-media :is(img, video) {
	width: 100%;
	height: auto;
	aspect-ratio: 4/5;
	object-fit: contain;
	display: block
}

.pl-specs-media figcaption {
	margin-top: .85rem;
	text-align: center;
	font-family: var(--mono);
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--muted)
}

/* Table: 2 columns → label · (pill + description stacked) — 1 border-bottom per row */
.pl-specs-table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--sans);
	table-layout: fixed
}

.pl.uv-normal-editorial .pl-specs-table,
.pl.uv-normal-editorial .pl-specs-table th,
.pl.uv-normal-editorial .pl-specs-table td {
	border: 0
}

.pl.uv-normal-editorial .pl-specs-table tr {
	border-bottom: 1px solid var(--line-soft)
}

.pl-specs-table th,
.pl-specs-table td {
	padding: 10px 0;
	text-align: left;
	vertical-align: top
}

.pl-specs-table th {
	font-family: var(--sans);
	font-weight: 400;
	color: var(--ink);
	letter-spacing: -.005em;
	width: 36%
}

.pl-specs-table td {
	width: 64%
}

.pl-pill {
	display: inline-block;
	background: var(--ink);
	color: #fff;
	padding: .4rem .8rem;
	border-radius: 4px;
	font-weight: 400;
	letter-spacing: -.005em;
	line-height: 1.35
}

.pl-specs-note {
	display: block;
	margin-top: .55rem;
	color: #000;
	line-height: 1.55
}

.pl.uv-normal-editorial .pl-inline-cta--center {
	justify-content: center;
	text-align: center
}

.pl.uv-normal-editorial .pl-head--center .pl-inline-cta {
	margin-top: 1.6rem
}

/* Sets - product image sliders and component lists */
.pl-sets {
	margin-top: clamp(3rem, 1rem + 4vw, 5rem)
}

.pl-sets-head {
	margin-bottom: 2rem
}

.pl-sets-head h3 {
	font-family: Jost, sans-serif;
	font-weight: 400;
	letter-spacing: -.012em;
	color: var(--ink);
	margin: 0
}

.pl-sets-head p {
	font-family: var(--sans);
	color: var(--muted);
	margin: .6rem 0 0
}

.pl-sets-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem
}

.pl-set {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 5px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 50% 50%;
	transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease)
}

.pl-set:hover {
	transform: translateY(-4px);
	box-shadow: 0 30px 70px -40px rgb(21 17 18 / .5);
	border-color: var(--rose)
}

.pl-set-media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4/5;
	background: var(--soft);
	isolation: isolate
}

.pl-set-media-track {
	position: absolute;
	inset: 0
}

.pl-set-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	transform: scale(1.01);
	transition: opacity .3s var(--ease), transform .7s var(--ease)
}

.pl-set-media img.is-active {
	z-index: 1;
	opacity: 1;
	transform: scale(1)
}

.pl-set:hover .pl-set-media img.is-active {
	transform: scale(1.04)
}

.pl-set-media-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	padding: 0;
	border: 1px solid rgb(255 255 255 / .72);
	border-radius: 50%;
	background: rgb(255 255 255 / .92);
	color: var(--ink);
	font-size: 0;
	line-height: 0;
	transform: translateY(-50%);
	cursor: pointer;
	transition: background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease)
}

.pl-set-media-arrow:hover,
.pl-set-media-arrow:focus-visible {
	background: var(--rose);
	color: #fff;
	transform: translateY(-50%) scale(1.04)
}

.pl-set-media-arrow:focus-visible,
.pl-set-media-dots button:focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 3px
}

.pl-set-media-arrow--prev {
	left: .65rem
}

.pl-set-media-arrow--next {
	right: .65rem
}

.pl-set-media-dots {
	position: absolute;
	right: .75rem;
	bottom: .7rem;
	left: .75rem;
	z-index: 2;
	display: flex;
	justify-content: center;
	gap: .28rem
}

.pl-set-media-dots button {
	width: .92rem;
	height: .14rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgb(255 255 255 / .78);
	cursor: pointer;
	transition: background-color .2s var(--ease), width .2s var(--ease)
}

.pl-set-media-dots button.is-active {
	width: 1.4rem;
	background: var(--rose)
}

.pl-set-media--empty {
	display: grid;
	place-content: center;
	gap: .2rem;
	text-align: center;
	background: var(--soft)
}

.pl-set-media--empty span {
	font-family: Jost, sans-serif;
	font-size: clamp(4rem, 8vw, 6rem);
	font-weight: 400;
	line-height: .85;
	color: var(--rose)
}

.pl-set-media--empty small {
	font-family: var(--mono);
	font-size: .66rem;
	font-weight: 400;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ink)
}

.pl-set-body {
	padding: 1.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .85rem
}

.pl-set-title {
	font-family: Jost, sans-serif;
	font-weight: 400;
	letter-spacing: -.012em;
	color: var(--ink);
	margin: 0
}

.pl-set-variant {
	font-family: var(--sans);
	font-size: .88rem;
	font-weight: 400;
	line-height: 1.4;
	color: var(--ink);
	margin: -.45rem 0 0
}

.pl-set-components {
	display: grid;
	gap: .45rem;
	margin: 0;
	padding: .9rem 0 0;
	list-style: none;
	border-top: 1px solid var(--line-soft)
}

.pl-set-components li {
	color: #000;
	font-family: var(--sans);
	font-weight: 400;
	line-height: 1.5
}

.pl-set-cta {
	width: 100%;
	justify-content: center;
	margin-top: .15rem
}

@media (max-width:960px) {
	.pl-specs-grid {
		grid-template-columns: 1fr
	}

	.pl-sets-grid {
		grid-template-columns: 1fr
	}

	.pl-set {
		grid-template-columns: 1fr
	}

	.pl-set-media {
		aspect-ratio: 16/10
	}

	.pl-specs-table th {
		width: 44%
	}

	.pl-specs-table td {
		width: 56%
	}
}

/* Unified sizes (matches page: title 48, text 16, small 14) */
.pl.uv-normal-editorial .pl-specs-title,
.pl.uv-normal-editorial .pl-sets-head h3 {
	font-size: 48px;
	line-height: 1.08
}

.pl.uv-normal-editorial .pl-specs-lead,
.pl.uv-normal-editorial .pl-sets-head p {
	font-size: 16px
}

.pl.uv-normal-editorial .pl-specs-table th {
	font-size: 15px
}

.pl.uv-normal-editorial .pl-specs-table td,
.pl.uv-normal-editorial .pl-pill,
.pl.uv-normal-editorial .pl-specs-media figcaption,
.pl.uv-normal-editorial .pl-set-components li {
	font-size: 12px
}

.pl.uv-normal-editorial .pl-specs-note {
	font-size: 15px
}

.pl.uv-normal-editorial .pl-set-title {
	font-size: 22px
}

@media (max-width:768px) {

	.pl.uv-normal-editorial .pl-specs-title,
	.pl.uv-normal-editorial .pl-sets-head h3 {
		font-size: 36px
	}
}

/* Set album triggers share the same .pl-lightbox as the main gallery. */
.pl-set-media[data-pl-set-media] {
	cursor: zoom-in
}

.pl-set-media-track:focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: -4px
}


/* pl-clip-styles-2 */
/* — GALLERY — */
.pl-gtile--video {
	background: #000
}

.pl.uv-normal-editorial .pl-gtile--video video {
	object-fit: contain
}

/* Video play overlay (hidden when video is playing) */
.pl-gtile--video {
	background: #f5efef
}

.pl.uv-normal-editorial .pl-gtile--video video {
	object-fit: contain;
	background: #f5efef
}

.pl-gtile--video::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	transform: translate(-50%, -50%);
	background: var(--rose) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>') center/44% no-repeat;
	border-radius: 50%;
	box-shadow: 0 6px 22px -6px rgb(21 17 18 / .35);
	pointer-events: none;
	transition: opacity .25s var(--ease), transform .25s var(--ease);
	z-index: 2
}

.pl-gtile--video:hover::after {
	transform: translate(-50%, -50%) scale(1.06)
}

.pl-gtile--video.is-playing::after {
	opacity: 0;
	transform: translate(-50%, -50%) scale(.9);
	pointer-events: none
}

/* — GALLERY IMAGE SLIDER (portrait 4:5 tiles, prev/next navigation) — */
.pl-slider {
	position: relative;
	padding: 0
}

.pl-slider-viewport {
	overflow: hidden
}

.pl-slider-track {
	display: flex;
	gap: 1rem;
	transition: transform .5s var(--ease);
	will-change: transform
}

.pl-slide {
	flex: 0 0 calc((100% - 3rem) / 4);
	aspect-ratio: 4/5;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid var(--line);
	background: var(--soft);
	cursor: zoom-in
}

.pl.uv-normal-editorial .pl-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block
}

.pl-slider-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--line);
	color: var(--ink);
	font-family: var(--sans);
	font-size: 0;
	font-weight: 400;
	line-height: 0;
	cursor: pointer;
	display: grid;
	place-items: center;
	box-shadow: 0 8px 24px -8px rgb(21 17 18 / .25);
	transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), opacity .3s var(--ease);
	z-index: 3
}

.pl-slider-btn:hover {
	background: var(--rose);
	border-color: var(--rose);
	color: #fff
}

.pl-slider-btn:disabled {
	opacity: .35;
	cursor: not-allowed;
	pointer-events: none
}

.pl-slider-btn--prev {
	left: -14px
}

.pl-slider-btn--next {
	right: -14px
}

@media (max-width:1024px) {
	.pl-slide {
		flex-basis: calc((100% - 2rem) / 3)
	}
}

@media (max-width:640px) {
	.pl-slide {
		flex-basis: calc((100% - 1rem) / 2)
	}
}

@media (max-width:480px) {
	.pl-slide {
		flex-basis: 100%
	}

	.pl-slider-btn--prev {
		left: 6px
	}

	.pl-slider-btn--next {
		right: 6px
	}
}

/* — SHARED LIGHTBOX (main gallery and set albums) — */
.pl-lightbox {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483647 !important;
	display: none !important;
	width: 100vw !important;
	height: 100dvh !important;
	align-items: center;
	justify-content: center;
	padding: clamp(1rem, 3vw, 2rem);
	box-sizing: border-box;
	background: rgb(14 14 14 / .92);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px)
}

.pl-lightbox.is-open {
	display: flex !important;
	animation: plLbFade .3s var(--ease)
}

@keyframes plLbFade {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.pl-lb-content {
	position: relative;
	display: flex;
	width: min(80vw, 43rem);
	max-width: calc(100vw - 2rem);
	height: min(82dvh, 50rem);
	max-height: calc(100dvh - 2rem);
	align-items: center;
	justify-content: center
}

.landingpage.uv-normal-editorial.pl .pl-lightbox .pl-lb-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 4px;
	box-shadow: 0 30px 80px -20px rgb(0 0 0 / .6)
}

.pl-lb-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgb(255 255 255 / .12);
	border: 1px solid rgb(255 255 255 / .2);
	color: #fff;
	font-family: var(--sans);
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	display: grid;
	place-items: center;
	backdrop-filter: blur(8px);
	transition: background .25s var(--ease), transform .25s var(--ease)
}

.pl-lb-btn:hover {
	background: var(--rose);
	border-color: var(--rose);
	transform: translateY(-50%) scale(1.05)
}

.pl-lb-prev {
	left: -70px
}

.pl-lb-next {
	right: -70px
}

.pl-lb-close {
	position: fixed;
	top: 1.4rem;
	right: 1.4rem;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgb(255 255 255 / .1);
	border: 1px solid rgb(255 255 255 / .2);
	color: #fff;
	font-family: var(--sans);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	display: grid;
	place-items: center;
	transform: none;
	backdrop-filter: blur(8px);
	transition: background .25s var(--ease), transform .25s var(--ease);
	z-index: 10000
}

.pl-lb-close:hover {
	background: var(--rose);
	border-color: var(--rose);
	transform: rotate(90deg)
}

.pl-lb-counter {
	position: fixed;
	bottom: 1.4rem;
	left: 50%;
	transform: translateX(-50%);
	font-family: var(--sans);
	font-size: 13px;
	letter-spacing: .06em;
	color: rgb(255 255 255 / .78);
	background: rgb(0 0 0 / .35);
	padding: .4rem .8rem;
	border-radius: 20px;
	backdrop-filter: blur(8px)
}

body.pl-lb-lock {
	overflow: hidden
}

@media (max-width:768px) {
	.pl-lightbox {
		padding: .75rem
	}

	.pl-lb-content {
		width: 100%;
		max-width: 100%;
		height: min(80dvh, 42rem);
		max-height: calc(100dvh - 1.5rem)
	}

	.pl-lb-btn {
		width: 44px;
		height: 44px;
		font-size: 0
	}

	.pl-lb-prev {
		left: 8px
	}

	.pl-lb-next {
		right: 8px
	}

	.pl-lb-close {
		top: .75rem;
		right: .75rem
	}
}

/* Use the same optically centred vector arrow in every gallery control. */
.pl-slider-btn,
.pl-lb-btn,
.pl-set-media-arrow {
	isolation: isolate;
	text-indent: -9999px;
	overflow: hidden
}

.pl-slider-btn::before,
.pl-lb-btn::before,
.pl-set-media-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 1rem;
	height: 1rem;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	transform: translate(-50%, -50%)
}

.pl-slider-btn--prev::before,
.pl-lb-prev::before,
.pl-set-media-arrow--prev::before {
	transform: translate(-50%, -50%) rotate(180deg)
}

.pl-set-media-arrow>span {
	display: none
}


/* — GALLERY VIDEOS (separate grid, portrait 9:16 native) — */
.pl-gallery-videos {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .9rem;
	margin-top: 1rem
}

.pl-vtile {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid var(--line);
	aspect-ratio: 9/16;
	background: #f5efef;
	display: block
}

.pl.uv-normal-editorial .pl-vtile video {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	background: #f5efef
}

.pl-vtile::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	transform: translate(-50%, -50%);
	background: var(--rose) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>') center/44% no-repeat;
	border-radius: 50%;
	box-shadow: 0 6px 22px -6px rgb(21 17 18 / .35);
	pointer-events: none;
	transition: opacity .25s var(--ease), transform .25s var(--ease);
	z-index: 2
}

.pl-vtile:hover::after {
	transform: translate(-50%, -50%) scale(1.06)
}

.pl-vtile.is-playing::after {
	opacity: 0;
	transform: translate(-50%, -50%) scale(.9)
}

@media (max-width:960px) {
	.pl-gallery-videos {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width:560px) {
	.pl-gallery-videos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .65rem
	}
}

/* Shared Tape-In product gallery. */
.pl-gallery-tape .pl-gallery-detail {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(2rem, 4vw, 5rem);
	align-items: center;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: clip;
}

.pl-gallery-tape .pl-gallery-detail>*,
.pl-gallery-tape .pl-slider--detail>*,
.pl-gallery-tape .pl-slider--detail .pl-slider-viewport,
.pl-gallery-tape .pl-slider--detail .pl-slider-track {
	min-width: 0;
	max-width: 100%;
}

.pl-gallery-tape .pl-slider--detail {
	--pl-detail-thumb-size: 6rem;
	--pl-detail-gallery-gap: .9rem;
	--pl-detail-thumb-gap: .5rem;
	position: relative;
	display: grid;
	grid-template-columns: var(--pl-detail-thumb-size) minmax(0, 1fr);
	gap: var(--pl-detail-gallery-gap);
	height: 600px;
	align-items: stretch;
	min-width: 0;
}

.pl-gallery-tape .pl-slider--detail .pl-slider-thumbs-wrap {
	display: grid;
	grid-template-rows: 1.75rem minmax(0, 1fr) 1.75rem;
	gap: .35rem;
	height: 100%;
	align-self: stretch;
	min-height: 0;
}

.pl-gallery-tape .pl-slider--detail .pl-slider-thumbs-wrap:not(.has-overflow) {
	grid-template-rows: minmax(0, 1fr)
}

.pl-gallery-tape .pl-slider--detail .pl-slider-thumbs {
	position: relative;
	display: block;
	height: 100%;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	scroll-behavior: smooth;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
}

.pl-gallery-tape .pl-slider--detail .pl-slider-thumbs::-webkit-scrollbar {
	display: none
}

.pl-gallery-tape .pl-slider--detail .pl-slider-thumbs-track {
	display: flex;
	flex-direction: column;
	gap: var(--pl-detail-thumb-gap);
	min-height: 100%;
	height: 100%;
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb {
	display: block;
	width: 100%;
	min-width: 0;
	min-height: 0;
	height: auto;
	flex: 0 0 calc(20% - .4rem);
	padding: 0;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 0;
	background: var(--color-surface);
	cursor: pointer;
	scroll-snap-align: start;
	transition: border-color 160ms ease, opacity 160ms ease;
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb:not([aria-current="true"]) {
	opacity: .68
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb:hover {
	opacity: 1
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb[aria-current="true"] {
	border-color: var(--ink);
	opacity: 1
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb:focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 3px
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb img {
	display: block;
	width: 100%;
	height: 100%;
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb--video {
	position: relative;
	background: #161616
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb--video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb--video::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin-top: -.3rem;
	margin-left: -.18rem;
	border-top: .3rem solid transparent;
	border-bottom: .3rem solid transparent;
	border-left: .48rem solid #fff;
	content: "";
	filter: drop-shadow(0 1px 2px rgb(0 0 0 / .45));
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb-scroll {
	display: grid;
	width: 100%;
	height: 1.75rem;
	place-items: center;
	padding: 0;
	border: 1px solid var(--line);
	border-radius: 0;
	background: var(--color-surface);
	color: var(--ink);
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb-scroll:hover {
	border-color: var(--rose);
	background: var(--rose);
	color: #fff
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb-scroll:focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 3px
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-thumb-scroll:disabled {
	visibility: hidden;
	pointer-events: none
}

.pl-gallery-tape .pl-slider--detail .pl-slider-viewport {
	position: relative;
	width: 79%;
	height: 100%;
	aspect-ratio: auto;
	overflow: hidden;
	background: var(--color-surface);
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	padding: 0;
	border: 1px solid rgb(255 255 255 / .84);
	border-radius: 50%;
	background: rgb(21 17 18 / .56);
	box-shadow: 0 .65rem 1.65rem rgb(21 17 18 / .24);
	color: #fff;
	cursor: pointer;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	text-indent: -9999px;
	transform: translateY(-50%);
	transition: opacity 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 1rem;
	height: 1rem;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	transform: translate(-50%, -50%);
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow--prev {
	left: .9rem
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow--prev::before {
	transform: translate(-50%, -50%) rotate(180deg)
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow--next {
	right: .9rem
}

.pl-gallery-tape .pl-slider--detail .pl-slider-viewport:hover .pl-gallery-main-arrow,
.pl-gallery-tape .pl-slider--detail .pl-slider-viewport:focus-within .pl-gallery-main-arrow {
	opacity: 1;
	pointer-events: auto;
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow:hover {
	border-color: var(--rose);
	background: var(--rose);
	transform: translateY(-50%) scale(1.04)
}

.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow:focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 4px;
	opacity: 1;
	pointer-events: auto
}

.pl-gallery-tape .pl-slider--detail .pl-slider-track {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transform: none !important;
	transition: none;
}

.pl-gallery-tape .pl-slider--detail .pl-slide {
	position: absolute;
	inset: 0;
	flex: 0 0 auto;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	border: 0;
	border-radius: 0;
	background: transparent;
	opacity: 0;
	pointer-events: none;
	transform: scale(1.01);
	transition: opacity 180ms ease, transform 280ms ease;
}

.pl-gallery-tape .pl-slider--detail .pl-slide.is-active {
	z-index: 1;
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
}

.pl-gallery-tape .pl-slider--detail .pl-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pl-gallery-tape .pl-slider--detail .pl-slide--video {
	display: grid;
	place-items: center;
	background: var(--color-surface-muted)
}

.pl-gallery-tape .pl-slider--detail .pl-slide--video video {
	display: block;
	width: 100%;
	height: 100%;
	background: #161616;
	object-fit: contain;
}

.pl-gallery-tape .pl-slider--detail .pl-slider-btn {
	display: none
}

.pl-gallery-tape .pl-gallery-videos--float {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	left: auto;
	z-index: 2;
	display: block;
	width: clamp(8rem, 24%, 10.5rem);
	max-width: calc(100% - 2rem);
	margin: 0;
}

.pl-gallery-tape .pl-gallery-video-trigger {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / .86);
	border-radius: 0;
	aspect-ratio: 9/16;
	background: #161616;
	cursor: pointer;
	box-shadow: 0 .75rem 1.75rem rgb(21 17 18 / .22);
	transition: transform 180ms ease, border-color 180ms ease;
}

.pl-gallery-tape .pl-gallery-video-trigger:hover {
	transform: translateY(-.15rem);
	border-color: var(--rose)
}

.pl-gallery-tape .pl-gallery-video-trigger:focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 4px
}

.pl-gallery-tape .pl-gallery-video-trigger video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
}

/* Placeholder state: a still image stands in until the product video is uploaded. */
.pl-gallery-tape .pl-gallery-video-trigger img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
}

.pl-gallery-tape .pl-gallery-video-trigger[aria-disabled="true"] {
	cursor: default
}

.pl-gallery-tape .pl-gallery-video-trigger[aria-disabled="true"]:hover {
	transform: none;
	border-color: rgb(255 255 255 / .86)
}

.pl-gallery-tape .pl-gallery-video-trigger[aria-disabled="true"] .pl-gallery-video-mark {
	display: none
}

.pl-gallery-tape .pl-gallery-video-mark {
	position: absolute;
	right: .55rem;
	bottom: .55rem;
	display: grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	border: 1px solid rgb(255 255 255 / .82);
	border-radius: 50%;
	background: rgb(22 22 22 / .64);
}

.pl-gallery-tape .pl-gallery-video-mark::after {
	width: 0;
	height: 0;
	margin-left: .12rem;
	border-top: .36rem solid transparent;
	border-bottom: .36rem solid transparent;
	border-left: .55rem solid #fff;
	content: "";
}

.pl-gallery-tape .pl-gallery-reserve {
	display: flex;
	align-items: center;
	min-width: 0;
	padding-block: clamp(.5rem, 2vw, 2rem)
}

.pl-gallery-tape .pl-gallery-summary {
	width: 100%
}

.pl-gallery-tape .pl-price-intro {
	margin: 0 0 1.8rem;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 15px;
	line-height: 1.65;
	color: var(--muted, #68605f)
}

.pl-gallery-tape .pl-price-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0 0 1.1rem
}

.pl-gallery-tape .pl-price-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	padding: 1.8rem 1.5rem 1.6rem;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: #fff;
	transition: box-shadow .35s ease, transform .35s ease
}

.pl-gallery-tape .pl-price-card:hover {
	box-shadow: 0 10px 40px -15px rgba(21, 17, 18, .1);
	transform: translateY(-2px)
}

.pl-gallery-tape .pl-price-card--featured {
	border-color: var(--rose);
	border-width: 2px;
	background: linear-gradient(165deg, #fff5f8 0%, #fff 45%);
	box-shadow: 0 8px 30px -8px rgba(197, 46, 88, .14)
}

.pl-gallery-tape .pl-price-card--featured:hover {
	box-shadow: 0 16px 44px -10px rgba(197, 46, 88, .22);
	transform: translateY(-3px)
}

.pl-gallery-tape .pl-price-badge {
	position: absolute;
	top: -.75rem;
	left: 50%;
	transform: translateX(-50%);
	padding: .38rem 1.1rem;
	border-radius: 20px;
	background: linear-gradient(135deg, #d4365f 0%, var(--rose) 100%);
	box-shadow: 0 4px 14px -3px rgba(197, 46, 88, .4);
	font-family: var(--sans, Jost, sans-serif);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff
}

.pl-gallery-tape .pl-price-card-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .6rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid rgba(21, 17, 18, .06)
}

.pl-gallery-tape .pl-price-grade {
	margin: 0;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: var(--ink)
}

.pl-gallery-tape .pl-price-tier {
	font-family: var(--sans, Jost, sans-serif);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--muted, #68605f);
	opacity: .7
}

.pl-gallery-tape .pl-price-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 0;
	padding: 0
}

.pl-gallery-tape .pl-price-row {
	display: flex;
	flex-direction: column;
	gap: .22rem;
	padding-left: .9rem;
	border-left: 2.5px solid var(--line);
	border-radius: 0;
	transition: border-color .25s ease
}

.pl-gallery-tape .pl-price-row--wholesale {
	position: relative;
	border-left-color: var(--rose)
}

.pl-gallery-tape .pl-price-row dt {
	margin: 0;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--muted, #68605f)
}

.pl-gallery-tape .pl-price-row dd {
	margin: 0;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.01em;
	color: var(--ink)
}

.pl-gallery-tape .pl-price-row--wholesale dd {
	color: var(--rose, #c52e58)
}

.pl-gallery-tape .pl-price-note {
	margin: .5rem 0 1.8rem;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 12.5px;
	line-height: 1.55;
	color: var(--muted, #68605f);
	opacity: .8
}

.pl-gallery-tape .pl-fit-panel {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
	margin: 0 0 1.6rem
}

.pl-gallery-tape .pl-fit-item {
	display: flex;
	align-items: flex-start;
	gap: .9rem;
	padding: 1.2rem 1.25rem;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: #fff;
	transition: box-shadow .3s ease, transform .3s ease
}

.pl-gallery-tape .pl-fit-item:hover {
	box-shadow: 0 6px 20px -8px rgba(21, 17, 18, .08);
	transform: translateY(-1px)
}

.pl-gallery-tape .pl-fit-item--yes {
	border-left: 3.5px solid var(--rose);
	border-radius: 0 10px 10px 0
}

.pl-gallery-tape .pl-fit-item--no {
	border-left: 3.5px solid rgba(21, 17, 18, .18);
	border-radius: 0 10px 10px 0
}

.pl-gallery-tape .pl-fit-mark {
	display: grid;
	flex: none;
	width: 26px;
	height: 26px;
	margin-top: .05rem;
	place-items: center;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #fff
}

.pl-gallery-tape .pl-fit-item--yes .pl-fit-mark {
	background: linear-gradient(135deg, #d4365f, var(--rose));
	box-shadow: 0 3px 10px -3px rgba(197, 46, 88, .35)
}

.pl-gallery-tape .pl-fit-item--no .pl-fit-mark {
	background: rgba(21, 17, 18, .28)
}

.pl-gallery-tape .pl-fit-item h4 {
	margin: 0 0 .35rem;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ink)
}

.pl-gallery-tape .pl-fit-item p {
	margin: 0;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--muted, #68605f)
}

.pl-gallery-tape .pl-proof-list {
	display: grid;
	gap: .65rem;
	margin: 0 0 1.4rem;
	padding: 0;
	list-style: none
}

.pl-gallery-tape .pl-proof-list li {
	display: grid;
	grid-template-columns: minmax(6.5rem, .34fr) minmax(0, 1fr);
	gap: .8rem;
	align-items: start;
	padding: .75rem 0;
	border-bottom: 1px solid var(--line-soft);
	font-family: var(--sans, Jost, sans-serif);
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--muted, #68605f)
}

.pl-gallery-tape .pl-proof-list strong {
	font-weight: 500;
	color: var(--ink)
}

.pl-gallery-tape .pl-gallery-summary-actions {
	display: flex;
	gap: .85rem;
	flex-wrap: wrap;
	margin-top: 1.35rem
}

.pl-gallery-tape .pl-gallery-summary-actions .pl-btn {
	flex: 1;
	min-width: 0;
	justify-content: center;
	text-align: center;
	margin: 0;
	padding-top: 1.05rem;
	padding-bottom: 1.05rem
}

/* Tape-In decision support: hero routing, format comparison and product differences. */
.pl.pl-seamless-tape .pl-seamless-hero-actions {
	max-width: 39rem
}

.pl.pl-seamless-tape .pl-seamless-hero-actions .pl-btn--spec {
	border-color: transparent;
	padding-inline: 0;
	color: var(--rose)
}

.pl.pl-seamless-tape .pl-seamless-hero-actions .pl-btn--spec:hover {
	background: transparent;
	border-color: transparent;
	color: var(--rose-deep)
}

.pl.pl-seamless-tape .pl-seamless-hero-routing {
	margin: 1rem 0 0;
	font-family: var(--sans);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	color: var(--ink)
}

.pl .pl-format-difference-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	gap: clamp(1.4rem, 4vw, 3rem);
	align-items: start
}

.pl .pl-format-difference-list {
	display: grid;
	gap: .9rem;
	margin: 0;
	padding: 0;
	list-style: none
}

.pl .pl-format-difference-list li {
	padding: 1rem 0;
	border-bottom: 1px solid var(--line-soft);
	font-family: var(--sans, Jost, sans-serif);
	font-size: 16px;
	line-height: 1.62;
	color: var(--ink)
}

.pl .pl-format-difference-list strong {
	font-weight: 500;
	color: var(--rose)
}

.pl .pl-format-panels {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	background: var(--line-soft)
}

.pl .pl-format-panels:has(.pl-format-panel:nth-child(4)) {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

.pl .pl-format-panel {
	min-height: 12rem;
	padding: 1.35rem;
	background: #fff
}

.pl .pl-format-panel h3 {
	margin: 0 0 .75rem;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--ink)
}

.pl .pl-format-panel p {
	margin: 0;
	font-family: var(--sans, Jost, sans-serif);
	font-size: 14px;
	line-height: 1.58;
	color: var(--muted, #68605f)
}

.pl .pl-format-panel--active {
	background: rgb(197 46 88 / .07)
}

.pl .pl-format-panel--active h3 {
	color: var(--rose)
}

.pl .pl-tape-compare .pl-tape-compare-scroll,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-scroll {
	overflow-x: auto;
	overscroll-behavior-x: contain
}

.pl .pl-tape-compare .pl-tape-compare-table,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table {
	width: 100%;
	min-width: 48rem;
	border-collapse: collapse;
	table-layout: fixed
}

.pl .pl-tape-compare .pl-tape-compare-table :is(th, td),
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table :is(th, td) {
	padding: 1rem .8rem;
	border-bottom: 1px solid var(--line-soft);
	text-align: left;
	vertical-align: top
}

.pl .pl-tape-compare .pl-tape-compare-table :is(th, td):first-child,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table :is(th, td):first-child {
	width: 22%;
	padding-left: 0
}

.pl .pl-tape-compare .pl-tape-compare-table :is(th, td):last-child,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table :is(th, td):last-child {
	padding-right: 0
}

.pl .pl-tape-compare .pl-tape-compare-table thead th,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table thead th {
	font-family: Jost, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--ink)
}

.pl .pl-tape-compare .pl-tape-compare-table tbody th,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table tbody th {
	font-family: var(--mono);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--rose)
}

.pl .pl-tape-compare .pl-tape-compare-table td,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-table td {
	font-family: var(--sans);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--ink)
}

.pl .pl-tape-compare .pl-tape-compare-actions,
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .75rem;
	margin-top: 1.35rem
}

.pl .pl-tape-compare .pl-tape-compare-actions :is(.pl-btn, .pl-current-format),
.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-actions :is(.pl-btn, .pl-current-format) {
	display: inline-flex;
	min-height: 3.25rem;
	align-items: center;
	justify-content: center;
	text-align: center
}

.pl .pl-tape-compare .pl-current-format,
.pl.pl-seamless-tape #pl-seamless-compare .pl-current-format {
	padding: .9rem 1.25rem;
	border: 1px solid var(--rose);
	background: rgb(197 46 88 / .08);
	font-family: var(--mono);
	font-size: .72rem;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--rose);
	text-decoration: none
}

.pl .pl-tape-compare .pl-current-format:hover,
.pl.pl-seamless-tape #pl-seamless-compare .pl-current-format:hover {
	background: var(--rose);
	color: #fff
}

/* Keratin tip page decision support and professional-installation guidance. */
.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) :is(.pl-u-tip-hero-notice, .pl-tip-hero-notice) {
	border-bottom: 1px solid var(--line-soft);
	background: #fff
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) :is(.pl-u-tip-hero-notice, .pl-tip-hero-notice) .pl-wrap {
	padding-block: 1rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) :is(.pl-u-tip-hero-notice, .pl-tip-hero-notice) p {
	max-width: 72rem;
	margin: 0 auto;
	font-family: Jost, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	color: #000
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) :is(.pl-u-tip-hero-notice, .pl-tip-hero-notice) strong {
	font-weight: 500;
	color: var(--rose)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-difference .pl-overview-copy {
	align-self: center
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-difference .pl-lead {
	max-width: 46rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	margin-top: 1.8rem;
	background: var(--line-soft);
	border: 1px solid var(--line-soft);
	border-radius: 5px;
	overflow: hidden
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow article {
	display: grid;
	align-content: start;
	gap: .45rem;
	min-height: 10.5rem;
	padding: 1.15rem;
	background: #fff
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow span {
	font-family: Jost, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: 400;
	line-height: 1;
	color: var(--rose)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow h3 {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--ink)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow p {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.5;
	color: #000
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-warning {
	margin: 1rem 0 0;
	padding: .9rem 1rem;
	border-left: 3px solid var(--rose);
	background: rgb(197 46 88 / .06);
	font-family: Jost, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	color: #000
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-scale-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.8rem);
	margin-top: 1.8rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-scale-card {
	position: relative;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-scale-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: contain;
	background: var(--color-surface)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-scale-card figcaption {
	padding: .8rem 1rem;
	border-top: 1px solid var(--line-soft);
	font-family: Jost, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
	color: #000
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-scroll {
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table {
	min-width: 54rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table :is(th, td) {
	border-right: 0;
	border-left: 0
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table thead th {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
	background: rgb(197 46 88 / .055)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table thead th:first-child,
.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table tbody th {
	padding-left: 1rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table thead th:last-child,
.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table tbody td:last-child {
	padding-right: 1rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-table tbody tr:last-child :is(th, td) {
	border-bottom: 0
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare-actions-row :is(th, td) {
	vertical-align: middle
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare-actions-row th {
	font-size: 0
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare-btn {
	display: inline-flex;
	width: 100%;
	min-height: 3.15rem;
	align-items: center;
	justify-content: center;
	padding: .9rem 1rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare-btn .pl-btn-ic {
	margin-right: .55rem
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-service-budget {
	display: grid;
	gap: .85rem;
	margin-top: 1.35rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-service-budget h3 {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--ink)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-service-budget p {
	max-width: 68rem;
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.58;
	color: #000
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-budget-formula {
	display: grid;
	grid-template-columns: 13rem minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding-top: .9rem;
	border-top: 1px solid var(--line-soft)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-budget-formula span {
	font-family: Jost, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--rose)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-budget-formula strong {
	font-family: Jost, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
	color: var(--ink)
}

.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-steps--short {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (max-width:1180px) {
	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media (max-width:760px) {
	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) :is(.pl-u-tip-hero-notice, .pl-tip-hero-notice) .pl-wrap {
		padding-inline: 1.1rem
	}

	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) :is(.pl-u-tip-hero-notice, .pl-tip-hero-notice) p {
		text-align: left
	}

	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow,
	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-scale-grid,
	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-steps--short,
	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-budget-formula {
		grid-template-columns: 1fr
	}

	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-flow article {
		min-height: 0
	}

	.landingpage:is(.uv-u-tip-editorial, .uv-v-tip-editorial, .uv-i-tip-editorial, .uv-nano-tip-editorial) .pl-tip-compare .pl-tape-compare-scroll {
		margin-inline: -1.1rem;
		border-right: 0;
		border-left: 0;
		border-radius: 0
	}
}

.landingpage.uv-clip-editorial .pl-set-guide {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	gap: 1rem;
	align-items: stretch;
	margin-top: 1.6rem
}

.landingpage.uv-clip-editorial .pl-set-guide-feature {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	gap: 1.35rem;
	padding: clamp(1.35rem, 1rem + 1.2vw, 2rem);
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff
}

.landingpage.uv-clip-editorial .pl-set-guide-label {
	width: max-content;
	max-width: 100%;
	font-family: Jost, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--rose)
}

.landingpage.uv-clip-editorial .pl-set-guide-main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.15rem;
	align-items: start
}

.landingpage.uv-clip-editorial .pl-set-guide-weight {
	display: block;
	font-family: Jost, sans-serif;
	font-size: clamp(48px, 6vw, 76px);
	font-weight: 400;
	line-height: .9;
	color: var(--rose);
	white-space: nowrap
}

.landingpage.uv-clip-editorial .pl-set-guide-main h3 {
	margin: 0 0 .45rem;
	font-family: Jost, sans-serif;
	font-size: clamp(24px, 2vw, 34px);
	font-weight: 400;
	line-height: 1.08;
	color: var(--ink)
}

.landingpage.uv-clip-editorial .pl-set-guide-main p {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
	color: #000
}

.landingpage.uv-clip-editorial .pl-set-guide-facts {
	display: grid;
	gap: 0;
	margin-top: auto;
	border-top: 1px solid var(--line-soft)
}

.landingpage.uv-clip-editorial .pl-set-guide-facts div {
	display: grid;
	grid-template-columns: 7rem minmax(0, 1fr);
	gap: 1rem;
	padding: .9rem 0;
	border-bottom: 1px solid var(--line-soft)
}

.landingpage.uv-clip-editorial .pl-set-guide-facts div:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.landingpage.uv-clip-editorial .pl-set-guide-facts span {
	font-family: Jost, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--rose)
}

.landingpage.uv-clip-editorial .pl-set-guide-facts p {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #000
}

.landingpage.uv-clip-editorial .pl-set-guide-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: var(--line);
	overflow: hidden
}

.landingpage.uv-clip-editorial .pl-set-guide-option {
	display: grid;
	align-content: start;
	gap: .65rem;
	min-height: 13rem;
	padding: 1.25rem;
	background: #fff
}

.landingpage.uv-clip-editorial .pl-set-guide-option span {
	font-family: Jost, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--rose)
}

.landingpage.uv-clip-editorial .pl-set-guide-option strong {
	display: block;
	font-family: Jost, sans-serif;
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 400;
	line-height: 1;
	color: var(--ink)
}

.landingpage.uv-clip-editorial .pl-set-guide-option p {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #000
}

.landingpage.uv-clip-editorial .pl-set-guide-note {
	margin: 1rem auto 0;
	max-width: 52rem;
	font-family: Jost, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	text-align: center;
	color: #000
}

.pl-retail-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem
}

.pl-retail-card {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	gap: 1rem;
	padding: 1.35rem;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff
}

.pl-retail-card h3 {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--ink)
}

.pl-retail-card p {
	margin: 0;
	font-family: var(--sans);
	font-size: 14px;
	line-height: 1.6;
	color: #000
}

.pl-retail-card .pl-btn {
	width: max-content;
	max-width: 100%;
	margin-top: auto;
	justify-content: center
}

.pl-results-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem
}

.landingpage.uv-tape-page .pl-results {
	padding: 6rem var(--layout-gutter)
}

.landingpage.uv-tape-page .pl-results .pl-wrap {
	max-width: var(--layout-wide)
}

.landingpage.uv-clip-editorial .pl-results-single,
.landingpage.uv-tape-page .pl-results-single {
	width: 550px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 5px;
	background: #fff
}

.landingpage.uv-clip-editorial .pl-results-single img,
.landingpage.uv-tape-page .pl-results-single img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain
}

@media (max-width:48rem) {

	.landingpage.uv-tape-page .pl-results {
		padding: var(--uv-tape-section-y) var(--uv-tape-mobile-gutter)
	}

	.landingpage.uv-clip-editorial .pl-results-single,
	.landingpage.uv-tape-page .pl-results-single {
		width: 100%
	}
}

.pl-result-card {
	display: grid;
	grid-template-rows: auto 1fr;
	border: 1px solid var(--line);
	border-radius: 5px;
	overflow: hidden;
	background: #fff
}

.pl-result-card figure {
	margin: 0;
	aspect-ratio: 4/5;
	background: var(--soft);
	overflow: hidden
}

.pl-result-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.pl-result-card div {
	display: grid;
	gap: .5rem;
	padding: 1.2rem
}

.pl-result-card span {
	font-family: var(--mono);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--rose)
}

.pl-result-card h3 {
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--ink)
}

.pl-result-card p {
	margin: 0;
	font-family: var(--sans);
	font-size: 14px;
	line-height: 1.58;
	color: #000
}

.pl-terms-copy>div:has(.pl-btn) {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem
}

@media (max-width:960px) {
	.landingpage.uv-clip-editorial .pl-set-guide {
		grid-template-columns: 1fr
	}

	.pl-retail-actions,
	.pl-results-grid {
		grid-template-columns: 1fr
	}

	.pl-retail-card .pl-btn {
		width: 100%
	}
}

@media (max-width:640px) {

	.pl-gallery-tape .pl-price-cards,
	.pl-gallery-tape .pl-fit-panel {
		grid-template-columns: 1fr;
		gap: .9rem
	}

	.pl-gallery-tape .pl-price-card {
		padding: 1.4rem 1.2rem;
		gap: .9rem
	}

	.pl-gallery-tape .pl-proof-list li {
		grid-template-columns: 1fr;
		gap: .3rem
	}

	.pl-gallery-tape .pl-fit-item {
		padding: 1.05rem 1.1rem
	}

	.pl-gallery-tape .pl-gallery-summary-actions {
		flex-direction: column
	}

	.pl-gallery-tape .pl-gallery-summary-actions .pl-btn {
		flex: none
	}

	.pl.pl-seamless-tape .pl-seamless-hero-actions .pl-btn--spec {
		flex-basis: 100%;
		justify-content: flex-start
	}

	.pl .pl-format-difference-grid {
		grid-template-columns: 1fr
	}

	.pl .pl-format-panels,
	.pl .pl-format-panels:has(.pl-format-panel:nth-child(4)) {
		grid-template-columns: 1fr
	}

	.pl .pl-tape-compare .pl-tape-compare-actions,
	.pl.pl-seamless-tape #pl-seamless-compare .pl-tape-compare-actions {
		grid-template-columns: 1fr
	}

	.pl-retail-actions,
	.pl-results-grid {
		grid-template-columns: 1fr
	}

	.pl-retail-card .pl-btn {
		width: 100%
	}

	.landingpage.uv-clip-editorial .pl-set-guide-options {
		grid-template-columns: 1fr
	}

	.landingpage.uv-clip-editorial .pl-set-guide-main,
	.landingpage.uv-clip-editorial .pl-set-guide-facts div {
		grid-template-columns: 1fr;
		gap: .55rem
	}

	.landingpage.uv-clip-editorial .pl-set-guide-option {
		min-height: 0
	}

	.landingpage.uv-clip-editorial .pl-results-single,
	.landingpage.uv-tape-page .pl-results-single {
		width: 100%
	}
}

.pl-video-lightbox .pl-lb-content {
	width: min(72vw, 34rem);
	height: min(88dvh, 54rem)
}

.pl-video-lightbox .pl-lb-video {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	border-radius: 0;
	background: #000;
	object-fit: contain;
}

@media (max-width:960px) {
	.pl-gallery-tape .pl-gallery-detail {
		grid-template-columns: minmax(0, 1fr)
	}

	.pl-gallery-tape .pl-gallery-reserve {
		display: block;
		max-width: 38rem;
		padding-block: 0
	}
}

@media (max-width:640px) {
	.pl-gallery-tape .pl-slider--detail {
		--pl-detail-thumb-size: 3rem;
		--pl-detail-gallery-gap: .65rem;
		height: min(100vw, 37.5rem)
	}

	.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow {
		width: 38px;
		height: 38px;
		opacity: 1;
		pointer-events: auto
	}

	.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow--prev {
		left: .55rem
	}

	.pl-gallery-tape .pl-slider--detail .pl-gallery-main-arrow--next {
		right: .55rem
	}

	.pl-gallery-tape .pl-gallery-videos--float {
		right: .7rem;
		bottom: .7rem;
		width: clamp(7rem, 28%, 8.5rem);
		max-width: calc(100% - 1.4rem)
	}

	.pl-video-lightbox .pl-lb-content {
		width: min(100%, 23rem);
		height: min(84dvh, 42rem)
	}
}

@media (max-width:480px) {
	.pl-gallery-tape .pl-slider--detail {
		--pl-detail-thumb-size: 2.5rem
	}
}

@media (max-width:360px) {
	.pl-gallery-tape .pl-slider--detail {
		--pl-detail-thumb-size: 1.6rem
	}
}





/* — BENEFITS (60/40 grid: numbered list left · image right) — */
.pl-benefits-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
	gap: clamp(2.4rem, 1rem + 5vw, 5.4rem);
	align-items: start
}

.pl-benefits-copy {
	min-width: 0
}

.pl-benefits-list {
	display: grid;
	gap: 1.4rem;
	margin-top: 0
}

.pl-benefit {
	padding: 0;
	background: none;
	border: 0;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem 1.4rem;
	align-items: baseline
}

.pl-benefit-n {
	font-family: Jost, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: var(--rose);
	line-height: 1;
	flex: none;
	grid-row: span 2
}

.pl-benefit-title {
	font-family: Jost, sans-serif;
	font-weight: 400;
	color: var(--ink);
	margin: 0;
	letter-spacing: -.012em;
	line-height: 1.2
}

.pl-benefit-body {
	font-family: var(--sans);
	line-height: 1.55;
	color: #000;
	margin: .35rem 0 0;
	grid-column: 2
}

.pl-benefits-cta {
	margin-top: 2.2rem;
	display: flex;
	justify-content: flex-start
}

.pl-benefits-media {
	position: relative;
	max-width: 26rem;
	margin-inline: auto
}

.pl-benefits-media figure {
	margin: 0;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid var(--line);
	box-shadow: 0 30px 70px -40px rgb(21 17 18 / .5);
	background: #fff
}

.pl-benefits-media figure.pl-benefits-before-after {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto
}

.pl-benefits-media img {
	width: 100%;
	height: auto;
	aspect-ratio: 4/5;
	object-fit: contain;
	display: block
}

.pl-benefits-media .pl-benefits-caption {
	margin: 0;
	padding: .8rem 1rem;
	border-top: 1px solid var(--line-soft);
	background: #fff;
	font-family: Jost, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
	color: var(--ink)
}

@media (max-width:960px) {
	.pl-benefits-grid {
		grid-template-columns: 1fr
	}

	.pl-benefits-media {
		max-width: 22rem
	}
}

/* Unified sizes for benefits section */
.pl.uv-normal-editorial .pl-benefit-n {
	font-size: 22px
}

.pl.uv-normal-editorial .pl-benefit-title {
	font-size: 18px
}

.pl.uv-normal-editorial .pl-benefit-body {
	font-size: 14px
}

/* — INSTALL (60/40 grid: copy left · video right) — */
.pl-install-grid {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: clamp(2.4rem, 1rem + 5vw, 5.4rem);
	align-items: center
}

.pl-install-copy {
	min-width: 0
}

.pl-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.6rem 2rem;
	margin-top: 0
}

.pl-step {
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0
}

.pl-step-head {
	display: flex;
	align-items: baseline;
	gap: .7rem;
	margin-bottom: .35rem
}

.pl-step-n {
	font-family: Jost, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: var(--rose);
	line-height: 1;
	flex: none
}

.pl-step-title {
	font-family: Jost, sans-serif;
	font-weight: 400;
	color: var(--ink);
	margin: 0;
	letter-spacing: -.012em;
	line-height: 1.2
}

.pl-step-body {
	font-family: var(--sans);
	line-height: 1.55;
	color: #000;
	margin: 0
}

.pl-install-cta {
	margin-top: 2.6rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.4rem
}

.pl-install-cta p {
	font-family: Jost, sans-serif;
	font-style: italic;
	color: var(--ink);
	margin: 0
}

.pl-install-media {
	position: relative;
	max-width: 22rem;
	margin-inline: auto;
	position: sticky;
	top: 1.5rem
}

.pl-install-media figure {
	margin: 0;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid var(--line);
	box-shadow: 0 30px 70px -40px rgb(21 17 18 / .5);
	background: #000;
	position: relative
}

.pl-install-media video {
	width: 100%;
	height: auto;
	aspect-ratio: 9/16;
	object-fit: contain;
	display: block;
	background: #000
}

.pl-install-media-tag {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	z-index: 2;
	background: var(--ink);
	color: #fff;
	padding: .55rem 1rem;
	border-radius: 4px;
	font-family: Jost, sans-serif;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -.005em
}

@media (max-width:960px) {
	.pl-install-grid {
		grid-template-columns: 1fr
	}

	.pl-install-media {
		max-width: 22rem;
		margin-inline: auto;
		position: static
	}
}

/* Unified sizes for install section */
.pl.uv-normal-editorial .pl-step-n {
	font-size: 22px
}

.pl.uv-normal-editorial .pl-step-title {
	font-size: 18px
}

.pl.uv-normal-editorial .pl-step-body {
	font-size: 14px
}

.pl.uv-normal-editorial .pl-install-cta p {
	font-size: 16px
}

.pl.uv-normal-editorial .pl-install-media-tag {
	font-size: 20px
}

/* — TERMS (light, trade-ledger: intro left · chip ledger right) — */
.pl-terms-grid {
	display: grid;
	grid-template-columns: minmax(0, 19fr) minmax(0, 31fr);
	gap: clamp(2.4rem, 1rem + 5vw, 5.4rem);
	align-items: start
}

.pl-terms-copy {
	padding: 0
}

.pl-terms-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	font-family: var(--sans);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--rose);
	margin-bottom: 1rem
}

.pl-terms-eyebrow::before {
	content: "";
	width: 1.6rem;
	height: 1px;
	background: var(--rose)
}

.pl-terms-note {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-family: var(--sans);
	font-size: 14px;
	color: var(--muted);
	margin: 1.8rem 0 1.6rem;
	letter-spacing: .02em
}

.pl-terms-note::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--rose);
	box-shadow: 0 0 0 4px rgb(197 46 88 / .18);
	flex: none
}

.pl-terms-ledger {
	display: grid;
	gap: 0
}

.pl-term {
	display: grid;
	grid-template-columns: 9rem 1fr;
	column-gap: 2rem;
	row-gap: .7rem;
	padding: 1.6rem 0;
	border-top: 1px solid rgb(21 17 18 / .09);
	align-items: baseline
}

.pl-term:first-child {
	border-top: 0;
	padding-top: 0
}

.pl-term:last-child {
	border-bottom: 1px solid rgb(21 17 18 / .09);
	padding-bottom: 1.6rem
}

.pl-term-label {
	font-family: var(--sans);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--muted);
	grid-row: span 2
}

.pl-term-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem
}

.pl-chip {
	display: inline-flex;
	align-items: center;
	padding: .42rem .8rem;
	font-family: var(--sans);
	font-size: 13px;
	font-weight: 400;
	color: var(--ink);
	background: rgb(21 17 18 / .035);
	border: 1px solid rgb(21 17 18 / .12);
	border-radius: 2px;
	transition: background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease)
}

.pl-chip:hover {
	background: rgb(197 46 88 / .08);
	border-color: rgb(197 46 88 / .5)
}

.pl-chip--strong {
	background: rgb(197 46 88 / .08);
	border-color: rgb(197 46 88 / .45);
	color: var(--rose-deep)
}

.pl-term-note {
	font-family: var(--sans);
	font-size: 14px;
	line-height: 1.55;
	color: var(--muted);
	margin: 0;
	grid-column: 2
}

.landingpage.uv-clip-editorial .pl-term-policy-line {
	max-width: none;
	color: #000
}

@media (max-width:960px) {
	.pl-terms-grid {
		grid-template-columns: 1fr
	}

	.pl-term {
		grid-template-columns: 1fr;
		gap: .55rem
	}

	.pl-term-label {
		grid-row: auto
	}

	.pl-term-note {
		grid-column: auto
	}
}

/* Unified sizes for terms section */
.pl.uv-normal-editorial .pl-term-label {
	font-size: 12px
}

.pl.uv-normal-editorial .pl-term-note {
	font-size: 14px
}

/* Final section on light bg */
.pl.uv-normal-editorial .pl-final h2 {
	color: var(--ink)
}

.pl.uv-normal-editorial .pl-final h2 em {
	color: var(--rose);
	font-style: italic
}

.pl.uv-normal-editorial .pl-final p {
	color: var(--ink)
}

.pl.uv-normal-editorial .pl-btn--rose-out {
	border-color: var(--rose);
	color: var(--rose);
	background: transparent
}

.pl.uv-normal-editorial .pl-btn--rose-out:hover {
	background: var(--rose);
	border-color: var(--rose);
	color: #fff
}


/* — FAQ — */
.pl-faq-list {
	max-width: 52rem;
	margin-inline: auto;
	margin-top: 2.4rem
}

.pl-faq {
	border-top: 1px solid var(--line);
	padding: 1.55rem 0
}

.pl-faq:last-child {
	border-bottom: 1px solid var(--line)
}

.pl-faq summary {
	list-style: none;
	cursor: pointer;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1rem;
	align-items: baseline
}

.pl-faq summary::-webkit-details-marker {
	display: none
}

.pl-faq-n {
	font-family: var(--mono);
	font-size: .7rem;
	font-weight: 400;
	letter-spacing: .06em;
	color: var(--rose)
}

.pl-faq-q {
	font-family: Jost, sans-serif;
	font-size: clamp(1.15rem, 1rem + .55vw, 1.4rem);
	font-weight: 400;
	color: var(--ink);
	letter-spacing: -.01em;
	transition: color .3s var(--ease)
}

.pl-faq summary:hover .pl-faq-q {
	color: var(--rose)
}

.pl-faq-ic {
	font-family: var(--sans);
	font-size: 1.35rem;
	font-weight: 400;
	color: var(--rose);
	line-height: 1;
	transition: transform .35s var(--ease)
}

.pl-faq[open] .pl-faq-ic {
	transform: rotate(45deg)
}

.pl-faq-a {
	font-family: var(--sans);
	font-size: .96rem;
	line-height: 1.72;
	color: var(--muted);
	margin: .8rem 0 0;
	padding-left: calc(.7rem + 1.6rem);
}

.pl-faq[open] .pl-faq-a {
	animation: plFade .4s var(--ease)
}

@keyframes plFade {
	from {
		opacity: 0;
		transform: translateY(-4px)
	}

	to {
		opacity: 1;
		transform: none
	}
}

/* — FINAL (light, centered CTA) — */
.pl-final {
	text-align: center;
	position: relative;
	overflow: hidden
}

.pl-final::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 55% at 50% 0%, rgb(197 46 88 / .08), transparent 62%);
	pointer-events: none
}

.pl-final-in {
	position: relative;
	z-index: 1;
	margin-inline: auto;
	max-width: 52rem
}

.pl-final-cta {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	justify-content: center;
	margin-top: 1.8rem
}

.pl-final-note {
	font-family: var(--sans);
	font-size: 14px;
	color: var(--muted);
	margin-top: 1.4rem;
	letter-spacing: .01em
}

/* — scroll reveal — */
.pl [data-reveal] {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .8s var(--ease), transform .8s var(--ease)
}

.pl [data-reveal].is-revealed {
	opacity: 1;
	transform: none
}

@media (prefers-reduced-motion:reduce) {
	.pl [data-reveal] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important
	}
}

/* — RESPONSIVE — */
@media (max-width:1024px) {

	.pl-hero-grid,
	.pl-overview-grid,
	.pl-terms-grid {
		grid-template-columns: 1fr
	}

	.pl-hero-media {
		max-height: none;
		aspect-ratio: 4/5;
		margin-top: .5rem
	}

	.pl-steps {
		grid-template-columns: repeat(2, 1fr)
	}

	.pl-gallery-grid {
		grid-template-columns: repeat(2, 1fr)
	}

}

@media (max-width:768px) {
	.pl-benefits-grid {
		grid-template-columns: 1fr
	}

	.pl-terms-list {
		grid-template-columns: 1fr
	}

	.pl-benefit {
		padding: 1.5rem 0
	}
}

@media (max-width:560px) {
	.pl-steps {
		grid-template-columns: 1fr
	}

	.pl-def {
		grid-template-columns: 1fr;
		gap: .35rem
	}

	.pl-def-key {
		padding-top: 0
	}

	.pl-gallery-grid {
		gap: .55rem
	}

	.pl-btn {
		padding: .9rem 1.3rem;
		font-size: .7rem
	}

	.pl-hero-cta .pl-btn {
		flex: 1 1 auto;
		justify-content: center
	}
}

/* ── Specificity overrides ──
   Theme rule .landingpage.uv-normal-editorial :where(h1,h2,h3) has (0,2,0) and was
   forcing dark ink onto headings that must be light on dark/image backgrounds.
   Prefixing with the root's two classes (.pl.uv-normal-editorial) gives (0,3,0). */
.pl.uv-normal-editorial .pl-sec--ink .pl-h2 {
	color: #fbf4f6
}

.pl.uv-normal-editorial .pl-sec--ink .pl-h2 em {
	color: #f0aec0
}

/* Font-family overrides — the theme's :where(h1,h2,h3) / :where(p,li,td) rules
   (0,2,0) also set font-family and were pinning headings and body to the theme stack.
   The (0,3,0) prefix lets Jost and Inter win. */
.pl.uv-normal-editorial .pl-hero-title,
.pl.uv-normal-editorial .pl-h2,
.pl.uv-normal-editorial .pl-def-title,
.pl.uv-normal-editorial .pl-benefit-title,
.pl.uv-normal-editorial .pl-step-title,
.pl.uv-normal-editorial .pl-faq-q,
.pl.uv-normal-editorial .pl-final h2,
.pl.uv-normal-editorial .pl-inline-cta p,
.pl.uv-normal-editorial .pl-install-cta p {
	font-family: Jost, sans-serif
}

.pl.uv-normal-editorial .pl-hero-lead,
.pl.uv-normal-editorial .pl-lead,
.pl.uv-normal-editorial .pl-def-body,
.pl.uv-normal-editorial .pl-benefit-body,
.pl.uv-normal-editorial .pl-step-body,
.pl.uv-normal-editorial .pl-faq-a,
.pl.uv-normal-editorial .pl-final p {
	font-family: var(--sans)
}

/* ── Jost + Inter: display and body type system ── */
.pl.uv-normal-editorial .pl-hero-title {
	font-weight: 400;
	font-size: clamp(2.6rem, 1.2rem + 3.6vw, 4.25rem);
	letter-spacing: -.018em;
	line-height: 1.03;
	text-wrap: wrap
}

.pl.uv-normal-editorial .pl-h2 {
	font-weight: 400;
	font-size: clamp(2.1rem, 1.3rem + 2.8vw, 3.2rem);
	letter-spacing: -.014em;
	line-height: 1.07
}

.pl.uv-normal-editorial .pl-def-title,
.pl.uv-normal-editorial .pl-benefit-title,
.pl.uv-normal-editorial .pl-step-title,
.pl.uv-normal-editorial .pl-faq-q,
.pl.uv-normal-editorial .pl-sets-head h3 {
	font-weight: 400
}

.pl.uv-normal-editorial .pl-final h2 {
	font-weight: 400;
	font-size: clamp(2.4rem, 1.4rem + 3.4vw, 3.7rem);
	letter-spacing: -.018em
}

.pl.uv-normal-editorial .pl-hero-title em,
.pl.uv-normal-editorial .pl-h2 em,
.pl.uv-normal-editorial .pl-final h2 em {
	font-weight: 400
}

.pl.uv-normal-editorial .pl-hero-lead,
.pl.uv-normal-editorial .pl-lead {
	font-weight: 400;
	line-height: 1.62;
	letter-spacing: -.002em
}

.pl.uv-normal-editorial .pl-def-body,
.pl.uv-normal-editorial .pl-benefit-body,
.pl.uv-normal-editorial .pl-faq-a {
	line-height: 1.6
}

.pl.uv-normal-editorial .pl-step-body {
	line-height: 1.55
}

/* ── Unified typography scale (hero excluded) ──
   Section title 48px · Body text 16px · Smaller text 14px */
.pl.uv-normal-editorial .pl-h2,
.pl.uv-normal-editorial .pl-final h2 {
	font-size: 48px;
	line-height: 1.08
}

.pl.uv-normal-editorial .pl-lead,
.pl.uv-normal-editorial .pl-hero-lead,
.pl.uv-normal-editorial .pl-final p {
	font-size: 16px
}

.pl.uv-normal-editorial .pl-def-body,
.pl.uv-normal-editorial .pl-benefit-body,
.pl.uv-normal-editorial .pl-step-body,
.pl.uv-normal-editorial .pl-faq-a {
	font-size: 14px
}

@media (max-width:768px) {

	.pl.uv-normal-editorial .pl-h2,
	.pl.uv-normal-editorial .pl-final h2 {
		font-size: 36px
	}
}

.pl.uv-normal-editorial .pl-def-key,
.pl.uv-normal-editorial .pl-def-title {
	font-size: 16px
}


/* pl-faq-button-refinement */
.pl.uv-normal-editorial #pl-faq {
	background: #fff !important
}

.pl.uv-normal-editorial .pl-btn {
	text-transform: capitalize !important
}

.pl.uv-normal-editorial .pl-faq-q {
	font-weight: 400 !important
}


/* pl-split-final-cta */
.landingpage.uv-normal-editorial.pl .uvn-final {
	box-sizing: border-box !important;
	height: 450px !important;
	min-height: 450px !important;
	max-height: 450px !important;
	overflow: hidden !important;
	padding: 0 !important;
	background: #fdfafb !important;
	isolation: isolate
}

.landingpage.uv-normal-editorial.pl .uvn-final::before {
	display: none
}

.landingpage.uv-normal-editorial.pl .uvn-final-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	place-items: stretch !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 450px !important;
	min-height: 0 !important;
	max-height: 450px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	justify-self: stretch;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: clamp(2.75rem, 4vw, 4rem) clamp(1.25rem, 3vw, 3.75rem) !important;
	text-align: center !important;
	gap: 0 !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-media {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	height: 100% !important;
	min-height: 0 !important;
	overflow: hidden;
	background: #e2dad4
}

.landingpage.uv-normal-editorial.pl .uvn-final-media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background: #e2dad4
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-eyebrow {
	display: none !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uv-title {
	max-width: 50rem !important;
	margin: 0 auto !important;
	color: var(--ink) !important;
	font-family: Jost, sans-serif !important;
	font-size: clamp(2.35rem, 2.75vw, 3.8rem) !important;
	font-weight: 400 !important;
	line-height: .99 !important;
	letter-spacing: 0 !important;
	text-wrap: balance
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-final-title-main,
.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-final-title-accent {
	display: block
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-final-title-accent {
	margin-top: .1em;
	color: var(--color-primary, var(--rose)) !important;
	font-family: Jost, sans-serif !important;
	font-style: italic;
	font-weight: 400 !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy>p:not(.uvn-note) {
	max-width: 49rem !important;
	margin: 1.55rem auto 0 !important;
	text-align: center !important;
	color: #000 !important;
	font-family: Jost, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.62 !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-actions {
	display: flex !important;
	align-items: stretch;
	justify-content: center;
	width: auto !important;
	margin: 1.8rem 0 0 !important;
	gap: .7rem !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn {
	display: inline-flex !important;
	min-width: 0 !important;
	min-height: 52px !important;
	align-items: center;
	justify-content: center;
	padding: .9rem 1.6rem !important;
	border-radius: 0 !important;
	font-family: Jost, sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .12em !important;
	line-height: 1.2 !important;
	text-align: center;
	text-transform: uppercase
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-primary {
	border: 1px solid var(--color-primary, var(--rose)) !important;
	background: var(--color-primary, var(--rose)) !important;
	color: #fff !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-primary::before {
	width: 16px;
	height: 16px;
	margin-right: .8rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: url(/wp-content/uploads/2026/06/whatsappicon.svg) center/contain no-repeat;
	mask: url(/wp-content/uploads/2026/06/whatsappicon.svg) center/contain no-repeat
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-primary::after {
	margin-left: 1.1rem;
	content: "→"
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-primary:hover {
	filter: brightness(.9)
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-text {
	border: 1px solid rgb(21 17 18 / .16) !important;
	background: transparent !important;
	color: var(--ink) !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-text::after {
	margin-left: 1.1rem;
	content: "→"
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-text:hover {
	border-color: var(--color-primary, var(--rose)) !important;
	color: var(--color-primary, var(--rose)) !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-note {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.25rem auto 0 !important;
	color: var(--muted) !important;
	font-family: Jost, sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important
}

.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-note::before {
	width: 6px;
	height: 6px;
	margin-right: .65rem;
	border-radius: 50%;
	background: var(--color-primary, var(--rose));
	content: "";
	flex: none
}

@media (max-width:1024px) and (min-width:769px) {
	.landingpage.uv-normal-editorial.pl .uvn-final-copy {
		padding-inline: clamp(1.75rem, 4vw, 3rem) !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uv-title {
		font-size: clamp(2.05rem, 4vw, 2.75rem) !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy>p:not(.uvn-note) {
		font-size: 14px !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn {
		padding-inline: 1rem !important;
		font-size: 11px !important;
		letter-spacing: .08em !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-primary::before {
		display: none
	}
}

@media (max-width:768px) {
	.landingpage.uv-normal-editorial.pl .uvn-final {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-layout {
		grid-template-columns: 1fr !important;
		grid-template-rows: clamp(17rem, 72vw, 26rem) auto;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-media {
		grid-column: 1;
		grid-row: 1;
		min-height: 0
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy {
		grid-column: 1;
		grid-row: 2;
		max-width: none !important;
		padding: 2.5rem 1.1rem 2.75rem !important;
		background: #fdfafb
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uv-title {
		max-width: 21rem !important;
		font-size: clamp(2rem, 9vw, 2.65rem) !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy>p:not(.uvn-note) {
		margin-top: 1.35rem !important;
		font-size: 15px !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		gap: .7rem !important;
		margin-top: 1.5rem !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn {
		width: 100% !important;
		min-height: 50px !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-text {
		justify-content: center !important
	}

	.landingpage.uv-normal-editorial.pl .uvn-final-copy .uvn-btn-primary::after {
		margin-left: auto
	}
}


/* Shared heading type for the two landing-page component systems. */
.landingpage.uv-tape-page :is(h1, h2, h3, h4),
.landingpage.pl :is(h1, h2, h3, h4) {
	font-family: Jost, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
}

.landingpage.uv-tape-page :is(h1, h2, h3, h4) :is(strong, b),
.landingpage.pl :is(h1, h2, h3, h4) :is(strong, b) {
	font-family: inherit !important;
	font-weight: inherit !important;
}

/* Tape-In page final wholesale CTA. */
.landingpage.uv-tape-page .uvn-final {
	box-sizing: border-box;
	height: 450px;
	min-height: 450px;
	max-height: 450px;
	overflow: hidden;
	padding: 0;
	background: #fdfafb;
}

.landingpage.uv-tape-page .uvn-final-layout {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.landingpage.uv-tape-page .uvn-final-copy {
	display: grid;
	align-content: center;
	justify-items: center;
	width: 100%;
	padding: clamp(2.75rem, 4vw, 4rem) clamp(1.25rem, 3vw, 3.75rem);
	background-color: #fdfafb;
	background-image: none;
	text-align: center;
}

.landingpage.uv-tape-page .uvn-final-copy .uvn-eyebrow {
	display: none;
}

.landingpage.uv-tape-page .uvn-final-copy .uv-title {
	max-width: 50rem;
	margin: 0;
	color: var(--color-text);
	font-size: clamp(2.35rem, 2.75vw, 3.8rem);
	font-weight: 400;
	line-height: 0.99;
	text-wrap: balance;
}

.landingpage.uv-tape-page .uvn-final-title-main,
.landingpage.uv-tape-page .uvn-final-title-accent {
	display: block;
}

.landingpage.uv-tape-page .uvn-final-title-accent {
	margin-top: 0.1em;
	color: var(--color-primary);
	font-style: italic;
}

.landingpage.uv-tape-page .uvn-final-copy>p:not(.uvn-note) {
	max-width: 49rem;
	margin: 1.55rem auto 0;
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.62;
}

.landingpage.uv-tape-page .uvn-actions {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0.7rem;
	margin: 1.8rem 0 0;
}

.landingpage.uv-tape-page .uvn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0.9rem 1.6rem;
	border: 1px solid transparent;
	border-radius: 0;
	font-family: Jost, sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.landingpage.uv-tape-page .uvn-btn-primary {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: #fff;
}

.landingpage.uv-tape-page .uvn-btn-primary::before {
	width: 1rem;
	height: 1rem;
	margin-right: 0.8rem;
	background-color: currentColor;
	-webkit-mask: url("/wp-content/uploads/2026/06/whatsappicon.svg") center / contain no-repeat;
	mask: url("/wp-content/uploads/2026/06/whatsappicon.svg") center / contain no-repeat;
	content: "";
}

.landingpage.uv-tape-page .uvn-btn::after {
	margin-left: 1.1rem;
	content: "\2192";
}

.landingpage.uv-tape-page .uvn-btn-primary:hover,
.landingpage.uv-tape-page .uvn-btn-primary:focus-visible {
	border-color: var(--color-primary);
	background: var(--color-primary);
	filter: brightness(0.9);
	color: #fff;
}

.landingpage.uv-tape-page .uvn-btn-text {
	border-color: rgb(21 17 18 / 16%);
	background: transparent;
	color: var(--color-text);
}

.landingpage.uv-tape-page .uvn-btn-text:hover,
.landingpage.uv-tape-page .uvn-btn-text:focus-visible {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.landingpage.uv-tape-page .uvn-note {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.25rem auto 0;
	color: var(--color-muted);
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.5;
}

.landingpage.uv-tape-page .uvn-note::before {
	width: 0.375rem;
	height: 0.375rem;
	margin-right: 0.65rem;
	border-radius: 50%;
	background: var(--color-primary);
	content: "";
}

.landingpage.uv-tape-page .uvn-final-media {
	position: relative;
	min-width: 0;
	height: 100%;
	overflow: hidden;
	background: #e2dad4;
}

.landingpage.uv-tape-page .uvn-final-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 48rem) {
	.landingpage.uv-tape-page .uvn-final {
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	.landingpage.uv-tape-page .uvn-final-layout {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: clamp(17rem, 72vw, 26rem) auto;
		height: auto;
	}

	.landingpage.uv-tape-page .uvn-final-media {
		grid-row: 1;
	}

	.landingpage.uv-tape-page .uvn-final-copy {
		grid-row: 2;
		padding: 2.5rem 1.1rem 2.75rem;
		background: #fdfafb;
	}

	.landingpage.uv-tape-page .uvn-final-copy .uv-title {
		max-width: 21rem;
		font-size: clamp(2rem, 9vw, 2.65rem);
	}

	.landingpage.uv-tape-page .uvn-final-copy>p:not(.uvn-note) {
		margin-top: 1.35rem;
		font-size: 0.9375rem;
	}

	.landingpage.uv-tape-page .uvn-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
		margin-top: 1.5rem;
	}

	.landingpage.uv-tape-page .uvn-btn {
		width: 100%;
		min-height: 50px;
	}

	.landingpage.uv-tape-page .uvn-btn-primary::after {
		margin-left: auto;
	}
}


/* Product pages use a portrait still where Clip-In uses an installation video. */
.landingpage.uv-normal-editorial.pl .pl-install-media figure>img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: contain;
}

/* Keep portrait specification media aligned with the adjacent trade table. */
@media (min-width: 961px) {
	.landingpage.pl .pl-specs-media.pl-specs-media--portrait {
		width: var(--pl-specs-media-width, auto);
		height: var(--pl-specs-media-height, auto);
		max-width: 100%;
		justify-self: center;
	}

	.landingpage.pl .pl-specs-media.pl-specs-media--portrait>figure,
	.landingpage.pl figure.pl-specs-media.pl-specs-media--portrait {
		display: grid;
		width: 100%;
		height: 100%;
		grid-template-rows: minmax(0, 1fr) auto;
	}

	.landingpage.pl .pl-specs-media.pl-specs-media--portrait :is(img, video) {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 0;
		aspect-ratio: auto;
		object-fit: contain;
	}

	.landingpage.pl .pl-specs-media.pl-specs-media--portrait figure {
		background: transparent;
	}

	.pl.pl-double-genius-weft #pl-double-genius-pack-plan .pl-specs-grid {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, .62fr);
		align-items: start;
	}

	.pl.pl-double-genius-weft #pl-double-genius-pack-plan .pl-specs-media.pl-specs-media--portrait {
		width: min(100%, 18.5rem) !important;
		height: auto !important;
		justify-self: center;
		align-self: start;
	}

	.pl.pl-double-genius-weft #pl-double-genius-pack-plan .pl-specs-media.pl-specs-media--portrait>figure {
		width: 100%;
		height: clamp(26rem, 35vw, 34rem);
		min-height: 0;
	}

	.pl.pl-double-genius-weft #pl-double-genius-pack-plan .pl-specs-media.pl-specs-media--portrait :is(img, video) {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		object-fit: contain;
	}
}

/* Raw Hair Weft wholesale landing page. */
.pl-raw-hair .pl-hero {
	background: linear-gradient(176deg, #fff0f4 0%, var(--paper) 64%);
}

.pl-raw-hair .pl-overview-media {
	max-width: none;
}

.pl-raw-hair .pl-overview-media figure {
	aspect-ratio: 8 / 9;
}

.pl-raw-hair .pl-overview-media img {
	object-fit: cover;
}

.pl-closures-frontals .pl-overview-media figure {
	aspect-ratio: auto;
}

/* Let still-image benefits media fill its grid column; portrait videos retain their constrained layout. */
.landingpage.pl .pl-benefits-media:has(img) {
	aspect-ratio: 4 / 3;
	max-width: none;
}

.landingpage.pl .pl-benefits-media:has(img) figure {
	height: 100%;
}

.landingpage.pl .pl-benefits-media:has(img) img {
	height: 100%;
	aspect-ratio: auto;
}

@media (min-width: 60.0625rem) {
	.landingpage.pl .pl-benefits-media:has(img) {
		height: var(--pl-benefits-copy-height, auto);
		aspect-ratio: auto;
	}
}

.pl-raw-hair .uv-texture-gallery {
	display: grid;
	gap: clamp(0.75rem, 1.5vw, 1.125rem);
}

.pl-raw-hair .uv-texture-gallery-raw {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pl-raw-hair .uv-texture-media {
	display: grid;
	gap: 0.625rem;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--rose);
	cursor: zoom-in;
	text-align: center;
}

.pl-raw-hair .uv-texture-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 9;
	border: 1px solid var(--line-soft);
	background: #fff;
	object-fit: contain;
	transition: transform 220ms var(--ease);
}

.pl-raw-hair .uv-texture-media:hover img,
.pl-raw-hair .uv-texture-media:focus-visible img {
	transform: scale(1.025);
}

.pl-raw-hair .uv-texture-label {
	display: block;
	color: var(--rose);
	font-family: Jost, sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.045em;
	line-height: 1.25;
	text-align: center;
	text-transform: uppercase;
}

.pl-raw-hair #raw-hair-textures .pl-inline-cta {
	justify-content: center;
	text-align: center;
}

.pl-raw-hair .pl-raw-starter-grid,
.pl-raw-hair .pl-raw-education-grid,
.pl-raw-hair .pl-raw-proof-grid,
.pl-raw-hair .pl-raw-call-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(1.2rem, 2.4vw, 1.8rem);
	align-items: stretch;
}

.pl-raw-hair .pl-raw-starter-card,
.pl-raw-hair .pl-raw-price-anchor,
.pl-raw-hair .pl-raw-family-card,
.pl-raw-hair .pl-raw-texture-card,
.pl-raw-hair .pl-raw-table-card,
.pl-raw-hair .pl-raw-policy-card,
.pl-raw-hair .pl-raw-proof-card,
.pl-raw-hair .pl-raw-call-card {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-raw-hair .pl-raw-starter-card,
.pl-raw-hair .pl-raw-price-anchor,
.pl-raw-hair .pl-raw-policy-card,
.pl-raw-hair .pl-raw-call-card {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

.pl-raw-hair .pl-raw-starter-card h3,
.pl-raw-hair .pl-raw-price-anchor h3,
.pl-raw-hair .pl-raw-family-card h3,
.pl-raw-hair .pl-raw-texture-card h3,
.pl-raw-hair .pl-raw-policy-card h3,
.pl-raw-hair .pl-raw-proof-card h3,
.pl-raw-hair .pl-raw-call-card h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.22rem, 1.55vw, 1.5rem);
	font-weight: 400;
	line-height: 1.25;
}

.pl-raw-hair .pl-raw-starter-card p,
.pl-raw-hair .pl-raw-price-anchor p,
.pl-raw-hair .pl-raw-family-card p,
.pl-raw-hair .pl-raw-texture-card p,
.pl-raw-hair .pl-raw-policy-card p,
.pl-raw-hair .pl-raw-proof-card p,
.pl-raw-hair .pl-raw-call-card p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.62;
}

.pl-raw-hair .pl-raw-starter-list,
.pl-raw-hair .pl-raw-policy-list,
.pl-raw-hair .pl-raw-call-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--line);
}

.pl-raw-hair .pl-raw-starter-list li,
.pl-raw-hair .pl-raw-policy-list li,
.pl-raw-hair .pl-raw-call-list li {
	display: grid;
	grid-template-columns: 10rem minmax(0, 1fr);
	gap: 1rem;
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.5;
}

.pl-raw-hair .pl-raw-starter-list strong,
.pl-raw-hair .pl-raw-policy-list strong,
.pl-raw-hair .pl-raw-call-list strong,
.pl-raw-hair .pl-raw-proof-card strong {
	color: var(--ink);
	font-weight: 500;
}

.pl-raw-hair .pl-raw-price-anchor {
	border-color: rgb(197 46 88 / 0.42);
	background: linear-gradient(165deg, #fff5f8 0%, #fff 48%);
}

.pl-raw-hair .pl-raw-price-anchor .pl-pill {
	width: max-content;
	max-width: 100%;
}

.pl-raw-hair .pl-raw-family-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-bottom: clamp(1.35rem, 3vw, 2rem);
}

.pl-raw-hair .pl-raw-family-card {
	display: grid;
	align-content: start;
	gap: 0.65rem;
	padding: clamp(1rem, 2vw, 1.3rem);
}

.pl-raw-hair .pl-raw-family-card span,
.pl-raw-hair .pl-raw-texture-meta span,
.pl-raw-hair .pl-raw-proof-card span {
	color: var(--rose);
	font-size: 0.76rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.pl-raw-hair .pl-raw-texture-tool-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.pl-raw-hair .pl-raw-texture-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
}

.pl-raw-hair .pl-raw-texture-media {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: var(--paper);
	cursor: zoom-in;
}

.pl-raw-hair .pl-raw-texture-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: contain;
	object-position: center;
}

.pl-raw-hair .pl-raw-texture-body {
	display: grid;
	align-content: start;
	gap: 0.7rem;
	padding: 1rem;
}

.pl-raw-hair .pl-raw-texture-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.75rem;
}

.pl-raw-hair .pl-raw-texture-card .pl-btn {
	width: 100%;
	justify-content: center;
	margin-top: auto;
}

.pl-raw-hair .pl-raw-table-card {
	overflow: hidden;
}

.pl-raw-hair .pl-raw-compare {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.pl-raw-hair .pl-raw-compare th,
.pl-raw-hair .pl-raw-compare td {
	padding: 0.95rem clamp(0.9rem, 1.5vw, 1.15rem);
	border: 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.pl-raw-hair .pl-raw-compare th {
	color: var(--ink);
	background: var(--paper);
	font-weight: 500;
}

.pl-raw-hair .pl-raw-compare tbody th {
	width: 10rem;
	background: #fff;
}

.pl-raw-hair .pl-raw-proof-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pl-raw-hair .pl-raw-proof-card {
	display: grid;
	align-content: start;
	gap: 0.55rem;
	padding: clamp(1rem, 2vw, 1.25rem);
}

@media (max-width: 68.75rem) {
	.pl-raw-hair .pl-raw-starter-grid,
	.pl-raw-hair .pl-raw-education-grid,
	.pl-raw-hair .pl-raw-call-grid {
		grid-template-columns: 1fr;
	}

	.pl-raw-hair .pl-raw-family-grid,
	.pl-raw-hair .pl-raw-texture-tool-grid,
	.pl-raw-hair .pl-raw-proof-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 42rem) {
	.pl-raw-hair .pl-raw-starter-list li,
	.pl-raw-hair .pl-raw-policy-list li,
	.pl-raw-hair .pl-raw-call-list li {
		grid-template-columns: 1fr;
		gap: 0.35rem;
	}

	.pl-raw-hair .pl-raw-family-grid,
	.pl-raw-hair .pl-raw-texture-tool-grid,
	.pl-raw-hair .pl-raw-proof-grid {
		grid-template-columns: 1fr;
	}

	.pl-raw-hair .pl-raw-table-card {
		overflow-x: auto;
	}

	.pl-raw-hair .pl-raw-compare {
		min-width: 52rem;
	}
}

.pl-raw-quality-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
	gap: clamp(2.4rem, 1rem + 5vw, 5.4rem);
	align-items: center;
}

.pl-raw-quality-copy {
	min-width: 0;
}

.pl-raw-quality-copy .pl-lead {
	margin-top: 1.1rem;
}

.pl-raw-quality-list {
	margin: 1.9rem 0 0;
	padding: 0;
	border-top: 1px solid var(--line-soft);
	list-style: none;
}

.pl-raw-quality-list li {
	display: grid;
	grid-template-columns: 2.15rem minmax(0, 1fr);
	gap: 0.9rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--line-soft);
	color: var(--ink);
	font-family: Jost, sans-serif;
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.35;
}

.pl-raw-quality-list span {
	color: var(--rose);
	font-family: var(--mono);
	font-size: 0.7rem;
	letter-spacing: 0.08em;
	padding-top: 0.2rem;
}

.pl-raw-quality-media {
	margin: 0;
	background: #fff;
}

.pl-raw-quality-media img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 60rem) {
	.pl-raw-hair .uv-texture-gallery-raw {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.pl-raw-quality-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 40rem) {
	.pl-raw-hair .uv-texture-gallery-raw {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem 0.625rem;
	}

	.pl-raw-hair .uv-texture-label {
		font-size: 0.75rem;
	}

	.pl-raw-quality-list li {
		font-size: 1rem;
	}
}

/* Shared wholesale-audience cards placed after landing-page FAQs. */
.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions {
	padding: var(--sy, var(--uv-tape-section-y)) var(--gx, var(--layout-gutter));
	background: var(--paper, var(--color-surface));
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-inner {
	width: 100%;
	max-width: var(--wrap, var(--layout-wide));
	margin: 0 auto;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-head {
	margin: 0 auto 2.25rem;
	text-align: center;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-head .pl-h2,
.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-head .pl-lead {
	margin-right: auto;
	margin-left: auto;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-head .pl-h2 {
	color: var(--ink, var(--color-text));
	font-family: Jost, sans-serif;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-head .pl-lead {
	color: var(--muted, var(--color-muted));
	font-family: var(--sans, var(--font-sans));
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card {
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	overflow: hidden;
	background: var(--soft, var(--color-surface-soft));
	color: var(--ink, var(--color-text));
	text-decoration: none;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 360ms var(--ease, ease);
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card:hover img,
.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card:focus-visible img {
	transform: scale(1.025);
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card span {
	display: grid;
	align-content: start;
	gap: 0.5rem;
	padding: 1.1rem 1.15rem 1.25rem;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card strong {
	color: var(--ink, var(--color-text));
	font-family: Jost, sans-serif;
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.2;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card em {
	color: var(--muted, var(--color-muted));
	font-family: var(--sans, var(--font-sans));
	font-size: 0.9rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.55;
}

.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card:focus-visible {
	outline: 2px solid var(--rose, var(--color-primary));
	outline-offset: 3px;
}

@media (max-width: 48rem) {
	.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions {
		padding-right: 1.1rem;
		padding-left: 1.1rem;
	}

	.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solutions-head {
		margin-bottom: 1.5rem;
	}

	.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card {
		grid-template-columns: minmax(8rem, 38%) minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr);
	}

	.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card img {
		height: 100%;
		aspect-ratio: auto;
	}

	.landingpage:is(.pl, .uv-tape-page) .cshop_bcd_solution_card span {
		padding: 1rem;
	}
}

/* Keep the full trade specification visible in the Keratin comparison cards. */
.uv-keratin-tip-page #pl-gallery .uv-tape-product-slider-wrap {
	--uv-tape-product-media-height: 22.5rem;
}

.uv-keratin-tip-page #pl-gallery .uv-tape-product-spec dd {
	display: grid;
	gap: 0.28rem;
}

.uv-keratin-tip-page #pl-gallery .uv-tape-product-spec dd strong {
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.42;
}

.uv-keratin-tip-page #pl-gallery .uv-tape-product-spec dd span {
	color: var(--color-muted);
	font-size: 0.74rem;
	font-weight: 400;
	line-height: 1.48;
}

.uv-keratin-tip-page .uv-keratin-master {
	padding-top: clamp(2.5rem, 5vw, 4.5rem);
	padding-bottom: clamp(3rem, 5vw, 4.75rem);
	background: #fff;
}

.uv-keratin-tip-page .uv-keratin-pro-notice {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: center;
	margin-bottom: clamp(2.25rem, 4vw, 3rem);
	padding: clamp(1.25rem, 2.5vw, 1.8rem);
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	background: var(--color-surface);
}

.uv-keratin-tip-page .uv-keratin-pro-notice .uv-kicker {
	margin-bottom: 0.55rem;
}

.uv-keratin-tip-page .uv-keratin-pro-notice .uv-title {
	margin-bottom: 0.65rem;
	font-size: clamp(1.7rem, 2.6vw, 2.35rem);
	text-transform: none;
}

.uv-keratin-tip-page .uv-keratin-pro-notice p:last-child {
	margin-bottom: 0;
	max-width: 58rem;
	color: var(--color-muted);
	font-size: 1rem;
	line-height: 1.65;
}

.uv-keratin-tip-page .uv-keratin-compare-head {
	align-items: end;
	margin-bottom: clamp(1.25rem, 2.5vw, 1.85rem);
}

.uv-keratin-tip-page .uv-keratin-compare-scroll {
	width: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: #fff;
}

.uv-keratin-tip-page .uv-keratin-pricing-note {
	margin: 0.95rem 0 0;
	color: var(--color-muted);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.55;
}

.uv-keratin-tip-page .uv-keratin-compare-table {
	width: 100%;
	min-width: 64rem;
	margin: 0;
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.uv-keratin-tip-page .uv-keratin-compare-table :where(th, td) {
	padding: 1.05rem 0.95rem;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid var(--color-border-soft) !important;
	border-left: 0 !important;
	color: var(--color-text);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
}

.uv-keratin-tip-page .uv-keratin-compare-table :where(th, td):first-child {
	width: 12.5rem;
	padding-left: 1.1rem;
	color: var(--color-primary);
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	line-height: 1.25;
	text-transform: uppercase;
}

.uv-keratin-tip-page .uv-keratin-compare-table :where(th, td):last-child {
	padding-right: 1.1rem;
}

.uv-keratin-tip-page .uv-keratin-compare-table thead th {
	background: var(--color-surface);
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: 1rem;
	line-height: 1.3;
	text-transform: none;
}

.uv-keratin-tip-page .uv-keratin-compare-table thead th:first-child {
	font-family: var(--font-sans);
	font-size: 0.72rem;
}

.uv-keratin-tip-page .uv-keratin-compare-table tbody th {
	background: rgb(197 46 88 / 0.035);
}

.uv-keratin-tip-page .uv-keratin-compare-table tbody tr:nth-child(even) :where(th, td) {
	background-color: rgb(0 0 0 / 0.018);
}

.uv-keratin-tip-page .uv-keratin-compare-table tbody tr:hover :where(th, td) {
	background-color: rgb(197 46 88 / 0.05);
}

.uv-keratin-tip-page .uv-keratin-compare-table tbody tr:last-child :where(th, td) {
	border-bottom: 0 !important;
}

.uv-keratin-tip-page .uv-keratin-retail-path {
	background: var(--color-surface);
}

.uv-keratin-tip-page .uv-keratin-path-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}

.uv-keratin-tip-page .uv-keratin-path-card {
	padding: 1.2rem;
	border-top: 1px solid var(--color-border);
	background: #fff;
}

.uv-keratin-tip-page .uv-keratin-path-card span {
	display: block;
	margin-bottom: 0.75rem;
	color: var(--color-primary);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.uv-keratin-tip-page .uv-keratin-path-card h3 {
	margin-bottom: 0.45rem;
	color: var(--color-text);
	font-size: 1.12rem;
	font-weight: 400;
	line-height: 1.25;
}

.uv-keratin-tip-page .uv-keratin-path-card p {
	margin-bottom: 0;
	color: var(--color-muted);
	font-size: 0.95rem;
	line-height: 1.55;
}

.uv-keratin-tip-page .uv-keratin-cost-panel {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.45fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: clamp(1.5rem, 3vw, 2rem);
	border-top: 1px solid var(--color-border);
}

.uv-keratin-tip-page .uv-keratin-cost-copy h3 {
	margin-bottom: 0.8rem;
	color: var(--color-text);
	font-size: clamp(1.45rem, 2.5vw, 2rem);
	font-weight: 400;
	line-height: 1.2;
}

.uv-keratin-tip-page .uv-keratin-cost-copy p {
	margin-bottom: 0;
	color: var(--color-muted);
	font-size: 1rem;
	line-height: 1.65;
}

.uv-keratin-tip-page .uv-keratin-cost-list {
	display: grid;
	gap: 0;
	border-top: 1px solid var(--color-border-soft);
}

.uv-keratin-tip-page .uv-keratin-cost-row {
	display: grid;
	grid-template-columns: minmax(8rem, 0.34fr) minmax(0, 1fr);
	gap: 1rem;
	padding: 0.95rem 0;
	border-bottom: 1px solid var(--color-border-soft);
}

.uv-keratin-tip-page .uv-keratin-cost-row strong,
.uv-keratin-tip-page .uv-keratin-cost-row span {
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.5;
}

.uv-keratin-tip-page .uv-keratin-cost-row strong {
	color: var(--color-text);
}

.uv-keratin-tip-page .uv-keratin-cost-row span {
	color: var(--color-muted);
}

@media (max-width: 68.75rem) {
	.uv-keratin-tip-page #pl-gallery .uv-tape-slider-controls {
		top: calc(var(--uv-tape-product-media-height) / 2);
	}

	.uv-keratin-tip-page .uv-keratin-pro-notice,
	.uv-keratin-tip-page .uv-keratin-cost-panel {
		grid-template-columns: 1fr;
	}

	.uv-keratin-tip-page .uv-keratin-pro-notice {
		align-items: stretch;
	}

	.uv-keratin-tip-page .uv-keratin-pro-notice .uv-btn-solid {
		justify-content: center;
		width: 100%;
	}

	.uv-keratin-tip-page .uv-keratin-path-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 42rem) {
	.uv-tape-page-heading-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.uv-tape-page-heading-actions :where(.uv-btn-solid, .uv-btn-ghost) {
		width: 100%;
		justify-content: center;
	}

	.uv-keratin-tip-page .uv-keratin-path-grid,
	.uv-keratin-tip-page .uv-keratin-cost-row {
		grid-template-columns: 1fr;
	}

	.uv-keratin-tip-page .uv-keratin-compare-table {
		min-width: 58rem;
	}
}

.uv-keratin-tip-page #uv-tape-benefits.uv-tape-benefits-showcase {
	background:
		linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface) 43%, rgb(255 255 255 / 84%) 67%, rgb(255 255 255 / 18%) 100%),
		url("/wp-content/uploads/2026/04/keratin-tip-hair-extensions-collection-unihairvn.jpg") right center / 43rem auto no-repeat,
		var(--color-surface);
}

.uv-keratin-tip-page #uv-tape-care .uv-tape-aftercare-panel-care {
	--uv-tape-aftercare-panel-image: url("/wp-content/uploads/2026/06/Keratin-Tip-Hair-Extensions-Care-Guide.jpg");
	--uv-tape-aftercare-panel-position: right center;
}

.uv-keratin-tip-page #uv-tape-care .uv-tape-aftercare-panel-removal {
	--uv-tape-aftercare-panel-image: url("/wp-content/uploads/2026/06/How-to-Install-Keratin-Tip-Hair-Extensions.jpg");
	--uv-tape-aftercare-panel-position: center;
}

.uv-keratin-tip-page #uv-tape-installation .uv-tape-install-video {
	aspect-ratio: 3 / 2;
	object-fit: contain;
	background: var(--color-surface);
}

.uv-keratin-tip-page #uv-keratin-contact {
	background: var(--color-surface);
}

.uv-keratin-tip-page #uv-keratin-contact .uvn-final-media {
	background: var(--color-surface-soft);
}

/* Weft overview: reuse the comparison pattern while preserving full trade detail. */
.uv-weft-page .uv-weft-hero {
	height: auto;
	aspect-ratio: 1920 / 680;
}

.uv-weft-page #pl-gallery .uv-tape-product-slider-wrap {
	--uv-tape-product-media-height: 22.5rem;
}

.uv-weft-page .uv-weft-master {
	margin-bottom: clamp(2rem, 4vw, 3rem);
	padding-top: clamp(1.25rem, 3vw, 2rem);
	border-top: 1px solid var(--color-border);
}

.uv-weft-page .uv-weft-compare-head {
	align-items: end;
	margin-bottom: clamp(1.25rem, 2.5vw, 1.85rem);
}

.uv-weft-page .uv-weft-compare-scroll {
	width: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: #fff;
}

.uv-weft-page .uv-weft-compare-table {
	width: 100%;
	min-width: 82rem;
	margin: 0;
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.uv-weft-page .uv-weft-compare-table :where(th, td) {
	padding: 1rem 0.9rem;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid var(--color-border-soft) !important;
	border-left: 0 !important;
	color: var(--color-text);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
}

.uv-weft-page .uv-weft-compare-table :where(th, td):first-child {
	width: 12rem;
	padding-left: 1.1rem;
	color: var(--color-primary);
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	line-height: 1.25;
	text-transform: uppercase;
}

.uv-weft-page .uv-weft-compare-table :where(th, td):last-child {
	padding-right: 1.1rem;
}

.uv-weft-page .uv-weft-compare-table thead th {
	background: var(--color-surface);
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: 1rem;
	line-height: 1.3;
	text-transform: none;
}

.uv-weft-page .uv-weft-compare-table thead th:first-child {
	font-family: var(--font-sans);
	font-size: 0.72rem;
}

.uv-weft-page .uv-weft-compare-table tbody th {
	background: rgb(197 46 88 / 0.035);
}

.uv-weft-page .uv-weft-compare-table tbody tr:nth-child(even) :where(th, td) {
	background-color: rgb(0 0 0 / 0.018);
}

.uv-weft-page .uv-weft-compare-table tbody tr:hover :where(th, td) {
	background-color: rgb(197 46 88 / 0.05);
}

.uv-weft-page .uv-weft-compare-table tbody tr:last-child :where(th, td) {
	border-bottom: 0 !important;
}

.uv-weft-page .uv-weft-compare-actions-row :where(th, td) {
	vertical-align: middle;
}

.uv-weft-page .uv-weft-compare-btn {
	display: inline-flex;
	width: 100%;
	min-height: 3rem;
	align-items: center;
	justify-content: center;
	padding: 0.82rem 0.7rem;
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}

.uv-weft-page .uv-weft-pricing-note {
	margin: 0.95rem 0 0;
	color: var(--color-muted);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.55;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector {
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.2rem, 2.5vw, 1.8rem);
	padding: clamp(1.1rem, 3vw, 2rem);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: #fff;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector>* {
	grid-column: 1 / -1;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector .uv-tape-choice-head {
	margin-bottom: 0;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector-layout {
	display: grid;
	grid-template-columns: minmax(18rem, 0.82fr) minmax(0, 1.35fr);
	gap: clamp(1rem, 2.3vw, 1.6rem);
	align-items: stretch;
	min-width: 0;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-card {
	display: grid;
	align-content: start;
	gap: 1.1rem;
	min-width: 0;
	padding: clamp(1rem, 2.3vw, 1.45rem);
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}

.uv-weft-page #uv-tape-choose .uv-weft-route-card h3,
.uv-weft-page #uv-tape-choose .uv-weft-start-card h3 {
	margin: 0;
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: clamp(1.15rem, 1.6vw, 1.45rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-card p,
.uv-weft-page #uv-tape-choose .uv-weft-start-card p,
.uv-weft-page #uv-tape-choose .uv-weft-selector-footer p {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.93rem;
	font-weight: 400;
	line-height: 1.55;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-list li {
	display: grid;
	grid-template-columns: 5.2rem minmax(0, 1fr);
	gap: 0.9rem;
	padding: 0.92rem 0;
	border-top: 1px solid var(--color-border-soft);
}

.uv-weft-page #uv-tape-choose .uv-weft-route-list li:first-child {
	border-top: 0;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-index,
.uv-weft-page #uv-tape-choose .uv-weft-start-label,
.uv-weft-page #uv-tape-choose .uv-weft-start-specs dt {
	color: var(--color-primary);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.25;
	text-transform: uppercase;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-text strong {
	display: block;
	margin-bottom: 0.28rem;
	color: var(--color-text);
	font-size: 0.96rem;
	font-weight: 400;
	line-height: 1.35;
}

.uv-weft-page #uv-tape-choose .uv-weft-route-text p {
	font-size: 0.88rem;
}

.uv-weft-page #uv-tape-choose .uv-weft-start-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-border-soft);
}

.uv-weft-page #uv-tape-choose .uv-weft-start-card {
	display: grid;
	align-content: start;
	gap: 0.8rem;
	min-width: 0;
	min-height: 15rem;
	padding: clamp(1rem, 2vw, 1.25rem);
	background: #fff;
}

.uv-weft-page #uv-tape-choose .uv-weft-start-card:first-child {
	grid-column: 1 / -1;
	min-height: 0;
	background:
		linear-gradient(135deg, rgb(197 46 88 / 0.09), rgb(255 255 255 / 0) 58%),
		#fff;
}

.uv-weft-page #uv-tape-choose .uv-weft-start-copy {
	display: grid;
	gap: 0.55rem;
	min-width: 0;
}

.uv-weft-page #uv-tape-choose .uv-weft-start-specs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	background: var(--color-border-soft);
}

.uv-weft-page #uv-tape-choose .uv-weft-start-specs div {
	min-width: 0;
	padding: 0.7rem;
	background: var(--color-surface);
}

.uv-weft-page #uv-tape-choose .uv-weft-start-specs dd {
	margin: 0.18rem 0 0;
	color: var(--color-text);
	font-size: 0.84rem;
	font-weight: 400;
	line-height: 1.4;
}

.uv-weft-page #uv-tape-choose .uv-weft-start-link {
	justify-self: start;
	min-height: 2.65rem;
	padding: 0.72rem 1rem;
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: normal;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector-footer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	gap: clamp(1rem, 2vw, 1.4rem);
	align-items: center;
	min-width: 0;
	padding: clamp(1rem, 2.2vw, 1.35rem);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}

.uv-weft-page #uv-tape-choose .uv-weft-selector-footer strong {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--color-text);
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.3;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.75rem;
	min-width: 0;
}

.uv-weft-page #uv-tape-choose .uv-weft-selector-actions :where(.uv-btn-solid, .uv-btn-ghost) {
	justify-content: center;
	min-height: 3rem;
	font-weight: 500;
	text-align: center;
	white-space: normal;
}

.uv-weft-page .uv-weft-planning,
.uv-weft-page .uv-weft-name-guide,
.uv-weft-page .uv-weft-quote-panel {
	margin-top: clamp(1.5rem, 3vw, 2.2rem);
	padding-top: clamp(1.2rem, 2.5vw, 1.7rem);
	border-top: 1px solid var(--color-border);
}

.uv-weft-page .uv-weft-planning-copy,
.uv-weft-page .uv-weft-name-copy {
	max-width: 58rem;
	margin-bottom: 1.1rem;
}

.uv-weft-page .uv-weft-planning-copy h3,
.uv-weft-page .uv-weft-name-copy h3,
.uv-weft-page .uv-weft-quote-panel h3,
.uv-weft-page .uv-weft-selector-grid h3 {
	margin: 0 0 0.55rem;
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	font-weight: 400;
	line-height: 1.2;
}

.uv-weft-page .uv-weft-planning-copy p,
.uv-weft-page .uv-weft-name-copy p,
.uv-weft-page .uv-weft-quote-panel p,
.uv-weft-page .uv-weft-selector-grid p,
.uv-weft-page .uv-weft-recommendations span {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.58;
}

.uv-weft-page .uv-weft-planning-grid,
.uv-weft-page .uv-weft-name-grid,
.uv-weft-page .uv-weft-selector-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: var(--color-border-soft);
	border: 1px solid var(--color-border-soft);
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.uv-weft-page .uv-weft-name-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.uv-weft-page .uv-weft-selector-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 1.4rem;
}

.uv-weft-page .uv-weft-planning-grid article,
.uv-weft-page .uv-weft-name-grid article,
.uv-weft-page .uv-weft-selector-grid article {
	display: grid;
	align-content: start;
	gap: 0.55rem;
	padding: 1.05rem;
	background: #fff;
}

.uv-weft-page .uv-weft-planning-grid span,
.uv-weft-page .uv-weft-name-grid span,
.uv-weft-page .uv-weft-selector-grid span {
	color: var(--color-primary);
	font-size: 0.76rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.uv-weft-page .uv-weft-planning-grid strong,
.uv-weft-page .uv-weft-recommendations strong {
	color: var(--color-text);
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.3;
}

.uv-weft-page .uv-weft-planning-grid p,
.uv-weft-page .uv-weft-name-grid p {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
}

.uv-weft-page .uv-weft-quote-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
	gap: 1.25rem;
	align-items: center;
	padding: clamp(1.2rem, 2.5vw, 1.7rem);
	border: 1px solid var(--color-border);
	background: var(--color-surface);
}

.uv-weft-page .uv-weft-quote-panel .uv-kicker {
	margin-bottom: 0.5rem;
}

.uv-weft-page .uv-weft-quote-actions {
	display: grid;
	gap: 0.75rem;
}

.uv-weft-page .uv-weft-quote-actions :where(.uv-btn-solid, .uv-btn-ghost) {
	justify-content: center;
	width: 100%;
	text-align: center;
}

.uv-weft-page .uv-weft-recommendations {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin-top: 1.4rem;
	border: 1px solid var(--color-border-soft);
	background: var(--color-border-soft);
}

.uv-weft-page .uv-weft-recommendations div {
	display: grid;
	gap: 0.45rem;
	padding: 1.1rem;
	background: #fff;
}

.uv-weft-page #pl-gallery .uv-tape-product-spec dd {
	display: grid;
	gap: 0.28rem;
}

.uv-weft-page #pl-gallery .uv-tape-product-spec dd strong {
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.42;
}

.uv-weft-page #pl-gallery .uv-tape-product-spec dd span {
	color: var(--color-muted);
	font-size: 0.74rem;
	font-weight: 400;
	line-height: 1.48;
}

.uv-weft-page #uv-tape-benefits.uv-tape-benefits-showcase {
	background:
		linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface) 43%, rgb(255 255 255 / 84%) 67%, rgb(255 255 255 / 18%) 100%),
		url("/wp-content/uploads/2026/08/4-genius-weft-scaled.webp") right center / 43rem auto no-repeat,
		var(--color-surface);
}

.uv-weft-page #uv-tape-care .uv-tape-aftercare-panel-care {
	--uv-tape-aftercare-panel-image: url("/wp-content/uploads/2026/08/4-jisoo-weft.webp");
	--uv-tape-aftercare-panel-position: center;
}

.uv-weft-page #uv-tape-care .uv-tape-aftercare-panel-removal {
	--uv-tape-aftercare-panel-image: url("/wp-content/uploads/2026/08/3-damelio-weft-scaled.webp");
	--uv-tape-aftercare-panel-position: center;
}

.uv-weft-page #uv-tape-installation .uv-tape-install-video {
	aspect-ratio: 3 / 2;
	object-fit: contain;
	background: var(--color-surface);
}

.uv-weft-page #uv-weft-contact {
	background: var(--color-surface);
}

.uv-weft-page #uv-weft-contact .uvn-final-media {
	background: var(--color-surface-soft);
}

@media (max-width: 90rem) {
	.uv-weft-page #uv-tape-benefits.uv-tape-benefits-showcase {
		background:
			linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface) 43%, rgb(255 255 255 / 84%) 67%, rgb(255 255 255 / 18%) 100%),
			url("/wp-content/uploads/2026/08/4-genius-weft-scaled.webp") right center / 37rem auto no-repeat,
			var(--color-surface);
	}
}

@media (max-width: 68.75rem) {
	.uv-weft-page #pl-gallery .uv-tape-slider-controls {
		top: calc(var(--uv-tape-product-media-height) / 2);
	}

	.uv-weft-page .uv-weft-planning-grid,
	.uv-weft-page .uv-weft-name-grid,
	.uv-weft-page .uv-weft-selector-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.uv-weft-page #uv-tape-choose .uv-weft-selector-layout,
	.uv-weft-page #uv-tape-choose .uv-weft-selector-footer {
		grid-template-columns: 1fr;
	}

	.uv-weft-page #uv-tape-choose .uv-weft-selector-actions {
		justify-content: flex-start;
	}

	.uv-weft-page .uv-weft-quote-panel,
	.uv-weft-page .uv-weft-recommendations {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 48rem) {
	.uv-weft-page .uv-weft-hero {
		aspect-ratio: 941 / 1672;
	}

	.uv-weft-page #pl-gallery .uv-tape-product-slider-wrap {
		--uv-tape-product-media-height: clamp(15rem, 72vw, 18rem);
	}

	.uv-weft-page .uv-weft-master {
		margin-inline: calc(var(--layout-gutter) * -0.5);
	}

	.uv-weft-page .uv-weft-planning-grid,
	.uv-weft-page .uv-weft-name-grid,
	.uv-weft-page .uv-weft-selector-grid {
		grid-template-columns: 1fr;
	}

	.uv-weft-page .uv-weft-planning-grid article,
	.uv-weft-page .uv-weft-name-grid article,
	.uv-weft-page .uv-weft-selector-grid article {
		min-height: 0;
	}

	.uv-weft-page #uv-tape-choose .uv-weft-selector {
		padding: 1rem;
	}

	.uv-weft-page #uv-tape-choose .uv-weft-start-points,
	.uv-weft-page #uv-tape-choose .uv-weft-start-specs {
		grid-template-columns: 1fr;
	}

	.uv-weft-page #uv-tape-choose .uv-weft-start-card:first-child {
		grid-column: auto;
	}

	.uv-weft-page #uv-tape-choose .uv-weft-route-list li {
		grid-template-columns: 1fr;
		gap: 0.35rem;
	}

	.uv-weft-page #uv-tape-choose .uv-weft-selector-actions,
	.uv-weft-page #uv-tape-choose .uv-weft-selector-actions :where(.uv-btn-solid, .uv-btn-ghost),
	.uv-weft-page #uv-tape-choose .uv-weft-start-link {
		width: 100%;
	}

	.uv-weft-page #uv-tape-benefits.uv-tape-benefits-showcase {
		background:
			linear-gradient(90deg, rgb(255 255 255 / 95%) 0%, rgb(255 255 255 / 84%) 60%, rgb(255 255 255 / 44%) 100%),
			url("/wp-content/uploads/2026/08/4-genius-weft-scaled.webp") right bottom / 24rem auto no-repeat,
			var(--color-surface);
	}
}

@media (max-width: 90rem) {
	.uv-keratin-tip-page #uv-tape-benefits.uv-tape-benefits-showcase {
		background:
			linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface) 43%, rgb(255 255 255 / 84%) 67%, rgb(255 255 255 / 18%) 100%),
			url("/wp-content/uploads/2026/04/keratin-tip-hair-extensions-collection-unihairvn.jpg") right center / 37rem auto no-repeat,
			var(--color-surface);
	}
}

@media (max-width: 48rem) {
	.uv-keratin-tip-page #pl-gallery .uv-tape-product-slider-wrap {
		--uv-tape-product-media-height: clamp(15rem, 72vw, 18rem);
	}

	.uv-keratin-tip-page #uv-tape-benefits.uv-tape-benefits-showcase {
		background:
			linear-gradient(90deg, rgb(255 255 255 / 95%) 0%, rgb(255 255 255 / 84%) 60%, rgb(255 255 255 / 44%) 100%),
			url("/wp-content/uploads/2026/04/keratin-tip-hair-extensions-collection-unihairvn.jpg") right bottom / 24rem auto no-repeat,
			var(--color-surface);
	}
}

.pl-damelio-weft .pl-damelio-construction-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.72fr);
	gap: clamp(1.4rem, 3vw, 2.4rem);
	align-items: stretch;
}

.pl-damelio-weft .pl-damelio-diagram,
.pl-damelio-weft .pl-damelio-name-note {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-damelio-weft .pl-damelio-diagram {
	display: grid;
	gap: 1px;
	overflow: hidden;
	background: var(--line);
}

.pl-damelio-weft .pl-damelio-layer-grid,
.pl-damelio-weft .pl-damelio-base-options {
	display: grid;
	gap: 1px;
	background: var(--line);
}

.pl-damelio-weft .pl-damelio-layer-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pl-damelio-weft .pl-damelio-base-options {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pl-damelio-weft .pl-damelio-layer,
.pl-damelio-weft .pl-damelio-base-options article {
	display: grid;
	align-content: start;
	gap: 0.55rem;
	min-width: 0;
	padding: clamp(1rem, 2vw, 1.35rem);
	background: var(--paper);
}

.pl-damelio-weft .pl-damelio-layer span,
.pl-damelio-weft .pl-damelio-base-options span {
	color: var(--accent);
	font-size: 0.76rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.pl-damelio-weft .pl-damelio-layer strong {
	color: var(--ink);
	font-size: clamp(0.96rem, 1.1vw, 1.06rem);
	font-weight: 400;
	line-height: 1.45;
}

.pl-damelio-weft .pl-damelio-base-options p,
.pl-damelio-weft .pl-damelio-name-note p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.62;
}

.pl-damelio-weft .pl-damelio-name-note {
	display: grid;
	align-content: center;
	gap: 1rem;
	padding: clamp(1.15rem, 2.5vw, 1.7rem);
}

.pl-damelio-weft .pl-damelio-name-note h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 400;
	line-height: 1.2;
}

.pl-damelio-weft .pl-damelio-name-note .pl-btn {
	justify-self: start;
}

@media (max-width: 68.75rem) {
	.pl-damelio-weft .pl-damelio-construction-grid,
	.pl-damelio-weft .pl-damelio-layer-grid,
	.pl-damelio-weft .pl-damelio-base-options {
		grid-template-columns: 1fr;
	}

	.pl-damelio-weft .pl-damelio-name-note .pl-btn {
		width: 100%;
		justify-content: center;
	}
}

.pl-jisoo-feather-weft .pl-hero-care-note {
	display: block;
	max-width: 42rem;
	margin-top: 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: rgb(255 255 255 / 0.68);
	color: var(--ink);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-jisoo-feather-weft .pl-jisoo-care-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.82fr);
	gap: clamp(1.35rem, 3vw, 2.4rem);
	align-items: stretch;
}

.pl-jisoo-feather-weft .pl-jisoo-care-card,
.pl-jisoo-feather-weft .pl-jisoo-name-note {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-jisoo-feather-weft .pl-jisoo-care-card {
	display: grid;
	gap: 1px;
	overflow: hidden;
	background: var(--line);
}

.pl-jisoo-feather-weft .pl-jisoo-care-row {
	display: grid;
	grid-template-columns: 9rem minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: 1rem clamp(1rem, 2vw, 1.35rem);
	background: var(--paper);
}

.pl-jisoo-feather-weft .pl-jisoo-care-row dt {
	color: var(--accent);
	font-size: 0.76rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.pl-jisoo-feather-weft .pl-jisoo-care-row dd {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.58;
}

.pl-jisoo-feather-weft .pl-jisoo-name-note {
	display: grid;
	align-content: center;
	gap: 1rem;
	padding: clamp(1.15rem, 2.5vw, 1.7rem);
}

.pl-jisoo-feather-weft .pl-jisoo-name-note h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 400;
	line-height: 1.2;
}

.pl-jisoo-feather-weft .pl-jisoo-name-note p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.62;
}

.pl-jisoo-feather-weft .pl-jisoo-name-note .pl-btn {
	justify-self: start;
}

@media (max-width: 68.75rem) {
	.pl-jisoo-feather-weft .pl-jisoo-care-layout,
	.pl-jisoo-feather-weft .pl-jisoo-care-row {
		grid-template-columns: 1fr;
	}

	.pl-jisoo-feather-weft .pl-jisoo-care-row {
		gap: 0.35rem;
	}

	.pl-jisoo-feather-weft .pl-jisoo-name-note .pl-btn {
		width: 100%;
		justify-content: center;
	}
}

.pl-micro-ring .pl-hero-care-note {
	display: block;
	max-width: 43rem;
	margin-top: 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: rgb(255 255 255 / 0.72);
	color: var(--ink);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-micro-ring .pl-micro-advice-grid,
.pl-micro-ring .pl-micro-service-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(1.35rem, 3vw, 2.4rem);
	align-items: stretch;
}

.pl-micro-ring .pl-micro-table-card,
.pl-micro-ring .pl-micro-service-card,
.pl-micro-ring .pl-micro-tools-card,
.pl-micro-ring .pl-micro-relation-note {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-micro-ring .pl-micro-table-card {
	overflow: hidden;
}

.pl-micro-ring .pl-micro-card-head {
	display: grid;
	gap: 0.45rem;
	padding: clamp(1rem, 2vw, 1.35rem);
	border-bottom: 1px solid var(--line);
	background: var(--paper);
}

.pl-micro-ring .pl-micro-card-head h3,
.pl-micro-ring .pl-micro-service-card h3,
.pl-micro-ring .pl-micro-tools-card h3,
.pl-micro-ring .pl-micro-relation-note h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.22rem, 1.55vw, 1.5rem);
	font-weight: 400;
	line-height: 1.25;
}

.pl-micro-ring .pl-micro-card-head p,
.pl-micro-ring .pl-micro-service-card p,
.pl-micro-ring .pl-micro-tools-card p,
.pl-micro-ring .pl-micro-relation-note p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
}

.pl-micro-ring .pl-micro-chart,
.pl-micro-ring .pl-micro-compare {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.pl-micro-ring .pl-micro-chart th,
.pl-micro-ring .pl-micro-chart td,
.pl-micro-ring .pl-micro-compare th,
.pl-micro-ring .pl-micro-compare td {
	padding: 0.9rem clamp(0.9rem, 1.5vw, 1.15rem);
	border: 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.pl-micro-ring .pl-micro-chart th,
.pl-micro-ring .pl-micro-compare th {
	color: var(--ink);
	background: var(--paper);
	font-weight: 500;
}

.pl-micro-ring .pl-micro-chart tbody th {
	background: #fff;
}

.pl-micro-ring .pl-micro-compare tbody th {
	width: 8.5rem;
	background: #fff;
}

.pl-micro-ring .pl-micro-swatch {
	display: inline-block;
	width: 0.85rem;
	height: 0.85rem;
	margin-right: 0.45rem;
	border: 1px solid rgb(21 17 18 / 0.16);
	border-radius: 50%;
	vertical-align: -0.08rem;
}

.pl-micro-ring .pl-micro-swatch--black {
	background: #111;
}

.pl-micro-ring .pl-micro-swatch--dark {
	background: #3a241b;
}

.pl-micro-ring .pl-micro-swatch--brown {
	background: #7a5239;
}

.pl-micro-ring .pl-micro-swatch--light {
	background: #c99b66;
}

.pl-micro-ring .pl-micro-swatch--blend {
	background: linear-gradient(135deg, #251812 0 34%, #7a5239 34% 67%, #d4b07c 67%);
}

.pl-micro-ring .pl-micro-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	padding: clamp(1rem, 2vw, 1.35rem);
	background: #fff;
}

.pl-micro-ring .pl-micro-service-card,
.pl-micro-ring .pl-micro-tools-card,
.pl-micro-ring .pl-micro-relation-note {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

.pl-micro-ring .pl-micro-service-points {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pl-micro-ring .pl-micro-service-points li {
	display: grid;
	grid-template-columns: 6.5rem minmax(0, 1fr);
	gap: 0.8rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-micro-ring .pl-micro-service-points strong {
	color: var(--ink);
	font-weight: 500;
}

.pl-micro-ring .pl-micro-tool-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--line);
	background: var(--line);
}

.pl-micro-ring .pl-micro-tool-grid article {
	display: grid;
	align-content: start;
	gap: 0.45rem;
	min-width: 0;
	padding: 1rem;
	background: var(--paper);
}

.pl-micro-ring .pl-micro-tool-grid h4 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: 0.96rem;
	font-weight: 500;
	line-height: 1.35;
}

.pl-micro-ring .pl-micro-tool-grid p {
	margin: 0;
	color: var(--muted);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
}

.pl-micro-ring .pl-micro-relation-note {
	margin-top: clamp(1.2rem, 2.5vw, 1.8rem);
}

@media (max-width: 68.75rem) {
	.pl-micro-ring .pl-micro-advice-grid,
	.pl-micro-ring .pl-micro-service-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 42rem) {
	.pl-micro-ring .pl-micro-chart,
	.pl-micro-ring .pl-micro-compare {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.pl-micro-ring .pl-micro-card-actions,
	.pl-micro-ring .pl-micro-card-actions .pl-btn,
	.pl-micro-ring .pl-micro-tools-card .pl-btn,
	.pl-micro-ring .pl-micro-relation-note .pl-btn {
		width: 100%;
		justify-content: center;
	}

	.pl-micro-ring .pl-micro-service-points li,
	.pl-micro-ring .pl-micro-tool-grid {
		grid-template-columns: 1fr;
	}
}

.pl-nano-ring .pl-hero-care-note {
	display: block;
	max-width: 43rem;
	margin-top: 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: rgb(255 255 255 / 0.72);
	color: var(--ink);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-nano-ring .pl-nano-advice-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
	gap: clamp(1.35rem, 3vw, 2.4rem);
	align-items: stretch;
}

.pl-nano-ring .pl-nano-table-card,
.pl-nano-ring .pl-nano-scale-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-nano-ring .pl-nano-card-head {
	display: grid;
	gap: 0.45rem;
	padding: clamp(1rem, 2vw, 1.35rem);
	border-bottom: 1px solid var(--line);
	background: var(--paper);
}

.pl-nano-ring .pl-nano-card-head h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.22rem, 1.55vw, 1.5rem);
	font-weight: 400;
	line-height: 1.25;
}

.pl-nano-ring .pl-nano-card-head p,
.pl-nano-ring .pl-nano-scale-caption,
.pl-nano-ring .pl-nano-scale-note {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
}

.pl-nano-ring .pl-nano-compare {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.pl-nano-ring .pl-nano-compare th,
.pl-nano-ring .pl-nano-compare td {
	padding: 0.9rem clamp(0.9rem, 1.5vw, 1.15rem);
	border: 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.pl-nano-ring .pl-nano-compare th {
	color: var(--ink);
	background: var(--paper);
	font-weight: 500;
}

.pl-nano-ring .pl-nano-compare tbody th {
	width: 8.5rem;
	background: #fff;
}

.pl-nano-ring .pl-nano-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	padding: clamp(1rem, 2vw, 1.35rem);
	background: #fff;
}

.pl-nano-ring .pl-nano-scale-media {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--line);
}

.pl-nano-ring .pl-nano-scale-media figure {
	display: grid;
	gap: 0.7rem;
	align-content: start;
	margin: 0;
	padding: 1rem;
	background: #fff;
}

.pl-nano-ring .pl-nano-scale-media img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	background: var(--paper);
	object-fit: contain;
	object-position: center;
}

.pl-nano-ring .pl-nano-scale-media figcaption {
	color: var(--ink);
	font-size: 0.92rem;
	font-weight: 500;
	line-height: 1.35;
}

.pl-nano-ring .pl-nano-scale-note {
	padding: clamp(1rem, 2vw, 1.35rem);
	border-top: 1px solid var(--line);
}

@media (max-width: 68.75rem) {
	.pl-nano-ring .pl-nano-advice-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 42rem) {
	.pl-nano-ring .pl-nano-compare {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.pl-nano-ring .pl-nano-card-actions,
	.pl-nano-ring .pl-nano-card-actions .pl-btn,
	.pl-nano-ring .pl-nano-scale-media {
		width: 100%;
		grid-template-columns: 1fr;
		justify-content: center;
	}
}

.pl-halo .pl-hero-retail-note {
	display: block;
	margin-top: 0.85rem;
	color: var(--muted);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-halo .pl-hero-retail-note a {
	color: var(--rose);
	font-weight: 500;
	text-decoration: none;
}

.pl-halo .pl-hero-retail-note a:hover,
.pl-halo .pl-hero-retail-note a:focus-visible {
	color: var(--ink);
	text-decoration: underline;
	text-underline-offset: 0.22em;
}

.pl-halo .pl-halo-selector {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	gap: clamp(1.35rem, 3vw, 2.4rem);
	align-items: stretch;
	margin-top: clamp(1.4rem, 3vw, 2.1rem);
}

.pl-halo .pl-halo-selector-card,
.pl-halo .pl-halo-trust-row,
.pl-halo .pl-halo-tutorial-card,
.pl-halo .pl-halo-proof-card,
.pl-halo .pl-halo-wholesale-card {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-halo .pl-halo-selector-card {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

.pl-halo .pl-halo-selector-card h3,
.pl-halo .pl-halo-tutorial-card h3,
.pl-halo .pl-halo-proof-card h3,
.pl-halo .pl-halo-wholesale-card h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.22rem, 1.55vw, 1.5rem);
	font-weight: 400;
	line-height: 1.25;
}

.pl-halo .pl-halo-selector-card p,
.pl-halo .pl-halo-tutorial-card p,
.pl-halo .pl-halo-proof-card p,
.pl-halo .pl-halo-wholesale-card p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
}

.pl-halo .pl-halo-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

.pl-halo .pl-halo-field {
	display: grid;
	gap: 0.35rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--line);
	background: var(--paper);
}

.pl-halo .pl-halo-field span {
	color: var(--rose);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.pl-halo .pl-halo-field strong {
	color: var(--ink);
	font-size: 0.98rem;
	font-weight: 400;
	line-height: 1.4;
}

.pl-halo .pl-set-guide {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 1rem;
	align-items: stretch;
	margin-top: 1.6rem;
}

.pl-halo .pl-set-guide-feature {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	gap: 1.35rem;
	padding: clamp(1.35rem, 1rem + 1.2vw, 2rem);
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
}

.pl-halo .pl-set-guide-label {
	width: max-content;
	max-width: 100%;
	color: var(--rose);
	font-family: Jost, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.pl-halo .pl-set-guide-main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.15rem;
	align-items: start;
}

.pl-halo .pl-set-guide-weight {
	display: block;
	color: var(--rose);
	font-family: Jost, sans-serif;
	font-size: clamp(48px, 6vw, 76px);
	font-weight: 400;
	line-height: 0.9;
	white-space: nowrap;
}

.pl-halo .pl-set-guide-main h3 {
	margin: 0 0 0.45rem;
	color: var(--ink);
	font-family: Jost, sans-serif;
	font-size: clamp(24px, 2vw, 34px);
	font-weight: 400;
	line-height: 1.08;
}

.pl-halo .pl-set-guide-main p,
.pl-halo .pl-set-guide-facts p,
.pl-halo .pl-set-guide-option p,
.pl-halo .pl-set-guide-note {
	margin: 0;
	color: #000;
	font-family: Jost, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.pl-halo .pl-set-guide-facts {
	display: grid;
	gap: 0;
	margin-top: auto;
	border-top: 1px solid var(--line-soft);
}

.pl-halo .pl-set-guide-facts div {
	display: grid;
	grid-template-columns: 7rem minmax(0, 1fr);
	gap: 1rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid var(--line-soft);
}

.pl-halo .pl-set-guide-facts div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.pl-halo .pl-set-guide-facts span {
	color: var(--rose);
	font-family: Jost, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-transform: uppercase;
}

.pl-halo .pl-set-guide-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: var(--line);
}

.pl-halo .pl-set-guide-option {
	display: grid;
	align-content: start;
	gap: 0.65rem;
	min-height: 13rem;
	padding: 1.25rem;
	background: #fff;
}

.pl-halo .pl-set-guide-option span {
	color: var(--rose);
	font-family: Jost, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-transform: uppercase;
}

.pl-halo .pl-set-guide-option strong {
	display: block;
	color: var(--ink);
	font-family: Jost, sans-serif;
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 400;
	line-height: 1;
}

.pl-halo .pl-set-guide-note {
	max-width: 52rem;
	margin: 1rem auto 0;
	font-size: 14px;
	line-height: 1.55;
	text-align: center;
}

.pl-halo .pl-halo-trust-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	margin-top: 1.25rem;
	background: var(--line);
}

.pl-halo .pl-halo-trust-row span {
	display: grid;
	align-content: center;
	min-height: 4.25rem;
	padding: 0.85rem 1rem;
	background: #fff;
	color: var(--ink);
	font-size: 0.88rem;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
}

.pl-halo .pl-halo-tutorial-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(1.35rem, 3vw, 2.4rem);
	align-items: stretch;
}

.pl-halo .pl-halo-tutorial-card,
.pl-halo .pl-halo-proof-card,
.pl-halo .pl-halo-wholesale-card {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

.pl-halo .pl-halo-tutorial-media {
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
}

.pl-halo .pl-halo-tutorial-media video,
.pl-halo .pl-halo-tutorial-media img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 5;
	object-fit: contain;
	object-position: center;
}

.pl-halo .pl-halo-checklist {
	display: grid;
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pl-halo .pl-halo-checklist li {
	display: grid;
	grid-template-columns: 5.5rem minmax(0, 1fr);
	gap: 0.85rem;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.94rem;
	line-height: 1.5;
}

.pl-halo .pl-halo-checklist strong {
	color: var(--rose);
	font-weight: 500;
}

.pl-halo .pl-halo-proof-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.pl-halo .pl-halo-proof-card figure {
	margin: 0 0 1rem;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: var(--paper);
}

.pl-halo .pl-halo-proof-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 68.75rem) {
	.pl-halo .pl-halo-selector,
	.pl-halo .pl-set-guide,
	.pl-halo .pl-halo-tutorial-grid {
		grid-template-columns: 1fr;
	}

	.pl-halo .pl-halo-trust-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pl-halo .pl-halo-proof-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 42rem) {
	.pl-halo .pl-halo-field-grid,
	.pl-halo .pl-set-guide-main,
	.pl-halo .pl-set-guide-facts div,
	.pl-halo .pl-set-guide-options,
	.pl-halo .pl-halo-checklist li {
		grid-template-columns: 1fr;
	}

	.pl-halo .pl-halo-trust-row {
		grid-template-columns: 1fr;
	}
}

.pl-ponytail .pl-hero-retail-note {
	display: block;
	margin-top: 0.85rem;
	color: var(--muted);
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-ponytail .pl-hero-retail-note a {
	color: var(--rose);
	font-weight: 500;
	text-decoration: none;
}

.pl-ponytail .pl-hero-retail-note a:hover,
.pl-ponytail .pl-hero-retail-note a:focus-visible {
	color: var(--ink);
	text-decoration: underline;
	text-underline-offset: 0.22em;
}

.pl-ponytail .pl-pony-selector,
.pl-ponytail .pl-pony-retail-grid,
.pl-ponytail .pl-pony-use-grid {
	display: grid;
	gap: clamp(1.35rem, 3vw, 2.4rem);
	align-items: stretch;
}

.pl-ponytail .pl-pony-selector {
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	margin-top: clamp(1.4rem, 3vw, 2.1rem);
}

.pl-ponytail .pl-pony-retail-grid {
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}

.pl-ponytail .pl-pony-use-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pl-ponytail .pl-pony-selector-card,
.pl-ponytail .pl-pony-style-card,
.pl-ponytail .pl-pony-use-card,
.pl-ponytail .pl-pony-weight-card,
.pl-ponytail .pl-pony-wholesale-card,
.pl-ponytail .pl-pony-trust-row,
.pl-ponytail .pl-pony-table-card {
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-ponytail .pl-pony-selector-card,
.pl-ponytail .pl-pony-weight-card,
.pl-ponytail .pl-pony-wholesale-card {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

.pl-ponytail .pl-pony-selector-card h3,
.pl-ponytail .pl-pony-style-card h3,
.pl-ponytail .pl-pony-use-card h3,
.pl-ponytail .pl-pony-weight-card h3,
.pl-ponytail .pl-pony-wholesale-card h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.22rem, 1.55vw, 1.5rem);
	font-weight: 400;
	line-height: 1.25;
}

.pl-ponytail .pl-pony-selector-card p,
.pl-ponytail .pl-pony-style-card p,
.pl-ponytail .pl-pony-use-card p,
.pl-ponytail .pl-pony-weight-card p,
.pl-ponytail .pl-pony-wholesale-card p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
}

.pl-ponytail .pl-pony-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

.pl-ponytail .pl-pony-field {
	display: grid;
	gap: 0.35rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--line);
	background: var(--paper);
}

.pl-ponytail .pl-pony-field span,
.pl-ponytail .pl-pony-style-card span,
.pl-ponytail .pl-pony-use-card span,
.pl-ponytail .pl-pony-weight-row span {
	color: var(--rose);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.pl-ponytail .pl-pony-field strong,
.pl-ponytail .pl-pony-weight-row strong {
	color: var(--ink);
	font-size: 0.98rem;
	font-weight: 400;
	line-height: 1.4;
}

.pl-ponytail .pl-pony-style-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.6rem;
}

.pl-ponytail .pl-pony-style-card,
.pl-ponytail .pl-pony-use-card {
	display: grid;
	align-content: start;
	gap: 0.9rem;
	padding: clamp(1rem, 2vw, 1.25rem);
}

.pl-ponytail .pl-pony-style-card figure,
.pl-ponytail .pl-pony-use-card figure {
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--line);
	background: var(--paper);
	aspect-ratio: 4 / 5;
}

.pl-ponytail .pl-pony-style-card img,
.pl-ponytail .pl-pony-use-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.pl-ponytail .pl-pony-style-actions {
	margin-top: auto;
}

.pl-ponytail .pl-pony-style-actions .pl-btn {
	width: 100%;
	justify-content: center;
}

.pl-ponytail .pl-pony-table-card {
	overflow: hidden;
}

.pl-ponytail .pl-pony-compare {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.pl-ponytail .pl-pony-compare th,
.pl-ponytail .pl-pony-compare td {
	padding: 0.95rem clamp(0.9rem, 1.5vw, 1.15rem);
	border: 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.pl-ponytail .pl-pony-compare th {
	color: var(--ink);
	background: var(--paper);
	font-weight: 500;
}

.pl-ponytail .pl-pony-compare tbody th {
	width: 10rem;
	background: #fff;
}

.pl-ponytail .pl-pony-trust-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	margin-top: 1.25rem;
	background: var(--line);
}

.pl-ponytail .pl-pony-trust-row span {
	display: grid;
	align-content: center;
	min-height: 4.25rem;
	padding: 0.85rem 1rem;
	background: #fff;
	color: var(--ink);
	font-size: 0.88rem;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
}

.pl-ponytail .pl-pony-weight-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--line);
}

.pl-ponytail .pl-pony-weight-row {
	display: grid;
	grid-template-columns: 9rem minmax(0, 1fr);
	gap: 1rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid var(--line);
}

@media (max-width: 68.75rem) {
	.pl-ponytail .pl-pony-selector,
	.pl-ponytail .pl-pony-retail-grid,
	.pl-ponytail .pl-pony-style-grid,
	.pl-ponytail .pl-pony-use-grid {
		grid-template-columns: 1fr;
	}

	.pl-ponytail .pl-pony-trust-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 42rem) {
	.pl-ponytail .pl-pony-field-grid,
	.pl-ponytail .pl-pony-weight-row {
		grid-template-columns: 1fr;
	}

	.pl-ponytail .pl-pony-trust-row {
		grid-template-columns: 1fr;
	}

	.pl-ponytail .pl-pony-table-card {
		overflow-x: auto;
	}

	.pl-ponytail .pl-pony-compare {
		min-width: 48rem;
	}
}

.pl-9d-feather .pl-hero-care-note,
.pl-9d-feather .pl-9d-meaning,
.pl-9d-feather .pl-9d-card,
.pl-9d-feather .pl-9d-compare-card,
.pl-9d-feather .pl-9d-quote-card {
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 50px -38px rgb(21 17 18 / 0.46);
}

.pl-9d-feather .pl-hero-care-note {
	display: block;
	max-width: 44rem;
	margin-top: 1rem;
	padding: 0.9rem 1rem;
	background: rgb(255 255 255 / 0.72);
	color: var(--ink);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.55;
}

.pl-9d-feather .pl-9d-meaning {
	display: grid;
	gap: 0.35rem;
	max-width: 44rem;
	margin-top: 1rem;
	padding: 1rem 1.1rem;
	background: var(--paper);
	box-shadow: none;
}

.pl-9d-feather .pl-9d-meaning strong,
.pl-9d-feather .pl-9d-card span,
.pl-9d-feather .pl-9d-service-points strong,
.pl-9d-feather .pl-9d-quote-line strong {
	color: var(--ink);
	font-weight: 500;
}

.pl-9d-feather .pl-9d-meaning p,
.pl-9d-feather .pl-9d-card p,
.pl-9d-feather .pl-9d-service-points,
.pl-9d-feather .pl-9d-quote-card p {
	margin: 0;
	color: var(--muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.6;
}

.pl-9d-feather .pl-gallery-summary-actions .pl-btn {
	flex: 1 1 12rem;
}

.pl-9d-feather .pl-9d-card-grid,
.pl-9d-feather .pl-9d-service-grid,
.pl-9d-feather .pl-9d-quote-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.1rem, 2.4vw, 1.6rem);
	align-items: stretch;
}

.pl-9d-feather .pl-9d-card {
	display: grid;
	align-content: start;
	gap: 0.7rem;
	min-width: 0;
	padding: clamp(1rem, 2vw, 1.35rem);
}

.pl-9d-feather .pl-9d-card span {
	color: var(--rose);
	font-size: 0.76rem;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.pl-9d-feather .pl-9d-card h3,
.pl-9d-feather .pl-9d-compare-card h3,
.pl-9d-feather .pl-9d-quote-card h3 {
	margin: 0;
	color: var(--ink);
	font-family: var(--sans);
	font-size: clamp(1.22rem, 1.55vw, 1.5rem);
	font-weight: 400;
	line-height: 1.25;
}

.pl-9d-feather .pl-9d-service-points {
	display: grid;
	gap: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--line);
}

.pl-9d-feather .pl-9d-service-points li {
	display: grid;
	grid-template-columns: 8rem minmax(0, 1fr);
	gap: 1rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid var(--line);
}

.pl-9d-feather .pl-9d-compare-card {
	overflow: hidden;
}

.pl-9d-feather .pl-9d-compare {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.pl-9d-feather .pl-9d-compare th,
.pl-9d-feather .pl-9d-compare td {
	padding: 0.9rem clamp(0.9rem, 1.5vw, 1.15rem);
	border: 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.pl-9d-feather .pl-9d-compare th {
	color: var(--ink);
	background: var(--paper);
	font-weight: 500;
}

.pl-9d-feather .pl-9d-compare tbody th {
	width: 9rem;
	background: #fff;
}

.pl-9d-feather .pl-9d-quote-card {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

.pl-9d-feather .pl-9d-quote-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--line);
}

.pl-9d-feather .pl-9d-quote-line {
	display: grid;
	grid-template-columns: 10rem minmax(0, 1fr);
	gap: 1rem;
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-size: 0.94rem;
	font-weight: 400;
	line-height: 1.55;
}

@media (max-width: 68.75rem) {
	.pl-9d-feather .pl-9d-card-grid,
	.pl-9d-feather .pl-9d-service-grid,
	.pl-9d-feather .pl-9d-quote-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 42rem) {
	.pl-9d-feather .pl-9d-compare-card {
		overflow-x: auto;
	}

	.pl-9d-feather .pl-9d-compare {
		min-width: 58rem;
	}

	.pl-9d-feather .pl-9d-service-points li,
	.pl-9d-feather .pl-9d-quote-line {
		grid-template-columns: 1fr;
		gap: 0.35rem;
	}

	.pl-9d-feather .pl-gallery-summary-actions .pl-btn {
		width: 100%;
	}
}

/* Keep every landing-page component on the shared product-page typeface. */
.landingpage {
	--font-sans: Jost, sans-serif;
	--font-serif: Jost, sans-serif;
	--uvn-font-body: Jost, sans-serif;
	--uvn-font-display: Jost, sans-serif;
}