/* Start:/zarabatyvay-s-nami/style.css?17658005063020*/
/* ОБЩАЯ ОБЁРТКА СТРАНИЦЫ */
.rabota-page {
  width: 100%;
}

/* ОТДЕЛЬНЫЙ БЛОК-ЭКРАН (SECTION) */
.rabota-section {
  width: 100%;
  margin-top: 30px;
}

/* КРАСНАЯ ПОЛОСА С ЗАГОЛОВКОМ */
.title-wrapper {
  width: 100%;
  padding: 18px 0;
  background-color: #E31E24;
}

.rabota__title {
  margin: 0 auto;
  max-width: 720px;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
}

/* КЛИКАБЕЛЬНЫЙ БАННЕР (ссылка на весь блок) */
.rabota-banner {
  position: relative;
  display: block;
  width: 100%;
  min-height: 260px;

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  text-decoration: none;
  outline: none;
}

/* лёгкий hover-эффект, чтобы было понятно, что кликабельно */
.rabota-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background 0.25s ease;
}

.rabota-banner:hover::after {
  background: rgba(0,0,0,0.12);
}

.rabota-banner:focus-visible {
  outline: 3px solid rgba(227, 30, 36, 0.7);
  outline-offset: 2px;
}

/* ВАЖНО: КОНКРЕТНЫЕ ФОНЫ */
.franshiza__header {
  background-image: url("/zarabatyvay-s-nami/img/31.png");
}

.dezigners__section {
  background-image: url("/zarabatyvay-s-nami/img/1.png");
}

.montajnik__section {
  background-image: url("/zarabatyvay-s-nami/img/3.png");
}

/* если для региона нет ссылки — делаем некликабельным */
.is-disabled {
  pointer-events: none;
  cursor: default;
}

.is-disabled::after {
  background: rgba(0,0,0,0.06);
}

/* ДЛЯ ДЕСКТОПА ПОДГОНЯЕМ ПОД 1024x410 */
@media (min-width: 1024px) {
  .rabota-banner {
    height: 410px; /* под твой размер картинок */
    min-height: 410px;
  }
}

/* МОБИЛЬНАЯ АДАПТАЦИЯ: баннер целиком, без обрезки */
@media (max-width: 767px) {
  .title-wrapper {
    padding: 12px 0;
  }

  .rabota__title {
    padding: 0 15px;
    font-size: 20px;
  }

  .rabota-banner {
    width: 100%;
    /* показываем всю картинку, а не "cover" (который режет) */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    /* фиксируем пропорции под 1024x410 */
    aspect-ratio: 1024 / 410;

    /* убираем ограничения, которые мешают */
    height: auto;
    min-height: 0;

    /* если появятся поля по бокам/сверху — будет аккуратный фон */
    background-color: #fff;
  }

  /* fallback для браузеров без aspect-ratio */
  @supports not (aspect-ratio: 1 / 1) {
    .rabota-banner::before {
      content: "";
      display: block;
      padding-top: 40.039%; /* 410 / 1024 * 100 */
    }
  }
}

/* End */
/* /zarabatyvay-s-nami/style.css?17658005063020 */