/* ===== MenuMax Motion — единый слой движения для всех страниц ===== */
@keyframes mm-fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mm-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes mm-grad{to{background-position:200% 0}}
@keyframes mm-tab-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Появление блоков при скролле (JS ставит .mo и .mo-in) */
body.motion .mo{opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
body.motion .mo.mo-in{opacity:1;transform:none}

/* Парение простых карточек (кабинет, контентные страницы) */
.card{transition:transform .3s ease,box-shadow .3s ease}
@media(hover:hover){.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(25,21,18,.22)}}

/* Блик, пробегающий по кнопкам */
.btn{position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-160%) skewX(-18deg);transition:transform .55s ease;pointer-events:none}
@media(hover:hover){.btn:hover::after{transform:translateX(320%) skewX(-18deg)}}

/* Переливающийся градиентный текст */
.grad-text{background:linear-gradient(90deg,#C8461B,#F97316,#C8461B);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mm-grad 6s linear infinite}

/* Плавное покачивание (телефон в hero и т.п.) */
.floaty{animation:mm-float 7s ease-in-out infinite}

/* 3D-наклон за курсором (JS) */
[data-tilt]{transition:transform .25s ease;will-change:transform}

/* Вспышка появления вкладки в кабинете */
.tab-flash{animation:mm-tab-in .38s cubic-bezier(.22,.61,.36,1)}

/* Чипы категорий в меню — пружинка при наведении */
.cat-chip{transition:transform .18s ease}
@media(hover:hover){.cat-chip:hover{transform:translateY(-2px)}}

@media (prefers-reduced-motion:reduce){
  body.motion .mo{opacity:1;transform:none;transition:none}
  .floaty,.grad-text{animation:none}
  .btn::after{display:none}
  [data-tilt]{transition:none}
  .tab-flash{animation:none}
}
@media print{
  body.motion .mo{opacity:1!important;transform:none!important}
}