/* HL fast-search body portal — keep under 15KB for Zone FTP */

/* Kiire otsing ainult lehe tipus: kerides kaob päise otsing + rippmenüü sujuvalt. */
html.miu-fast-search-offscreen #header #_desktop_ps_searchbar,
html.miu-fast-search-offscreen #header #ps_searchbar.ps-searchbar,
html.miu-fast-search-offscreen #header .ps-searchbar,
html.miu-fast-search-offscreen #header .miu-header-search,
html.miu-fast-search-offscreen #hl-mobile-search-slot .ps-searchbar {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

#header #_desktop_ps_searchbar,
#header #ps_searchbar.ps-searchbar,
#header .ps-searchbar,
#header .miu-header-search,
#hl-mobile-search-slot .ps-searchbar {
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

body > #fd-fast-results,
body > .miu-fast-search-results,
body > #fd-fast-results.miu-fast-search-results {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  border-radius: 0 0 23px 23px !important;
  border-top: 0 !important;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.22s ease, transform 0.22s ease;
  pointer-events: none;
}

body > #fd-fast-results.miu-fast-search-results.is-visible:not(.is-closing) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

body > #fd-fast-results.miu-fast-search-results.is-closing {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.miu-fast-search-meta {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 991.98px) {
  body #header,
  body #header.header,
  body #header .header-bottom,
  body #header .header-bottom__row,
  body #hl-mobile-search-slot,
  body #hl-mobile-search-slot .ps-searchbar {
    overflow: visible !important;
    max-height: none !important;
  }
}

#blockcart-modal,
#blockcart-modal.hl-blockcart-modal {
  z-index: 2147483646 !important;
}

#blockcart-modal .modal-dialog {
  position: fixed !important;
  top: 84px !important;
  right: 16px !important;
  left: auto !important;
  bottom: auto !important;
  width: 320px !important;
  max-width: calc(100vw - 24px) !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 575.98px) {
  #blockcart-modal .modal-dialog {
    top: auto !important;
    bottom: 16px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
}

  #header:has(.miu-hdr) #_desktop_ps_searchbar {
    width: 700px !important;
    max-width: calc(100% - 8px) !important;
  }
}

body #header:has(.miu-hdr) .ps-searchbar__form.is-joined,
body #header:has(.miu-hdr) .ps-searchbar__form.is-joined:focus-within {
  background: #fff !important;
  border: 1px solid #5da2b0 !important;
  border-bottom: 0 !important;
  border-radius: 23px 23px 0 0 !important;
  box-shadow:
    0 -3px 0 0 rgba(93, 162, 176, 0.22),
    -3px 0 0 0 rgba(93, 162, 176, 0.22),
    3px 0 0 0 rgba(93, 162, 176, 0.22) !important;
}

body > #fd-fast-results.miu-fast-search-results.is-visible {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #5da2b0 !important;
  border-top: 0 !important;
  border-radius: 0 0 23px 23px !important;
  box-shadow:
    0 3px 0 0 rgba(93, 162, 176, 0.22),
    -3px 0 0 0 rgba(93, 162, 176, 0.22),
    3px 0 0 0 rgba(93, 162, 176, 0.22),
    0 16px 36px rgba(11, 43, 59, 0.1) !important;
}

body > #fd-fast-results .miu-fast-search-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

body > #fd-fast-results .miu-fast-search-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border-bottom: 1px solid #f0f1f3 !important;
  background: #fff !important;
}

body > #fd-fast-results .miu-fast-search-item.is-out { background: #fafafa !important; }

body > #fd-fast-results .miu-fast-search-open {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 12px 8px 12px 14px;
  color: inherit;
  text-decoration: none;
}

body > #fd-fast-results .miu-fast-search-open:hover,
body > #fd-fast-results .miu-fast-search-item:hover {
  background: #f7f8fa !important;
  text-decoration: none;
}

body > #fd-fast-results .miu-fast-search-desc {
  display: -webkit-box;
  margin-top: 3px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

body > #fd-fast-results .miu-fast-search-image {
  flex: 0 0 68px !important;
  width: 68px !important;
  height: 68px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f4f5f7 !important;
}

body > #fd-fast-results .miu-fast-search-name {
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

body > #fd-fast-results .miu-fast-search-meta {
  display: inline !important;
  margin-top: 4px;
  margin-right: 8px;
  color: #8b919a !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body > #fd-fast-results .miu-fast-search-stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

body > #fd-fast-results .miu-fast-search-stock::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex: 0 0 9px;
}

body > #fd-fast-results .miu-fast-search-stock.is-in { color: #0e9f45; }
body > #fd-fast-results .miu-fast-search-stock.is-in::before { background: #14d65a; }
body > #fd-fast-results .miu-fast-search-stock.is-order { color: #0b63f6; }
body > #fd-fast-results .miu-fast-search-stock.is-order::before { background: #1a7bff; }
body > #fd-fast-results .miu-fast-search-stock.is-out { color: #e10600; }
body > #fd-fast-results .miu-fast-search-stock.is-out::before { background: #ff2d2d; }

body > #fd-fast-results .miu-fast-search-buy {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
  padding: 10px 12px 10px 0;
}

body > #fd-fast-results .miu-fast-search-cartform {
  margin: 0;
  display: flex;
  align-items: center;
}

body > #fd-fast-results .miu-fast-search-cart {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b4b9c0;
  cursor: pointer;
}

body > #fd-fast-results .miu-fast-search-cart .material-icons { font-size: 16px; line-height: 1; }
body > #fd-fast-results .miu-fast-search-cart:hover {
  background: #f3f4f6;
  color: #4b5563;
}

body > #fd-fast-results .miu-fast-search-price {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

body > #fd-fast-results .miu-fast-search-all {
  position: sticky;
  bottom: 0;
  flex: 0 0 auto;
  padding: 13px 16px !important;
  background: #fff !important;
  border-top: 1px solid #eee !important;
  color: #1f2328 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.01em;
}

body > #fd-fast-results .miu-fast-search-all--empty {
  margin: 0 !important;
  border-radius: 16px !important;
  background: #fde8e8 !important;
  color: #9f1239 !important;
  font-weight: 800 !important;
}

body > #fd-fast-results .miu-fast-search-all:hover,
body > #fd-fast-results .miu-fast-search-all:focus {
  background: #fafafa !important;
  color: #c81e1e !important;
}

body > #fd-fast-results .miu-fast-search-all--empty:hover,
body > #fd-fast-results .miu-fast-search-all--empty:focus {
  background: #fde8e8 !important;
  color: #9f1239 !important;
}

@media (max-width: 767px) {
  body > #fd-fast-results .miu-fast-search-image {
    flex-basis: 56px !important;
    width: 56px !important;
    height: 56px !important;
  }
  body > #fd-fast-results .miu-fast-search-name { font-size: 13.5px !important; }
  body > #fd-fast-results .miu-fast-search-price { font-size: 15px !important; }
}