/* public.css — แบนเนอร์ใหญ่ carousel บนหน้าแรก */

.camphub-big-banner {
	/* 25 ก.ย. 69 — พี่บอสเปลี่ยนใจ อยากให้กว้างเต็ม container (คอลัมน์เนื้อหา ไม่นับ sidebar)
	   แทนที่จะย่อไว้ที่ 640px เหมือนตอนแรก — เอา max-width:640px ออก สัดส่วน 1200:630 ยังคงเดิม
	   ไม่บิดเบี้ยว (aspect-ratio คุมไว้อยู่แล้ว ไฟล์ภาพจริงที่อัปโหลด/ครอปก็ยังเป็น 1200x630 เท่าเดิม) */
	position: relative;
	width: 100%;
	aspect-ratio: 1200 / 630;
	border-radius: 14px;
	overflow: hidden;
	background: #eee;
}

.camphub-big-banner-track {
	position: relative;
	width: 100%;
	height: 100%;
}

.camphub-big-banner-slide {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 0;
	transition: opacity 0.5s ease;
	pointer-events: none;
}

.camphub-big-banner-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.camphub-big-banner-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.camphub-big-banner-dots {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 6px;
	z-index: 2;
}

.camphub-big-banner-dot {
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.4);
	transition: background 0.3s ease;
}

.camphub-big-banner-dot.is-active {
	background: #ffffff;
}

@media (max-width: 480px) {
	.camphub-big-banner-dots { bottom: 12px; gap: 5px; }
	.camphub-big-banner-dot { width: 5px; height: 5px; }
}