/* =========================================================
   GPIPL EV — PREMIUM PAGE SYSTEM
   ABOUT + PRODUCT CATEGORY
   AGENCY LEVEL EDITORIAL AUTOMOTIVE DESIGN
========================================================= */


/* =========================================================
   GLOBAL PREMIUM CATEGORY
========================================================= */

.tax-product_category {
	background: #fff;
	color: #111918;
}

.tax-product_category .site-main {
	overflow: hidden;
}


/* =========================================================
   HERO
========================================================= */

.tax-product_category .category-page__hero {
	position: relative;
	min-height: 430px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #0b1514;
}

.tax-product_category .category-page__hero-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
}

.tax-product_category .category-page__hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(5,15,14,.82),
			rgba(5,15,14,.42) 55%,
			rgba(5,15,14,.20)
		),
		linear-gradient(
			0deg,
			rgba(0,0,0,.35),
			transparent 65%
		);
}

.tax-product_category .category-page__hero-content {
	position: relative;
	z-index: 2;
	width: min(900px, calc(100% - 48px));
	margin-inline: auto;
	text-align: center;
}

.tax-product_category .category-page__eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #00bea0;
}

.tax-product_category .category-page__hero-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(44px, 6vw, 76px);
	font-weight: 700;
	line-height: .96;
	letter-spacing: -.06em;
	color: #fff;
}

.tax-product_category .category-page__hero-introduction {
	max-width: 720px;
	margin: 22px auto 0;
	font-size: 14px;
	line-height: 1.8;
	color: rgba(255,255,255,.84);
}


/* =========================================================
   CATEGORY NAVIGATION
========================================================= */

.tax-product_category .category-page__navigation {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 18px 24px;
	border-bottom: 1px solid rgba(0,0,0,.06);
	background: #fff;
}

.tax-product_category .category-page__navigation a,
.tax-product_category .category-page__navigation-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 17px;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 999px;
	background: #fff;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #555f5d;
	transition: all .3s ease;
}

.tax-product_category .category-page__navigation a:hover,
.tax-product_category .category-page__navigation-link:hover,
.tax-product_category .category-page__navigation .is-active {
	border-color: #111918;
	background: #111918;
	color: #fff;
	transform: translateY(-2px);
}


/* =========================================================
   WHY CHOOSE
   NO BOX GRID
========================================================= */

.tax-product_category .category-page__benefits {
	padding: clamp(90px, 10vw, 135px) 24px;
	background: #fff;
}

.tax-product_category .category-page__benefits-heading {
	width: min(1180px, 100%);
	margin: 0 auto 55px;
}

.tax-product_category .category-page__benefits-eyebrow {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .20em;
	text-transform: uppercase;
	color: #00bea0;
}

.tax-product_category .category-page__benefits-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(36px, 5vw, 62px);
	font-weight: 600;
	line-height: .98;
	letter-spacing: -.06em;
	color: #111918;
}

.tax-product_category .category-page__benefits-grid {
	width: min(1180px, 100%);
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid rgba(0,0,0,.09);
}

.tax-product_category .category-page__benefit {
	position: relative;
	min-height: 190px;
	padding: 32px 28px 36px;
	border-bottom: 1px solid rgba(0,0,0,.09);
	border-right: 1px solid rgba(0,0,0,.09);
	background: #fff;
	transition:
		background .35s ease,
		transform .35s ease;
}

.tax-product_category .category-page__benefit:nth-child(3n) {
	border-right: 0;
}

.tax-product_category .category-page__benefit:hover {
	background: #f7faf9;
	transform: translateY(-3px);
}

.tax-product_category .category-page__benefit-number {
	display: block;
	margin-bottom: 28px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
	color: #00bea0;
}

.tax-product_category .category-page__benefit-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -.02em;
	color: #111918;
}

.tax-product_category .category-page__benefit-description {
	max-width: 290px;
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.75;
	color: #69726f;
}


/* =========================================================
   PRODUCT SHOWCASE
   CLEAN — NO CARD BOX
========================================================= */

.tax-product_category .category-page__products {
	padding: clamp(100px, 11vw, 150px) 24px;
	background: #f4f7f6;
}

.tax-product_category .category-page__products-heading {
	width: min(1180px, 100%);
	margin: 0 auto 55px;
}

.tax-product_category .category-page__products-eyebrow {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .20em;
	text-transform: uppercase;
	color: #00bea0;
}

.tax-product_category .category-page__products-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(38px, 5vw, 62px);
	font-weight: 600;
	line-height: .98;
	letter-spacing: -.06em;
	color: #111918;
}

.tax-product_category .category-page__products-grid {
	width: min(1180px, 100%);
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: clamp(40px,6vw,90px);
}


/* PRODUCT */

.tax-product_category .category-page__product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transition: transform .6s cubic-bezier(.16,1,.3,1);
}

.tax-product_category .category-page__product-card:hover {
	transform: translateY(-6px);
}


/* PRODUCT IMAGE AREA */

.tax-product_category .category-page__product-media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 470px;
	padding: 25px;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 50% 50%,
			rgba(0,190,160,.10),
			transparent 42%
		),
		linear-gradient(
			145deg,
			#fff,
			#edf2f0
		);
}

.tax-product_category .category-page__product-media::after {
	content: "";
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: 25px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,.11);
	filter: blur(15px);
}

.tax-product_category .category-page__product-image {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 430px;
	object-fit: contain;
	filter: drop-shadow(0 25px 25px rgba(0,0,0,.12));
	transition:
		transform .8s cubic-bezier(.16,1,.3,1),
		filter .6s ease;
}

.tax-product_category .category-page__product-card:hover
.category-page__product-image {
	transform: scale(1.045) translateY(-8px);
	filter: drop-shadow(0 38px 30px rgba(0,0,0,.17));
}


/* STATUS */

.tax-product_category .category-page__product-status {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 4;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	backdrop-filter: blur(12px);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #111918;
}


/* PRODUCT CONTENT */

.tax-product_category .category-page__product-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 28px 4px 0;
}

.tax-product_category .category-page__product-name {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(32px,4vw,48px);
	font-weight: 600;
	line-height: .95;
	letter-spacing: -.06em;
	color: #111918;
	text-decoration: none;
}

.tax-product_category .category-page__product-stats {
	display: flex;
	margin-top: 22px;
	padding: 15px 0;
	border-top: 1px solid rgba(0,0,0,.08);
	border-bottom: 1px solid rgba(0,0,0,.08);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: #747d79;
}

.tax-product_category .category-page__product-stats > * {
	flex: 1;
}

.tax-product_category .category-page__product-desc {
	max-width: 500px;
	margin: 18px 0 0;
	font-size: 12px;
	line-height: 1.8;
	color: #69726f;
}

.tax-product_category .category-page__product-colors {
	display: flex;
	gap: 7px;
	margin-top: 13px;
}

.tax-product_category .category-page__product-color-dot {
	width: 13px;
	height: 13px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(0,0,0,.12);
}

.tax-product_category .category-page__product-actions {
	display: flex;
	gap: 10px;
	margin-top: 25px;
}

.tax-product_category .category-page__product-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 0 20px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease;
}

.tax-product_category .category-page__product-actions
.single-product__cta--primary,
.tax-product_category .category-page__product-actions
.single-product__cta--tertiary {
	background: #00bea0;
	color: #fff;
	box-shadow: 0 12px 28px rgba(0,190,160,.18);
}

.tax-product_category .category-page__product-actions a:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(0,0,0,.12);
}


/* =========================================================
   COMPARISON
========================================================= */

.tax-product_category .category-page__comparison {
	padding: clamp(90px, 10vw, 130px) 24px;
	background: #fff;
}

.tax-product_category .category-page__comparison-heading {
	width: min(1180px,100%);
	margin: 0 auto 45px;
}

.tax-product_category .category-page__comparison-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(34px,5vw,58px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.055em;
}

.tax-product_category .category-page__compare-table-wrap {
	width: min(1180px,100%);
	margin-inline: auto;
	overflow-x: auto;
}

.tax-product_category .category-page__compare-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.tax-product_category .category-page__compare-table th,
.tax-product_category .category-page__compare-table td {
	padding: 20px;
	border-bottom: 1px solid rgba(0,0,0,.07);
	font-size: 12px;
}

.tax-product_category .category-page__compare-table thead th {
	font-family: var(--font-family-heading);
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}

.tax-product_category .category-page__compare-table thead th:not(:first-child) {
	color: #00bea0;
}

.tax-product_category .category-page__compare-table tbody th {
	text-align: left;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: #747d79;
}

.tax-product_category .category-page__compare-cta {
	margin-top: 35px;
	text-align: center;
}

.tax-product_category .category-page__compare-cta a {
	display: inline-flex;
	align-items: center;
	min-height: 45px;
	padding: 0 23px;
	border-radius: 999px;
	background: #00bea0;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 12px 28px rgba(0,190,160,.18);
}


/* =========================================================
   COMFORT + EVERYDAY
   EDITORIAL — NO BOX
========================================================= */

.tax-product_category .category-page__comfort,
.tax-product_category .category-page__everyday {
	padding: clamp(90px,10vw,135px) 24px;
}

.tax-product_category .category-page__comfort {
	background: #fff;
}

.tax-product_category .category-page__everyday {
	background: #f4f7f6;
}

.tax-product_category .category-page__comfort-content,
.tax-product_category .category-page__everyday-content {
	width: min(850px,100%);
	margin-left: auto;
	margin-right: auto;
}

.tax-product_category .category-page__comfort-title,
.tax-product_category .category-page__everyday-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(38px,5vw,64px);
	font-weight: 600;
	line-height: .98;
	letter-spacing: -.06em;
	color: #111918;
}

.tax-product_category .category-page__comfort-description,
.tax-product_category .category-page__everyday-description {
	max-width: 760px;
	margin-top: 22px;
	font-size: 14px;
	line-height: 1.9;
	color: #69726f;
}


/* =========================================================
   FINAL CTA
========================================================= */

.tax-product_category .category-page__cta {
	position: relative;
	overflow: hidden;
	padding: clamp(90px,10vw,130px) 24px;
	background: #111918;
	text-align: center;
}

.tax-product_category .category-page__cta::before {
	content: "";
	position: absolute;
	width: 600px;
	height: 600px;
	left: 50%;
	bottom: -500px;
	transform: translateX(-50%);
	border: 1px solid rgba(0,190,160,.18);
	border-radius: 50%;
}

.tax-product_category .category-page__cta-title {
	position: relative;
	z-index: 2;
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(38px,5vw,62px);
	font-weight: 600;
	line-height: .98;
	letter-spacing: -.055em;
	color: #fff;
}

.tax-product_category .category-page__cta a {
	position: relative;
	z-index: 2;
	display: inline-flex;
	margin-top: 28px;
	min-height: 46px;
	align-items: center;
	padding: 0 24px;
	border-radius: 999px;
	background: #20d875;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease;
}

.tax-product_category .category-page__cta a:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 35px rgba(32,216,117,.22);
}


/* =========================================================
   REVEAL
========================================================= */

@media (scripting: enabled) {

	.tax-product_category .category-page__benefit,
	.tax-product_category .category-page__product-card {
		opacity: 0;
		transform: translateY(28px);
	}

	.tax-product_category .category-page__benefit.is-revealed,
	.tax-product_category .category-page__product-card.is-revealed {
		opacity: 1;
		transform: translateY(0);
		transition:
			opacity .7s ease,
			transform .7s cubic-bezier(.22,1,.36,1);
	}

	.tax-product_category .category-page__benefit:nth-child(2),
	.tax-product_category .category-page__product-card:nth-child(2) {
		transition-delay: 100ms;
	}

	.tax-product_category .category-page__benefit:nth-child(3) {
		transition-delay: 180ms;
	}
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

	.tax-product_category .category-page__benefits-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.tax-product_category .category-page__benefit:nth-child(3n) {
		border-right: 1px solid rgba(0,0,0,.09);
	}

	.tax-product_category .category-page__benefit:nth-child(2n) {
		border-right: 0;
	}

	.tax-product_category .category-page__products-grid {
		grid-template-columns: 1fr;
		max-width: 700px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 576px) {

	.tax-product_category .category-page__hero {
		min-height: 350px;
	}

	.tax-product_category .category-page__hero-title {
		font-size: 40px;
	}

	.tax-product_category .category-page__hero-introduction {
		font-size: 13px;
	}

	.tax-product_category .category-page__benefits-grid {
		grid-template-columns: 1fr;
	}

	.tax-product_category .category-page__benefit {
		border-right: 0 !important;
		min-height: auto;
	}

	.tax-product_category .category-page__products-grid {
		grid-template-columns: 1fr;
		gap: 65px;
	}

	.tax-product_category .category-page__product-media {
		min-height: 330px;
	}

	.tax-product_category .category-page__product-name {
		font-size: 34px;
	}

	.tax-product_category .category-page__comparison {
		overflow-x: auto;
	}

	.tax-product_category .category-page__compare-table {
		min-width: 650px;
	}

}
/* =========================================================
   GPIPL EV — FINAL AUTOMOTIVE CATEGORY EXPERIENCE
   FINAL OVERRIDE — DO NOT DUPLICATE
========================================================= */

.tax-product_category {
	--ev-teal: #00bfa6;
	--ev-dark: #101615;
	--ev-soft: #f4f7f6;
	--ev-text: #101615;
	--ev-muted: #68716f;
	background: #fff;
	color: var(--ev-text);
}

/* ---------------- HERO ---------------- */

.tax-product_category .category-page__hero {
	min-height: 500px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: var(--ev-dark);
}

.tax-product_category .category-page__hero-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
}

.tax-product_category .category-page__hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(7,15,14,.78),
			rgba(7,15,14,.42) 55%,
			rgba(7,15,14,.22)
		),
		linear-gradient(
			0deg,
			rgba(0,0,0,.42),
			transparent 55%
		);
}

.tax-product_category .category-page__hero-content {
	position: relative;
	z-index: 2;
	width: min(900px, calc(100% - 48px));
	margin-inline: auto;
	text-align: center;
}

.tax-product_category .category-page__hero-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(48px, 6vw, 78px);
	font-weight: 700;
	line-height: .96;
	letter-spacing: -.055em;
	color: #fff !important;
	text-shadow: 0 5px 25px rgba(0,0,0,.35);
}

.tax-product_category .category-page__hero-introduction {
	max-width: 700px;
	margin: 22px auto 0;
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,.88);
}

/* ---------------- CATEGORY NAV ---------------- */

.tax-product_category .category-page__navigation {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 20px 24px;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,.06);
}

.tax-product_category .category-page__navigation a,
.tax-product_category .category-page__navigation-link {
	min-height: 38px;
	padding: 0 18px;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 999px;
	background: #fff;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #5d6663;
	transition: all .3s ease;
}

.tax-product_category .category-page__navigation .is-active,
.tax-product_category .category-page__navigation a:hover {
	background: var(--ev-dark);
	border-color: var(--ev-dark);
	color: #fff;
	transform: translateY(-2px);
}

/* =========================================================
   WHY CHOOSE
========================================================= */

.tax-product_category .category-page__benefits {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 0 !important;
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

.tax-product_category .category-page__benefit {
	min-height: 190px;
	padding: 38px 34px;
	border: 0 !important;
	border-radius: 0 !important;
	border-right: 1px solid rgba(0,0,0,.08) !important;
	border-bottom: 1px solid rgba(0,0,0,.08) !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: background .35s ease, transform .35s ease;
}

.tax-product_category .category-page__benefit:nth-child(3n) {
	border-right: 0 !important;
}

.tax-product_category .category-page__benefit:nth-child(n+4) {
	border-bottom: 0 !important;
}

.tax-product_category .category-page__benefit:hover {
	background: rgba(0,191,166,.035) !important;
	transform: translateY(-3px);
}

.tax-product_category .category-page__benefit-number {
	display: block;
	margin-bottom: 28px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
	color: var(--ev-teal);
}

.tax-product_category .category-page__benefit-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -.025em;
	color: var(--ev-text);
}

.tax-product_category .category-page__benefit-description {
	max-width: 280px;
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.7;
	color: var(--ev-muted);
}

/* =========================================================
   PRODUCT SHOWCASE
========================================================= */

.tax-product_category .category-page__products {
	padding-block: 120px;
	background: #fff;
}

.tax-product_category .category-page__products-heading {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto 55px;
}

.tax-product_category .category-page__products-eyebrow {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .20em;
	text-transform: uppercase;
	color: var(--ev-teal);
}

.tax-product_category .category-page__products-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(40px, 5vw, 62px);
	font-weight: 600;
	line-height: .98;
	letter-spacing: -.055em;
	color: var(--ev-text);
}

.tax-product_category .category-page__products-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0,1fr)) !important;
	gap: 60px !important;
	width: min(1180px, calc(100% - 48px));
	max-width: none !important;
	margin-inline: auto;
}

/* ---------------- PRODUCT CARD ---------------- */

.tax-product_category .category-page__product-card {
	display: flex;
	flex-direction: column;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	transition: transform .6s cubic-bezier(.16,1,.3,1);
}

.tax-product_category .category-page__product-card:hover {
	transform: translateY(-8px);
}

/* ---------------- PRODUCT IMAGE AREA ---------------- */

.tax-product_category .category-page__product-media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 470px !important;
	padding: 40px !important;
	overflow: hidden;
	border-radius: 0 !important;
	background:
		radial-gradient(
			circle at 50% 52%,
			rgba(0,191,166,.09),
			transparent 43%
		),
		linear-gradient(
			145deg,
			#f8faf9,
			#eef2f1
		);
}

.tax-product_category .category-page__product-media::before {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(0,191,166,.07);
	filter: blur(60px);
	transition: transform .7s ease;
}

.tax-product_category .category-page__product-media::after {
	content: "";
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 28px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,.11);
	filter: blur(15px);
}

.tax-product_category .category-page__product-image {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	max-width: 560px;
	max-height: 410px !important;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 25px 25px rgba(0,0,0,.12));
	transition:
		transform .8s cubic-bezier(.16,1,.3,1),
		filter .6s ease;
}

.tax-product_category .category-page__product-card:hover
.category-page__product-image {
	transform: scale(1.055) translateY(-8px);
	filter: drop-shadow(0 38px 30px rgba(0,0,0,.17));
}

/* ---------------- PRODUCT INFO ---------------- */

.tax-product_category .category-page__product-content {
	padding: 28px 2px 0 !important;
}

.tax-product_category .category-page__product-name {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(30px,3vw,46px) !important;
	font-weight: 600;
	line-height: .95;
	letter-spacing: -.055em;
	color: var(--ev-text);
}

.tax-product_category .category-page__product-stats {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
	padding-block: 15px;
	border-top: 1px solid rgba(0,0,0,.08);
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.tax-product_category .category-page__product-stats > * {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #727b78;
}

.tax-product_category .category-page__product-desc {
	max-width: 520px;
	margin-top: 17px;
	font-size: 12px;
	line-height: 1.75;
	color: #68716f;
}

.tax-product_category .category-page__product-actions {
	display: flex;
	gap: 10px;
	margin-top: 22px;
}

.tax-product_category .category-page__product-actions a {
	min-height: 42px;
	padding: 0 19px;
	border-radius: 999px;
	background: var(--ev-teal);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	box-shadow: 0 12px 25px rgba(0,191,166,.16);
	transition: transform .25s ease, box-shadow .25s ease;
}

.tax-product_category .category-page__product-actions a:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 30px rgba(0,191,166,.22);
}

/* =========================================================
   COMPARISON
========================================================= */

.tax-product_category .category-page__comparison {
	padding-block: 105px !important;
	background: #f4f7f6 !important;
}

.tax-product_category .category-page__comparison-inner {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}

.tax-product_category .category-page__comparison-heading {
	margin-bottom: 45px;
	text-align: center;
}

.tax-product_category .category-page__comparison-heading h2 {
	font-family: var(--font-family-heading);
	font-size: clamp(32px,4vw,52px);
	font-weight: 600;
	letter-spacing: -.05em;
}

.tax-product_category .category-page__comparison-table {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
}

.tax-product_category .category-page__comparison-table th,
.tax-product_category .category-page__comparison-table td {
	padding: 20px;
	border-bottom: 1px solid rgba(0,0,0,.08);
	font-size: 11px;
	text-align: center;
}

.tax-product_category .category-page__comparison-table thead th:not(:first-child) {
	color: var(--ev-teal);
}

/* =========================================================
   COMFORT + EVERYDAY
========================================================= */

.tax-product_category .category-page__comfort,
.tax-product_category .category-page__everyday {
	padding-block: 115px !important;
}

.tax-product_category .category-page__comfort {
	background: #fff;
}

.tax-product_category .category-page__everyday {
	background: #f4f7f6;
}

.tax-product_category .category-page__comfort-content,
.tax-product_category .category-page__everyday-content {
	width: min(900px, calc(100% - 48px));
	margin-inline: auto;
}

.tax-product_category .category-page__comfort h2,
.tax-product_category .category-page__everyday h2 {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(38px,5vw,58px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.055em;
}

.tax-product_category .category-page__comfort p,
.tax-product_category .category-page__everyday p {
	max-width: 760px;
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.85;
	color: var(--ev-muted);
}

/* =========================================================
   FINAL CTA
========================================================= */

.tax-product_category .category-page__cta,
.tax-product_category .category-page__final-cta {
	padding-block: 105px !important;
	background: var(--ev-dark) !important;
	color: #fff;
	text-align: center;
}

.tax-product_category .category-page__cta h2,
.tax-product_category .category-page__final-cta h2 {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(38px,5vw,60px);
	font-weight: 600;
	letter-spacing: -.055em;
	color: #fff;
}

.tax-product_category .category-page__cta a,
.tax-product_category .category-page__final-cta a {
	display: inline-flex;
	margin-top: 28px;
	padding: 13px 23px;
	border-radius: 999px;
	background: var(--ev-teal);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 12px 30px rgba(0,191,166,.20);
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

	.tax-product_category .category-page__benefits {
		grid-template-columns: repeat(2,1fr) !important;
	}

	.tax-product_category .category-page__benefit:nth-child(3n) {
		border-right: 1px solid rgba(0,0,0,.08) !important;
	}

	.tax-product_category .category-page__benefit:nth-child(2n) {
		border-right: 0 !important;
	}

	.tax-product_category .category-page__products-grid {
		grid-template-columns: 1fr !important;
		max-width: 700px !important;
	}

}

@media (max-width: 600px) {

	.tax-product_category .category-page__hero {
		min-height: 420px;
	}

	.tax-product_category .category-page__hero-title {
		font-size: 42px;
	}

	.tax-product_category .category-page__benefits {
		grid-template-columns: 1fr !important;
		width: calc(100% - 32px);
	}

	.tax-product_category .category-page__benefit {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(0,0,0,.08) !important;
	}

	.tax-product_category .category-page__benefit:last-child {
		border-bottom: 0 !important;
	}

	.tax-product_category .category-page__products,
	.tax-product_category .category-page__comparison {
		padding-block: 75px !important;
	}

	.tax-product_category .category-page__products-grid {
		width: calc(100% - 32px);
	}

	.tax-product_category .category-page__product-media {
		min-height: 330px !important;
		padding: 25px !important;
	}

	.tax-product_category .category-page__comfort,
	.tax-product_category .category-page__everyday {
		padding-block: 75px !important;
	}

}
/* =========================================================
   OUR PRODUCT RANGE — PREMIUM HORIZONTAL SHOWCASE
========================================================= */

.product-range-showcase {
	padding: 105px 0 !important;
	background: #f3f7f5;
	overflow: hidden;
}

.product-range-showcase__inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

.product-range-showcase__heading {
	text-align: center;
	margin-bottom: 45px;
}

.product-range-showcase__eyebrow {
	display: block;
	margin-bottom: 10px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .20em;
	text-transform: uppercase;
	color: #00bfa6;
}

.product-range-showcase__title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(38px, 4vw, 54px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.055em;
	color: #101615;
}

.product-range-showcase__subtitle {
	max-width: 620px;
	margin: 14px auto 0;
	font-size: 12px;
	line-height: 1.7;
	color: #68716f;
}


/* ---------- ONE HORIZONTAL ROW ---------- */

.product-range-showcase__grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 18px !important;
	width: 100%;
	align-items: stretch;
}


/* ---------- PRODUCT CARD ---------- */

.product-range-showcase__card {
	position: relative;
	display: flex !important;
	flex-direction: column;
	min-width: 0;
	padding: 0 !important;
	border: 1px solid rgba(16,22,21,.08) !important;
	border-radius: 16px !important;
	background: #fff !important;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 0 18px 45px rgba(16,22,21,.06);
	transition:
		transform .5s cubic-bezier(.16,1,.3,1),
		box-shadow .5s ease;
}

.product-range-showcase__card:hover {
	transform: translateY(-8px);
	box-shadow: 0 28px 60px rgba(16,22,21,.12);
}


/* ---------- IMAGE ---------- */

.product-range-showcase__media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px !important;
	padding: 24px !important;
	background:
		radial-gradient(
			circle at 50% 55%,
			rgba(0,191,166,.08),
			transparent 55%
		),
		#f8faf9;
	overflow: hidden;
}

.product-range-showcase__media::after {
	content: "";
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: 20px;
	height: 12px;
	border-radius: 50%;
	background: rgba(0,0,0,.10);
	filter: blur(12px);
}

.product-range-showcase__image {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition:
		transform .65s cubic-bezier(.16,1,.3,1),
		filter .5s ease;
}

.product-range-showcase__card:hover .product-range-showcase__image {
	transform: scale(1.07) translateY(-5px);
	filter: drop-shadow(0 20px 20px rgba(0,0,0,.13));
}


/* ---------- CARD CONTENT ---------- */

.product-range-showcase__content {
	display: flex;
	flex-direction: column;
	padding: 20px 22px 22px !important;
	min-height: 105px;
}

.product-range-showcase__category {
	margin-bottom: 6px;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: #00bfa6;
}

.product-range-showcase__name {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 20px !important;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.035em;
	color: #101615;
}


/* ---------- NUMBER ---------- */

.product-range-showcase__number {
	position: absolute;
	top: 16px;
	left: 17px;
	z-index: 5;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
	color: rgba(16,22,21,.45);
}


/* =========================================================
   DESKTOP — FORCE 3 CARDS IN ONE ROW
========================================================= */

@media (min-width: 901px) {

	.product-range-showcase__grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.product-range-showcase__card {
		width: 100% !important;
	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) and (min-width: 601px) {

	.product-range-showcase__grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.product-range-showcase {
		padding: 75px 0 !important;
	}

	.product-range-showcase__inner {
		width: calc(100% - 32px);
	}

	.product-range-showcase__grid {
		grid-template-columns: 1fr !important;
		gap: 18px !important;
	}

	.product-range-showcase__media {
		height: 280px !important;
	}

}