/* Empyre - listagens novas (categoria e busca). Carregado so com $H_CAT (previa de admin: ?cat=1) por themes/ecommerce/produtos.php e pesquisa.php.
   Mesma linguagem da home: tokens --h-* do ds.css, titulos serifados (Domine), tiles compostos (assets/tiles), acento champagne, cantos 12-16px.
   Escopo: .h-ui + classes hc-*. Nao altera o card (h-card) fora de .hc; legado intacto. */

.h-ui .i--xl { width: 128px; height: 128px; stroke-width: 1; }
.h-ui .hc-top { padding-top: var(--h-s-5); }
.h-ui .hc-top .h-crumbs { margin-bottom: var(--h-s-3); }
.h-ui .h-page.hc { padding-top: var(--h-s-2); }

/* ---------- Hero ---------- */
.h-ui .hc-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "media" "copy"; margin: 0 0 var(--h-s-4); overflow: hidden; isolation: isolate; border-radius: 16px; background: var(--hc-bg, #0b0b0b); color: var(--h-n-900); }
.h-ui .hc-hero--dark, .h-ui .hc-hero--brand { color: var(--h-n-0); }
.h-ui .hc-hero--brand { background: radial-gradient(120% 140% at 85% 0%, #3a2f1a 0%, #1a1610 45%, #0b0b0b 100%); }
.h-ui .hc-hero__media { grid-area: media; position: relative; aspect-ratio: 16 / 10; min-width: 0; }
.h-ui .hc-hero__media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; -webkit-mask-image: linear-gradient(to bottom, #000 62%, transparent 100%); mask-image: linear-gradient(to bottom, #000 62%, transparent 100%); }
/* Fundo dos tiles (cor + halo) em CSS: as imagens sao WebP com alfa. background-position acompanha o object-position (inline no hero). */
.h-ui .hc-hero, .h-ui .hc-mini { --tl-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='900' viewBox='0 0 1200 900'><defs><radialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(600 420) scale(874 690)'><stop offset='0' stop-color='%23f7f4ed'/><stop offset='0.2' stop-color='%23f6f3ec'/><stop offset='0.4' stop-color='%23f4f1e9'/><stop offset='0.55' stop-color='%23f2eee6'/><stop offset='0.7' stop-color='%23efece3'/><stop offset='0.85' stop-color='%23ece8e0'/><stop offset='1' stop-color='%23e9e5dc'/></radialGradient></defs><rect width='1200' height='900' fill='url(%23g)'/><circle cx='600' cy='443' r='338' fill='none' stroke='%23c4b28c' stroke-opacity='0.55' stroke-width='2.5'/></svg>"); --tl-bgc: #f1ede8; }
.h-ui .hc-hero--dark, .h-ui .hc-mini--dark { --tl-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='900' viewBox='0 0 1200 900'><defs><radialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(600 420) scale(874 690)'><stop offset='0' stop-color='%231b1a17'/><stop offset='0.2' stop-color='%231a1916'/><stop offset='0.4' stop-color='%23171714'/><stop offset='0.55' stop-color='%23151412'/><stop offset='0.7' stop-color='%2312120f'/><stop offset='0.85' stop-color='%230f0e0c'/><stop offset='1' stop-color='%230b0b09'/></radialGradient></defs><rect width='1200' height='900' fill='url(%23g)'/><circle cx='600' cy='443' r='338' fill='none' stroke='%2360502e' stroke-opacity='0.55' stroke-width='2.5'/></svg>"); --tl-bgc: #121211; }
.h-ui .hc-hero__media img, .h-ui .hc-mini img { background: var(--tl-bg) 50% 50% / cover no-repeat var(--tl-bgc); }
.h-ui .hc-hero__art { position: absolute; inset: 0; display: grid; place-items: center; color: var(--h-accent); background: radial-gradient(closest-side, rgba(201, 164, 92, .22), transparent 70%); }
.h-ui .hc-hero__art .i { opacity: .8; }
.h-ui .hc-hero__copy { grid-area: copy; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--h-s-3); padding: 0 var(--h-s-5) var(--h-s-5); margin-top: calc(var(--h-s-3) * -1); }
.h-ui .hc-eyebrow { margin: 0; font: 700 var(--h-fs-xs)/1 var(--h-font-body); letter-spacing: .03em; color: var(--h-accent-ink); }
.h-ui .hc-hero--dark .hc-eyebrow, .h-ui .hc-hero--brand .hc-eyebrow { color: var(--h-accent); }
.h-ui .hc-title { margin: 0; font: 600 clamp(2rem, 1.35rem + 3vw, 3.25rem)/1.08 var(--h-font-display); letter-spacing: -.005em; overflow-wrap: anywhere; }
.h-ui .hc-lead { margin: 0; max-width: 46ch; font-size: var(--h-fs-base); line-height: 1.55; color: var(--h-n-700); }
.h-ui .hc-hero--dark .hc-lead, .h-ui .hc-hero--brand .hc-lead { color: #e6e2db; }
.h-ui .hc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--h-s-2) var(--h-s-4); margin: var(--h-s-1) 0 0; font-size: var(--h-fs-sm); }
.h-ui .hc-count { display: inline-flex; align-items: center; min-height: 32px; padding: 0 var(--h-s-3); font-weight: 700; color: var(--h-n-900); background: var(--h-n-0); border: 1px solid var(--h-n-300); border-radius: 999px; }
.h-ui .hc-hero--dark .hc-count, .h-ui .hc-hero--brand .hc-count { color: var(--h-n-0); background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .28); }
.h-ui .hc-meta__item { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--h-n-700); }
.h-ui .hc-meta__item .i { color: var(--h-accent-ink); }
.h-ui .hc-hero--dark .hc-meta__item, .h-ui .hc-hero--brand .hc-meta__item { color: #e6e2db; }
.h-ui .hc-hero--dark .hc-meta__item .i, .h-ui .hc-hero--brand .hc-meta__item .i { color: var(--h-accent); }
/* Busca: faixa compacta, sem imagem */
.h-ui .hc-hero--plain { grid-template-areas: "copy"; }
.h-ui .hc-hero--plain .hc-hero__copy { margin-top: 0; padding: var(--h-s-6) var(--h-s-5); }
.h-ui .hc-hero--plain .hc-title { font-size: clamp(1.625rem, 1.2rem + 2vw, 2.5rem); }

@media (min-width: 768px) {
  .h-ui .hc-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); grid-template-areas: "copy media"; min-height: 340px; }
  .h-ui .hc-hero--plain { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy"; min-height: 0; }
  .h-ui .hc-hero__media { aspect-ratio: auto; }
  .h-ui .hc-hero__media img { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26%); mask-image: linear-gradient(to right, transparent 0, #000 26%); }
  .h-ui .hc-hero__copy { justify-content: center; margin-top: 0; padding: var(--h-s-6) var(--h-s-6) var(--h-s-6) var(--h-s-7); }
  .h-ui .hc-hero--plain .hc-hero__copy { padding: var(--h-s-6) var(--h-s-7); }
}

/* ---------- Chips (subcategorias e atalhos) ---------- */
.h-ui .hc-chips { margin: 0 calc(var(--h-gutter) * -1) var(--h-s-4); }
.h-ui .hc-chips__list { display: flex; flex-wrap: nowrap; gap: var(--h-s-2); margin: 0; padding: 2px var(--h-gutter); list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x proximity; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent 100%); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent 100%); }
.h-ui .hc-chips__list::-webkit-scrollbar { display: none; }
.h-ui .hc-chips__list li { flex: none; margin: 0; padding: 0; scroll-snap-align: start; }
.h-ui .hc-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 var(--h-s-4); font: 700 var(--h-fs-sm)/1 var(--h-font-body); color: var(--h-n-900); text-decoration: none; white-space: nowrap; background: var(--h-n-0); border: 1.5px solid var(--h-n-300); border-radius: 999px; transition: background var(--h-t), border-color var(--h-t), color var(--h-t); }
.h-ui .hc-chip:hover { border-color: var(--h-n-900); background: var(--h-n-100); }
.h-ui .hc-chip.is-active { color: var(--h-n-0); background: var(--h-n-900); border-color: var(--h-n-900); }
.h-ui .hc-chip__n { font-weight: 400; color: var(--h-n-500); }
.h-ui .hc-chip.is-active .hc-chip__n { color: #d9d5cd; }
@media (min-width: 992px) {
  .h-ui .hc-chips { margin-inline: 0; }
  .h-ui .hc-chips__list { flex-wrap: wrap; padding-inline: 0; overflow: visible; -webkit-mask-image: none; mask-image: none; }
}

/* ---------- Toolbar e filtros ativos ---------- */
.h-ui .hc .h-toolbar { padding: var(--h-s-2) var(--h-s-3); margin-bottom: var(--h-s-3); background: var(--h-n-100); border: 1px solid var(--h-n-200); border-radius: 12px; }
.h-ui .hc .h-toolbar__count { font-size: var(--h-fs-sm); }
.h-ui .hc .h-filter-toggle { border-radius: 999px; background: var(--h-n-0); }
.h-ui .hc .h-filter-toggle:hover { color: var(--h-n-0); background: var(--h-n-900); }
.h-ui .hc .h-sort { flex: 1 1 130px; }
.h-ui .hc .h-sort .h-select { background-color: var(--h-n-0); border-radius: 999px; }
.h-ui .hc-active { display: flex; flex-wrap: wrap; align-items: center; gap: var(--h-s-2) var(--h-s-3); margin: 0 0 var(--h-s-4); }
.h-ui .hc-active[hidden] { display: none; }
.h-ui .hc-active__label { margin: 0; font-size: var(--h-fs-sm); font-weight: 700; color: var(--h-n-700); }
.h-ui .hc-active__list { display: flex; flex-wrap: wrap; gap: var(--h-s-2); margin: 0; padding: 0; list-style: none; }
.h-ui .hc-active__list li { margin: 0; padding: 0; }
.h-ui .hc-x, .h-ui .hc-clear { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 0 var(--h-s-3); font: 700 var(--h-fs-sm)/1 var(--h-font-body); color: var(--h-n-900); cursor: pointer; background: var(--h-accent-soft); border: 1px solid #e0cfa6; border-radius: 999px; }
.h-ui .hc-x .i { width: 16px; height: 16px; }
.h-ui .hc-x:hover { background: var(--h-n-900); color: var(--h-n-0); border-color: var(--h-n-900); }
.h-ui .hc-clear { padding: 0 var(--h-s-2); background: none; border: 0; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--h-accent); }
.h-ui .hc-clear:hover { color: var(--h-accent-ink); }

/* ---------- Cards na grade ---------- */
.h-ui .hc .h-grid { gap: var(--h-s-3); }
@media (min-width: 768px) { .h-ui .hc .h-grid { gap: var(--h-s-4); } }
.h-ui .hc .h-card { border-radius: 16px; border-color: var(--h-n-200); transition: transform 220ms cubic-bezier(.2, .7, .2, 1), box-shadow 220ms ease, border-color 220ms ease; }
.h-ui .hc .h-card:hover { transform: translateY(-3px); border-color: var(--h-n-300); box-shadow: 0 10px 28px rgba(11, 11, 11, .12); }
.h-ui .hc .h-card__media { background: linear-gradient(180deg, #fff 0%, #f7f5f1 100%); overflow: hidden; }
.h-ui .hc .h-card__media img { padding: var(--h-s-4); transition: transform 420ms cubic-bezier(.2, .7, .2, 1); }
.h-ui .hc .h-card:hover .h-card__media img { transform: scale(1.05); }
.h-ui .hc .h-card__price { font-size: 1.25rem; }
.h-ui .hc .h-card__fav { background: rgba(255, 255, 255, .85); }
.h-ui .hc .h-card__fav { top: var(--h-s-2); right: var(--h-s-2); }
.h-ui .hc .h-card__cta { border-radius: 999px; }
.h-ui .hc .h-badge--best { color: var(--h-accent-ink); background: var(--h-accent-soft); box-shadow: inset 0 0 0 1px #e0cfa6; }
@media (prefers-reduced-motion: reduce) {
  .h-ui .hc .h-card, .h-ui .hc .h-card__media img, .h-ui .hc-mini img { transition: none; }
  .h-ui .hc .h-card:hover, .h-ui .hc .h-card:hover .h-card__media img, .h-ui .hc-mini:hover img { transform: none; }
}

/* ---------- Faixa intercalada ---------- */
.h-ui .hc-band { grid-column: 1 / -1; display: grid; gap: var(--h-s-4); margin: var(--h-s-2) 0; padding: var(--h-s-5); color: var(--h-n-0); background: radial-gradient(120% 160% at 100% 0%, #3a2f1a 0%, #1a1610 50%, #0b0b0b 100%); border-radius: 16px; }
.h-ui .hc-band .hc-eyebrow { color: var(--h-accent); }
.h-ui .hc-band__title { margin: var(--h-s-2) 0 var(--h-s-1); font: 600 clamp(1.25rem, 1.05rem + 1vw, 1.75rem)/1.15 var(--h-font-display); color: var(--h-n-0); }
.h-ui .hc-band__text { margin: 0; max-width: 46ch; font-size: var(--h-fs-sm); color: #e6e2db; }
.h-ui .hc-band__list { display: grid; gap: var(--h-s-3); margin: 0; padding: 0; list-style: none; align-content: center; }
.h-ui .hc-band__list li { display: flex; align-items: center; gap: var(--h-s-3); margin: 0; padding: 0; font-size: var(--h-fs-sm); font-weight: 700; }
.h-ui .hc-band__list .i { color: var(--h-accent); }
@media (min-width: 768px) {
  .h-ui .hc-band { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; padding: var(--h-s-6) var(--h-s-7); gap: var(--h-s-6); }
}

/* ---------- Paginacao ---------- */
.h-ui .hc .h-pager { margin-top: var(--h-s-7); }
.h-ui .hc .paginator { margin-top: 0; gap: var(--h-s-2); }
.h-ui .hc .paginator li a, .h-ui .hc .paginator li span { min-width: 48px; min-height: 48px; border-radius: 999px; border-width: 1px; }
.h-ui .hc .paginator li a:hover { border-color: var(--h-n-900); background: var(--h-n-100); }
.h-ui .hc-range { margin: var(--h-s-3) 0 0; text-align: center; font-size: var(--h-fs-sm); color: var(--h-n-500); }

/* ---------- Veja tambem ---------- */
.h-ui .hc-also { margin-top: var(--h-s-8); padding-top: var(--h-s-6); border-top: 1px solid var(--h-n-200); }
.h-ui .hc-also__title { margin: 0 0 var(--h-s-4); font: 600 var(--h-fs-h2)/1.15 var(--h-font-display); }
.h-ui .hc-also__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--h-s-3); margin: 0; padding: 0; list-style: none; }
.h-ui .hc-also__grid li { margin: 0; padding: 0; }
.h-ui .hc-mini { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; isolation: isolate; color: var(--h-n-900); text-decoration: none; background: var(--h-n-100); border: 1px solid var(--h-n-200); border-radius: 12px; }
.h-ui .hc-mini--dark { color: var(--h-n-0); border-color: #1a1a1a; background: #121211; }
.h-ui .hc-mini img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .5s ease; }
.h-ui .hc-mini:hover img { transform: scale(1.05); }
.h-ui .hc-mini::after { content: ""; position: absolute; inset: auto 0 0 0; z-index: 1; height: 42%; background: linear-gradient(to top, rgba(255, 255, 255, .94) 10%, transparent); }
.h-ui .hc-mini--dark::after { background: linear-gradient(to top, rgba(11, 11, 11, .92) 10%, transparent); }
.h-ui .hc-mini__name { position: absolute; z-index: 2; left: var(--h-s-3); right: 44px; bottom: var(--h-s-3); font: 600 var(--h-fs-base)/1.2 var(--h-font-display); }
.h-ui .hc-mini__go { position: absolute; z-index: 2; right: var(--h-s-2); bottom: var(--h-s-2); width: 28px; height: 28px; padding: 5px; color: var(--h-n-0); background: var(--h-n-900); border-radius: 999px; transition: background var(--h-t), color var(--h-t); }
.h-ui .hc-mini--dark .hc-mini__go { color: var(--h-n-900); background: var(--h-n-0); }
.h-ui .hc-mini:hover .hc-mini__go { color: var(--h-n-900); background: var(--h-accent); }
@media (min-width: 768px) { .h-ui .hc-also__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--h-s-4); } }

/* ---------- Filtros (widget _cdn/widgets/filter/filter.php, casca nova) ----------
   So visual: markup/classes/ids do legado preservados (filter.js: .j_filter_check, form[name=workcontrol_filter], #slider_price, #amount, input[name=pdt_price][data-*]).
   Grupos = <details open><summary>; itens = label > input + span (caixa propria desenhada em span::before); contagem = b.h-cnt (pilula). */
.h-ui .workcontrol_filter { --hf-box: 20px; }
.h-ui .workcontrol_filter .workcontrol_filter_form { padding: 0; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--h-n-200); border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item:last-child { border-bottom: 0; }

/* titulo do grupo: serifado discreto + seta */
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--h-s-3); min-height: 48px; margin: 0; padding: 0 2px; list-style: none; cursor: pointer; font: 600 1.0625rem/1.2 var(--h-font-display); color: var(--h-n-900); background: none; border-radius: 8px; -webkit-user-select: none; user-select: none; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary::-webkit-details-marker { display: none; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary::marker { content: ""; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary span { font: inherit; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary::after { content: ""; flex: none; width: 8px; height: 8px; margin: -3px 6px 0 0; border: solid var(--h-n-500); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); transition: transform var(--h-t), border-color var(--h-t), margin var(--h-t); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item[open] > summary::after { margin-top: 4px; transform: rotate(-135deg); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary:hover::after { border-color: var(--h-n-900); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item > summary:focus-visible { outline: 2px solid var(--h-n-900); outline-offset: 0; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item_options { margin: 0; padding: 0 0 var(--h-s-3); max-height: none; overflow: visible; border: 0; }

/* linhas: checkbox customizado + texto + contagem; alvo de 44px */
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label { display: flex; align-items: center; width: auto; min-height: 44px; margin: 0 -8px; padding: 0 8px; border-radius: 10px; cursor: pointer; transition: background var(--h-t); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label:hover { background: var(--h-n-100); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label:focus-within { outline: 2px solid var(--h-n-900); outline-offset: -2px; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label > input + span { display: flex; align-items: center; flex: 1 1 auto; gap: 10px; width: 100%; min-height: 44px; font: 400 var(--h-fs-sm)/1.3 var(--h-font-body); color: var(--h-n-700); text-decoration: none; overflow-wrap: anywhere; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label > input + span::before { content: ""; flex: none; box-sizing: border-box; width: var(--hf-box); height: var(--hf-box); background: var(--h-n-0) center / 14px no-repeat; border: 1.5px solid var(--h-n-300); border-radius: 6px; transition: background-color var(--h-t), border-color var(--h-t); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label:hover > input + span::before { border-color: var(--h-n-900); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label > input:checked + span::before { background-color: var(--h-n-900); border-color: var(--h-n-900); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label > input:checked + span { color: var(--h-n-900); font-weight: 700; text-decoration: none; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item .workcontrol_filter_form_item_options > label:has(> input:checked) { background: var(--h-accent-soft); }

/* contagem em pilula */
.h-ui .workcontrol_filter .h-cnt { flex: none; min-width: 28px; margin-left: auto; padding: 2px 8px; font: 700 var(--h-fs-xs)/1.4 var(--h-font-body); text-align: center; color: var(--h-n-500); background: var(--h-n-100); border-radius: 999px; transition: background var(--h-t), color var(--h-t); }
.h-ui .workcontrol_filter label:hover .h-cnt { background: var(--h-n-0); }
.h-ui .workcontrol_filter label > input:checked + span .h-cnt { color: var(--h-n-0); background: var(--h-n-900); }

/* Fragrancia (size): mesma linha, sem os blocos cinza do legado */
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options { display: block; padding: 0 0 var(--h-s-3); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check,
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check:nth-child(odd),
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check:nth-child(even),
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check.active:nth-child(odd),
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check.active:nth-child(even) { display: flex; justify-content: flex-start; width: auto; height: auto; min-height: 44px; margin: 0 -8px; padding: 0 8px; font-size: var(--h-fs-sm); font-weight: 400; text-transform: none; color: var(--h-n-700); background: transparent; border-radius: 10px; }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check:hover { background: var(--h-n-100); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.size .workcontrol_filter_form_item_options .label_check:has(> input:checked) { background: var(--h-accent-soft); }

/* Cores e estampas: bolinhas */
.h-ui .workcontrol_filter .workcontrol_filter_form_item.color .workcontrol_filter_form_item_options,
.h-ui .workcontrol_filter .workcontrol_filter_form_item.print .workcontrol_filter_form_item_options { display: flex; flex-wrap: wrap; gap: 10px; padding: 2px 2px var(--h-s-4); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.color .workcontrol_filter_form_item_options .label_check,
.h-ui .workcontrol_filter .workcontrol_filter_form_item.print .workcontrol_filter_form_item_options .label_check { flex: none; width: 40px; height: 40px; margin: 0; padding: 0; border: 2px solid var(--h-n-0); border-radius: 50%; box-shadow: 0 0 0 1px var(--h-n-300); transition: box-shadow var(--h-t); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.color .workcontrol_filter_form_item_options .label_check:hover,
.h-ui .workcontrol_filter .workcontrol_filter_form_item.print .workcontrol_filter_form_item_options .label_check:hover { box-shadow: 0 0 0 2px var(--h-n-500); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.color .workcontrol_filter_form_item_options .label_check:has(> input:checked),
.h-ui .workcontrol_filter .workcontrol_filter_form_item.print .workcontrol_filter_form_item_options .label_check:has(> input:checked),
.h-ui .workcontrol_filter .workcontrol_filter_form_item.color .workcontrol_filter_form_item_options .label_check.active,
.h-ui .workcontrol_filter .workcontrol_filter_form_item.print .workcontrol_filter_form_item_options .label_check.active { box-shadow: 0 0 0 2px var(--h-n-900); }

/* Preco: faixa em pilula legivel + slider fino (jQuery UI restilizado; ids e classes ui-slider-* intactos) */
.h-ui .workcontrol_filter .workcontrol_filter_form_item.price { padding-bottom: var(--h-s-2); }
.h-ui .workcontrol_filter .workcontrol_filter_form_item.price input#amount { display: block; width: 100%; min-height: 44px; margin: 0 0 var(--h-s-5); padding: 0 var(--h-s-3); font: 700 var(--h-fs-base)/1 var(--h-font-body); text-align: center; color: var(--h-n-900); background: var(--h-n-100); border: 1px solid var(--h-n-200); border-radius: 999px; box-shadow: none; outline: none; cursor: default; }
.h-ui .workcontrol_filter #slider_price { position: relative; width: auto; height: 4px; margin: 0 14px; background: var(--h-n-200); border: 0; border-radius: 999px; }
.h-ui .workcontrol_filter #slider_price .ui-slider-range { top: 0; height: 100%; background: var(--h-n-900); border-radius: 999px; }
.h-ui .workcontrol_filter #slider_price .ui-slider-handle { position: absolute; top: -10px; width: 24px; height: 24px; margin-left: -12px; box-sizing: border-box; background: var(--h-n-0); border: 2px solid var(--h-n-900); border-radius: 50%; box-shadow: 0 1px 4px rgba(11, 11, 11, .25); cursor: grab; transition: box-shadow var(--h-t), background var(--h-t); }
.h-ui .workcontrol_filter #slider_price .ui-slider-handle::after { content: ""; position: absolute; inset: -10px; }
.h-ui .workcontrol_filter #slider_price .ui-slider-handle:hover, .h-ui .workcontrol_filter #slider_price .ui-slider-handle.ui-state-active { background: var(--h-accent); box-shadow: 0 0 0 5px rgba(201, 164, 92, .3); }
.h-ui .workcontrol_filter #slider_price .ui-slider-handle:focus-visible { background: var(--h-accent); outline: 2px solid var(--h-n-900); outline-offset: 3px; }
.h-ui .workcontrol_filter #slider_price.ui-state-disabled { opacity: .5; }
.h-ui .workcontrol_filter .h-price-bounds { display: flex; justify-content: space-between; margin: var(--h-s-3) 0 0; padding: 0; font-size: var(--h-fs-xs); font-weight: 700; color: var(--h-n-500); }

/* topo da barra lateral (desktop): titulo + "Limpar filtros" (so aparece com filtro ativo) */
.h-ui .workcontrol_filter .h-filter-reset { display: none; }
@media (min-width: 992px) {
  .h-ui .h-page--filter > .workcontrol_filter { top: 140px; max-height: calc(100vh - 156px); padding: 0 var(--h-s-4); background: var(--h-n-0); border: 1px solid var(--h-n-200); border-radius: 16px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--h-n-300) transparent; }
  .h-ui .h-page--filter > .workcontrol_filter .workcontrol_filter_form { overflow: visible; }
  .h-ui .workcontrol_filter .h-filter-head { display: flex; align-items: center; justify-content: space-between; gap: var(--h-s-3); min-height: 56px; padding: 0; border-bottom: 1px solid var(--h-n-200); }
  .h-ui .workcontrol_filter .h-filter-head__title { margin: 0; font: 600 var(--h-fs-h3)/1.2 var(--h-font-display); }
  .h-ui .workcontrol_filter .h-filter-close { display: none; }
  .h-ui .workcontrol_filter.has-active .h-filter-reset { display: inline-flex; align-items: center; min-height: 44px; margin: 0 -6px 0 0; padding: 0 6px; font: 700 var(--h-fs-sm)/1 var(--h-font-body); color: var(--h-n-900); cursor: pointer; background: none; border: 0; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--h-accent); }
  .h-ui .workcontrol_filter.has-active .h-filter-reset:hover { color: var(--h-accent-ink); }
}
/* gaveta (mobile): mesmo estilo; rodape Aplicar/Limpar ja fixo (ds.css) */
@media (max-width: 991px) {
  .h-ui .h-page--filter > .workcontrol_filter .workcontrol_filter_form { padding: 0 var(--h-s-4); overflow-x: hidden; }
  .h-ui .workcontrol_filter .workcontrol_filter_form_item.color .workcontrol_filter_form_item_options .label_check,
  .h-ui .workcontrol_filter .workcontrol_filter_form_item.print .workcontrol_filter_form_item_options .label_check { width: 44px; height: 44px; }
  .h-ui .workcontrol_filter .h-filter-foot { box-shadow: 0 -6px 16px rgba(11, 11, 11, .06); }
  .h-ui .workcontrol_filter .h-filter-foot .h-btn { border-radius: 999px; }
}
@media (prefers-reduced-motion: reduce) {
  .h-ui .workcontrol_filter *, .h-ui .workcontrol_filter *::before, .h-ui .workcontrol_filter *::after { transition: none; }
}