/* ==========================================================================
   模块在「非复刻页」上的无 JS 降级样式
   --------------------------------------------------------------------------
   背景：评论区（.testimonials-slider）和幻灯片依赖 Impulse 的 JS 初始化，
   在普通页面里没有那份 JS，幻灯片会停留在 opacity:0 / display:none，
   表现为一块空白。这里用纯 CSS 让内容可见（退化为静态网格/列表），
   不影响首页（首页不加载这份文件）。
   ========================================================================== */

/* ---------- 评论区：降级为三列网格 ---------- */
.vx-module-scope .testimonials-slider {
	display: flex !important;
	flex-wrap: wrap;
	gap: 28px;
	height: auto !important;
}

.vx-module-scope .testimonials-slide {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: calc(33.333% - 19px);
	min-width: 240px;
	height: auto !important;
	position: static !important;
	transform: none !important;
}

.vx-module-scope .testimonials-slide[style*="display: none"] {
	display: block !important;
}

/* ---------- 幻灯片：降级为纵向堆叠（每屏一张） ---------- */
.vx-module-scope .slideshow__slide {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: static !important;
	transform: none !important;
	width: 100% !important;
}

.vx-module-scope .hero,
.vx-module-scope .hero-natural--template--20918463987952__slideshow_NwdfUi,
.vx-module-scope .slideshow-wrapper,
.vx-module-scope .flickity-viewport {
	height: auto !important;
	opacity: 1 !important;
}

.vx-module-scope .hero__image,
.vx-module-scope .hero__image-wrapper,
.vx-module-scope img.hero__image {
	opacity: 1 !important;
	visibility: visible !important;
}

/* 隐藏依赖 JS 的控件，避免出现点不动的按钮 */
.vx-module-scope .flickity-page-dots,
.vx-module-scope .flickity-button,
.vx-module-scope .hero__pause,
.vx-module-scope .slideshow__pause,
.vx-module-scope .hero__arrow,
.vx-module-scope .testimonials-slider__dots {
	display: none !important;
}

/* ---------- 依赖 AOS 的入场动画：直接显示 ---------- */
.vx-module-scope [data-aos],
.vx-module-scope .aos-init,
.vx-module-scope .appear,
.vx-module-scope .appear-animation {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
}

@media (max-width: 991px) {
	.vx-module-scope .testimonials-slide {
		width: calc(50% - 14px);
	}
}

@media (max-width: 768px) {
	.vx-module-scope .testimonials-slide {
		width: 100%;
	}
}