/* fa-sheen.css — білий відблиск («хвилька») по кнопках внутрішніх сторінок (07.10.2026, v2 16.10.2026), пара до js/fa-sheen.js.
   Як на головній: кнопка блищить, щойно з'явилась на екрані при прокрутці; кілька — по черзі. */
.fa-shx { position: relative; overflow: hidden; isolation: isolate; }
.fa-shx > .fa-shine {
  position: absolute; top: -10%; left: 0; width: 45%; height: 120%;
  background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 30%, rgba(255,255,255,.38) 50%, rgba(255,255,255,.08) 70%, rgba(255,255,255,0) 100%);
  transform: translateX(-130%) skewX(-20deg); pointer-events: none; z-index: 3; will-change: transform;
}
.fa-shx.fa-shine-go > .fa-shine { animation: faShineOnce 1.1s cubic-bezier(.45,.05,.25,1) 1; }
@media (hover: hover) { .fa-shx:hover > .fa-shine { animation: faShineOnce 1.1s cubic-bezier(.45,.05,.25,1) 1; } }
/* transform замість left - плавно, без ривків */
@keyframes faShineOnce { from { transform: translateX(-130%) skewX(-20deg); } to { transform: translateX(330%) skewX(-20deg); } }
@media (prefers-reduced-motion: reduce) { .fa-shx > .fa-shine { display: none; } }