/* VISION24 | personal-perf.css — 2026-08-22
   カクつき対策の上書き専用。personal.css 本体は触っていない。
   戻す: functions.php の vision24-personal-perf enqueue を外す（このファイルは残してよい）。
   試作は </body> 直前の style#v24-perf / script#v24-perf を消す。 */

/* ほぼ不透明な面の blur。見た目は変わらず、スクロール時の GPU 負荷だけ残っていた */
body.gym-personal .vision-session__clock {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.gym-personal .vision-merit-card {
  backdrop-filter: none;
}
body.gym-personal .site-header:is(.is-solid, .is-on-light),
body.gym-personal .site-header__nav {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* ギャラリー: 横ピンは PC だけ。SP で巨大レイヤーを常時作らない */
body.gym-personal .vision-gallery__grid {
  will-change: auto;
}
@media (min-width: 769px) {
  body.gym-personal .vision-gallery.is-hscroll .vision-gallery__grid {
    will-change: transform;
  }
}

/* マーキー: 画面外は personal-perf.js が is-marquee-off を付ける */
body.gym-personal .is-marquee-off {
  animation-play-state: paused !important;
}
