@media (max-width:360px){
  body.home #about .wp-block-list li{ 
   white-space:normal; 
  }
}

@media (max-width: 576px) {
  #main h3, #main h1 {
    font-weight: bold;
    font-size: 1.25rem !important;
  }

  #main p.has-white-color {
     font-size: 0.8rem !important;
  }

  ul.svc-badges {
    display: none !important;
  }
}


/* ==== DESKTOP: выпадающее подменю тёмным ==== */
.ast-desktop .main-header-menu .sub-menu{
  background: rgba(15,23,42,.98);           /* тёмный фон */
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  padding: 6px 6px;
}
.ast-desktop .main-header-menu .sub-menu .menu-item > .menu-link{
  color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
}
.ast-desktop .main-header-menu .sub-menu .menu-item > .menu-link:hover,
.ast-desktop .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link{
  background: rgba(255,255,255,.08);
  color:#fff;
}
/* стрелочка-указатель у пунктов с подменю берёт цвет текста */
.ast-desktop .main-header-menu .menu-item-has-children > .menu-link:after{
  border-color: currentColor !important;
}

/* Если сверху включён прозрачный хедер — ссылки белыми на главной */
body.home.ast-theme-transparent-header .main-header-menu .menu-link{ color:#fff; }

/* ==== MOBILE: off-canvas (выпадающее меню) тёмным ==== */
.ast-header-break-point .ast-mobile-popup-drawer,
.ast-header-break-point .ast-mobile-popup-inner,
.ast-header-break-point .ast-mobile-popup-content{
  background: rgba(15,23,42,.98) !important;
}
.ast-header-break-point .ast-mobile-popup-drawer .main-header-menu .menu-item > a{
  color:#fff !important;
  border-radius:10px;
  padding:12px 14px;
}
.ast-header-break-point .ast-mobile-popup-drawer .main-header-menu .menu-item > a:hover{
  background: rgba(255,255,255,.08);
  color:#fff !important;
}
/* подменю внутри off-canvas — без белого фона, с лёгким разделением слева */
.ast-header-break-point .ast-mobile-popup-drawer .main-header-menu .sub-menu{
  background: transparent !important;
  border-left: 2px solid rgba(255,255,255,.12);
  margin-left:10px; padding-left:6px;
}
.ast-header-break-point .ast-mobile-popup-drawer .menu-item-has-children > .ast-menu-toggle svg{
  stroke: currentColor; fill: currentColor; color:#fff;   /* иконки раскрытия белые */
}
/* Полезно для переключателя языков в меню */
.ast-header-break-point .ast-mobile-popup-drawer .lang-item a{ color:#fff !important; }

/* ==== Оверлей под меню (ты уже добавлял, оставляю на всякий) ==== */
.ast-mobile-popup-overlay{
  background: rgba(15,23,42,.6) !important;
  backdrop-filter: blur(2px);
  opacity:1;
}
.ast-mobile-popup-drawer{ z-index:99999; }