.jufuda-landing,
.jufuda-page-head,
.jufuda-copy,
.jufuda-product-grid,
.jufuda-cta,
.jufuda-video,
.jufuda-video-placeholder,
.jufuda-empty-products,
.jufuda-specs,
.jufuda-product-gallery {
	font-size: var(--jufuda-base-text-size, 16px);
}

.jufuda-page-head,
.jufuda-copy,
.jufuda-product-grid,
.jufuda-cta,
.jufuda-video,
.jufuda-video-placeholder,
.jufuda-empty-products,
.jufuda-specs,
.jufuda-product-gallery {
	box-sizing: border-box;
	width: min(calc(100% - 40px), var(--jufuda-content-width, 1280px));
	margin-left: auto;
	margin-right: auto;
}

.jufuda-hero h1 {
	font-size: clamp(42px, 7vw, var(--jufuda-hero-title-size, 72px));
}

.jufuda-product-grid {
	grid-template-columns: repeat(var(--jufuda-product-columns, 3), minmax(0, 1fr));
}

.jufuda-product-image {
	aspect-ratio: var(--jufuda-product-ratio, 4/3);
}

.jufuda-product-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jufuda-video,
.jufuda-video-placeholder {
	width: min(var(--jufuda-video-width, 100%), var(--jufuda-content-width, 1280px));
	max-width: var(--jufuda-content-width, 1280px);
	min-height: 0;
	aspect-ratio: var(--jufuda-video-ratio, 16/9);
}

.jufuda-video iframe,
.jufuda-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 860px) {
	.jufuda-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.jufuda-product-grid {
		grid-template-columns: 1fr;
	}

	.jufuda-page-head,
	.jufuda-copy,
	.jufuda-product-grid,
	.jufuda-cta,
	.jufuda-video,
	.jufuda-video-placeholder,
	.jufuda-empty-products,
	.jufuda-specs,
	.jufuda-product-gallery {
		width: min(calc(100% - 24px), var(--jufuda-content-width, 1280px));
	}
}