/* ============================================================
   tp-catalog/global.css — глобальные компоненты каталога:
   поиск в шапке + панель сравнения (подключается на всех страницах)
   ============================================================ */
/* ---------- поиск в шапке ---------- */
.tp-header-search-item { display: flex !important; align-items: center !important; }
.tp-header-search {
  display: flex !important;
  align-items: center !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 2px 4px 2px 14px !important;
  transition: border-color .15s ease, background .15s ease !important;
  width: 64px !important;
  max-width: 100% !important;
}
.tp-header-search:focus-within { border-color: #0a66b7 !important; background: #fff !important; width: 220px !important; }
.tp-header-search input[type="search"] {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  font-size: .84rem !important;
  line-height: 1.2 !important;
  color: #0f172a !important;
  width: 100% !important;
  padding: 7px 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  height: auto !important;
}
.tp-header-search input::placeholder { color: #94a3b8 !important; }
.tp-header-search button,
.tp-header-search button[type="submit"] {
  background: #0a66b7 !important;
  color: #fff !important;
  border: none !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-left: 6px !important;
  line-height: 1 !important;
}
.tp-header-search button:hover { background: #085a9e !important; }

/* ---------- панель сравнения (внизу экрана) ---------- */
.tp-compare-bar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99990 !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 -8px 30px rgba(15, 23, 42, 0.12) !important;
}
.tp-compare-bar[hidden] { display: none !important; }
.tp-cb-inner {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 12px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}
.tp-cb-ico { font-size: 1.2rem !important; color: #0a66b7 !important; }
.tp-cb-text { font-weight: 700 !important; color: #0f172a !important; font-size: .92rem !important; }
.tp-cb-go {
  margin-left: auto !important;
  background: #0a66b7 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  font-size: .92rem !important;
  box-shadow: 0 4px 12px rgba(10, 102, 183, 0.3) !important;
}
.tp-cb-go:hover { background: #085a9e !important; color: #fff !important; }
.tp-cb-clear {
  background: none !important;
  border: none !important;
  color: #64748b !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-size: .88rem !important;
  padding: 8px 4px !important;
}
.tp-cb-clear:hover { color: #dc2626 !important; }


/* дубль крошек на поиске (Astra + Rank Math) */
body.search .rank-math-breadcrumb { display: none !important; }

/* компактные отступы меню — чтобы шапка с поиском влезала в 1440 */
#ast-desktop-header .main-header-menu > li > .menu-link { padding: 0 8px !important; }
#masthead .ast-container { padding-left: 24px !important; padding-right: 24px !important; }
.tp-header-search input[type="search"] { font-size: .8rem !important; }