/* ----- Блок баннера ----- */
.service-banner{
  position:relative;
  width:100%;
  overflow:hidden;            /* контент не «вылезет» */
  /* старые padding+height больше не нужны */
}

/* Само изображение на заднем плане */
.banner-bg{
  display:block;              /* убираем пробелы от inline‑элементов */
  width:100%;                 /* всегда на всю ширину окна */
  height:auto;                /* пропорции сохраняются */
  object-fit:contain;         /* гарантируем, что ничего не обрежется
                                 даже если кто‑то задаст height */
}

/* Полупрозрачная плёнка с текстом */
.banner-overlay{
  position:absolute;
  inset:0;                    /* top/right/bottom/left:0 */
  background:rgba(0,0,0,.4);

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;

  padding:60px 20px;          /* оставляем те же внутренние отступы */
  color:#fff;
}

/* Типографика и кнопка остаются без изменений */
.banner-content h1{
  font-size:2rem;
  margin-bottom:1rem;
}
@media(max-width:768px){
  .banner-content h1{font-size:1.5rem;}
}
.banner-content p{
  max-width:600px;
  margin:0 auto 1.5rem;
  font-size:1.125rem;
}

.banner-btn{
  display:inline-block;
  text-decoration:none;
  padding:10px 20px;
  background:#F8B69D;
  color:#fff;
  border-radius:4px;
}
