@media (max-width: 1100px) {

  /* бургер */
  .burger {
    display: block !important;
    position: relative;
    z-index: 3000;
  }

  /* ===== FULLSCREEN MENU CONTAINER ===== */
  .subnav-list {
    display: none !important;

    position: fixed;
    top: 15px;
    left: 0 !important;
    right: 0;
    bottom: 0;

    width: 100vw;           /* 🔥 НА ВСЮ ШИРИНУ */
    max-width: none;        /* ❌ ніяких обмежень */

    background: #fff;
    flex-direction: column;

    padding: 0 !important;             /* важливо */
    margin: 0 !important;

    z-index: 2000;
    overflow-y: auto;

     
  }

  .subnav-list.active {
    display: flex !important;
  }

  /* ===== ПУНКТИ МЕНЮ ===== */
  .subnav-list li {
    width: 100%;
  }

  .subnav-list a {
    display: block;
    width: 100%;

    padding: 14px 24px;     /* як у VFS */
    font-size: 16px;
    font-weight: 400;

    color: #0b2d4b;
    background: #fff;

    border-bottom: 1px solid #e6e9ed;
  }

  .subnav-list li:last-child a {
    border-bottom: none;
  }

  /* активний пункт */
  .subnav-list a.active {
    background: #e65c1c;
    color: #fff;
  }

  /* прибираємо desktop-ефекти */
  .subnav-list::before,
  .subnav-list a::before,
  .subnav-list a.active::after {
    display: none !important;
  }

  body.menu-open #pageContent {
    opacity: 0;
  pointer-events: none;


}

body.menu-open {
  overflow: hidden;
}

#pageContent {
  transition: opacity 0.25s ease;
}

 body.menu-open footer {
  display: none;
}

body.menu-open .chat-widget {
  display: none;
}

.subnav-inner{
  padding: 0 0 !important;
}

html,
body {
  height: 100%;
}

body.menu-open {
  overflow: hidden;
  height: 100vh;
}

.subnav-list {
  min-height: 100vh;
}

.news{
  margin-top: 200px;
}

}

@media (max-width: 700px) {
  .account-link{
    padding-left: 60px;
  }

  .news{
  margin-top: 300px;
}

.footer-copy-login{
  font-size: 14px !important;
  margin-bottom: 15px;
}

.footer-link-login{
  font-size: 16px !important;
}

.foot-lang-select{
  margin-left: 40px;
}

h1 {
    font-size: 38px !important;
  }

  h2 {
    font-size: 28px !important;
  }

p{
  font-size: 16px !important;
}

.track-inner{
  padding-left: 5% !important;
}

.support-inner{
  padding: 0 20px !important;
}

.hmpo-inner{
   padding: 0 20px !important;
}

.obc-inner{
  padding: 0 20px !important;
}

.faq-inner{
  padding: 0 20px !important;
}

.refund-inner{
  padding: 0 20px !important;
}

.news-inner{
   padding: 0 30px !important;
}

.about-inner{
  padding: 0 20px !important;
}

.contact-container{
  padding-left: 5% !important;
}

.terms-page{
  padding-left: 5% !important;
}

.cookie-policy{
  padding-left: 0 !important;
  margin: 40px 20px !important;
}

.privacy-inner{
  padding: 0 20px !important;
}

}


@media (max-width: 560px) {
  .lang-select{
    display: none;
  }

  .account-link{
    padding-left: 40px;
  }

  .logo img {
  width: 140px;   /* або будь-який розмір */
  height: auto;   /* ОБОВʼЯЗКОВО */
}

  .news{
  margin-top: 700px;
}


}