/* SA-SEARCH 2026-11-06: big search (home + category pages). One shared
   component with the header search: same endpoint, same resolver, same
   suggest wiring (see common/search.twig, saInitSuperavtoSearch). */
.sa-search-big-form {
  margin: 0;
}
.sa-search-big {
  background: #eaf4fa;
  border: 2px solid #0b6ea8;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 24px 0;
}
.sa-search-big-title {
  font-size: 15px;
  font-weight: 700;
  color: #10202f;
  margin-bottom: 10px;
}
.sa-search-big-title .fa {
  color: #0b6ea8;
  margin-right: 6px;
}
.sa-search-big-box {
  display: flex;
  width: 100%;
}
.sa-search-big-box input.form-control {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 54px;
  font-size: 18px;
  padding: 0 16px;
  border: 2px solid #0b6ea8;
  border-right: 0;
  border-radius: 8px 0 0 8px;
  background: #fff;
  box-shadow: none;
}
.sa-search-big-box input.form-control:focus {
  border-color: #0b6ea8;
  box-shadow: 0 0 0 3px rgba(11, 110, 168, 0.25);
  outline: none;
}
.sa-search-big-btn {
  flex: 0 0 auto;
  height: 54px;
  padding: 0 28px;
  font-size: 17px;
  font-weight: 700;
  color: #10202f;
  background: #f39c12;
  border: 2px solid #f39c12;
  border-radius: 0 8px 8px 0;
}
.sa-search-big-btn:hover,
.sa-search-big-btn:focus {
  color: #10202f;
  background: #e08e0b;
  border-color: #e08e0b;
}
.sa-search-big-btn .fa {
  margin-right: 6px;
}
.sa-search-big-hint {
  margin-top: 10px;
  font-size: 13px;
  color: #5a6b7a;
}
@media (max-width: 767px) {
  .sa-search-big {
    padding: 14px;
    margin: 16px 0;
  }
  .sa-search-big-box input.form-control {
    height: 48px;
    font-size: 16px;
  }
  .sa-search-big-btn {
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
  }
  .sa-search-big-title {
    font-size: 14px;
  }
}