/* ═══════════════════════════════════════
   HEADER
═══════════════════════════════════════ */
.site-header{position:sticky;top:0;z-index:100;background:rgba(245,247,251,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-divider)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:72px}
.site-branding{display:flex;align-items:center}
.site-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}
.site-logo__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}
.site-logo__mark svg{width:28px;height:28px}
.site-logo__text{display:flex;flex-direction:column;line-height:1.15}
.site-logo__text strong{font-size:1rem;font-family:var(--font-display)}
.site-logo__text small{font-size:.75rem;color:var(--color-text-muted)}
.main-nav{display:flex;align-items:center}
.main-nav__list{display:flex;gap:var(--space-5);list-style:none}
.main-nav__list a{text-decoration:none;color:var(--color-text-muted);font-weight:500;font-size:var(--text-sm);padding:var(--space-2) 0}
.main-nav__list a:hover{color:var(--color-primary)}
.site-header__actions{display:flex;align-items:center;gap:var(--space-3)}

/* Десктоп поиск — одна строка, без лишних кнопок */
.desktop-search-form{display:flex}
.desktop-search-wrap{position:relative;display:flex;align-items:center}
.desktop-search-input{padding:var(--space-2) var(--space-10) var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);width:200px;transition:width .3s ease,border-color var(--transition)}
.desktop-search-input:focus{border-color:var(--color-primary);width:260px}
.desktop-search-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:grid;place-items:center}
.desktop-search-btn:hover{color:var(--color-primary)}

/* Mobile toggle */
.mobile-menu-toggle{display:none;padding:.65rem .9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm)}
.mobile-menu{display:none;padding-bottom:var(--space-4);border-top:1px solid var(--color-divider)}
.mobile-menu.is-open{display:block}
.mobile-menu__list{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);list-style:none}
.mobile-menu__list a{text-decoration:none;color:var(--color-text-muted);font-weight:500;padding:var(--space-2) 0;display:block}
.mobile-menu__list a:hover{color:var(--color-primary)}
.mobile-search-form{display:flex;gap:var(--space-2);padding:var(--space-4) 0 0}
.mobile-search-form input{flex:1}

/* ═══════════════════════════════════════
   BREADCRUMBS
═══════════════════════════════════════ */
.breadcrumbs{padding:var(--space-2) 0;background:var(--color-surface-2);border-bottom:1px solid var(--color-divider)}
.breadcrumbs__list{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);list-style:none}
.breadcrumbs__list li{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted)}
.breadcrumbs__list li+li::before{content:"›";color:var(--color-text-faint)}
.breadcrumbs__list a{text-decoration:none;color:var(--color-text-muted)}
.breadcrumbs__list a:hover{color:var(--color-primary)}
.breadcrumbs__list li[aria-current=page]{color:var(--color-text)}

/* ═══════════════════════════════════════
   HERO
═══════════════════════════════════════ */
.hero__grid{display:grid;grid-template-columns:1.25fr .85fr;gap:var(--space-10);align-items:center}
.hero__title{font-size:var(--text-2xl);font-weight:800;line-height:1.05;margin:var(--space-4) 0 var(--space-5)}
.hero__title span{color:var(--color-primary)}
.hero__desc{max-width:58ch;color:var(--color-text-muted);font-size:var(--text-base)}
.hero__actions{margin:var(--space-8) 0}
.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);list-style:none;margin-top:var(--space-8)}
.hero__stats li{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(26,35,64,.08)}
.hero__stats strong{display:block;font-size:var(--text-lg);font-family:var(--font-display)}
.hero__stats span{color:var(--color-text-muted);font-size:var(--text-sm)}
.hero__panel{padding:var(--space-8);background:linear-gradient(160deg,var(--color-surface) 60%,var(--color-primary-light))}
.hero-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}
.hero-card__top h2{font-size:var(--text-lg)}
.hero-card__steps{display:grid;gap:var(--space-4)}
.hero-step{display:grid;grid-template-columns:40px 1fr;gap:var(--space-4);align-items:flex-start;padding:var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-lg)}
.hero-step__num{width:40px;height:40px;display:grid;place-items:center;background:var(--color-primary);color:#fff;border-radius:12px;font-weight:700;font-family:var(--font-display);flex-shrink:0}

/* ═══════════════════════════════════════
   SERVICE SEARCH (как в v1 — полная ширина)
═══════════════════════════════════════ */
.search-service{padding:clamp(var(--space-8),5vw,var(--space-12));overflow:visible}
.search-service__header{margin-bottom:var(--space-8)}
.search-service__header .section-title{margin-bottom:var(--space-2)}
.service-search-form{display:flex;gap:var(--space-4);align-items:flex-start;overflow:visible}
.service-search-form__field{position:relative;flex:1;overflow:visible}
.service-search-input{font-size:var(--text-base)}
/* Dropdown — над всем */
.service-search-results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;min-width:100%;background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:none;overflow:hidden;z-index:500;max-height:300px;overflow-y:auto}
.service-search-results.is-open{display:block}
.service-search-result{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);text-decoration:none}
.service-search-result:last-child{border-bottom:none}
.service-search-result:hover,.service-search-result:focus{background:var(--color-primary-light);color:var(--color-primary);outline:none}
.service-search-result mark{background:none;color:var(--color-primary);font-weight:600}
.service-search-noresult{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}

/* ═══════════════════════════════════════
   SPLIT / РАЗБЕРЁМСЯ ВМЕСТЕ
═══════════════════════════════════════ */
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start}
.split-cards{display:grid;gap:var(--space-4)}
.info-card{padding:var(--space-6)}
.info-card h3{margin-bottom:var(--space-3);font-size:var(--text-base)}
.info-card p{color:var(--color-text-muted);font-size:var(--text-sm)}

/* ═══════════════════════════════════════
   HOW IT WORKS
═══════════════════════════════════════ */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.how-card{padding:var(--space-6);display:grid;gap:var(--space-4)}
.how-card__num{width:44px;height:44px;display:grid;place-items:center;background:var(--color-primary);color:#fff;border-radius:14px;font-weight:700;font-family:var(--font-display);font-size:var(--text-base)}
.how-card h3{font-size:var(--text-base);margin-top:0}
.how-card p{color:var(--color-text-muted);font-size:var(--text-sm)}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
.site-footer{margin-top:var(--space-20);padding:var(--space-16) 0 var(--space-8);background:var(--color-surface-2);border-top:1px solid var(--color-divider)}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-8)}
.site-footer__text{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-4);line-height:1.7;max-width:none}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--color-divider);font-size:var(--text-sm);color:var(--color-text-muted)}
.footer-widget__title{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-4)}
.footer-widget ul{list-style:none;display:grid;gap:var(--space-2)}
.footer-widget a{text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm)}
.footer-widget a:hover{color:var(--color-primary)}
.footer-nav{display:flex;gap:var(--space-5);list-style:none}
.footer-nav a{text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm)}
.footer-nav a:hover{color:var(--color-primary)}

/* ═══════════════════════════════════════
   МОБИЛЬНОЕ НИЖНЕЕ МЕНЮ (Apple Glass стиль)
═══════════════════════════════════════ */
.mobile-bottom-nav{display:none}
@media(max-width:768px){
  .mobile-bottom-nav{
    display:flex;
    position:fixed;
    bottom:var(--space-3);
    left:var(--space-3);
    right:var(--space-3);
    z-index:999;
    background:rgba(255,255,255,0.78);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border:1px solid rgba(255,255,255,0.6);
    border-radius:var(--radius-xl);
    padding:var(--space-2) var(--space-2);
    gap:0;
    box-shadow:0 8px 32px rgba(26,35,64,.18),0 2px 8px rgba(26,35,64,.1);
    width:auto;
  }
  .mobile-bottom-nav__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    padding:var(--space-2) var(--space-3);
    border-radius:var(--radius-full);
    text-decoration:none;
    color:var(--color-text-muted);
    font-size:.65rem;
    font-weight:600;
    letter-spacing:.02em;
    flex:1;
    min-width:0;
    transition:background var(--transition),color var(--transition);
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-bottom-nav__item svg{
    width:22px;height:22px;flex-shrink:0;
    stroke:currentColor;
    transition:stroke var(--transition);
  }
  .mobile-bottom-nav__item:hover,
  .mobile-bottom-nav__item.is-active{
    background:rgba(0,85,165,.1);
    color:var(--color-primary);
  }
  .mobile-bottom-nav__item span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:72px;
  }
  /* отступ снизу чтобы контент не уходил под меню */
  body{padding-bottom:80px}
}

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:1024px){
  .hero__grid,.split-grid,.site-footer__grid{grid-template-columns:1fr}
  .how-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .main-nav,.desktop-search-form{display:none}
  .mobile-menu-toggle{display:flex;align-items:center;justify-content:center}
  .hero__stats,.how-grid{grid-template-columns:1fr}
  .site-footer__bottom{flex-direction:column;align-items:flex-start}
  .site-footer__grid{grid-template-columns:1fr}
  .service-search-form{flex-direction:column}
  .site-logo__text small{display:none}
}