.lh-25 {
     line-height: 2;
   }

   body {
     overflow-y: scroll;
     scrollbar-gutter: stable both-edges;
   }

   /* 💠 4. PROMO-карточки (список статей/видео)
      ------------------------------------------------- */
   .promo-cards {
     .card {
       transition: transform .2s ease;
     }

     .card:hover {
       transform: translateY(-4px);
     }

     .card-title {
       font-size: 1rem;
       line-height: 1.3;
     }
   }

   /* 5. HEADER (основная шапка)
      ------------------------------------------------- */
   .main-header__box {
       gap: 14px;
       padding-top: 20px;
       padding-bottom: 20px;
   }

   .main-header__button-icon-slot {
       height: 100%;
       aspect-ratio: 1 / 1;
   }

   .main-header__logo {
       margin-right: 8px;
   }

   .main-header__geo .main-header__button {
       --bs-btn-padding-x: 0;
       --bs-btn-padding-y: 0;
       --bs-btn-border-width: 0px;

       height: 24px;
   }

   .main-header__geo .main-header__button .main-header__button-text{
       margin-right: 4px;
   }

   .main-header__geo .main-header__button-icon-slot {
       transform: rotate(180deg);
   }

   .main-header__box-info {
       height: 36px;
   }

   .main-header__box-actions {
       height: 32px;
   }

   .main-header__box-info,
   .main-header__box-actions,
   .main-header__box-buttons {
       gap: 12px;
   }

   .main-header__phone-number {
       font-size: 12px;
       line-height: 12px;
       transition: color 0.15s ease-in-out;
   }

   .main-header__search {
       width: 100%;
       position: relative;
   }

   .main-header__search-icon-slot {
       position: absolute;
       height: 24px;
       aspect-ratio: 1 / 1;
       top: 50%;
       transform: translateY(-50%);
       left: 10px;
   }

   .main-header__search input[type="search"] {
       height: 100%;
       padding-left: 38px;
       font-size: 10px;
       color: #222222;
       background-color: #F4F3EF;
       border-color: #F4F3EF;
       transition:
           background-color 0.15s ease-in-out,
           border-color 0.15s ease-in-out;

   }

   .main-header__search input[type="search"]::placeholder {
       color: #B9B9B9;
   }

   .main-header__search input[type="search"]:focus {
       box-shadow: none;
       background-color: #ECEAE4;
       border-color: #ECEAE4;
   }

   .main-header__button--geo {
       transition: color 0.15s ease-in-out;
   }

   .main-header__button--geo:hover,
   .main-header__button--geo:focus,
   .main-header__button--geo:focus-visible {
       --main-header-icon-horizontal-arrow-color: #222222;

       color: var(--bs-link-hover-color-rgb);
   }

   #main-header__icon-horizontal-arrow,
   #main-header__icon-burger {
       transition: stroke 0.15s ease-in-out;
   }

   .main-header__button-burger:hover,
   .main-header__button-burger:focus,
   .main-header__button-burger:focus-visible{
       --main-header-icon-burger-color: var(--bs-link-hover-color-rgb);
   }

   @media (min-width: 992px) {
       .main-header__box-actions {
           max-width: 50%;
       }
   }

   @media (min-width: 1200px) {
       .main-header__box-info,
       .main-header__box-actions,
       .main-header__box-buttons {
           gap: 20px;
       }

       .main-header__phone-number {
           font-size: 16px;
           line-height: 16px;
       }

       .main-header__box-actions {
           height: 43px;
       }

       .main-header__logo {
           margin-right: 4px;
       }

       .main-header__search input[type="search"] {
           font-size: 14px;
           padding-left: 52px;
       }

       .main-header__search-icon-slot {
           height: 32px;
           left: 12px;
       }
   }

   @media (min-width: 1800px) {
       .main-header__box-info {
           height: 51px;
       }
       .main-header__phone-number {
           font-size: 20px;
           line-height: 20px;
       }
       .main-header__box-actions {
           height: 54px;
       }

       .main-header__logo {
           margin-right: 12px;
       }

       .main-header__search input[type="search"] {
           font-size: 16px;
       }
   }

   .site-footer {
     a {
       transition: .15s;

       &:hover {
         color: #fff;
         text-decoration: none;
       }
     }

     h6 {
       font-size: .75rem;
       letter-spacing: .05em;
     }

     .lh-25 li {
       line-height: 2;
     }
   }

   /* водяной знак — как прежде */
   .has-bg {
     position: relative;
     overflow: hidden;
     /* background: url('./images/footer.svg') center calc(100% - 100px) / 90% no-repeat; */

   }

   /* сетка контактов + горячая линия */
   .contacts-grid {
     --bs-gutter-y: 1.5rem;
   }

   .hotline-box {
     text-align: center;
   }

   @media (min-width: 768px) {
     .hotline-box {
       text-align: left;
     }
   }

   /* 💠 7. OFF-CANVAS (бургер-меню справа)
   ------------------------------------------------- */
   /* overlay-затемнение */
   #burgerOverlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, .55);
     backdrop-filter: blur(2px);
     opacity: 0;
     visibility: hidden;
     transition: opacity .3s;
     z-index: 1040;
   }

   /* сам ящик-drawer */
   #burgerDrawer {
     position: fixed;
     top: 0;
     right: 0;
     width: 480px;
     max-width: 100%;
     height: 100vh;
     background: #fff;
     transform: translateX(100%);
     transition: transform .35s cubic-bezier(.4, 0, .2, 1);
     z-index: 1050;
     overflow-y: auto;
     box-shadow: -4px 0 20px rgba(0, 0, 0, .15);

     .drawer-inner {
       padding: 2.5rem 3rem;
     }

     /* водяной знак */
     .drawer-watermark {
       position: absolute;
       bottom: 20px;
       width: 80%;
       opacity: .05;
       pointer-events: none;
     }

     /* ссылки меню */
     .burger-nav a {
       display: block;
       font-size: 1.75rem;
       font-weight: 500;
       padding: .6rem 0;

     }
   }

   /* активное состояние */
   body.drawer-open {
     #burgerOverlay {
       opacity: 1;
       visibility: visible;
     }

     #burgerDrawer {
       transform: translateX(0);
     }
   }

   /* на XS-экран весь drawer занимает ширину */
   @media (max-width: 575.98px) {
     #burgerDrawer {
       width: 100%;
     }
   }

   .site-footer {
    background-color: var(--bs-dark);
   }

  .footer-img {
      display: flex;
      width: 100%;
  }
  .footer-small-title {
    color: #ffffff50;
        display: block;
  }

.main-header .count {
    margin-right: 10px;
}
.main-header .compare {
    border: 1px solid #d1d1d1;
}