.mevoxs-v4-page {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 22px 72px;
	color: #1e242b;
	font-family: inherit;
}

.mevoxs-v4-page * {
	box-sizing: border-box;
}

.v4-breadcrumb {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0 0 26px;
	font-size: 13px;
	color: #6c747c;
}

.v4-breadcrumb a {
	color: #6c747c;
}

.v4-hero {
	margin-bottom: 24px;
}

.v4-title-row {
	display: grid;
	grid-template-columns: minmax(360px, 1fr) auto;
	align-items: center;
	gap: 24px;
}

.v4-hero h1 {
	margin: 0 0 12px;
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.1;
	color: #171b20;
}

.v4-hero p {
	max-width: 1020px;
	margin: 13px 0 0;
	font-size: 16px;
	line-height: 1.7;
}

.v4-sort-wrap {
	display: grid;
	min-width: 220px;
}

.v4-sort-wrap label {
	position: absolute;
	left: -9999px;
}

.v4-sort-wrap select {
	min-height: 42px;
	padding: 8px 34px 8px 10px;
	border: 1px solid #c8ced4;
	border-radius: 4px;
	background: #fff;
}

.v4-range-band {
	padding: 14px 0 17px;
	background: #fff;
}

.v4-range-band h2,
.v4-range-guide h2,
.v4-quality h2,
.v4-buyer-guide h2 {
	margin: 0 0 14px;
	font-size: 26px;
	line-height: 1.2;
	color: #171b20;
}

.v4-range-band > .v4-range-note {
	margin: 0 0 14px;
}

.v4-range-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.v4-range-link {
	min-width: 0;
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border: 1px solid #d8dde1;
	border-radius: 3px;
	background: transparent;
	color: #1f2328;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
}

.v4-range-link:hover {
	border-color: #aeb6bd;
	background: #f7f8f9;
	color: #111;
}

.v4-range-guide {
	margin: 0 0 30px;
}

.v4-route-legend {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
	margin: 0 0 12px;
	font-size: 13px;
	color: #57616a;
}

.v4-route-legend span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.v4-route-legend svg {
	width: 16px;
	height: 16px;
}

.v4-route-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border: 1px solid currentColor;
	border-radius: 50%;
}

.v4-route-icon svg {
	width: 15px;
	height: 15px;
}

.v4-eu {
	color: #16815a;
}

.v4-od {
	color: #ea6d32;
}

.v4-comparison-wrap {
	overflow-x: auto;
}

.v4-range-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.v4-range-table th {
	padding: 13px 16px;
	text-align: left;
	background: #f3f5f7;
	font-weight: 700;
}

.v4-range-table td {
	padding: 15px 16px;
	vertical-align: middle;
}

.v4-range-table tbody tr:nth-child(even) {
	background: #fafbfc;
}

.v4-range-table a,
.v4-back-link {
	color: #116b8a;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.v4-route-cell {
	display: flex;
	gap: 8px;
	align-items: center;
}

.v4-range-note {
	margin: 12px 0 0;
	color: #68727b;
	font-size: 12px;
}

.v4-catalog {
	margin: 0 0 40px;
}

.v4-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px 18px;
}

.v4-product-card {
	min-width: 0;
}

.v4-product-media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	background: #f7f8f9;
	overflow: hidden;
}

.v4-product-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.v4-route-badge {
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 5px 7px;
	border-radius: 3px;
	background: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.1;
}

.v4-badge-eu {
	color: #16815a;
}

.v4-badge-od {
	color: #ea6d32;
}

.v4-product-body {
	padding-top: 10px;
}

.v4-product-range {
	margin: 0 0 5px;
	color: #68727b;
	font-size: 11px;
}

.v4-product-body h3 {
	margin: 0 0 10px;
	min-height: 5.4em;
	font-size: 15px;
	line-height: 1.35;
}

.v4-product-body h3 a {
	color: #1e242b;
}

.v4-view-link {
	width: 100%;
	border-radius: 5px !important;
}

.v4-catalog .wd-loop-footer {
	margin-top: 30px;
}

.v4-buyer-guide {
	max-width: 900px;
	margin: 0 auto 42px;
}

.v4-calculator {
	display: grid;
	grid-template-columns: 1fr 220px auto;
	gap: 14px;
	align-items: end;
	margin: 22px 0;
}

.v4-field label {
	display: block;
	margin-bottom: 7px;
	font-weight: 700;
	font-size: 13px;
}

.v4-field select,
.v4-field input {
	width: 100%;
	min-height: 44px;
	padding: 10px;
	border: 1px solid #cbd2d8;
	background: #fff;
}

.v4-calculate {
	min-height: 44px;
	padding: 0 18px;
	border: 0;
	background: #ea6d32;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.v4-calculator-result {
	padding: 16px 0;
	margin-bottom: 28px;
}

.v4-calculator-result span {
	display: block;
	color: #68727b;
	font-size: 11px;
	text-transform: uppercase;
}

.v4-calculator-result strong {
	display: block;
	margin-top: 3px;
	font-size: 25px;
}

.v4-calculator-result small {
	display: block;
	margin-top: 8px;
	color: #68727b;
}

.v4-question-list article {
	padding: 20px 0;
}

.v4-question-list h3 {
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1.3;
}

.v4-question-list p,
.v4-quality p {
	margin: 0 0 10px;
	line-height: 1.7;
	font-size: 14px;
}

.v4-quality {
	max-width: 900px;
	margin: 0 auto 42px;
}

.v4-quality .v4-meta {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	color: #68727b;
	font-size: 12px;
	margin-top: 18px;
}

.v4-link-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 42px;
	max-width: 900px;
	margin: 0 auto;
}

.v4-link-row strong {
	font-size: 18px;
}

.v4-link-row p {
	font-size: 14px;
	line-height: 1.6;
}

.v4-link-row a {
	color: #116b8a;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.v4-back-link {
	display: inline-block;
	margin: 0 0 24px;
	font-size: 14px;
}

@media (max-width: 900px) {
	.v4-title-row {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.v4-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.mevoxs-v4-page {
		padding: 0 16px 48px;
	}

	.v4-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 12px;
	}

	.v4-range-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.v4-range-table {
		font-size: 13px;
	}

	.v4-range-table th,
	.v4-range-table td {
		padding: 12px 9px;
	}

	.v4-range-table th:nth-child(2),
	.v4-range-table td:nth-child(2) {
		min-width: 210px;
	}

	.v4-calculator {
		grid-template-columns: 1fr;
	}

	.v4-link-row {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.v4-quality .v4-meta {
		display: block;
	}

	.v4-quality .v4-meta span {
		display: block;
		margin-top: 6px;
	}
}

@media (max-width: 420px) {
	.v4-range-grid,
	.v4-product-grid {
		grid-template-columns: 1fr;
	}

	.v4-range-table th:nth-child(2),
	.v4-range-table td:nth-child(2) {
		min-width: 170px;
	}
}

/* 20260819: product-card liquid-glass CTA with reverse-color hover */
body.mevoxs-product-category-page .mevoxs-v4-page .mevoxs-shop-view-product.v4-view-link {
	position: relative;
	background: rgba(83, 88, 91, 0.76) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.92) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		0 8px 18px rgba(31, 35, 37, 0.13) !important;
	transition:
		background-color 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease,
		box-shadow 0.18s ease !important;
}

body.mevoxs-product-category-page .mevoxs-v4-page .mevoxs-shop-view-product.v4-view-link:hover,
body.mevoxs-product-category-page .mevoxs-v4-page .mevoxs-shop-view-product.v4-view-link:focus-visible {
	background: rgba(255, 255, 255, 0.96) !important;
	color: #111 !important;
	border-color: #fff !important;
	transform: translateY(-1px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		0 10px 22px rgba(31, 35, 37, 0.16) !important;
}

body.mevoxs-product-category-page .mevoxs-v4-page .mevoxs-shop-view-product.v4-view-link:active {
	transform: translateY(0);
	box-shadow:
		inset 0 2px 5px rgba(31, 35, 37, 0.18),
		0 4px 10px rgba(31, 35, 37, 0.12) !important;
}