/* Product families above the approved carousel composition. */
#isignal.isignal-relocated .is-product-filters {
  position: relative; z-index: 20; width: 100%; min-width: 0; box-sizing: border-box;
  max-width: 1780px; margin: 0 auto;
  padding: clamp(24px, 3vw, 42px) clamp(22px, 4vw, 72px) 0;
  text-align: center;
}
#isignal .is-product-filters-label {
  display: block; margin-bottom: 15px;
  color: #565d86; font: 700 11px/1.3 'Orbitron', sans-serif;
  letter-spacing: .23em;
}
#isignal .is-product-filter-buttons {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 10px 12px;
}
#isignal .is-product-filter {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 42px; padding: 8px 15px;
  color: #24295e; font: 700 clamp(11px, .77vw, 13px)/1.25 'Inter', sans-serif;
  letter-spacing: .015em; white-space: normal; text-align: center;
  border: 1px solid rgba(46,49,146,.18); border-radius: 999px;
  background: linear-gradient(135deg,#fff 0%,#f8f9ff 45%,#e9ecf9 100%);
  box-shadow: inset 0 1px 0 #fff, 0 5px 16px rgba(31,32,92,.10);
  cursor: pointer; transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
#isignal .is-product-filter::before {
  content: ''; position: absolute; inset: 0 auto 0 -40%; width: 35%; z-index: -1;
  background: linear-gradient(110deg,transparent,rgba(255,255,255,.76),transparent);
  transform: skewX(-20deg); transition: left .5s ease;
}
#isignal .is-product-filter:hover { transform: translateY(-3px); border-color: #838bc1; box-shadow: inset 0 1px 0 #fff, 0 12px 25px rgba(31,32,92,.19); }
#isignal .is-product-filter:hover::before { left: 110%; }
#isignal .is-product-filter:focus-visible { outline: 3px solid #e62e2d; outline-offset: 3px; }
#isignal .is-product-filter.is-selected {
  color: #fff; border-color: #343891;
  background: linear-gradient(135deg,#161a58,#35399b 55%,#20246c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 9px 21px rgba(31,32,92,.27);
}
#isignal .is-product-filter:disabled { opacity: .5; cursor: not-allowed; }
#isignal .is-product-filter-count {
  min-width: 22px; padding: 3px 5px; border-radius: 12px;
  color: #424a8b; background: rgba(46,49,146,.10); font: 700 10px/1 'Inter',sans-serif;
}
#isignal .is-product-filter.is-selected .is-product-filter-count { color: #fff; background: rgba(255,255,255,.22); }
@media (max-width: 980px) {
  #isignal.isignal-relocated .is-product-filters { padding: 22px 0 6px; }
  #isignal .is-product-filter-buttons {
    flex-wrap: nowrap; overflow-x: auto; max-width: 100%; min-width: 0; justify-content: flex-start;
    padding: 2px 18px 14px; scroll-snap-type: x proximity; scrollbar-width: thin;
  }
  #isignal .is-product-filter { flex: 0 0 auto; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) {
  #isignal .is-product-filter,#isignal .is-product-filter::before { transition: none !important; }
}
