:root{
    --brand: #1e9e6e;
    --brand-dark:#167b55;
    --glass-bg: rgba(255,255,255,.14);
    --glass-border: rgba(255,255,255,.26);
    --color_green:#50a46e;
    --color_white:#fff;
    --brand-200:#50a46e;
    --card-br:#e6ece9;
    --card-radius: 22px;
    --card-shadow: 0 18px 40px rgba(0,0,0,.08);
    --text-main: #234a32;
    --glass-light-bg: rgba(255,255,255,.12);
    --glass-light-br: rgba(255,255,255,.25);
    --glass-dark-bg: rgba(0,0,0,.40);
    --glass-dark-br: rgba(255,255,255,.14);
  }
  
    /* типографика */
  body{
    font-family: "Montserrat", sans-serif;
    margin:0;
  }
  
  h1, h2, h3, h4, h5, h6 {letter-spacing: 0.15rem;font-family: "Montserrat", sans-serif;}
  p, a, li {letter-spacing: 0.05rem;font-family: "Montserrat", sans-serif;}
  h1 { font-size: clamp(2rem, 3vw + 1rem, 2.5rem); }
  h2 { font-size: clamp(1.5rem, 2.5vw + 0.8rem, 2.3rem);}
  h3 { font-size: clamp(1.2rem, 2vw + 0.6rem, 1.3rem); }
  h4 { font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem); }
  h5 { font-size: clamp(0.9rem, 2vw + 0.4rem, 1rem); }
  h6 { font-size: clamp(0.85rem, 1.5vw + 0.35rem, 1rem); }
  p, li, a { font-size: clamp(0.7rem, 0.6vw + 0.8rem, 1rem); }
  .nav-link { font-size: clamp(0.7rem, 0.6vw + 0.8rem, 1rem); }
  
      /* адаптивный внутренний отступ секции */
  .fluid-p{padding: 5rem 5rem;}
  .fluid-p0{padding: 0 5rem;}
  .fluid-p5b{padding: 0rem 5rem 2.5rem 5rem;}
  
  .btn-brand{background:var(--brand);color:#fff}
  .btn-brand:hover{background:var(--brand-dark);color:#fff}
  .text-brand{color:var(--brand)}
  .shadow-soft{box-shadow:0 10px 25px rgba(0,0,0,.08)}
  
    /* === NAVBAR GLASS === */
  .navbar {
    padding: 0 5rem;
    transition: background .3s ease, box-shadow .3s ease;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.45);
    height: 60px;
  }    
 
  .glass-chip{
    background: rgba(255,255,255,.40);
    border: 1px solid rgba(255,255,255,.25);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    transition: background .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;
  }
  .navbar.navbar--dark .glass-chip{
  background: var(--glass-dark-bg);
  border-color: var(--glass-dark-br);
}

  /* Меню: капсула + ссылки */
  .menu-pill{ }
  .menu-pill .nav-link{
  color:#fff !important;
  padding:.25rem 1.25rem;  
  line-height:.6;
  border-radius:999px;
  transition: background .25s ease, text-shadow .25s ease;
  letter-spacing:.04em;
}
  .menu-pill .nav-link:hover{
  background: rgba(255,255,255,.22);
  text-shadow: 0 0 6px rgba(255,255,255,.6);
}
  .navbar.navbar--dark .menu-pill .nav-link:hover{
  background: rgba(255,255,255,.15);
}
  
  
  /* Телефон — те же размеры, что и пункт меню */
  .phone-btn{
  color:#fff !important;
  padding: .25rem 1.25rem;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(80, 164, 110, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(80, 164, 110, 0.35);
  border-radius: 1.2rem;
  box-shadow: 0 4px 10px rgba(80, 164, 110, 0.15);
  font-weight: 600;
  transition: all .3s ease;


}
  .phone-btn:hover{
  background: rgba(255,255,255,.22);   /* такое же наведение, как у меню */
}
  .navbar.navbar--dark .phone-btn:hover{
  background: rgba(255,255,255,.15);
}

  .breadcrumbs{ margin: 0 18px; padding: 0 5rem; }
  .breadcrumbs__list{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
  .breadcrumbs__item{ display:flex; align-items:center; }
  .breadcrumbs__link{ color:#234a32; text-decoration:none; font-weight:400; opacity:.85; }
  .breadcrumbs__link:hover{ opacity:1; text-decoration:none; }
  .breadcrumbs__current{ color:#234a32; font-weight:800; }
  .breadcrumbs__sep{ color:#234a32; opacity:.35; font-weight:700; }