/* ===== Культура чистоты: лёгкие CSS-эффекты =====
   Только CSS, без JS. Анимация идёт по transform/opacity — эти свойства
   «дешёвые» для браузера (не трогают layout и перерисовку), поэтому
   не влияют на LCP/CLS/TBT в PageSpeed. Вес — около 1 КБ, без картинок.
   Подключается сайт-вайд, сработает на всех текущих и будущих кнопках
   этих классов — отдельно помечать каждую кнопку не нужно. */

/* --- 1) Блик на всех заметных кнопках сайта ---
   .btn — тёмные кнопки «Заказать», «Позвонить»; .btn2 — обводка «Рассчитать
   стоимость», «Оставить заявку»; .yr-btn — кнопка отзывов на Яндекс Картах.
   mix-blend-mode:overlay сам подстраивает блик под тёмный и светлый фон. */
.btn, .btn2, .yr-btn{position:relative; overflow:hidden}
.btn::after, .btn2::after, .yr-btn::after{
  content:"";
  position:absolute;
  top:0; bottom:0; left:0;
  width:30%;
  background:linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 100%);
  mix-blend-mode:overlay;
  transform:translateX(-260%) skewX(-18deg);
  animation:kcShine 4.6s ease-in-out infinite;
  pointer-events:none;
  will-change:transform;
}
.btn2::after{animation-delay:.6s}
.yr-btn::after{animation-delay:1.2s}
@keyframes kcShine{
  0%   {transform:translateX(-260%) skewX(-18deg)}
  22%  {transform:translateX(360%)  skewX(-18deg)}
  100% {transform:translateX(360%)  skewX(-18deg)}
}

/* Кнопка-тоггл «Что входит» (.tipbtn) сюда намеренно не включена. */

/* --- 2) Пульсирующий зелёный индикатор у номера телефона --- */
a[href^="tel:"]:not(.btn){position:relative; padding-left:16px}
a[href^="tel:"]:not(.btn)::before,
a[href^="tel:"]:not(.btn)::after{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:8px; height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:#2fbf5b;
}
a[href^="tel:"]:not(.btn)::after{
  animation:kcPulse 1.8s ease-out infinite;
}
@keyframes kcPulse{
  0%   {transform:scale(1);   opacity:.65}
  100% {transform:scale(2.8); opacity:0}
}

@media (prefers-reduced-motion: reduce){
  .btn::after, .btn2::after, .yr-btn::after{animation:none; display:none}
  a[href^="tel:"]:not(.btn)::after{animation:none; opacity:.65; transform:scale(1)}
}

/* Шрифты с CDN Tilda вместо Google Fonts (18.10.2026) */
@font-face{font-family:'Manrope';src:url('https://static.tildacdn.com/tild3065-6461-4332-b637-316638326461/Manrope-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('https://static.tildacdn.com/tild3833-3033-4233-b065-333561663836/Manrope-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('https://static.tildacdn.com/tild6364-3432-4665-b132-666636353236/Manrope-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('https://static.tildacdn.com/tild3866-3032-4239-a264-616530633630/Manrope-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('https://static.tildacdn.com/tild6233-6639-4531-b234-613233366165/Manrope-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Unbounded';src:url('https://static.tildacdn.com/tild3631-3938-4664-a361-376132353466/Unbounded-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Unbounded';src:url('https://static.tildacdn.com/tild3465-3838-4633-a661-366463633765/Unbounded-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

/* KC visual consistency 2026-10-31 */
#allrecords *{font-family:Manrope,system-ui,sans-serif!important}#allrecords h1:not(.eyebrow),#allrecords h2,#allrecords h1:not(.eyebrow) *,#allrecords h2 *{font-family:Unbounded,sans-serif!important;font-weight:600}#allrecords h1,#allrecords h2{overflow-wrap:break-word}@media(min-width:1200px){#rec731936398 .tn-elem[data-elem-id="1712747403410"]{left:880px!important;width:140px!important}#rec731936398 .tn-elem[data-elem-id="1712747403410"] .tn-atom{white-space:nowrap;font-size:12px!important}#rec731936398 .tn-elem[data-elem-id="1790969804783000001"]{top:15px!important}#rec731936398 .tn-elem[data-elem-id="1790969056676000001"]{left:730px!important;top:20px!important;width:120px!important}#rec731936398 .tn-elem[data-elem-id="1790969056676000001"] .tn-atom{font-size:12px!important;line-height:20px!important;text-align:center}}

#allrecords .site h1{font-size:clamp(28px,4.8cqi,56px)}