/* «Швидкий пошук авто»: модалка (include/_catalog_search_modal.php) і блок на головній (pages/home/_catalog_search.php).
   Розмітка спільна — include/_catalog_search_core.php; логіка — js/catalog-search.js (data-атрибути не чіпаємо).
   Оформлення за DESIGN-SYSTEM.md: токени --ds-* (корінь має клас .ds), рамки 1 px, радіуси 3/6, без тіней, сяйв і «таблеток»,
   Manrope 800 у заголовках, текст на зеленому — чорний. Перекриває старі правила main.css і ai-promo.css специфічністю .ds.home-catalog-search. */
.ds.home-catalog-search { background: var(--ds-bg); color: var(--ds-text); font-family: var(--ds-font); }

/* шапка блоку */
.ds.home-catalog-search .home-catalog-search__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 700 12px/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--ds-accent); }
.ds.home-catalog-search .home-catalog-search__eyebrow::before { content: ""; width: 8px; height: 8px; background: var(--ds-green); }
.ds.home-catalog-search .home-catalog-search__title { margin: 0; font: 800 var(--ds-fs-h2)/1.18 var(--ds-font-display); letter-spacing: -.025em; text-transform: none; color: var(--ds-text); }
.ds.home-catalog-search .home-catalog-search__link { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 800; line-height: 1.2; color: var(--ds-accent); text-decoration: none; border-bottom: 2px solid var(--ds-accent-soft); transition: border-color var(--ds-dur); }
.ds.home-catalog-search .home-catalog-search__link:hover { border-bottom-color: var(--ds-accent); }

/* форма вибору: панель з кутами-кадром */
.ds.home-catalog-search .home-catalog-search__form { position: relative; padding: 24px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface); box-shadow: none; gap: 16px; }
.ds.home-catalog-search .home-catalog-search__field { gap: 8px; }
.ds.home-catalog-search .home-catalog-search__field span { font-size: 14px; font-weight: 700; line-height: 1.2; color: var(--ds-text); }
.ds.home-catalog-search .home-catalog-search__field select { height: 52px; border: 1px solid var(--ds-border); border-radius: var(--ds-r); background-color: var(--ds-field-bg); color: var(--ds-text); font-size: 16px; font-weight: 600; box-shadow: none; transition: border-color var(--ds-dur); }
.ds.home-catalog-search .home-catalog-search__field select:hover:not(:disabled) { border-color: var(--ds-text); }
.ds.home-catalog-search .home-catalog-search__field select:focus { border-color: var(--ds-accent); box-shadow: none; }
.ds.home-catalog-search .home-catalog-search__field select:disabled { color: var(--ds-muted); background-color: var(--ds-surface-2); opacity: .7; }
.ds.home-catalog-search .home-catalog-search__submit.button { height: 52px; min-height: 52px; border: 1px solid transparent; border-radius: var(--ds-r); background: var(--ds-green); color: var(--ds-ink); font: 700 16px/1 var(--ds-font); box-shadow: none; transform: none; transition: background var(--ds-dur); }
.ds.home-catalog-search .home-catalog-search__submit.button::before,
.ds.home-catalog-search .home-catalog-search__submit.button::after { content: none; }   /* прибрано сяйво кнопки */
.ds.home-catalog-search .home-catalog-search__submit.button:hover { background: var(--ds-lime); box-shadow: none; }

/* популярні марки */
.ds.home-catalog-search .home-catalog-search__subhead h3,
.ds.home-catalog-search .home-catalog-search__subhead .home-catalog-search__subtitle { font: 800 18px/1.25 var(--ds-font); color: var(--ds-text); }
.ds.home-catalog-search .home-catalog-search__brand-grid { gap: var(--ds-gap); }
.ds.home-catalog-search .home-catalog-brand { min-height: 76px; padding: 12px 16px; gap: 14px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface); box-shadow: none; color: var(--ds-text); transform: none; transition: border-color var(--ds-dur); }
.ds.home-catalog-search .home-catalog-brand:hover { border-color: var(--ds-green); color: var(--ds-text); transform: none; }
.ds.home-catalog-search .home-catalog-brand__body strong { font-size: 15px; font-weight: 800; color: var(--ds-text); }
.ds.home-catalog-search .home-catalog-brand__body small { font-size: 13px; font-weight: 600; color: var(--ds-muted); }
.ds.home-catalog-search .home-catalog-brand__media span { border-radius: var(--ds-r-sm); background: var(--ds-accent-soft); color: var(--ds-accent); }   /* заглушка без логотипа: квадрат замість кола */
.ds.home-catalog-search .home-catalog-search__toggle { min-height: 44px; padding: 0 22px; border: 1px solid var(--ds-border); border-radius: var(--ds-r); background: transparent; box-shadow: none; color: var(--ds-text); font-size: 15px; font-weight: 700; text-decoration: none; transition: border-color var(--ds-dur), color var(--ds-dur); }
.ds.home-catalog-search .home-catalog-search__toggle:hover { border-color: var(--ds-green); background: transparent; color: var(--ds-accent); }

/* закриття модалки: квадратна кнопка з тонкою рамкою */
.ds.home-catalog-search .catalog-search-modal__close { border: 1px solid var(--ds-border); border-radius: var(--ds-r-sm); background: var(--ds-surface); color: var(--ds-text); box-shadow: none; }
.ds.home-catalog-search .catalog-search-modal__close:hover { border-color: var(--ds-green); color: var(--ds-accent); }

/* блок «Степанич AI» у пошуку: плоский, без градієнта-сяйва */
.ds.home-catalog-search .ai-ask { --ai-accent: var(--ds-green); --ai-accent-dark: var(--ds-accent); position: relative; padding: 24px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface); color: var(--ds-text); box-shadow: none; }
.ds.home-catalog-search .ai-ask__badge { border-radius: var(--ds-r-sm); background: var(--ds-green); color: var(--ds-ink); box-shadow: none; }
.ds.home-catalog-search .ai-ask__name { font: 700 12px/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--ds-accent); }
.ds.home-catalog-search .ai-ask__title { font: 800 18px/1.3 var(--ds-font); color: var(--ds-text); }
.ds.home-catalog-search .ai-ask__text { color: var(--ds-muted); }
.ds.home-catalog-search .ai-ask .ai-ask__input { min-height: 52px; border: 1px solid var(--ds-border); border-radius: var(--ds-r); background: var(--ds-field-bg); color: var(--ds-text); font-size: 16px; box-shadow: none; }
.ds.home-catalog-search .ai-ask .ai-ask__input::placeholder { color: var(--ds-muted); opacity: 1; }
.ds.home-catalog-search .ai-ask .ai-ask__input:focus { border-color: var(--ds-accent); box-shadow: none; }
.ds.home-catalog-search .ai-ask .ai-ask__submit { min-height: 52px; border: 1px solid transparent; border-radius: var(--ds-r); background: var(--ds-green); color: var(--ds-ink); font: 700 16px/1 var(--ds-font); box-shadow: none; }
.ds.home-catalog-search .ai-ask .ai-ask__submit:hover { background: var(--ds-lime); }
.ds.home-catalog-search .ai-ask .ai-ask__chip { min-height: 44px; border: 1px solid var(--ds-border); border-radius: var(--ds-r-sm); background: transparent; color: var(--ds-text); font-size: 14px; font-weight: 600; box-shadow: none; }
.ds.home-catalog-search .ai-ask .ai-ask__chip:hover { border-color: var(--ds-green); background: transparent; color: var(--ds-accent); }

@media (max-width: 899.98px) {
  .ds.home-catalog-search .home-catalog-search__form { padding: 16px; }
  .ds.home-catalog-search .ai-ask { padding: 18px; }
}