/* ============================================================
   bharatpest — floating "Select by Brand" / "Select by Pest"
   quick-filter buttons. Big, high-contrast pills with a soft
   pulsing glow ring so they stand out. Opens on hover (desktop)
   or tap (touch). Sits bottom-left so it never collides with the
   BUY PRODUCTS floating button on the right.
   ============================================================ */
.bp-qf{position:fixed;left:20px;bottom:22px;z-index:58;display:flex;flex-direction:column;gap:14px;font-family:inherit}
.bp-qf-item{position:relative}

.bp-qf-btn{
  display:inline-flex;align-items:center;gap:10px;font-weight:800;
  padding:17px 26px;border-radius:999px;font-size:1rem;
  border:none;cursor:pointer;font-family:inherit;white-space:nowrap;
  position:relative;transition:transform .18s;
}
.bp-qf-btn:hover{transform:translateY(-3px)}
.bp-qf-btn .bp-qf-ic{font-size:1.3rem;line-height:1}
.bp-qf-btn .bp-qf-car{font-size:.75rem;opacity:.8;transition:transform .18s}
.bp-qf-item.open .bp-qf-btn .bp-qf-car{transform:rotate(180deg)}

/* brand pill: site red */
#bpQfBrand .bp-qf-btn{background:linear-gradient(135deg,#E52323,#B31212);color:#fff;box-shadow:0 12px 28px rgba(178,18,18,.4)}
#bpQfBrand .bp-qf-btn::before{background:rgba(226,35,35,.55)}
/* pest pill: site amber (matches BUY PRODUCTS accent) */
#bpQfPest .bp-qf-btn{background:linear-gradient(135deg,#FFC15E,#F2951C);color:#241a06;box-shadow:0 12px 28px rgba(242,149,28,.42)}
#bpQfPest .bp-qf-btn::before{background:rgba(242,149,28,.55)}

/* pulsing glow ring behind each button, so they visually call for attention */
.bp-qf-btn::before{
  content:'';position:absolute;inset:0;border-radius:999px;z-index:-1;
  animation:bp-qf-pulse 2.2s ease-out infinite;
}
#bpQfPest .bp-qf-btn::before{animation-delay:.5s}
@keyframes bp-qf-pulse{
  0%{transform:scale(1);opacity:.55}
  70%{transform:scale(1.28);opacity:0}
  100%{transform:scale(1.28);opacity:0}
}

.bp-qf-panel{
  position:absolute;left:0;bottom:calc(100% + 14px);min-width:240px;max-width:280px;
  background:#fff;border-radius:18px;box-shadow:0 24px 56px rgba(16,19,23,.28);
  padding:12px;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
  max-height:60vh;overflow-y:auto;
}
.bp-qf-item.open .bp-qf-panel,
.bp-qf-item:hover .bp-qf-panel,
.bp-qf-item:focus-within .bp-qf-panel{
  opacity:1;visibility:visible;transform:translateY(0);
}
.bp-qf-panel a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;
  color:#14181C;text-decoration:none;font-size:.92rem;font-weight:700;
}
.bp-qf-panel a:hover{background:var(--mist,#F5F6F8);color:var(--pest,#E21B1B)}
.bp-qf-panel a .bp-qf-em{font-size:1.05rem;width:22px;text-align:center;flex-shrink:0}
.bp-qf-panel .bp-qf-all{border-bottom:1px solid var(--line,#E7E9EC);margin-bottom:6px;padding-bottom:12px;font-weight:900}

@media(max-width:600px){
  .bp-qf{left:14px;bottom:18px;gap:10px}
  .bp-qf-btn{padding:14px 18px;font-size:.86rem}
  .bp-qf-panel{max-width:min(80vw,280px)}
}

@media(prefers-reduced-motion:reduce){
  .bp-qf-panel{transition:none}
  .bp-qf-btn::before{animation:none}
}