/* Страница «Поиск круизов». Палитра, типографика и скругления — из style.css :root. */

.search-page { background: var(--white); }

.search-hero__inner,
.search-widget__inner {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
}

/* --- Шапка страницы --- */
.search-hero {
  background: var(--surface-mint);
  border-bottom: 1px solid var(--border);
  padding-block: 56px 48px;
  padding-top: 140px;
}

.search-hero__badge {
  margin: 0 0 18px;
  color: var(--blue);
  font: var(--weight-bold) var(--font-small) / var(--leading-body) var(--font-body-family);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
      margin-bottom: 2px;
}

.search-hero__title {
  margin: 0 0 20px;
  color: var(--blue);
  font-family: var(--font-heading);
  font-size: var(--font-title);
  font-weight: var(--weight-bold);
  line-height: var(--leading-title);
  letter-spacing: var(--tracking-title);
}

.search-hero__text {
  max-width: 800px;
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--font-lead);
  line-height: var(--leading-body);
}

/* --- Секция с виджетом подбора круизов --- */
/* Плоская секция без карточки: ширину и центрирование iframe виджет задаёт сам
   инлайн-стилями (max-width из его data-width), поэтому обёртка их не навязывает. */
.search-widget { padding-block: 48px var(--section-space); }

.search-widget__inner #infoflotWidgetFrame {
  display: block;
  width: 100%;
  border: 0;
}

/* wpautop оборачивает загрузочный <script> в абзац — он не должен занимать место. */
.search-widget__inner p:has(> script:only-child) { display: none; }

@media (max-width: 767px) {
  .search-hero__inner,
  .search-widget__inner { width: calc(100% - 36px); }
  .search-hero { padding-block: 36px 32px; }
  .search-widget { padding-block: 32px var(--section-space); }
}