/* Malaysia showroom route additions. */

.vshow-hero {
	background: #e8ece9;
}

.vshow-hero .vwp-in {
	display: grid;
	grid-template-columns: 1fr;
}

.vshow-hero .vwp-in > div {
	align-self: center;
	padding: 70px 0;
}

.vshow-hero h1 {
	margin-top: 26px;
	font-size: clamp(3.3rem, 7.5vw, 6.9rem);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: -0.055em;
}

.vshow-hero .vwp-in > div > p:not(.vwp-eye) {
	max-width: 630px;
	margin-top: 28px;
	font-size: 17px;
	line-height: 1.75;
	color: var(--vwp-muted);
}

.vshow-hero figure {
	position: relative;
	min-height: 460px;
	margin: 0 -20px;
}

.vshow-hero figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vshow-hero figcaption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	gap: 18px;
	padding: 14px 18px;
	background: rgba(246, 244, 238, 0.88);
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.13em;
	backdrop-filter: blur(5px);
}

.vshow-try,
.vshow-products,
.vshow-plan {
	background: var(--vwp-cream);
}

.vshow-four-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	margin-top: 56px;
	background: rgba(17, 21, 19, 0.2);
}

.vshow-four-grid article {
	min-height: 240px;
	padding: 22px;
	background: var(--vwp-cream);
}

.vshow-four-grid span,
.vshow-products a > span,
.vshow-useful li span,
.vshow-plan li span {
	font-size: 10px;
	color: #69706b;
}

.vshow-four-grid h3 {
	margin-top: 42px;
	font-size: 1.45rem;
	font-weight: 300;
}

.vshow-four-grid p {
	margin-top: 14px;
	font-size: 13px;
	line-height: 1.7;
	color: var(--vwp-muted);
}

.vshow-useful {
	background: #dfe7e9;
}

.vshow-useful ol,
.vshow-plan ol {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	margin: 56px 0 0;
	padding: 0;
	background: rgba(17, 21, 19, 0.2);
	list-style: none;
}

.vshow-useful li,
.vshow-plan li {
	min-height: 155px;
	padding: 22px;
	background: #e6eded;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.25;
}

.vshow-useful li span,
.vshow-plan li span {
	display: block;
	margin-bottom: 36px;
	font-family: var(--wp--preset--font-family--body);
}

.vshow-links {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 30px;
}

.vshow-product-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	margin-top: 58px;
	background: rgba(17, 21, 19, 0.2);
}

.vshow-product-grid a {
	display: flex;
	min-height: 280px;
	flex-direction: column;
	padding: 22px;
	background: var(--vwp-cream);
	text-decoration: none;
}

.vshow-product-grid .vwp-overline {
	margin-top: 30px;
}

.vshow-product-grid h3 {
	margin-top: 14px;
	font-size: 1.55rem;
	font-weight: 300;
}

.vshow-product-grid a > p:not(.vwp-overline) {
	margin-top: 16px;
	font-size: 13px;
	line-height: 1.7;
	color: var(--vwp-muted);
}

.vshow-product-grid i {
	margin-top: auto;
	padding-top: 24px;
	font-size: 13px;
	font-style: normal;
}

.vshow-plan li {
	background: var(--vwp-cream);
}

.vshow-visit {
	background: #e8ece9;
}

.vshow-visit .vwp-in {
	display: grid;
	grid-template-columns: 1fr;
}

.vshow-visit figure {
	min-height: 460px;
	margin: 0 -20px;
}

.vshow-visit figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vshow-visit .vwp-in > div {
	padding: 60px 0;
}

.vshow-visit h2 {
	margin-top: 26px;
	font-size: clamp(2.7rem, 6vw, 4.7rem);
	font-weight: 300;
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.vshow-visit .vwp-in > div > p:not(.vwp-eye) {
	margin-top: 24px;
	font-size: 15px;
	line-height: 1.75;
	color: var(--vwp-muted);
}

.vshow-visit dl {
	margin-top: 32px;
}

.vshow-visit dl > div {
	border-top: 1px solid rgba(17, 21, 19, 0.2);
	padding: 15px 0;
}

.vshow-visit dt {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #69706b;
}

.vshow-visit dd {
	margin-top: 7px;
	font-size: 13px;
	line-height: 1.6;
}

.vshow-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 22px;
	margin-top: 30px;
}

@media (min-width: 600px) {
	.vshow-four-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vshow-useful ol,
	.vshow-plan ol,
	.vshow-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.vshow-hero .vwp-in {
		grid-template-columns: 7fr 5fr;
		min-height: 680px;
	}

	.vshow-hero .vwp-in > div {
		padding: 90px 50px 90px 0;
	}

	.vshow-hero figure {
		min-height: 100%;
		margin: 0 -32px 0 0;
	}

	.vshow-four-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.vshow-useful ol {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.vshow-visit .vwp-in {
		grid-template-columns: 6fr 6fr;
	}

	.vshow-visit figure {
		min-height: 640px;
		margin: 0;
	}

	.vshow-visit .vwp-in > div {
		align-self: center;
		padding: 80px 0 80px 70px;
	}
}

@media (min-width: 1280px) {
	.vshow-hero figure {
		margin-right: -48px;
	}
}