/* Live search dropdown - FLEVAMALL brand */
.fmke-ls {
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 99990;
  width: 420px; max-width: calc(100vw - 16px); max-height: min(70vh, 520px); overflow-y: auto;
  background: #fff; border: 1px solid #F0E4D8; border-top: 3px solid #FF6A00;
  border-radius: 14px; box-shadow: 0 16px 40px rgba(31,61,44,.18);
  padding: 6px; text-align: left; box-sizing: border-box;
  scrollbar-width: thin; scrollbar-color: #FF6A00 #FFF1E0;
}
.fmke-ls[hidden] { display: none !important; }
/* mobile bottom sheet: open upward */
.fmke-ls--up { top: auto; bottom: calc(100% + 10px); left: 0; right: 0; width: auto; max-height: 55vh; border-top: 1px solid #F0E4D8; border-bottom: 3px solid #FF6A00; }

.fmke-ls__item {
  display: flex; align-items: center; gap: 12px; padding: 8px 10px;
  border-radius: 10px; text-decoration: none !important; color: #1F3D2C !important;
}
.fmke-ls__item:hover, .fmke-ls__item.is-active,
.fmke-ls__cat:hover, .fmke-ls__cat.is-active,
.fmke-ls__all:hover, .fmke-ls__all.is-active { background: #FFF1E0; }

.fmke-ls__img { width: 46px; height: 46px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; background: #F6F3EE; }
.fmke-ls__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fmke-ls__title { font-size: 14px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fmke-ls__mark { background: transparent; color: #CC5500; font-weight: 800; padding: 0; }
.fmke-ls__cat-label { font-size: 11px; color: #767676; text-transform: uppercase; letter-spacing: .04em; }
.fmke-ls__price { flex: 0 0 auto; font-size: 13.5px; font-weight: 700; color: #CC5500; text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.fmke-ls__price del { color: #767676; font-weight: 400; font-size: 11.5px; }
.fmke-ls__price ins { text-decoration: none; }
.fmke-ls__oos { color: #E0201E; font-weight: 600; font-size: 10.5px; }

.fmke-ls__cats { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 6px 8px; border-bottom: 1px solid #F0E4D8; margin-bottom: 4px; }
.fmke-ls__cat { padding: 6px 12px; border-radius: 999px; background: #FFF1E0; color: #1F3D2C !important; font-size: 12.5px; text-decoration: none !important; border: 1px solid #F0E4D8; }

.fmke-ls__empty { padding: 18px 12px; color: #4a5a50; font-size: 13.5px; text-align: center; }
.fmke-ls__all { display: block; margin-top: 4px; padding: 11px 12px; border-radius: 10px; text-align: center; font-weight: 700; font-size: 13.5px; color: #FF6A00 !important; text-decoration: none !important; border-top: 1px solid #F0E4D8; }