/* Hide Videos header on desktop; keep red header on mobile */
@media (min-width: 782px) {
	.camp-caw-videos-header-mobile-only {
		display: none !important;
	}
}

.camp-caw-videos-strip {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: hidden;
	overflow-x: clip;
}

.camp-caw-videos-strip__track {
	display: flex;
	gap: 12px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.camp-caw-videos-strip__item {
	min-width: 0;
}

.camp-caw-videos-strip__media-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	border-radius: 23px;
	overflow: hidden;
	background: #111;
}

.camp-caw-videos-strip__video,
.camp-caw-videos-strip__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	background: #1f1f1f;
}

.camp-caw-videos-strip__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 58px;
	height: 58px;
	border-radius: 9999px;
	border: 2px solid rgba(255, 255, 255, 0.9);
	background: rgba(0, 0, 0, 0.35);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 3;
}

.camp-caw-videos-strip__play-icon {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 14px solid #fff;
	margin-left: 3px;
}

.camp-caw-videos-strip__item.is-playing .camp-caw-videos-strip__play {
	opacity: 0;
	pointer-events: none;
}

@media (min-width: 782px) {
	/* Desktop: four-up strip, no peeking */
	.camp-caw-videos-strip {
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}

	.camp-caw-videos-strip__item {
		flex: 1 1 calc(25% - 9px);
		max-width: calc(25% - 9px);
	}

	.camp-caw-videos-strip__media-wrap {
		aspect-ratio: 16 / 9;
	}
}

@media (max-width: 781px) {
	/* Mobile: inline horizontal strip with adjacent videos peeking/cropped */
	.camp-caw-videos-strip__track {
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 12px;
		padding-inline: 12px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		max-width: 100%;
	}

	.camp-caw-videos-strip__track::-webkit-scrollbar {
		display: none;
	}

	.camp-caw-videos-strip__item {
		flex: 0 0 86%;
		scroll-snap-align: center;
	}

	.camp-caw-videos-strip__media-wrap {
		aspect-ratio: 16 / 10;
	}
}