/* RC2.4A — Home 2 Search + Categories Side by Side
   Escopo exclusivo da home-2.php
*/

.mo-home-2-search-categories {
  position: relative;
  z-index: 24;
  width: min(1320px, calc(100% - 72px));
  margin: -56px auto 56px;
}

.mo-home-2-search-categories,
.mo-home-2-search-categories * {
  box-sizing: border-box;
}

.mo-home-2-search-categories__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr);
  gap: 22px;
  align-items: stretch;
}

/* Neutraliza margem/largura própria dos módulos dentro da home-2 */
.mo-home-2-search-categories .mo-search-clean,
.mo-home-2-search-categories .mo-search-band-v2,
.mo-home-2-search-categories .mo-search-band,
.mo-home-2-search-categories .mo-categories-modern,
.mo-home-2-search-categories .mo-categories-band-v2,
.mo-home-2-search-categories .mo-categories-band {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.mo-home-2-search-categories .mo-search-clean__shell,
.mo-home-2-search-categories .mo-search-shell-v2,
.mo-home-2-search-categories .mo-search-shell,
.mo-home-2-search-categories .mo-categories-modern__shell,
.mo-home-2-search-categories .mo-categories-shell-v2,
.mo-home-2-search-categories .mo-categories-shell {
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  border-radius: 30px;
}

/* Busca no formato painel vertical */
.mo-home-2-search-categories .mo-search-clean__form,
.mo-home-2-search-categories .mo-search-form-v2,
.mo-home-2-search-categories .mo-search-inline-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.mo-home-2-search-categories .mo-search-clean__field--keyword,
.mo-home-2-search-categories .mo-search-input-v2--keyword,
.mo-home-2-search-categories .mo-search-control--keyword {
  grid-column: 1 / -1 !important;
}

.mo-home-2-search-categories .mo-search-clean__submit,
.mo-home-2-search-categories .mo-search-submit-v2,
.mo-home-2-search-categories .mo-search-inline-submit {
  grid-column: 1 / -1 !important;
}

/* Categorias compactas para caber ao lado */
.mo-home-2-search-categories .mo-categories-modern__head,
.mo-home-2-search-categories .mo-categories-head-v2 {
  margin-bottom: 18px;
}

.mo-home-2-search-categories .mo-categories-modern__head {
  flex-direction: column;
  gap: 14px;
}

.mo-home-2-search-categories .mo-categories-modern__head h2,
.mo-home-2-search-categories .mo-categories-head-v2 h2 {
  font-size: clamp(24px, 2.3vw, 34px);
}

.mo-home-2-search-categories .mo-categories-modern__head p,
.mo-home-2-search-categories .mo-categories-head-v2 p {
  font-size: 14px;
}

.mo-home-2-search-categories .mo-categories-modern__view-all {
  width: 100%;
}

.mo-home-2-search-categories .mo-categories-modern__grid,
.mo-home-2-search-categories .mo-categories-grid-v2,
.mo-home-2-search-categories .mo-categories-grid-two-rows {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.mo-home-2-search-categories .mo-category-modern-card,
.mo-home-2-search-categories .mo-category-card-v2,
.mo-home-2-search-categories .mo-category-wide-card {
  min-height: 86px;
  border-radius: 20px;
  padding: 13px;
}

.mo-home-2-search-categories .mo-category-modern-card {
  grid-template-columns: 52px minmax(0, 1fr) 20px;
}

.mo-home-2-search-categories .mo-category-modern-card__icon,
.mo-home-2-search-categories .mo-category-icon-v2,
.mo-home-2-search-categories .mo-category-wide-icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  flex-basis: 52px;
}

.mo-home-2-search-categories .mo-category-modern-card__icon svg,
.mo-home-2-search-categories .mo-category-icon-v2 svg,
.mo-home-2-search-categories .mo-category-wide-icon svg {
  width: 28px;
  height: 28px;
}

/* Menor respiro entre esse bloco e as próximas seções */
.mo-home-2-search-categories + * {
  margin-top: 0;
}

@media (max-width: 1180px) {
  .mo-home-2-search-categories {
    width: min(100% - 36px, 1320px);
    margin-top: -36px;
  }

  .mo-home-2-search-categories__grid {
    grid-template-columns: 1fr;
  }

  .mo-home-2-search-categories .mo-categories-modern__grid,
  .mo-home-2-search-categories .mo-categories-grid-v2,
  .mo-home-2-search-categories .mo-categories-grid-two-rows {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .mo-home-2-search-categories {
    width: min(100% - 28px, 1320px);
    margin-top: -24px;
  }

  .mo-home-2-search-categories .mo-search-clean__form,
  .mo-home-2-search-categories .mo-search-form-v2,
  .mo-home-2-search-categories .mo-search-inline-form,
  .mo-home-2-search-categories .mo-categories-modern__grid,
  .mo-home-2-search-categories .mo-categories-grid-v2,
  .mo-home-2-search-categories .mo-categories-grid-two-rows {
    grid-template-columns: 1fr !important;
  }
}