/* ecmcore — ricerca dentro la categoria (prova Pour Over, 05/10/2026). Stesso disegno della
   barra del Bundle & Save: pill col filo scuro, lente a destra, chip marca con conteggio. */
.ecs-cs{margin:0 0 24px;color:var(--ecs-ink,#32323f)}
.ecs-cs:not(:has(> :not([hidden]))){display:none}
/* la barra sta in testa alla riga dei filtri (.ecs-facets__bar del tema), alta come le pill */
.ecs-cs__search{position:relative;flex:0 0 440px;min-width:0;color:var(--ecs-ink,#32323f)} /* larghezza vera decisa dal JS */
.ecs-cs__search input{width:100%;height:40px;border:1px solid var(--ecs-ink,#32323f);border-radius:10px;padding:0 76px 0 18px;
  font:inherit;font-size:14px;background:#fff;color:inherit;-webkit-appearance:none;appearance:none}
.ecs-cs__search input::-webkit-search-cancel-button{display:none}
.ecs-cs__search input:focus{outline:none;box-shadow:0 0 0 3px rgba(50,50,63,.08)}
.ecs-cs__search.is-solo{max-width:560px;margin:0 0 4px}
.ecs-cs__ico{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ecs-ink,#32323f);pointer-events:none}
.ecs-cs__clear{position:absolute;right:42px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:0;border-radius:999px;
  background:transparent;color:#8a8a94;font-size:14px;line-height:1;display:none;place-items:center;cursor:pointer}
.ecs-cs__search.has-q .ecs-cs__clear{display:grid}
.ecs-cs__clear:hover{background:#f0efed;color:var(--ecs-ink,#32323f)}
/* «Altri filtri»: i filtri che non stanno in riga; aperto, vanno a capo sotto (dopo .ecs-cs__break) */
.ecs-facets__bar .ecs-cs--over{display:none!important}
.ecs-cs__break{flex:0 0 100%;height:0}
.ecs-facets__bar.ecs-cs--open{row-gap:0} /* la riga vuota dell'a capo prenderebbe due gap */
.ecs-facets__bar.ecs-cs--open .ecs-cs--after{margin-top:12px}
.ecs-cs__more[hidden],.ecs-cs__break[hidden]{display:none!important}
.ecs-cs__more[aria-expanded="true"] .ecs-facet__arrow{transform:rotate(180deg)}
.ecs-cs__meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px}
.ecs-cs__count{font-size:14px;color:#6b6b76}
.ecs-cs__chips{display:flex;flex-wrap:wrap;gap:7px}
.ecs-cs__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1.5px solid #e2e0dc;background:#fff;
  font:inherit;font-size:12.5px;font-weight:600;color:var(--ecs-ink,#32323f);cursor:pointer;transition:all .12s}
.ecs-cs__chip:hover{border-color:#cfccc6}
.ecs-cs__chip[data-b]{text-transform:capitalize} /* le marche in anagrafica sono minuscole (eureka, mahlkoenig) */
.ecs-cs__chip .c{color:#8a8a94;font-weight:700;font-size:11px}
.ecs-cs__chip.is-on{background:var(--ecs-ink,#32323f);border-color:var(--ecs-ink,#32323f);color:#fff}
.ecs-cs__chip.is-on .c{color:rgba(255,255,255,.7)}
.ecs-cs__chip.is-on::after{content:"✕";font-size:10px;opacity:.85}
.ecs-cs__chip--more{border-style:dashed;color:#6b6b76}
.ecs-cs__note{margin-top:12px;font-size:13px;color:#6b6b76}
.ecs-cs__results{margin-top:20px;transition:opacity .15s}
.ecs-cs__results.is-loading{opacity:.45}
.ecs-cs__none{padding:32px 0;font-size:16px;color:#6b6b76}
#products[hidden],.ecs-cs [hidden]{display:none!important}
/* Stessa griglia della categoria: il tema mette 4 per riga solo su `#js-product-list .products`
   (custom.css, «appunti Ale round 3»), e i risultati stanno fuori da #js-product-list. */
@media (min-width:992px){ .ecs-cs__results .products{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:359.98px){ .ecs-cs__results .products{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767.98px){
  /* sul telefono i filtri scorrono in orizzontale: la barra sta sopra di loro, a tutta larghezza */
  .ecs-cs__search{flex:none;margin:0 0 12px}
  .ecs-cs__search input{height:44px;font-size:16px} /* sotto i 16px iOS fa lo zoom sul campo */
}