/* ==========================================================================
   M חשמל — Product Archive / Category pages + Filters (Stage 17). Design System v1.1 tokens only.
   Layout: header (breadcrumbs / H1 / intro / sub-category cards) → [sidebar 280 | content] in --np-container-wide.
   Mobile-first; ≤1024 the sidebar IS the off-canvas drawer (one DOM instance of the filters).
   ========================================================================== */

/* ---------- Page ---------- */
.np-archive { padding-block: var(--np-space-4) var(--np-space-8); }
.np-archive__header { display: flex; flex-direction: column; gap: var(--np-space-3); margin-bottom: var(--np-space-5); }
.np-archive__title { margin: 0; font-size: var(--np-font-h1-size); font-weight: var(--np-font-h1-weight); line-height: var(--np-font-h1-lh); color: var(--np-color-neutral-900); overflow-wrap: anywhere; }
.np-archive__description { max-width: 800px; color: var(--np-color-text-secondary); font-size: var(--np-font-body-size); line-height: var(--np-font-body-lh); }
.np-archive__description p:last-child { margin-bottom: 0; }
.np-archive__seo { margin-top: var(--np-space-8); padding-top: var(--np-space-6); border-top: 1px solid var(--np-color-border); color: var(--np-color-text-secondary); max-width: 800px; }

/* ---------- Breadcrumbs ---------- */
.np-breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--np-space-1); list-style: none; margin: 0; padding: 0; font-size: var(--np-font-body-small-size); line-height: var(--np-font-body-small-lh); color: var(--np-color-text-muted); }
.np-breadcrumbs__item a { color: var(--np-color-text-secondary); text-decoration: none; }
.np-breadcrumbs__item a:hover { color: var(--np-color-brand-primary); text-decoration: underline; }
.np-breadcrumbs__item--current { color: var(--np-color-neutral-900); font-weight: 600; }
.np-breadcrumbs__sep { display: inline-flex; color: var(--np-color-neutral-400); }

/* ---------- Sub-category cards ---------- */
.np-category-grid { display: grid; gap: var(--np-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: var(--np-space-2) 0 0; padding: 0; }
@media (min-width: 768px)  { .np-category-grid { gap: var(--np-space-4); grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .np-category-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.np-category-card {
  display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit;
  background: var(--np-color-bg-surface); border: 1px solid var(--np-color-border); border-radius: var(--np-radius-lg); overflow: hidden;
  transition: border-color var(--np-motion-fast) var(--np-ease), box-shadow var(--np-motion-fast) var(--np-ease);
}
.np-category-card:hover { border-color: var(--np-color-border-strong); box-shadow: var(--np-shadow-sm); text-decoration: none; }
.np-category-card:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; }
.np-category-card__media { display: block; aspect-ratio: 4 / 3; padding: var(--np-space-3); }
.np-category-card__media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.np-category-card--placeholder .np-category-card__media { background: var(--np-color-bg-subtle); }
.np-category-card__body { display: flex; flex-direction: column; gap: 2px; padding: var(--np-space-2) var(--np-space-3) var(--np-space-3); text-align: center; }
.np-category-card__name { font-weight: 600; font-size: var(--np-font-body-size); line-height: 1.3; color: var(--np-color-neutral-900); margin: 0; }
.np-category-card:hover .np-category-card__name { color: var(--np-color-brand-primary); }
.np-category-card__count { font-size: var(--np-font-caption-size); color: var(--np-color-text-muted); }
.np-archive--parent .np-archive__subcategories { margin-top: var(--np-space-2); }

/* ---------- Body: sidebar + content ---------- */
.np-archive__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--np-space-5); align-items: start; }
@media (min-width: 1025px) {
  .np-archive__body { grid-template-columns: 280px minmax(0, 1fr); gap: var(--np-space-6); }
  .np-archive__body--no-filters { grid-template-columns: minmax(0, 1fr); }
  .np-archive__sidebar {
    position: sticky; top: calc(var(--np-archive-sticky-top, 0px) + var(--np-space-4));
    max-height: calc(100vh - var(--np-archive-sticky-top, 0px) - var(--np-space-6)); overflow-y: auto; overscroll-behavior: contain;
  }
}
.np-archive__content { min-width: 0; display: flex; flex-direction: column; gap: var(--np-space-4); }

/* ---------- Toolbar ---------- */
.np-archive__toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--np-space-3); flex-wrap: wrap; padding-bottom: var(--np-space-3); border-bottom: 1px solid var(--np-color-border); }
.np-archive__toolbar-start { display: flex; align-items: center; gap: var(--np-space-3); min-width: 0; }
.np-archive__count { font-size: var(--np-font-body-small-size); color: var(--np-color-text-secondary); white-space: nowrap; }
.np-archive__filter-btn { gap: var(--np-space-2); }
.np-archive__filter-btn .np-archive__filter-count { margin-inline-start: 2px; }
.np-archive__filter-btn.has-active { --_border: var(--np-color-brand-primary); }
.np-archive__sort { display: flex; align-items: center; gap: var(--np-space-2); }
.np-archive__sort-label { font-size: var(--np-font-body-small-size); color: var(--np-color-text-secondary); white-space: nowrap; }
.np-archive__sort .jet-sorting { min-width: 0; }
.np-archive__sort .jet-sorting-select, .np-archive__sort select {
  min-height: 40px; padding: 0 var(--np-space-6) 0 var(--np-space-3); border: 1px solid var(--np-color-border); border-radius: var(--np-radius-md);
  background: var(--np-color-bg-surface); font: inherit; font-size: var(--np-font-body-small-size); color: var(--np-color-text); max-width: 100%;
}
.np-archive__sort .jet-sorting-select:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; }
@media (min-width: 1025px) { .np-archive__filter-btn { display: none; } }
@media (max-width: 767px) {
  .np-archive__toolbar { gap: var(--np-space-2); }
  .np-archive__toolbar-start { flex: 1 1 auto; justify-content: space-between; }
  .np-archive__sort-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .np-archive__sort { flex: 1 1 100%; }
  .np-archive__sort .jet-sorting, .np-archive__sort .jet-sorting-select { width: 100%; }
}

/* ---------- Grid + loading ---------- */
.np-archive__grid { transition: opacity var(--np-motion-normal) var(--np-ease); }
.np-archive__content.is-loading .np-archive__grid { opacity: .45; pointer-events: none; }
.np-archive__content.is-loading .np-archive__pagination { opacity: .45; pointer-events: none; }
@media (min-width: 1025px) { .np-archive .np-grid.np-products { gap: var(--np-space-5); } }
@media (min-width: 1025px) and (max-width: 1366px) { .np-archive .np-grid.np-products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1367px) { .np-archive .np-grid.np-products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 768px) and (max-width: 1024px) { .np-archive .np-grid.np-products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .np-archive .np-grid.np-products { gap: var(--np-space-3); } }

/* ---------- Empty state ---------- */
.np-archive__empty { align-items: center; }
.np-archive__empty-body { display: flex; flex-direction: column; gap: var(--np-space-3); }
.np-archive__empty-title { margin: 0; font-weight: 600; color: var(--np-color-text); }

/* ---------- Pagination (JSF) + Woo fallback ---------- */
.np-archive__pagination { display: flex; justify-content: center; }
.np-archive__pagination[hidden] { display: none; }
.np-archive .jet-filters-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--np-space-1); margin: 0; padding: 0; list-style: none; }
.np-archive .jet-filters-pagination__item { display: inline-flex; }
.np-archive .jet-filters-pagination__link, .np-archive .jet-filters-pagination__current, .np-archive .jet-filters-pagination__dots {
  display: inline-flex; align-items: center; justify-content: center; min-width: var(--np-touch); min-height: var(--np-touch); padding-inline: var(--np-space-2);
  border-radius: var(--np-radius-md); border: 1px solid var(--np-color-border); background: var(--np-color-bg-surface); color: var(--np-color-text); font-weight: 600; cursor: pointer; user-select: none;
  transition: background-color var(--np-motion-fast) var(--np-ease), border-color var(--np-motion-fast) var(--np-ease);
}
.np-archive .jet-filters-pagination__link:hover { border-color: var(--np-color-brand-primary); color: var(--np-color-brand-primary); }
.np-archive .jet-filters-pagination__current, .np-archive .jet-filters-pagination__item.jet-filters-pagination__current { background: var(--np-color-brand-primary); border-color: var(--np-color-brand-primary); color: var(--np-color-text-inverse); }
.np-archive .jet-filters-pagination__dots { border-color: transparent; cursor: default; }
.np-archive .jet-filters-pagination__link:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; }
body.has-jsf .np-archive .woocommerce-pagination { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* real links stay for crawlers; JSF pagination is the UI */
.np-archive .woocommerce-pagination ul.page-numbers { display: flex; gap: var(--np-space-1); list-style: none; padding: 0; margin: 0; justify-content: center; }
.np-archive .woocommerce-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: var(--np-touch); min-height: var(--np-touch); padding-inline: var(--np-space-2); border: 1px solid var(--np-color-border); border-radius: var(--np-radius-md); text-decoration: none; color: var(--np-color-text); font-weight: 600; }
.np-archive .woocommerce-pagination .page-numbers.current { background: var(--np-color-brand-primary); border-color: var(--np-color-brand-primary); color: var(--np-color-text-inverse); }

/* ==========================================================================
   Filters (np-filter) — JetSmartFilters markup skinned with DS tokens
   ========================================================================== */
.np-filter { display: flex; flex-direction: column; }
.np-filter__group { border-bottom: 1px solid var(--np-color-border); }
.np-filter__group:first-of-type { border-top: 1px solid var(--np-color-border); }
.np-filter__title {
  display: flex; align-items: center; justify-content: space-between; gap: var(--np-space-2); min-height: var(--np-touch); padding: var(--np-space-2) 0;
  cursor: pointer; list-style: none; font-weight: 600; font-size: var(--np-font-body-size); color: var(--np-color-neutral-900); user-select: none;
}
.np-filter__title::-webkit-details-marker { display: none; }
.np-filter__title:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; border-radius: var(--np-radius-sm); }
.np-filter__chevron { flex: none; color: var(--np-color-text-muted); transition: transform var(--np-motion-fast) var(--np-ease); }
.np-filter__group[open] > .np-filter__title .np-filter__chevron { transform: rotate(180deg); }
.np-filter__options { padding: 0 0 var(--np-space-3); display: flex; flex-direction: column; gap: var(--np-space-3); }
.np-filter__options .jet-filter-label { display: none; } /* group title is the summary */
.np-filter .jet-filter { margin: 0; }

/* Checkboxes */
.np-filter .jet-checkboxes-list { display: flex; flex-direction: column; gap: 2px; }
.np-filter .jet-checkboxes-list-wrapper { border: 0; margin: 0; padding: 0; min-width: 0; }
.np-filter .jet-checkboxes-list__row { display: block; }
.np-filter .jet-checkboxes-list__item { display: flex; align-items: center; gap: var(--np-space-2); min-height: 36px; padding: 2px 0; cursor: pointer; margin: 0; border-radius: var(--np-radius-sm); }
.np-filter .jet-checkboxes-list__item:focus-visible, .np-filter .jet-checkboxes-list__item:focus-within { outline: var(--np-focus-ring); outline-offset: 2px; }
.np-filter .jet-checkboxes-list__input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.np-filter .jet-checkboxes-list__button { display: flex; align-items: center; gap: var(--np-space-2); min-width: 0; width: 100%; }
.np-filter .jet-checkboxes-list__decorator {
  flex: none; width: 20px; height: 20px; border: 1.5px solid var(--np-color-neutral-400); border-radius: var(--np-radius-sm); background: var(--np-color-bg-surface);
  display: inline-flex; align-items: center; justify-content: center; transition: background-color var(--np-motion-fast) var(--np-ease), border-color var(--np-motion-fast) var(--np-ease);
}
.np-filter .jet-checkboxes-list__checked-icon { display: inline-flex; width: 14px; height: 14px; color: var(--np-color-text-inverse); opacity: 0; }
.np-filter .jet-checkboxes-list__checked-icon svg { width: 14px; height: 14px; fill: currentColor; }
.np-filter .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__decorator { background: var(--np-color-brand-primary); border-color: var(--np-color-brand-primary); }
.np-filter .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__checked-icon { opacity: 1; }
.np-filter .jet-checkboxes-list__label { flex: 1 1 auto; min-width: 0; font-size: var(--np-font-body-small-size); line-height: var(--np-font-body-small-lh); color: var(--np-color-text); overflow-wrap: anywhere; }
.np-filter .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__label { font-weight: 600; }
.np-filter .jet-filters-counter { flex: none; font-size: var(--np-font-caption-size); color: var(--np-color-text-muted); font-variant-numeric: tabular-nums; }
.np-filter .jet-filters-counter .counter-prefix, .np-filter .jet-filters-counter .counter-suffix { opacity: .8; }
.np-filter .jet-checkboxes-list__row.jet-filter-row-hidden, .np-filter .jet-filter-row[style*="display: none"] { display: none; }
/* Check-range shares the checkbox skin */
.np-filter .jet-check-range-list__item { display: flex; align-items: center; gap: var(--np-space-2); min-height: 36px; cursor: pointer; margin: 0; }
.np-filter .jet-check-range-list__input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.np-filter .jet-check-range-list__button { display: flex; align-items: center; gap: var(--np-space-2); width: 100%; }
.np-filter .jet-check-range-list__decorator { flex: none; width: 20px; height: 20px; border: 1.5px solid var(--np-color-neutral-400); border-radius: var(--np-radius-sm); background: var(--np-color-bg-surface); display: inline-flex; align-items: center; justify-content: center; }
.np-filter .jet-check-range-list__checked-icon { display: inline-flex; width: 14px; height: 14px; color: var(--np-color-text-inverse); opacity: 0; }
.np-filter .jet-check-range-list__checked-icon svg { width: 14px; height: 14px; fill: currentColor; }
.np-filter .jet-check-range-list__input:checked ~ .jet-check-range-list__button .jet-check-range-list__decorator { background: var(--np-color-brand-primary); border-color: var(--np-color-brand-primary); }
.np-filter .jet-check-range-list__input:checked ~ .jet-check-range-list__button .jet-check-range-list__checked-icon { opacity: 1; }
.np-filter .jet-check-range-list__label { font-size: var(--np-font-body-small-size); color: var(--np-color-text); }
/* More / less */
.np-filter .jet-filters-moreless, .np-filter .jet-checkboxes-list__moreless { margin-top: var(--np-space-1); }
.np-filter .jet-filters-moreless__toggle, .np-filter .jet-checkboxes-list__moreless-toggle { background: none; border: 0; padding: var(--np-space-1) 0; min-height: 36px; font: inherit; font-size: var(--np-font-body-small-size); font-weight: 600; color: var(--np-color-brand-primary); cursor: pointer; }
.np-filter .jet-filters-moreless__toggle:hover { text-decoration: underline; }
.np-filter .jet-filters-moreless__toggle:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; }
/* Search inside a filter */
.np-filter .jet-filters-search__input, .np-filter .jet-search-filter__input { min-height: 40px; width: 100%; padding-inline: var(--np-space-3); border: 1px solid var(--np-color-border); border-radius: var(--np-radius-md); font: inherit; font-size: var(--np-font-body-small-size); }

/* Range slider */
.np-filter .jet-range { padding: var(--np-space-2) var(--np-space-2) 0; direction: ltr; }
.np-filter .jet-range__slider { position: relative; height: 4px; margin: var(--np-space-3) 0 var(--np-space-4); background: var(--np-color-neutral-200); border-radius: var(--np-radius-pill); }
.np-filter .jet-range__slider__track, .np-filter .jet-range__slider__track-range { position: absolute; top: 0; bottom: 0; }
.np-filter .jet-range__slider__track-range { background: var(--np-color-brand-primary); border-radius: var(--np-radius-pill); }
.np-filter .jet-range__slider__input {
  -webkit-appearance: none; appearance: none; position: absolute; inset-inline: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 0; margin: 0; background: none; pointer-events: none;
}
.np-filter .jet-range__slider__input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: auto; width: 22px; height: 22px; border-radius: 50%; background: var(--np-color-bg-surface); border: 2px solid var(--np-color-brand-primary); box-shadow: var(--np-shadow-sm); cursor: grab; }
.np-filter .jet-range__slider__input::-moz-range-thumb { pointer-events: auto; width: 22px; height: 22px; border-radius: 50%; background: var(--np-color-bg-surface); border: 2px solid var(--np-color-brand-primary); box-shadow: var(--np-shadow-sm); cursor: grab; }
.np-filter .jet-range__slider__input:focus-visible::-webkit-slider-thumb { outline: var(--np-focus-ring); outline-offset: 2px; }
.np-filter .jet-range__values { display: flex; justify-content: space-between; direction: rtl; font-size: var(--np-font-body-small-size); color: var(--np-color-text-secondary); font-variant-numeric: tabular-nums; }
.np-filter .jet-range__inputs { display: flex; align-items: center; gap: var(--np-space-2); margin-top: var(--np-space-2); direction: rtl; }
.np-filter .jet-range__inputs__min, .np-filter .jet-range__inputs__max { flex: 1 1 0; min-width: 0; }
.np-filter .jet-range__inputs input, .np-filter input.jet-range__inputs__min:not([type="button"]):not([type="submit"]), .np-filter input.jet-range__inputs__max:not([type="button"]):not([type="submit"]) {
  width: 100%; min-height: 40px; padding: 0 var(--np-space-2); border: 1px solid var(--np-color-border); border-radius: var(--np-radius-md); font: inherit; font-size: var(--np-font-body-small-size); text-align: center; background: var(--np-color-bg-surface); direction: ltr;
}
.np-filter .jet-range__inputs__separator { color: var(--np-color-text-muted); }

/* Active tags (chips) — top of grid + inside the drawer */
.np-filter__active:empty { display: none; }
.np-filter__active .jet-active-tags, .np-filter__active .jet-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--np-space-2); }
.np-filter__active .jet-active-tags__title, .np-filter__active .jet-active-filters__title { display: none; }
.np-filter__active .jet-active-tag, .np-filter__active .jet-active-filter {
  display: inline-flex; align-items: center; gap: var(--np-space-1); min-height: 36px; padding: 0 var(--np-space-2) 0 var(--np-space-3);
  background: var(--np-color-brand-primary-soft); color: var(--np-color-brand-primary); border: 1px solid transparent; border-radius: var(--np-radius-pill);
  font-size: var(--np-font-body-small-size); font-weight: 600; cursor: pointer; user-select: none;
}
[dir="rtl"] .np-filter__active .jet-active-tag { padding: 0 var(--np-space-3) 0 var(--np-space-2); }
.np-filter__active .jet-active-tag:hover { border-color: var(--np-color-brand-primary); }
.np-filter__active .jet-active-tag:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; }
.np-filter__active .jet-active-tag__label { display: none; }
.np-filter__active .jet-active-tag__remove { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; }
.np-filter__active .jet-active-tag__remove::before { content: "×"; font-size: 18px; line-height: 1; }
.np-filter__active .jet-active-tag__remove svg { display: none; }
.np-filter__active .jet-active-tag.jet-active-tag__clear, .np-filter__active .jet-active-tag--clear { background: transparent; color: var(--np-color-text-secondary); border-color: var(--np-color-border); }
.np-archive__active { min-height: 0; }
.np-archive__active:has(.jet-active-tags:empty) { display: none; }

/* Remove-all button (drawer footer) */
.np-filter-drawer__foot .jet-remove-all-filters__button {
  display: inline-flex; align-items: center; justify-content: center; min-height: var(--np-touch); padding-inline: 16px; border: 1px solid var(--np-color-brand-primary); border-radius: var(--np-radius-md);
  background: transparent; color: var(--np-color-brand-primary); font: inherit; font-size: var(--np-font-button-size); font-weight: var(--np-font-button-weight); cursor: pointer;
}
.np-filter-drawer__foot .jet-remove-all-filters__button:hover { background: var(--np-color-brand-primary-soft); }
.np-filter-drawer__foot .jet-remove-all-filters__button:focus-visible { outline: var(--np-focus-ring); outline-offset: 2px; }

/* ==========================================================================
   Drawer (≤1024): the sidebar becomes an off-canvas panel; desktop: plain sidebar
   ========================================================================== */
.np-filter-drawer__head, .np-filter-drawer__foot, .np-filter-drawer__overlay { display: none; }
.np-filter-drawer__title { margin: 0; font-size: var(--np-font-h4-size); font-weight: var(--np-font-h4-weight); }
@media (max-width: 1024px) {
  .np-filter-drawer { position: fixed; inset: 0; z-index: var(--np-z-modal); pointer-events: none; visibility: hidden; }
  .np-filter-drawer.is-open, .np-filter-drawer.is-open-pending { visibility: visible; pointer-events: auto; }
  .np-filter-drawer__overlay { display: block; position: absolute; inset: 0; z-index: var(--np-z-overlay); background: rgba(15, 23, 42, .5); opacity: 0; transition: opacity var(--np-motion-normal) var(--np-ease); }
  .np-filter-drawer__panel {
    position: absolute; top: 0; bottom: 0; inset-inline-start: 0; z-index: var(--np-z-modal); width: min(400px, 88vw);
    display: flex; flex-direction: column; background: var(--np-color-bg-surface); box-shadow: var(--np-shadow-md);
    transform: translateX(100%); transition: transform var(--np-motion-slow) var(--np-ease);
  }
  [dir="ltr"] .np-filter-drawer__panel { transform: translateX(-100%); }
  .np-filter-drawer.is-open .np-filter-drawer__overlay { opacity: 1; }
  .np-filter-drawer.is-open .np-filter-drawer__panel { transform: none; }
  .np-filter-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: var(--np-space-2); min-height: 56px; padding: 0 var(--np-space-3) 0 var(--np-space-4); border-bottom: 1px solid var(--np-color-border); flex: none; }
  .np-filter-drawer__body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 0 var(--np-space-4); }
  .np-filter-drawer__foot { display: grid; grid-template-columns: auto 1fr; gap: var(--np-space-2); padding: var(--np-space-3) var(--np-space-4); border-top: 1px solid var(--np-color-border); background: var(--np-color-bg-surface); flex: none; }
  .np-filter__group:first-of-type { border-top: 0; }
  body.np-filter-open { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  .np-filter-drawer__panel, .np-filter-drawer__overlay, .np-archive__grid, .np-filter__chevron { transition: none; }
}