/* ===== Go-to-top button (used on every page) ===== */
#goTopBtn {
	display: none;
	position: fixed;
	bottom: 50vh;
	right: 21px;
	z-index: 128;
	border: none;
	background: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
#goTopBtn img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	box-shadow: 0 4px 8px rgba(0,0,0,0.18);
	transition: box-shadow 0.2s;
	background: white;
}
#goTopBtn:hover img {
	box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

/* ===== CCTV list grid (used on /cameras, /region, /cctv, /favorites) ===== */
.sub-cctv-list-container {
	width: 25%;
}
.img-obj {
	height: 260px;
}
@media (max-width: 1920px) {
	.sub-cctv-list-container { width: 25%; }
	.img-obj { height: 240px; }
}
@media (max-width: 1280px) {
	.sub-cctv-list-container { width: 33.33%; }
	.img-obj { height: 210px; }
}
@media (max-width: 850px) {
	.sub-cctv-list-container { width: 50%; }
	.img-obj { height: 220px; }
}
@media (max-width: 600px) {
	.sub-cctv-list-container { width: 100%; }
	.img-obj { height: 100%; }
}