/**
 * Directions Cards block styles.
 */

 .rs-directions-cards-block {
	--rs-directions-card-gap: 20px;
	--rs-directions-card-padding-x: 20px;
	--rs-directions-card-padding-y: 24px;
	margin-top: var(--rs-margin-top-mobile, var(--rs-margin-top-tablet, var(--rs-margin-top, 0)));
	margin-bottom: var(--rs-margin-bottom-mobile, var(--rs-margin-bottom-tablet, var(--rs-margin-bottom, 0)));
}

.rs-directions-cards__heading {
	margin: 0 0 20px;
	text-align: center;
}

/* Mobile: single column, cards stacked */
.rs-directions-cards__layout {
	display: flex;
	flex-direction: column;
	gap: var(--rs-directions-card-gap);
}

.rs-directions-cards__column {
	display: flex;
	flex-direction: column;
	gap: var(--rs-directions-card-gap);
	min-width: 0;
}

.rs-directions-cards__card {
	position: relative;
	display: flex;
	border-radius: 10px;
	padding: var(--rs-directions-card-padding-y) var(--rs-directions-card-padding-x);
	min-height: 214px;
}

.rs-directions-cards__card-content {
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: calc(100% - 120px);
}

.rs-directions-cards__card-title {
	margin: 0 0 14px;
	font-family: var(--font-secondary);
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color: var(--color-navy-deep);
}

.rs-directions-cards__card-text {
	margin: 0;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: rgba(33, 39, 42, 0.6);
}

.rs-directions-cards__card-media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: var(--rs-directions-card-image-width, 144px);
	z-index: 3;
	overflow: hidden;
	border-radius: 10px;
}

.rs-directions-cards__card-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.rs-directions-cards__card:hover .rs-directions-cards__card-image {
	transform: scale(1.15) translateY(-10px);
}

/* Per-card image widths — mobile */
.rs-directions-cards__card--1 { --rs-directions-card-image-width: 180px; }
.rs-directions-cards__card--2 { --rs-directions-card-image-width: 160px; }
.rs-directions-cards__card--3 { --rs-directions-card-image-width: 160px; }
.rs-directions-cards__card--4 { --rs-directions-card-image-width: 200px; }
.rs-directions-cards__card--5 { --rs-directions-card-image-width: 160px; }

/* ─── Tablet & Desktop (≥ 960px) ─────────────────────────────────────────── */
@media (min-width: 960px) {
	.rs-directions-cards-block {
		--rs-directions-card-gap: 15px;
		--rs-directions-card-padding-x: 24px;
		--rs-directions-card-padding-y: 24px;
		margin-top: var(--rs-margin-top-tablet, var(--rs-margin-top, 0));
		margin-bottom: var(--rs-margin-bottom-tablet, var(--rs-margin-bottom, 0));
	}

	/* Two equal columns */
	.rs-directions-cards__layout {
		flex-direction: row;
		align-items: stretch;
	}

	.rs-directions-cards__column--left,
	.rs-directions-cards__column--right {
		flex: 1 1 0;
	}

	/*
	 * Equal-height cards via CSS Grid.
	 * Both columns are flex-stretched to the same height.
	 * Left: 2 rows of 1fr  → 2 equal cards.
	 * Right: 3 rows of 1fr → 3 equal cards.
	 */
	.rs-directions-cards__column--left {
		display: grid;
		grid-template-rows: 1fr 1fr;
	}

	.rs-directions-cards__column--right {
		display: grid;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.rs-directions-cards__card {
		min-height: unset;
	}

	/* Typography */
	.rs-directions-cards__card-title {
		margin-bottom: 9px;
		font-size: 27px;
	}

	.rs-directions-cards__card-text {
		font-size: 14px;
	}

	/* Padding per card group */
	.rs-directions-cards__card--1,
	.rs-directions-cards__card--2 {
		padding: 40px;
	}

	.rs-directions-cards__card--3,
	.rs-directions-cards__card--4,
	.rs-directions-cards__card--5 {
		padding: 20px 40px;
	}

	.rs-directions-cards__card-content {
		max-width: 85%;
	}

	.rs-directions-cards__card--1 .rs-directions-cards__card-content,
	.rs-directions-cards__card--2 .rs-directions-cards__card-content {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 100%;
		max-width: 80%;
	}

	/* Per-card image widths — tablet */
	.rs-directions-cards__card--1 { --rs-directions-card-image-width: 193px; }
	.rs-directions-cards__card--2 { --rs-directions-card-image-width: 180px; }
	.rs-directions-cards__card--3 { --rs-directions-card-image-width: 143px; }
	.rs-directions-cards__card--4 { --rs-directions-card-image-width: 162px; }
	.rs-directions-cards__card--5 { --rs-directions-card-image-width: 183px; }

	.rs-directions-cards__heading {
		margin: 0 0 40px;
	}
}

/* ─── Desktop (≥ 1340px) ─────────────────────────────────────────────────── */
@media (min-width: 1340px) {
	.rs-directions-cards-block {
		--rs-directions-card-gap: 20px;
		--rs-directions-card-padding-x: 32px;
		--rs-directions-card-padding-y: 32px;
		margin-top: var(--rs-margin-top, var(--rs-margin-top-tablet, 0));
		margin-bottom: var(--rs-margin-bottom, var(--rs-margin-bottom-tablet, 0));
	}

	.rs-directions-cards__card-title {
		margin-bottom: 14px;
		font-size: 40px;
	}

	.rs-directions-cards__card-text {
		font-size: 20px;
	}

	.rs-directions-cards__card--1,
	.rs-directions-cards__card--2 {
		padding: 60px;
	}

	.rs-directions-cards__card--3,
	.rs-directions-cards__card--4,
	.rs-directions-cards__card--5 {
		padding: 35px 60px;
	}

	/* Per-card image widths — desktop */
	.rs-directions-cards__card--1 { --rs-directions-card-image-width: 290px; }
	.rs-directions-cards__card--2 { --rs-directions-card-image-width: 268px; }
	.rs-directions-cards__card--3 { --rs-directions-card-image-width: 215px; }
	.rs-directions-cards__card--4 { --rs-directions-card-image-width: 243px; }
	.rs-directions-cards__card--5 { --rs-directions-card-image-width: 275px; }

	.rs-directions-cards__heading {
		margin: 0 0 60px;
	}
}

/* Glass background */

.rs-directions-cards__glass-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.rs-directions-cards__glass-bg-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 4px 10px 22px 0px #0065CA26;
}

.rs-directions-cards__glass-bg-inner > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 10px;
}

/* sizes */

.rs-directions-cards__glass-bg-inner > div:nth-child(1) {
	width: 100%;
	height: 100%;
	z-index: 1;
}

.rs-directions-cards__glass-bg-inner > div:nth-child(2) {
	left: 10px;
	right: 10px;
	bottom: 10px;
	top: 10px;
	z-index: 3;
}

.rs-directions-cards__glass-bg-inner > div:nth-child(3) {
	left: 20px;
	right: 20px;
	bottom: 20px;
	top: 20px;
	z-index: 4;
}

.rs-directions-cards__glass-bg-inner > div:last-child {
	height: 100%;
	width: 100%;
	z-index: 12;
}

.rs-directions-cards__card .rs-directions-cards__glass-bg-inner div {
	background: rgba(0, 101, 202, 0.05);
}

.rs-directions-cards__card .rs-directions-cards__glass-bg-inner div:nth-child(1) {
	border: 4px solid rgba(0, 101, 202, 0.1);
}

.rs-directions-cards__card .rs-directions-cards__glass-bg-inner div:nth-child(2),
.rs-directions-cards__card .rs-directions-cards__glass-bg-inner div:nth-child(3) {
	filter: blur(10px);
	/* backdrop-filter: blur(10px); */
}

.rs-directions-cards__card .rs-directions-cards__glass-bg-inner div:last-child {
	box-shadow: inset 18px 18px 10px -20px #FFFFFF, inset -14px -14px 7px -12px #B3B3B3;
	background: transparent;
}