/* ============================================================
   TOPページ モーション層（2026-07-21 アワード改修 B1/B3）
   - スクロールリビール: ファーストビュー(hero/filter/searchbar)は対象外。
     trustbar以降の8セクションのみ、1回だけ静かに現れる。
   - プログレッシブエンハンスメント: html.bloomy-motion (JSが付与) が
     ある時だけ初期非表示になる＝JS死亡時もコンテンツは必ず見える。
   - prefers-reduced-motion では全て無効(即表示)。
   ============================================================ */

html.bloomy-motion .bloomy-top-trustbar,
html.bloomy-motion .bloomy-top-recommend,
html.bloomy-motion .bloomy-top-umax,
html.bloomy-motion .bloomy-top-featured,
html.bloomy-motion .bloomy-top-vpn,
html.bloomy-motion .bloomy-top-reviews,
html.bloomy-motion .bloomy-top-faq,
html.bloomy-motion .bloomy-top-final-cta {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .55s cubic-bezier(.22, .61, .36, 1), transform .55s cubic-bezier(.22, .61, .36, 1);
	will-change: opacity, transform;
}
html.bloomy-motion .bloomy-motion-in.bloomy-top-trustbar,
html.bloomy-motion .bloomy-motion-in.bloomy-top-recommend,
html.bloomy-motion .bloomy-motion-in.bloomy-top-umax,
html.bloomy-motion .bloomy-motion-in.bloomy-top-featured,
html.bloomy-motion .bloomy-motion-in.bloomy-top-vpn,
html.bloomy-motion .bloomy-motion-in.bloomy-top-reviews,
html.bloomy-motion .bloomy-motion-in.bloomy-top-faq,
html.bloomy-motion .bloomy-motion-in.bloomy-top-final-cta {
	opacity: 1;
	transform: none;
	will-change: auto;
}

/* 並び物のスタガー: レビューカード群のみ(全部に掛けるとくどい)。
   セクション自体のリビールに、子が60ms刻みで追随する。 */
html.bloomy-motion .bloomy-top-reviews__cards > * {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .5s ease-out, transform .5s ease-out;
}
html.bloomy-motion .bloomy-motion-in .bloomy-top-reviews__cards > * {
	opacity: 1;
	transform: none;
}
html.bloomy-motion .bloomy-motion-in .bloomy-top-reviews__cards > *:nth-child(1) { transition-delay: .08s; }
html.bloomy-motion .bloomy-motion-in .bloomy-top-reviews__cards > *:nth-child(2) { transition-delay: .14s; }
html.bloomy-motion .bloomy-motion-in .bloomy-top-reviews__cards > *:nth-child(3) { transition-delay: .20s; }
html.bloomy-motion .bloomy-motion-in .bloomy-top-reviews__cards > *:nth-child(4) { transition-delay: .26s; }
html.bloomy-motion .bloomy-motion-in .bloomy-top-reviews__cards > *:nth-child(n+5) { transition-delay: .32s; }

/* reduced-motion: モーション層を丸ごと無効化(常に見える) */
@media (prefers-reduced-motion: reduce) {
	html.bloomy-motion .bloomy-top-trustbar,
	html.bloomy-motion .bloomy-top-recommend,
	html.bloomy-motion .bloomy-top-umax,
	html.bloomy-motion .bloomy-top-featured,
	html.bloomy-motion .bloomy-top-vpn,
	html.bloomy-motion .bloomy-top-reviews,
	html.bloomy-motion .bloomy-top-faq,
	html.bloomy-motion .bloomy-top-final-cta,
	html.bloomy-motion .bloomy-top-reviews__cards > * {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}