/* fix-pk-blocks — правки ПК 07.11: #directions, ховеры кнопок, #process, #final, подвал.
   Подключается после fix-hero.css и до mobile-*.css. ПК-раскладка — в @media (min-width:1280px); ховеры — в (hover:hover). */

/* ==========================================================================
   Кнопки: без свечения/тени под кнопкой. Главная (градиентная) — перелив: градиент чуть сдвигается,
   по кнопке проходит блик (::before из main.css), лёгкое осветление.
   ========================================================================== */
.btn--primary{
  /* тот же фирменный градиент (стопы 5.6/49/126.6% видимой ширины), продлённый вдвое — чтобы его можно было сдвинуть */
  background-image:linear-gradient(102.26deg,#FBD080 2.8%,#E2C278 24.54%,#80E1A6 63.32%,#E2C278 82%,#FBD080 100%);
  background-size:200% 100%;background-position:0 0;
  transition:box-shadow var(--t-med) var(--ease),filter var(--t-med) var(--ease),transform var(--t-med) var(--ease),background-position .7s var(--ease)}
.btn--sm:hover,.btn--md:hover,.btn--lg:hover,.btn--primary:hover{box-shadow:none}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px transparent}
#directions .btn--ghost:hover,#final .btn--ghost:hover,#contacts .btn--ghost:hover{box-shadow:none}
@media (hover:hover){
  .btn--primary:hover,.btn--primary:focus-visible{background-position:28% 0;filter:brightness(1.06)}
}

/* ==========================================================================
   #directions «Что мы меняем в бизнесе»
   ========================================================================== */
/* ховер карточки: без контурной обводки — лёгкая подсветка фона и подъём; стеклянный край остаётся как в покое */
.svc::after{display:none}
.svc:hover::before,.svc:focus-within::before{opacity:1}
.svc:hover{box-shadow:none}
/* нумерация 01/02/03 убрана (разметка остаётся в directions.js) */
.svc__num{display:none}
/* «Получить предложение» — без свечения текста */
.svc__offer:hover{text-shadow:none}
/* «Смотреть кейсы» — на ховере плавно заливается фирменным градиентом, текст тёмный, без тени */
#directions .svc__cases{isolation:isolate;transition:color var(--t-med) ease,background-color var(--t-med) ease}
#directions .svc__cases::before{display:block;padding:0;z-index:-1;background:var(--g-btn);opacity:0;
  -webkit-mask:none;mask:none;transition:opacity .4s var(--ease)}
#directions .svc__cases .btn__count{transition:background var(--t-med) ease,color var(--t-med) ease}
@media (hover:hover){
  #directions .svc__cases:hover{color:var(--c-ink);background-color:transparent}
  #directions .svc__cases:hover::before{opacity:1}
  #directions .svc__cases:hover .btn__count{background:#0e0e10;color:#FBD080}
}

/* ПК: иконки вдвое меньше (было 180×149, теперь до 90×75), внутри карточки, по левому краю контента */
@media (min-width:1280px){
  .svc-grid{margin-top:64px}
  .svc{padding-top:30px}
  .svc:nth-child(n+4){margin-top:24px}
  .svc__top{height:103px}
  .svc__icon{left:0;top:0;width:90px;height:75px}
  .svc__halo{left:40px;top:62%;width:110px;height:60px;margin:-30px 0 0 -55px}
  /* directions.js вписывает картинку инлайн-стилями под старую рамку — на ПК ставим её сами: низ и левый край по рамке */
  .svc__icon .svc__pic{left:0!important;top:auto!important;bottom:0;width:auto!important;height:auto!important;max-width:90px!important;max-height:75px}
}

/* ==========================================================================
   #final: стеклянная плашка справа (.founder) — блюр сразу.
   Раньше появлялась вся плашка через opacity; пока у предка opacity < 1, backdrop-filter не видит фон —
   блюр включался только после конца анимации (~1 с). Теперь плашка со своим стеклом только подъезжает (transform),
   а проявляется (opacity) её содержимое. backdrop-filter не анимируется.
   ========================================================================== */
.reveal-on .founder.reveal{opacity:1}
.founder__mark,.founder__img,.founder__cap{transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0ms)}
.reveal-on .founder.reveal:not(.is-in) .founder__mark,
.reveal-on .founder.reveal:not(.is-in) .founder__img,
.reveal-on .founder.reveal:not(.is-in) .founder__cap{opacity:0;transform:translateY(16px)}

/* Telegram / WhatsApp (#final и подвал): на ховере плавно заливаются фирменными цветами мессенджера */
.btn--tg,.btn--wa{isolation:isolate}
#final .btn--tg::before,#final .btn--wa::before,#contacts .btn--tg::before,#contacts .btn--wa::before,.btn--tg::before,.btn--wa::before{
  display:block;padding:0;z-index:-1;opacity:0;-webkit-mask:none;mask:none;transition:opacity .4s var(--ease)}
.btn--tg::before{background:linear-gradient(135deg,#2AABEE 0%,#229ED9 100%)}
.btn--wa::before{background:linear-gradient(135deg,#25D366 0%,#128C7E 100%)}
@media (hover:hover){
  #final .btn--tg:hover,#final .btn--wa:hover,#contacts .btn--tg:hover,#contacts .btn--wa:hover{color:#fff;background:transparent}
  .btn--tg:hover::before,.btn--wa:hover::before,#final .btn--tg:hover::before,#final .btn--wa:hover::before,#contacts .btn--tg:hover::before,#contacts .btn--wa:hover::before{opacity:1}
}
.btn--tg:focus-visible::before,.btn--wa:focus-visible::before,#final .btn--tg:focus-visible::before,#final .btn--wa:focus-visible::before,#contacts .btn--tg:focus-visible::before,#contacts .btn--wa:focus-visible::before{opacity:1}
#final .btn--tg:focus-visible,#final .btn--wa:focus-visible,#contacts .btn--tg:focus-visible,#contacts .btn--wa:focus-visible{color:#fff}