/* =====================================================================
   Essenza — Category / product-listing page
   Modern + minimal filters, unified to the brand palette
   (espresso #3A342C · bronze #755C34 · cream #F2ECDF). Loaded on category +
   search pages. All selectors namespaced .ezc-* / scoped to .panel-side.
===================================================================== */
:root{
  --ez-navy:#3A342C; --ez-gold:#755C34; --ez-gold-soft:#B99B6B;
  --ez-cream:#F2ECDF; --ez-cream-2:#FAF7F1; --ez-line:#E4DACA;
  --ez-ink:#3A342C; --ez-muted:#655A4C;
}

/* Category header (title + count) */
.ezc-title{font-size:30px;font-weight:400;letter-spacing:-.01em;color:var(--ez-navy);font-family:'DM Serif Display',serif;line-height:1.15;font-style:normal;margin:0}
.ezc-count{font-size:13.5px;font-weight:600;color:var(--ez-muted);margin-top:10px}
@media(max-width:768px){.ezc-title{font-size:23px}.ezc-count{font-size:12.5px}}

/* Editorial banner — soft brand band + bronze accent (no image asset needed) */
.ezc-hero{position:relative;background:#fff;border:1px solid #F3E3DA;border-left:4px solid #F53D02;border-radius:16px;padding:24px 30px;margin-top:6px}
.ezc-hero::before{content:"";display:block;width:34px;height:3px;background:#F53D02;border-radius:2px;margin-bottom:13px}
.ezc-hero-tagline{margin-top:9px;max-width:780px;font-size:14.5px;line-height:1.55;color:#544A3D;font-weight:500}
.ezc-hero-shopby{margin-top:12px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#F53D02}
@media(max-width:768px){.ezc-hero{padding:18px 18px;border-radius:13px}.ezc-hero-tagline{font-size:13px}}

/* Load-more button */
.ezc-loadmore{border:1.5px solid var(--ez-navy)!important;color:var(--ez-navy)!important;background:#fff!important;border-radius:999px!important;font-weight:800!important;padding:13px 42px!important;transition:background .15s,color .15s,transform .12s}
.ezc-loadmore:hover{background:#F53D02!important;border-color:#F53D02!important;color:#fff!important;transform:translateY(-1px)}

/* ===== Active filter chips (removable) — brand cream/espresso ===== */
.ezc-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 4px}
.ezc-chip{display:inline-flex;align-items:center;gap:7px;background:var(--ez-cream);border:1px solid var(--ez-line);color:var(--ez-navy);border-radius:999px;padding:6px 10px 6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .14s,border-color .14s;max-width:100%}
.ezc-chip > span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.ezc-chip:hover{background:#E7DECD;border-color:var(--ez-gold)}
.ezc-chip-x{font-size:15px;line-height:1;color:var(--ez-gold);flex:0 0 auto;transition:color .14s}
.ezc-chip:hover .ezc-chip-x{color:var(--ez-navy)}
.ezc-chips-grid{align-items:center;gap:8px;margin:6px 0 2px;padding:14px 0 0;border-top:1px solid var(--ez-line)}
.ezc-chips-clear{font-size:12.5px;font-weight:700;color:var(--ez-navy);text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;padding:5px 6px}
.ezc-chips-clear:hover{color:var(--ez-gold)}

/* ===== Filter sidebar — modern minimal (scoped to .panel-side) ===== */
.panel-side{position:sticky;top:18px;min-width:272px!important;max-width:272px!important;padding-right:26px!important;max-height:calc(100vh - 36px);scrollbar-width:thin}
@media(max-width:1280px){.panel-side{min-width:238px!important;max-width:238px!important;padding-right:18px!important}}
.panel-side::-webkit-scrollbar{width:6px}
.panel-side::-webkit-scrollbar-thumb{background:#E4DACA;border-radius:99px}
.panel-side::-webkit-scrollbar-track{background:transparent}

/* Header: "Filtros" + "Limpar Tudo" */
.panel-side > div:first-child{height:auto!important;padding-bottom:14px!important;margin-bottom:6px;border-color:var(--ez-line)!important}
.panel-side > div:first-child > p:first-child{font-size:17px!important;font-weight:800!important;letter-spacing:.01em;color:var(--ez-navy);text-transform:uppercase}
.panel-side > div:first-child > p:last-child{color:var(--ez-gold)!important;font-weight:700!important}
.panel-side > div:first-child > p:last-child:hover{text-decoration:underline;color:var(--ez-navy)!important}

/* Filter group title (accordion header) — calm, espresso, generous spacing */
.panel-side p.text-lg{font-size:14px!important;font-weight:700!important;color:var(--ez-navy)!important;letter-spacing:.02em;text-transform:uppercase}
.panel-side .accordion,
.panel-side [class*="accordion"]{border-color:var(--ez-line)!important}

/* Search input (only shown for long lists now) */
.panel-side input[type=text]{border-radius:10px!important;border-color:var(--ez-line)!important;font-size:13px;padding-top:10px!important;padding-bottom:10px!important;background:var(--ez-cream-2)}
.panel-side input[type=text]:focus{border-color:var(--ez-gold)!important;box-shadow:0 0 0 3px rgba(165,133,90,.14)!important;outline:none;background:#fff}
.panel-side .icon-search{color:var(--ez-muted)}

/* Option rows: airy, brand hover */
.panel-side ul li > div{border-radius:9px!important;padding-top:7px!important;padding-bottom:7px!important;transition:background .12s}
.panel-side ul li > div:hover{background:var(--ez-cream)!important}
.panel-side ul li label[for]:last-child{font-size:13.5px;color:var(--ez-ink)}
.panel-side ul li label[for]:last-child span{color:var(--ez-muted)!important}

/* Minimal checkbox — espresso when checked */
.panel-side label.icon-uncheck,
.panel-side label.icon-check-box{color:#C4BBA9!important;font-size:21px!important}
.panel-side input:checked + label.icon-uncheck,
.panel-side .peer:checked ~ label,
.panel-side label.peer-checked\:icon-check-box{color:var(--ez-navy)!important}

/* Color swatch dot (added in template for the Cor filter) */
.ezc-swatch{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

/* Product grid — 4 cols (with sidebar) down to 2 on mobile */
.ezc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1366px){.ezc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){.ezc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:640px){.ezc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Toolbar (sort/limit/view) */
.ezc-toolbar{padding:14px 0 12px;border-bottom:1px solid var(--ez-line);margin-bottom:6px}
.ezc-toolbar button{border-radius:10px!important;transition:border-color .15s,background .15s}
.ezc-toolbar button:hover{border-color:var(--ez-navy)!important}

/* ===== SEO facet sections (FILTRAR POR COR/MATERIAL/…) — compact + brand ===== */
.ezc-facetblock{margin-bottom:14px}
.ezc-facetblock-title{font-size:11px!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ez-muted);display:flex;align-items:center;gap:7px;margin-bottom:9px}
.ezc-facetblock-title::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ez-gold)}
.facet-pills-scroll{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.facet-pills-scroll::-webkit-scrollbar{display:none}
/* Override the old terracotta-accent pill hover with brand espresso/bronze (beats Tailwind hover utils) */
.facet-pills-scroll a{border-radius:999px!important;border-color:var(--ez-line)!important;padding:7px 14px!important;font-size:12.5px!important;box-shadow:none!important;transition:border-color .15s,background .15s,color .15s!important}
.facet-pills-scroll a:hover{border-color:var(--ez-gold)!important;background:var(--ez-cream)!important;background-image:none!important}
.facet-pills-scroll a span{color:var(--ez-navy)!important;font-weight:600!important}
.facet-pills-more{color:var(--ez-gold)!important;font-weight:700!important}
.facet-pills-more:hover{color:var(--ez-navy)!important}

/* Quick-add button on the SKLUM card */
.eshome-pcard__qadd{white-space:normal!important;line-height:1.2;text-align:center;font-size:12.5px!important;padding:9px 8px!important}
@media(max-width:640px){
  .eshome-pcard__qadd{font-size:11.5px!important;left:8px!important;right:8px!important;bottom:8px!important;padding:8px 6px!important}
}

/* 2026-09-01 (item 7) — banner por categoria no ezc-hero + contador load-more */
.ezc-hero--banner{display:flex;align-items:stretch;gap:22px;overflow:hidden}
.ezc-hero--banner .ezc-hero__txt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.ezc-hero__img{flex:0 0 240px;min-height:130px;border-radius:12px;background-size:cover;background-position:center}
@media(max-width:768px){.ezc-hero__img{display:none}}
.ezc-loadmore__count{margin:26px 0 0;text-align:center;font-size:12.5px;font-weight:700;color:#9b9285;letter-spacing:.02em}