body {background: #f5f6f8;}
.info-box {background: #fff;border-radius: 6px; }
.agent-card img {border-radius: 6px; }
.property-gallery {width: 100%;height: 420px;display: grid;gap: 6px;overflow: hidden;}
.property-gallery a {position: relative;overflow: hidden;}
.property-gallery img {width: 100%;height: 100%;/*object-fit: cover;*/display: block;}

/* ---------- 1 IMAGE ---------- */
.layout-1 {grid-template-columns: 1fr;}

/* ---------- 2 IMAGES ---------- */
.layout-2 {grid-template-columns: 1fr 1fr;}

/* ---------- 3 IMAGES ---------- */
.layout-3 {grid-template-columns: 3fr 2fr;grid-template-rows: 1fr 1fr;}
.layout-3 .img-1 {grid-column: 1;grid-row: 1 / span 2;}

/* RIGHT images */
.layout-3 .img-2 {grid-column: 2;grid-row: 1;}
.layout-3 .img-3 {grid-column: 2;grid-row: 2;}

/* ---------- 4 IMAGES ---------- */
.layout-4 {grid-template-columns: 3fr 1fr;grid-template-rows: repeat(3, 1fr);}
.layout-4 .img-1 {grid-row: span 3;}

/* ---------- 5+ IMAGES ---------- */
.layout-5 {grid-template-columns: 2fr 1fr 1fr;grid-template-rows: repeat(2, 1fr);}
.layout-5 .img-1 {grid-row: span 2;}

/* ---------- SHOW ALL OVERLAY ---------- */
.show-all {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.55);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.show-all-mobile {
	display: none;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	padding: 6px 10px;
	font-size: 13px;
	border-radius: 4px;
	z-index: 5;
}

/* Mobile only */
@media (max-width: 767px) {
	.show-all-mobile {
		display: inline-block;
	}
}
/* ================= MOBILE OVERRIDES ================= */
@media (max-width: 768px) {
	/* Force single-image layout */
	.property-gallery {display: block;height: 240px;}

	/* Hide all images except first */
	.property-gallery a {display: none;}
	.property-gallery .img-1 {display: block;width: 100%;height: 100%;}

	/* Image behavior */
	.property-gallery img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

	/* Overlay text adjustment */
	.show-all {font-size: 16px;padding: 0 10px;}
}