.qw-mw-badges{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.25rem;z-index:3}
.qw-mw-badge{display:inline-flex;align-items:center;line-height:1;padding:.25rem .5rem;border-radius:999px;font-size:11px;font-weight:600;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.product{position:relative}

/* Widget layout */
.qw-mw-widget--pills{border:none;background:transparent;padding:0;box-shadow:none}
.qw-mw-widget--pills .qw-section{margin-bottom:12px}
.qw-mw-widget--pills .qw-section--panel{
  --qw-panel-bg:#111827;
  --qw-panel-fg:#ffffff;
  background:var(--qw-panel-bg)!important;
  color:var(--qw-panel-fg)!important;
  border-radius:12px!important;
  padding:8px 12px 12px 12px!important;
}
.qw-mw-widget--pills .qw-head{margin:6px 0 8px;font-weight:600;font-size:14px;line-height:1.25}
.qw-mw-widget--pills summary{position:relative;padding-right:22px;list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.qw-mw-widget--pills summary::-webkit-details-marker{display:none}
.qw-mw-widget--pills summary::after{content:'▸';position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.9;transition:transform .2s ease; color:#ffffff}
.qw-mw-widget--pills details[open] summary::after{content:'▾'}
.qw-mw-widget--pills .qw-head__text{font-weight:600;font-size:14px;line-height:1.25;color:#ffffff}

/* Pills */
.qw-mw-widget--pills .qw-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.qw-mw-widget--pills .qw-pill{
  display:flex;align-items:center;gap:6px;
  padding:6px 10px;border:1px solid #374151;border-radius:999px;
  text-decoration:none;background:#1f2937;color:#f9fafb;font-size:12px;
}
.qw-mw-widget--pills .qw-pill:hover{border-color:#9ca3af;background:#273142}
.qw-mw-widget--pills .qw-pill.is-active{outline:2px solid #6b7280;outline-offset:0}
.qw-mw-widget--pills .qw-pill span{color:inherit}
.qw-mw-widget--pills .qw-pill i{font-style:normal;opacity:.8}
@media (max-width:640px){
  .qw-mw-widget--pills .qw-pills{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
}
