/* твой блок — оставляю как есть */
.section-search {
    position: relative;
    background-color: transparent;
    background-image: url("/assets/img/sp-search/sp-search.svg");
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: contain;
    width: 100%;
    height: 80px;
}
/* Адаптив: поджимаем фон на более узких экранах */
@media (max-width: 991.98px) {
    .section-search {
        background-position: right 0px center;
        background-size: contain;
        width: 100%;
        height: 100px;
    }
}
@media (max-width: 575.98px) {
    .section-search {
        background-position: right 0 center;
        background-size: contain;
        width: 100%;
        height: 70px;
    }
}

/* ===== ДОБАВКА: 3 колонки внутри section-search ===== */

/* форма занимает всю высоту секции и центрирует контент по вертикали */
.section-search .sp-search-3{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
}
.section-search .sp-search-3 .row{
  width:100%;
}

/* 1) Лейбл «Пошук» — по центру колонки */
.sp-search-label-wrap{
  height:44px;                 /* синхронизировано с input/кнопкой */
  display:flex;
  align-items:center;
  justify-content:center;
}
.sp-search-label{
  font-weight:700;
  color:#111;
  line-height:1;
  white-space:nowrap;
  margin-left: 30px;
}

/* 2) Поле ввода: белый фон, чёрный текст */
.sp-search-input-plain{
  height:44px;
  background:#fff;
  color:#000;
  border:1px solid #ced4da;
  padding:.5rem .75rem;
}
.sp-search-input-plain:focus{
  background:#fff;
  color:#000;
  box-shadow:none;
  border-color:#b6bec6;
}
.sp-search-input-plain::placeholder{ color:#6c757d; }

/* 3) Кнопка поиска — по высоте как инпут */
.sp-search-btn{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  background: var(--sp-dark-900, #2a2b2f);
  color:#fff;
  border:0;
}
.sp-search-btn:hover{ background:#1f2024; color:#fff; }

/* мелкий адаптив: слегка уменьшим высоту элементов в самой маленькой точке */
@media (max-width: 575.98px){
  .sp-search-label-wrap,
  .sp-search-input-plain,
  .sp-search-btn{ height:40px; }
}

/* Десктоп: по 5px между инпутом и кнопкой */
@media (min-width: 992px){
  .section-search .sp-search-3 .row{
    margin-left: -5px;   /* компенсируем внутренние паддинги колонок */
    margin-right: -5px;
  }
  /* 2-я и 3-я колонки (инпут и кнопка) получают по 5px */
  .section-search .sp-search-3 .row > div:nth-child(2),
  .section-search .sp-search-3 .row > div:nth-child(3){
    padding-left: 5px;
    padding-right: 5px;
  }
}