/* ==========================================================================
   pages/cart.css — カート（/cart/ 系5ページ）専用スタイル
   出典: berurogue-collect_html/02_berurogue-collect_カートページ.html の <style>
   うち tokens.css / components.css に移譲されなかった .step-section のみ。
   PHP側では画面をJSで切り替えず1ページ1画面のため、初期状態から
   .active を付与済みの状態で出力する（フェードインの見た目だけ残す）。
   ========================================================================== */

.step-section {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.step-section.active {
  opacity: 1;
  transform: translateY(0);
}