@media screen and (max-width: 1536px){
	
}

@media screen and (max-width: 1280px){
	
}

@media screen and (max-width: 1024px){
	.site-frame{ padding-top: 80px; }
  .layout{ grid-template-columns: 1fr; }

  section{
    padding: 32px 0;
  }

  .burger {
    display: flex;
    margin-left: 15px;
    flex-shrink: 0;
  }
  .main-header__nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 100px 30px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px);
  }

  .is-menu-open .main-header__nav {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }

  .menu--main {
    flex-direction: column;
    gap: 20px;
    list-style: none;
    padding: 0;
  }

  .menu--main a { font-size: 24px; font-weight: 700; text-decoration: none; color: inherit; }
  .menu--main .sub-menu { padding-left: 20px; list-style: none; margin-top: 10px; }
  .menu--main .sub-menu a { font-size: 18px; opacity: 0.8; }

  .hero-slider {
    height: auto;
  }
  .hero-slide {
    min-height: auto;
    padding: 32px 0;
    background-image: var(--bg-mob);
  }
  .hero-slide__content {
    flex-direction: column;
    text-align: center;
    gap: 30px;
    padding: 0;
  }
  .hero-slide__left, 
  .hero-slide__right {
    flex: 0 0 100%;
    width: 100%;
  }
  .hero-slide__left {
    align-items: center;
    text-align: center;
    order: 1;
    min-height: 500px;
  }
  .hero-slide__right { order: 2; flex: 0 0 auto; margin-top: 30px; }
  .hero-slide__text { min-width: 100%; margin-left: auto; margin-right: auto; font-weight: 400; }
  .hero-slide__actions { justify-content: center; }
  

  /* Бургер-меню 1. Скрываем элементы, которые уходят в бургер */
  .top-bar, 
  .main-header__nav, 
  .header-search { 
      display: none; 
  }

  /* 2. Перестраиваем основную панель в одну линию */
  .site-header {
      padding: 10px 0;
  }

  .site-header__inner {
      display: flex;
      flex-direction: row; /* Прямой порядок элементов */
      align-items: center;
      justify-content: space-between;
  }

  .site-header__navigation-wrapper {
      flex-grow: 1; /* Обертка занимает всё пространство */
  }

  .main-header {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* Настройка отступов для кнопок связи */
  .header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
  }
  .footer-widgets--cols-4 .footer-widgets__inner { grid-template-columns: repeat(2, 1fr); }

  .home-about__container {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
  .home-about__image {
    max-width: 350px;
    min-width: unset;
    width: 100%;
  }
  .home-about__description {
    font-size: 16px;
  }

  .card__content{
    padding: 16px 12px;
    gap: 16px;
  }

  .section__header,
  .section__footer,
  .section-problems .section__footer {
    gap: 16px;
  }

  .section__header .section__title,
  .section__footer .section__title{
    font-size: 24px;
  }
}

@media screen and (max-width: 768px){
  .main-header__branding{
    flex: 1 1 auto;
  }
  footer .contact-list{
    /* flex-direction: row; */
  }
  footer .u-hide-mobile {
      display: block;
  }
  .u-hide-mobile {
      display: none;
  }
  .site-text{
    display: none;
  }
  footer .site-text{
    display: block;
  }

  .logo-box {
    width: 38px;
    height: 38px;
  }

  .header-actions {
      gap: 12px;
  }
  .navigation-drawer .site-text{
    display: block;
  }

  .posts-list .entry--loop {
    flex-direction: column;
    gap: 15px;
  }
  .posts-list .post-thumbnail {
    width: 100%;
  }

  .footer-widgets--cols-3 .footer-widgets__inner { grid-template-columns: repeat(2, 1fr); }

  .cookie-banner__container {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .f_50 { width: 100%; }
  .modal-content { padding: 30px 20px; }

  .home-posts__footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .home-posts .js-posts-scrollbar {
    width: 100%;
  }

  .hero-slide__actions,
  .btn{
    width: 100%;
  }
  .hero-slide__actions .btn--primary{
    background: var(--c-secondary);
    color: #000;
  }
  .hero-slide__actions .btn--primary:hover{
    background: var(--c-secondary-hover);
  }
  .hero-slide__actions .btn--secondary{
    background: var(--c-primary);
    color: var(--c-text-light);
  }
  .hero-slide__actions .btn--secondary:hover{
    background: var(--c-primary-hover);
  }
  
}

@media screen and (max-width: 640px){
  .footer-widgets--cols-2 .footer-widgets__inner { grid-template-columns: repeat(1, 1fr); }
  .footer-widgets--cols-3 .footer-widgets__inner { grid-template-columns: repeat(1, 1fr); }
	.footer-widgets--cols-4 .footer-widgets__inner { grid-template-columns: repeat(1, 1fr); }
  .niches-cards__grid,
  #uni-section-1 .uni-cards__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  

  .niches-card {
    max-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .uni-cards__grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 390px){
	
}