/* Search and initial responsive geometry shared by public pages. */
body ul.ui-autocomplete.ui-corner-all.dfc-search-suggestions {
  max-width: calc(100vw - 24px);
  padding: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #ccd6df;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(20, 35, 52, .18);
  z-index: 1100;
}
body ul.dfc-search-suggestions.ui-autocomplete li.ui-menu-item { margin: 0; border-color: #edf0f4; }
body ul.dfc-search-suggestions.ui-autocomplete li.ui-menu-item > a {
  display: flex;
  gap: 10px;
  min-height: 74px;
  margin: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #253344;
  background: #fff;
}
body ul.dfc-search-suggestions.ui-autocomplete li.ui-menu-item > a:is(.ui-state-focus,.ui-state-active,:hover) {
  margin: 0;
  border-color: #b4cee5;
  color: #253344;
  background: #eef5fb;
}
body ul.dfc-search-suggestions .search_left { flex: 0 0 48px; float: none; width: 48px; }
body ul.dfc-search-suggestions .search_left img { width: 48px; height: 48px; border: 0; object-fit: contain; }
body ul.dfc-search-suggestions .search_right { flex: 1 1 auto; float: none; width: auto; min-width: 0; padding: 0; }
body ul.dfc-search-suggestions .search_right .search_name { white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.4; font-weight: 600; text-transform: none; }
body ul.dfc-search-suggestions .search_right .search_brand { color: #5b6979; font-size: 11px; }
body ul.dfc-search-suggestions .search_right .search_price { margin-top: 4px; color: #a51622; font-size: 13px; }
body ul.dfc-search-suggestions .clearfix { display: none; }
#search #main .dfc-search-title { overflow-wrap: anywhere; text-transform: none; }

/* These columns were previously hidden by a late script after first paint. */
@media (max-width: 1199px) {
  :is(#category,#search,#manufacturer,#supplier,#best-sales,#new-products,#prices-drop,#product) #left-column,
  :is(#category,#search,#manufacturer,#supplier,#best-sales,#new-products,#prices-drop,#product) #right-column { display: none !important; }
  :is(#category,#search,#manufacturer,#supplier,#best-sales,#new-products,#prices-drop,#product) #content-wrapper { width: 100%; max-width: 100%; flex-basis: 100%; }
}