/* Стили для sticky footer */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.pb-wrapper {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.main-content {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}
        /* --- Сетка преимуществ (Иконки) --- */
        .features-grid {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap; /* Чтобы переносилось на моб. */
        }

        .feature-item {
            display: flex;
            align-items: center;
            gap: 12px;
            text-align: left;
        }

        .feature-icon-box {
            width: 48px;
            height: 48px;
            background: #fff;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Легкая тень для объема */
            flex-shrink: 0;
        }

        .feature-icon {
            width: 24px;
            height: 24px;
            fill: #d32f2f; /* Акцентный цвет (красный/оранжевый) */
        }

        .feature-text {
            font-size: 14px;
            font-weight: 600;
            color: #444;
            line-height: 1.3;
        }
        
        .feature-sub {
            font-size: 12px;
            font-weight: 400;
            color: #888;
            display: block;
        }

        /* Адаптив для мобильных */
        @media (max-width: 600px) {
            .search-title { font-size: 24px; }
            .search-subtitle { font-size: 15px; }
            .features-grid { flex-direction: column; align-items: flex-start; gap: 15px; padding-left: 20px;}
        }
  /* Контейнер для двух видео */
  .video-row {
    display: flex;
    width: 100%;
    height: 505px;
    gap: 10px;
  }

  /* Первый блок - 70% */
  .video-box.main {
    flex: 0 0 70%;
  }

  /* Второй блок - оставшееся место */
  .video-box.side {
    flex: 1;
  }

  /* Стили для самого iframe */
  .video-box iframe {
    width: 100%;
    height: 100%;
  }

  /* АДАПТИВНОСТЬ */
  @media (max-width: 768px) {
    .video-row {
      flex-direction: column;
      height: auto;
    }
    .video-box.main,
    .video-box.side {
      width: 100%;
      height: 300px;
    }
  }
  .container{
    margin-top: 3em;
  }