.elementor-kit-9{--e-global-color-primary:#0A3151;--e-global-color-secondary:#F5F6F8;--e-global-color-text:#333333;--e-global-color-accent:#D80000;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-489720f-font-family:"Open Sans";--e-global-typography-489720f-font-size:18px;--e-global-typography-de78be9-font-size:16px;--e-global-typography-de78be9-font-weight:700;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<script>
document.addEventListener('DOMContentLoaded',function(){
  const header = document.querySelector('header, .elementor-location-header');
  const headerH = () => (header ? header.offsetHeight : 0);
  const links = document.querySelectorAll('a[href^="#"]');
  // Плавный скролл с учётом липкого хедера
  links.forEach(a=>{
    a.addEventListener('click', e=>{
      const id = a.getAttribute('href');
      if(id.length>1){
        const el = document.querySelector(id);
        if(el){
          e.preventDefault();
          const y = el.getBoundingClientRect().top + window.pageYOffset - (headerH()+16);
          window.scrollTo({top:y, behavior:'smooth'});
          history.pushState(null,'',id);
        }
      }
    });
  });

  // Подсветка активного пункта (scrollspy)
  const sections = ['#about','#services','#pricing','#clients','#blog','#contacts']
    .map(s=>document.querySelector(s)).filter(Boolean);
  const navLinks = {};
  links.forEach(a=>{
    const h = a.getAttribute('href');
    if(h && h.startsWith('#')) navLinks[h]=a;
  });

  const io = new IntersectionObserver((entries)=>{
    entries.forEach(entry=>{
      const id = '#'+entry.target.id;
      if(navLinks[id]){
        if(entry.isIntersecting){
          // снять active со всех
          Object.values(navLinks).forEach(l=>l.classList.remove('is-active'));
          navLinks[id].classList.add('is-active');
        }
      }
    });
  }, {rootMargin: `-${headerH()+40}px 0px -60% 0px`, threshold: 0.1});

  sections.forEach(sec=>io.observe(sec));

  // Заливка хедера после прокрутки
  const toggleHeaderBg = ()=>{
    if(window.scrollY > 10){ header?.classList.add('scrolled'); }
    else { header?.classList.remove('scrolled'); }
  };
  toggleHeaderBg();
  window.addEventListener('scroll', toggleHeaderBg);
});
</script>

<style>
/* Хедер: прозрачный → сплошной при скролле */
.elementor-location-header { transition: background-color .25s, box-shadow .25s; }
.elementor-location-header.scrolled { 
  background: #0A3151; 
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

/* Активный пункт меню */
.elementor-nav-menu a.is-active {
  color: #fff !important;
  background: #D80000;
  border-radius: 8px;
}
.elementor-nav-menu a:hover { color:#fff; }

/* Плавная прокрутка по умолчанию (на случай внешних ссылок) */
html { scroll-behavior: smooth; }
</style>/* End custom CSS */