/* =========================================================
   HERO MOBILE IMAGE HEIGHT FIX
   Уменьшаем высоту картинки с листами поликарбоната на мобильной версии
   ========================================================= */

@media (max-width: 640px) {
  body .pc-hero .pc-hero__image-wrap {
height: 140px !important;
max-height: 140px !important;
min-height: 140px !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  body .pc-hero .pc-hero__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .pc-hero .pc-hero__badge {
    bottom: 12px !important;
    right: 12px !important;
    padding: 8px 12px !important;
  }
}

/* Для очень узких экранов */
@media (max-width: 380px) {
  body .pc-hero .pc-hero__image-wrap {
    height: 190px !important;
    max-height: 190px !important;
    min-height: 190px !important;
  }
}



/* =========================================================
   HERO MOBILE PROMO REMOVE
   Убираем плашку "Акция" под картинкой и подтягиваем заголовок
   ========================================================= */

@media (max-width: 960px) {
  /* Убираем плашку Акция */
  body .pc-hero .pc-hero__promo {
    display: none !important;
  }

  /* Уменьшаем расстояние между картинкой и текстовой частью */
  body .pc-hero .pc-hero__inner {
    gap: 18px !important;
  }

  /* Картинка без лишнего нижнего отступа */
  body .pc-hero .pc-hero__visual,
  body .pc-hero .pc-hero__image-wrap {
    margin-bottom: 0 !important;
  }

  /* Заголовок ближе к изображению */
  body .pc-hero .pc-hero__title {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
  }
}

@media (max-width: 640px) {
  body .pc-hero .pc-hero__inner {
    gap: 14px !important;
  }

  body .pc-hero .pc-hero__title {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }
}
</style>