/* Dropdown container (like a select dropdown) */
.flyer-ta{
  position:absolute;
  z-index:99999;
  display:none;
  background:#fff;
  border:1px solid #DEE5EF;
  border-radius:10px;
  box-shadow:0 12px 28px rgba(16,24,40,.12), 0 2px 6px rgba(16,24,40,.06);
  overflow:hidden;
  max-height:70vh;            /* scroll if tall */
  width:280px;                /* JS will override to match input width */
}
.flyer-ta__more{
  padding: 10px !important;
    margin: 7px 7px 7px 7px;
}
.flyer-ta.is-open{ display:block;left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
    width: 70%!important;
    overflow-y: scroll;
  }
.flyer-ta.is-loading::before{
  content:''; display:block; height:2px; width:100%;
  background:linear-gradient(90deg,transparent,#2A8CFF 40%,transparent 80%);
  background-size:200% 100%;
  animation:flyerBar 1s linear infinite;
}
@keyframes flyerBar{ from{background-position:0 0} to{background-position:200% 0} }

/* Group heading */
.flyer-ta__group{ padding:6px 0; }
.flyer-ta__group + .flyer-ta__group{ border-top:1px solid #EEF2F7; }
.flyer-ta__group-title{
  font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:#7A8CA6; padding:8px 12px;
}

/* Items (option-like) */
.flyer-ta__item{
  display:flex; gap:10px; align-items:center;
  padding:10px 12px; text-decoration:none; color:#0B1A2B;
  transition: background .12s ease;
}
.flyer-ta__item:hover, .flyer-ta__item.is-active{ background:#F3F7FF; }

.flyer-ta__thumb{ width:40px; height:40px; flex:0 0 40px; border-radius:6px; overflow:hidden; background:#F1F4F8; }
.flyer-ta__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.flyer-ta__meta{ min-width:0; display:flex; flex-direction:column; }
.flyer-ta__title{ font-weight:600; font-size:14px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.flyer-ta__price{ font-size:12px; color:#4A5B6B; margin-top:2px; }

/* Highlight */
.flyer-ta__hl{ background:#FFF3A6; padding:0 .05em; border-radius:2px; }

/* Footer CTA */
.flyer-ta__more{
  width:100%; border:0; background:#fff; cursor:pointer;
  padding:10px 12px; text-align:left; font-weight:600; color:#2A8CFF;
  border-top:1px solid #EEF2F7;
}
.flyer-ta__more:hover{ background:#F6FAFF; }

/* Scrollbar (nice) */
.flyer-ta{ scrollbar-width:thin; scrollbar-color:#C9D6E2 transparent; }
.flyer-ta::-webkit-scrollbar{ width:8px; }
.flyer-ta::-webkit-scrollbar-thumb{ background:#C9D6E2; border-radius:8px; }