/* stelr · VR Tour Cards — values from emaarmisr.com (desktop 1920) */
.stelr-vrc {
	--vrc-cols: 2;
	--vrc-gap-x: 40px;
	--vrc-gap-y: 60px;
	--vrc-inner: 15px;
	--vrc-ratio: 4 / 3;
	--vrc-radius: 0px;
	--vrc-hover-scale: 1.035;
	--vrc-line: rgba(255, 255, 255, .58);
	--vrc-line-w: 120px;
	--vrc-line-h: 1px;
	--vrc-btn: #fff;
	--vrc-btn-hover: rgba(255, 255, 255, .58);
	--vrc-btn-bg: transparent;
	--vrc-btn-bg-hover: var(--vrc-btn-bg);
	--vrc-btn-radius: 0px;
	--vrc-icon: 8px;
	--vrc-icon-gap: 6px;
	display: grid;
	grid-template-columns: repeat(var(--vrc-cols), minmax(0, 1fr));
	gap: var(--vrc-gap-y) var(--vrc-gap-x);
	color: #fff;
}
.stelr-vrc *, .stelr-vrc *::before, .stelr-vrc *::after { box-sizing: border-box; }

.stelr-vrc .stelr-vrc__card {
	position: relative; z-index: 2;
	display: flex; flex-direction: column; gap: var(--vrc-inner);
	min-width: 0;
	box-shadow: rgba(0, 0, 0, .95) 0 30px 30px -30px;
	transition: transform .3s ease-in-out, box-shadow .3s;
}
.stelr-vrc .stelr-vrc__card:hover, .stelr-vrc .stelr-vrc__card:focus-within { transform: scale(var(--vrc-hover-scale)); z-index: 3; }

.stelr-vrc .stelr-vrc__media {
	display: block; width: 100%; aspect-ratio: var(--vrc-ratio); overflow: hidden; border-radius: var(--vrc-radius);
	background: rgba(255, 255, 255, .06);
}
.stelr-vrc .stelr-vrc__img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; border: 0; border-radius: 0; }
.stelr-vrc .stelr-vrc__img--none { background: rgba(255, 255, 255, .08); }

.stelr-vrc .stelr-vrc__top { display: flex; align-items: center; gap: 15px; min-height: 20px; }
.stelr-vrc .stelr-vrc__eyebrow {
	flex: 0 0 auto; font-size: 12px; font-weight: 500; line-height: 20px; text-transform: uppercase; color: rgba(255, 255, 255, .58);
}
.stelr-vrc .stelr-vrc__line { flex: 0 1 var(--vrc-line-w); width: var(--vrc-line-w); height: 0; border-top: var(--vrc-line-h) solid var(--vrc-line); }

.stelr-vrc .stelr-vrc__title { margin: 0; font-size: 30px; font-weight: 300; line-height: 40px; color: #fff; }
.stelr-vrc .stelr-vrc__text { margin: 0; font-size: 14px; line-height: 26px; color: #fff; }

.stelr-vrc .stelr-vrc__btn {
	align-self: flex-start; display: inline-flex; align-items: center; gap: var(--vrc-icon-gap);
	margin: 0; padding: 0; border: 0; border-radius: var(--vrc-btn-radius); box-shadow: none;
	background: var(--vrc-btn-bg); color: var(--vrc-btn);
	font-size: 10px; font-weight: 400; line-height: 18px; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none;
	transition: color .3s cubic-bezier(.5, .12, .46, .88), background-color .3s cubic-bezier(.5, .12, .46, .88);
}
.stelr-vrc .stelr-vrc__btn:hover, .stelr-vrc .stelr-vrc__btn:focus-visible { color: var(--vrc-btn-hover); background: var(--vrc-btn-bg-hover); outline: none; }
.stelr-vrc .stelr-vrc__card:hover .stelr-vrc__btn { color: var(--vrc-btn-hover); background: var(--vrc-btn-bg-hover); }
.stelr-vrc .stelr-vrc__icon { display: inline-flex; align-items: center; justify-content: center; width: calc(var(--vrc-icon) + 2px); height: calc(var(--vrc-icon) + 2px); }
.stelr-vrc .stelr-vrc__icon svg, .stelr-vrc .stelr-vrc__icon i { width: var(--vrc-icon); height: var(--vrc-icon); font-size: var(--vrc-icon); fill: currentColor; }

.stelr-vrc-empty { opacity: .7; }

@media (max-width: 767px) {
	.stelr-vrc { --vrc-gap-y: 44px; }
	.stelr-vrc .stelr-vrc__title { font-size: 24px; line-height: 32px; }
}
@media (hover: none) {
	.stelr-vrc .stelr-vrc__card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.stelr-vrc .stelr-vrc__card { transition: none; }
	.stelr-vrc .stelr-vrc__card:hover { transform: none; }
}