/* Визуальные эффекты seoprogress.ru (12.11.2026), перенесены с основного сайта в стиле seoprogress.
   Подключается сквозным образом из чанка head.tpl.
   Скрытие блоков работает ТОЛЬКО при классе html.sp-rv, который ставит effekty.js:
   без JS (или при prefers-reduced-motion) весь контент виден сразу. */

/* 1. Появление при прокрутке */
html.sp-rv .sp-rv-i{opacity:0!important;transform:translate3d(0,34px,0)!important}
html.sp-rv .sp-rv-i.sp-rv-z{filter:blur(8px)!important;transform:translate3d(0,26px,0)!important}
html.sp-rv .sp-rv-i.sp-rv-k{transform:translate3d(0,44px,0) scale(.94)!important}
html.sp-rv .sp-rv-t{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)!important;transition-delay:var(--rv-d,0ms)!important}
html.sp-rv .sp-rv-w{width:0!important}
html.sp-rv .sp-rv-wt{transition:width 1.6s cubic-bezier(.16,1,.3,1) .45s!important}
.sp-rv-n{font-variant-numeric:tabular-nums}

/* 2. Карточки: подъём и подсветка при наведении */
.gl2-tp,.gl2-case,.gl2-svc__item,.gl2-review,.gl2-model,.gl2-stats li,.gl2-risk,.tariffs_item,.cases_item{transition:transform .25s,box-shadow .25s,border-color .25s}
@media (hover:hover){
  .gl2-tp:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(253,101,51,.45),0 26px 56px rgba(0,0,0,.4)}
  .gl2-tp.gl2-tp--hit:hover{box-shadow:0 0 0 1px rgba(253,101,51,.8),0 30px 64px rgba(253,101,51,.26)}
  .gl2-case:hover,.gl2-svc__item:hover,.gl2-review:hover,.gl2-model:hover,.gl2-stats li:hover,.gl2-risk:hover{transform:translateY(-3px);border-color:rgba(253,101,51,.45);box-shadow:0 18px 44px rgba(0,0,0,.35)}
  .tariffs_item:hover,.cases_item:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.35)}
}

/* 3. Кнопки: подъём, тень, блик сверху и полоса-блик при наведении */
.gl2-btn--main{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 10px 28px rgba(253,101,51,.28),inset 0 1px 0 rgba(255,255,255,.28)}
.gl2-btn--main::after,.btn::after{content:"";position:absolute;top:0;bottom:0;left:-75%;width:50%;z-index:2;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);opacity:0}
.btn{overflow:hidden;transition:transform .2s,box-shadow .2s}
@media (hover:hover){
  .gl2-btn--main:hover{box-shadow:0 14px 34px rgba(253,101,51,.42),inset 0 1px 0 rgba(255,255,255,.28)}
  .gl2-btn--main:hover::after,.btn:hover::after{animation:spBlik .8s ease-out}
  .gl2-btn--ghost:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(253,101,51,.18)}
  .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(253,101,51,.35)}
}
.gl2-btn:active,.btn:active{transform:translateY(0)!important}
.gl2-btn:focus-visible,.btn:focus-visible{outline:3px solid rgba(255,132,91,.7);outline-offset:3px}
@keyframes spBlik{0%{left:-75%;opacity:1}100%{left:125%;opacity:1}}

/* 4. Мягкое свечение за картинкой первого экрана (как hzGlow на основном) */
@media (min-width:1024px){
  .gl2-hero__media::before{content:"";position:absolute;z-index:-1;left:8%;top:6%;width:84%;height:80%;border-radius:50%;background:radial-gradient(closest-side,rgba(253,101,51,.28),rgba(253,101,51,0));filter:blur(30px);animation:spGlow 7s ease-in-out infinite alternate;pointer-events:none}
  .gl2-hero__media{isolation:isolate}
}
@keyframes spGlow{0%{opacity:.75;transform:translate(0,0)}100%{opacity:1;transform:translate(16px,-12px)}}

/* Без анимации для тех, кто её отключил */
@media (prefers-reduced-motion:reduce){
  .gl2-tp,.gl2-case,.gl2-svc__item,.gl2-review,.gl2-model,.gl2-stats li,.gl2-risk,.tariffs_item,.cases_item,.btn,.gl2-btn{transition:none!important}
  .gl2-tp:hover,.gl2-case:hover,.gl2-svc__item:hover,.gl2-review:hover,.gl2-model:hover,.gl2-stats li:hover,.gl2-risk:hover,.tariffs_item:hover,.cases_item:hover,.btn:hover,.gl2-btn:hover{transform:none!important}
  .gl2-btn--main::after,.btn::after,.gl2-hero__media::before{animation:none!important;display:none}
}

/* v2 (12.11.2026): эффекты на всех страницах */
/* блоки, которые раньше анимировал WOW, теперь ведёт effekty.js — анимацию WOW гасим, чтобы не было двойной */
html.sp-rv .sp-own{animation:none!important;visibility:visible!important}
/* карточки внутренних страниц: подъём и подсветка */
.package_item,.factors_item,.promotion_item,.why_item,.steps_item,.services_item,.kv2-kpis>*,.kv2-compare__row,.kv2-steps>*,.kv2-flow__item,.reviews-page__item,.reviews_item{transition:transform .25s,box-shadow .25s,border-color .25s}
@media (hover:hover){
  .package_item:hover,.factors_item:hover,.promotion_item:hover,.why_item:hover,.steps_item:hover,.services_item:hover,.kv2-kpis>*:hover,.kv2-flow__item:hover,.reviews-page__item:hover,.reviews_item:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.35)}
  .services_item:hover .services_item-title{color:#FD6533}
}
@media (prefers-reduced-motion:reduce){
  .package_item,.factors_item,.promotion_item,.why_item,.steps_item,.services_item{transition:none!important;transform:none!important}
}