@charset "UTF-8";

.px-matching {
  --px-white: #ffffff;
  --px-navy-700: #28374F;
  --shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.24);
  --type-mono: var(--weight-regular) var(--text-sm) / 1.5 var(--font-mono);
  --px-grey-25: #fafafc;
  --px-grey-50: #f8f8f8;
  --px-grey-75: #f5f5f7;
  --px-grey-100: #f3f4f7;
  --px-grey-150: #edeef1;
  --px-grey-200: #ebe9f1;
  --px-grey-250: #e8e8ec;
  --px-grey-300: #d8d6de;
  --px-grey-400: #bbc1ca;
  --px-grey-450: #b9b9c3;
  --px-grey-500: #737a87;
  --px-grey-600: #6e6b7b;
  --px-grey-700: #5e5873;
  --px-grey-800: #4b465c;
  --px-grey-900: #2f2b3d;
  --px-ink: #151b22;
  --px-green-50: #e9f9ee;
  --px-green-100: #dcfce8;
  --px-green-150: #ecfdef;
  --px-green-200: #b6f0cc;
  --px-green-500: #28c76f;
  --px-green-550: #2bb669;
  --px-green-600: #22A44E;
  --px-green-700: #16a34a;
  --px-green-800: #127c3a;
  --px-green-900: #17a851;
  --px-blue-50: #e8eefc;
  --px-blue-100: #c5d0f6;
  --px-blue-400: #60a5fa;
  --px-blue-500: #1e4ed8;
  --px-blue-600: #0b57a6;
  --px-blue-700: var(--px-blue-600);
  --px-violet-50: #eeedfd;
  --px-violet-100: #e2e1f5;
  --px-violet-500: #7367f0;
  --px-violet-600: #5b54e8;
  --px-cyan-500: #00cfe8;
  --px-orange-400: #f28058;
  --px-rust-600: #b4451e;
  --px-navy-800: #1f2e47;
  --px-red-50: #fff6f4;
  --px-red-100: #fcd7d6;
  --px-red-500: #ea5455;
  --px-red-600: #cb4744;
  --px-amber-50: #fffbf0;
  --px-amber-200: #f1dfbd;
  --px-amber-500: #ff9f43;
  --px-amber-600: #d49838;
  --px-amber-700: #b45309;
  --price-cheapest: var(--px-green-900);
  --price-below: var(--px-green-500);
  --price-parity: var(--px-amber-600);
  --price-above: var(--px-orange-400);
  --price-expensive: var(--px-red-600);
  --text-heading: var(--px-grey-700);
  --text-body: var(--px-grey-600);
  --text-muted: var(--px-grey-500);
  --text-faint: var(--px-grey-450);
  --text-link: var(--px-blue-500);
  --text-code: var(--px-violet-600);
  --text-strong: var(--px-ink);
  --px-navy-900: #16233a;
  --surface-page: var(--px-grey-75);
  --surface-card: var(--px-white);
  --surface-subtle: var(--px-grey-100);
  --surface-sunken: var(--px-grey-50);
  --surface-inverse: var(--px-ink);
  --surface-overlay: rgba(21, 27, 34, 0.45);
  --border-subtle: var(--px-grey-150);
  --border-default: var(--px-grey-250);
  --border-strong: var(--px-grey-300);
  --action-primary: var(--px-green-600);
  --action-primary-strong: var(--px-green-700);
  --action-quiet-bg: var(--px-white);
  --action-quiet-border: var(--px-grey-300);
  --action-accent: var(--px-violet-500);
  --action-accent-hover: var(--px-violet-600);
  --action-danger: var(--px-red-500);
  --action-danger-hover: var(--px-red-600);
  --border-focus: var(--px-violet-500);
  --status-success-fg: var(--px-green-700);
  --status-success-bg: var(--px-green-50);
  --status-danger-fg: var(--px-red-600);
  --status-danger-bg: var(--px-red-50);
  --status-warning-fg: var(--px-amber-600);
  --status-warning-bg: var(--px-amber-50);
  --status-warning-border: var(--px-amber-200);
  --status-info-fg: var(--px-blue-500);
  --status-info-bg: var(--px-blue-50);
  --status-neutral-fg: var(--px-grey-500);
  --status-neutral-bg: var(--px-grey-100);
  --status-live: var(--px-green-900);
  --status-paused: var(--px-grey-400);
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-14: 40px;
  --space-16: 48px;
  --card-padding: var(--space-10);
  --table-cell-x: var(--space-10);
  --table-cell-y: var(--space-9);
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 46px;
  --control-padding-x: 18px;
  --stack-loose: var(--space-10);
  --font-core: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.45;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-caps: 0.08em;
  --tracking-normal: 0;
  --type-page-title: var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-core);
  --type-section-title: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-core);
  --type-card-title: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core);
  --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-core);
  --type-body-md: var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-core);
  --type-label: var(--weight-medium) var(--text-base)/var(--leading-snug) var(--font-core);
  --type-table-head: var(--weight-semibold) var(--text-sm)/1.2 var(--font-core);
  --type-caption: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-core);
  --type-eyebrow: var(--weight-semibold) var(--text-xs)/1.2 var(--font-core);
  --type-code: var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);
  --type-metric: var(--weight-semibold) var(--text-4xl)/1.05 var(--font-core);
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 14px;
  --radius-pill: 999px;
  --shadow-hairline: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-raised: 0 4px 12px rgba(16, 24, 40, 0.07), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-dropdown: 0 8px 24px rgba(16, 24, 40, 0.14);
  --shadow-modal: 0 24px 64px rgba(16, 24, 40, 0.22), 0 2px 8px rgba(16, 24, 40, 0.1);
  --ring-focus: 0 0 0 3px rgba(115, 103, 240, 0.22);
  --ring-focus-green: 0 0 0 3px rgba(34, 164, 78, 0.22);
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-control: background-color var(--duration-fast) var(--ease-standard),
      border-color var(--duration-fast) var(--ease-standard),
      color var(--duration-fast) var(--ease-standard),
      box-shadow var(--duration-fast) var(--ease-standard);
  --transition-surface: background-color var(--duration-base) var(--ease-standard);
}

.px-matching .mq-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-7);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[dir] .px-matching .mq-bar {
  padding: var(--space-6) var(--space-8);
}

.px-matching .mq-bar__pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  white-space: nowrap;
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .px-matching .mq-bar__pill {
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  background: var(--px-grey-50);
  border: 1px solid var(--border-subtle);
}

.px-matching .mq-bar__pill--on {
  color: var(--px-green-700);
}

[dir] .px-matching .mq-bar__pill--on {
  background: var(--px-green-50);
  border-color: var(--px-green-500);
}

.px-matching .mq-bar__filters {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font: var(--type-caption);
  color: var(--text-body);
  -webkit-transition: var(--transition-control);
  transition: var(--transition-control);
}

[dir] .px-matching .mq-bar__filters {
  padding: 4px 10px;
  border: none;
  background: transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  -webkit-transition: var(--transition-control);
}

[dir] .px-matching .mq-bar__filters:hover {
  background: var(--px-grey-75);
}

.px-matching .mq-bar__spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 8px;
}

.px-matching .mq-bar__left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}

.px-matching .mq-bar__left strong {
  font: var(--type-label);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.px-matching .mq-bar__left span {
  font: var(--type-caption);
  color: var(--text-muted);
}

.px-matching .mq-bar .buttons-div {
  gap: var(--space-6);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.px-matching .mq-bar .query-left {
  display: none;
}

.px-matching .mq-bar .buttons-div .btn {
  white-space: nowrap;
}

[dir] .px-matching .mq-bar .buttons-div .btn {
  margin-top: 0 !important;
}

.px-matching .min-max-text {
  display: none;
}

[dir] .px-matching .mq-filters {
  padding: var(--space-8);
  border-top: 1px solid var(--border-subtle);
}

.px-matching .mq-filters > .row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--space-7) var(--space-8);
}

[dir] .px-matching .mq-filters > .row {
  margin: 0;
}

.px-matching .mq-filters > .row > [class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: none;
  width: auto;
  min-width: 0;
}

[dir] .px-matching .mq-filters > .row > [class*=col-] {
  padding: 0;
}

.px-matching .mq-filters label {
  display: block;
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .px-matching .mq-filters label {
  margin-bottom: var(--space-4);
}

.px-matching .top-search {
  -webkit-box-shadow: var(--shadow-hairline);
}

[dir] .px-matching .top-search {
  padding: 0;
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
          -webkit-box-shadow: var(--shadow-hairline);
                  box-shadow: var(--shadow-hairline);
}

.px-matching .top-search > .row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--space-7) var(--space-8);
}

[dir] .px-matching .top-search > .row {
  margin: 0;
}

.px-matching .top-search > .row > [class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: none;
  width: auto;
  min-width: 0;
}

[dir] .px-matching .top-search > .row > [class*=col-] {
  padding: 0;
}

.px-matching .top-search label {
  display: block;
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .px-matching .top-search label {
  margin-bottom: var(--space-4);
}

.px-matching .top-search .buttons-div {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: var(--space-6);
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
}

.px-matching .top-search .buttons-div .btn {
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

[dir] .px-matching .top-search .buttons-div .btn {
  margin-top: 0 !important;
}

.px-matching .top-search .query-left {
  white-space: nowrap;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .px-matching .top-search .query-left {
  padding-bottom: 6px;
}

[dir] .px-matching .mq-filters + .mu-all-competitors {
  padding: 0 var(--space-8) var(--space-8);
}

.px-matching .mu-all-competitors > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-7);
}

[dir] .px-matching .mu-all-competitors > .row {
  margin: 0;
}

.px-matching .mu-all-competitors > .row > .col-md-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: none;
}

[dir] .px-matching .mu-all-competitors > .row > .col-md-12 {
  padding: 0;
}

.px-matching .mu-all-competitors > .row > .col-md-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-7);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  max-width: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

[dir] .px-matching .mu-all-competitors > .row > .col-md-9 {
  padding: 0;
}

.px-matching .mu-all-competitors > .row > .col-md-9 .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir] .px-matching .mu-all-competitors > .row > .col-md-9 .form-group {
  margin-bottom: 0;
}

[dir] .px-matching .mu-all-competitors > .row > .col-md-9 .custom-control {
  margin-bottom: 0;
}

.px-matching .mu-all-competitors > .row > .col-md-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}

[dir] .px-matching .mu-all-competitors > .row > .col-md-3 {
  padding: 0;
}

[dir=ltr] .px-matching .mu-all-competitors > .row > .col-md-3 {
  margin-left: auto;
}

[dir=rtl] .px-matching .mu-all-competitors > .row > .col-md-3 {
  margin-right: auto;
}

.px-matching .mu-all-competitors > .row > .col-md-9,
.px-matching .mu-all-competitors > .row > .col-md-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.px-matching .mu-all-competitors > .row::before,
.px-matching .mu-all-competitors > .row::after {
  display: none;
}

.px-matching .mu-all-competitors .check-all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  white-space: nowrap;
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .px-matching .mu-all-competitors .check-all {
  margin: 0;
}

[dir] .px-matching .mu-all-competitors .check-all span, [dir] .px-matching .mu-all-competitors .check-all .mu-text-btn {
  cursor: pointer;
}

.px-matching .mu-all-competitors .check-all span:hover,
.px-matching .mu-all-competitors .check-all .mu-text-btn:hover {
  color: var(--text-link);
  text-decoration: underline;
}

.px-matching #checkbox-group-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-5);
}

[dir=ltr] .px-matching #checkbox-group-2 .custom-checkbox {
  padding-left: 0;
  margin-right: 0;
}

[dir=rtl] .px-matching #checkbox-group-2 .custom-checkbox {
  padding-right: 0;
  margin-left: 0;
}

.px-matching #checkbox-group-2 .custom-control-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  font: var(--type-caption);
  color: var(--text-muted);
  -webkit-transition: var(--transition-control);
  transition: var(--transition-control);
}

[dir] .px-matching #checkbox-group-2 .custom-control-label {
  padding: 4px 11px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--border-default);
  -webkit-transition: var(--transition-control);
}

.px-matching #checkbox-group-2 .custom-control-label::before,
.px-matching #checkbox-group-2 .custom-control-label::after {
  display: none;
}

.px-matching #checkbox-group-2 .custom-control-input:checked ~ .custom-control-label {
  color: #fff;
}

[dir] .px-matching #checkbox-group-2 .custom-control-input:checked ~ .custom-control-label {
  background: var(--surface-inverse);
  border-color: var(--surface-inverse);
}

.px-matching #checkbox-group-2 .custom-control-input:focus ~ .custom-control-label {
  -webkit-box-shadow: 0 0 0 2px var(--px-blue-100);
}

[dir] .px-matching #checkbox-group-2 .custom-control-input:focus ~ .custom-control-label {
          -webkit-box-shadow: 0 0 0 2px var(--px-blue-100);
                  box-shadow: 0 0 0 2px var(--px-blue-100);
}

.px-matching #checkbox-group-2 .custom-control-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.px-matching .saved-progress-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-7);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[dir] .px-matching .saved-progress-wrapper {
  padding-top: var(--space-7);
  border-top: 1px solid var(--border-subtle);
}

.px-matching .saved-progress-wrapper > .btn:not(:last-child),
.px-matching .saved-progress-wrapper > span > .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-6);
  color: var(--text-strong);
  font: var(--type-caption);
}

[dir] .px-matching .saved-progress-wrapper > .btn:not(:last-child), [dir] .px-matching .saved-progress-wrapper > span > .btn {
  border-radius: var(--radius-lg);
  background: var(--px-grey-50);
  border: 1px solid var(--border-subtle);
}

[dir=ltr] .px-matching .saved-progress-wrapper > .btn:not(:last-child), [dir=ltr] .px-matching .saved-progress-wrapper > span > .btn {
  padding: 5px 6px 5px 10px;
  text-align: left;
}

[dir=rtl] .px-matching .saved-progress-wrapper > .btn:not(:last-child), [dir=rtl] .px-matching .saved-progress-wrapper > span > .btn {
  padding: 5px 10px 5px 6px;
  text-align: right;
}

[dir] .px-matching .saved-progress-wrapper > .btn:not(:last-child).active, [dir] .px-matching .saved-progress-wrapper > span > .btn.active {
  background: var(--px-green-50);
  border-color: var(--px-green-500);
}

.px-matching .saved-progress-wrapper .progress-time {
  display: block;
  font: var(--type-caption);
  font-size: 11px;
  color: var(--text-muted);
}

.px-matching .saved-progress-wrapper .icon-top {
  color: var(--text-faint);
}

[dir] .px-matching .saved-progress-wrapper .icon-top {
  cursor: pointer;
}

.px-matching .mq-mine {
  overflow: hidden;
}

[dir] .px-matching .mq-mine {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}

.px-matching .mq-mine__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-6);
}

[dir] .px-matching .mq-mine__head {
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--px-grey-50);
}

.px-matching .mq-mine__head-icon {
  color: var(--text-faint);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.px-matching .mq-mine__head-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  font: var(--type-label);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.px-matching .mq-mine__head-id {
  word-break: break-word;
}

.px-matching .mq-mine__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-7);
}

[dir] .px-matching .mq-mine__body {
  padding: var(--space-8);
}

.px-matching .mq-mine__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

[dir] .px-matching .mq-mine__img {
  border-radius: var(--radius-lg);
  background: var(--px-grey-75);
  border: 1px solid var(--border-subtle);
}

.px-matching .mq-mine__img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.px-matching .mq-mine__img > img,
.px-matching .mq-mine__img .mu-user-single-product > img,
.px-matching .mq-mine__img .mu-card-img > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 550px;
  -o-object-fit: contain;
     object-fit: contain;
}

.px-matching .mq-mine__img .mu-user-single-product {
  height: auto;
}

.px-matching .mq-mine__img .mu-card-img {
  max-height: none;
}

.px-matching .mq-mine__img--empty {
  aspect-ratio: 4/3;
  max-height: 240px;
  color: var(--px-grey-400);
}

.px-matching .mq-mine__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  font: var(--type-body-md);
  font-weight: var(--weight-semibold);
  word-break: break-word;
}

.px-matching .mq-mine__title .feather {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

[dir] .px-matching .mq-mine__title .feather {
  margin-top: 3px;
}

.px-matching .mq-mine__title--plain {
  color: var(--text-strong);
}

.px-matching .mq-mine__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-5);
}

[dir] .px-matching .mq-mine__fields {
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-subtle);
}

.px-matching .mq-mine__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-6);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.px-matching .mq-mine__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 84px;
          flex: 0 0 84px;
  font: var(--type-caption);
  color: var(--text-muted);
}

.px-matching .mq-mine__value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: var(--type-body-md);
  color: var(--text-body);
  min-width: 0;
  word-break: break-word;
}

.px-matching .mq-mine__extra {
  font: var(--type-caption);
  color: var(--text-muted);
  word-break: break-word;
}

[dir] .px-matching .mq-mine__extra p {
  margin-bottom: var(--space-4);
}

[dir] .px-matching .mq-mine__extra ul {
  margin: 0;
}

[dir=ltr] .px-matching .mq-mine__extra ul {
  padding-left: var(--space-6);
}

[dir=rtl] .px-matching .mq-mine__extra ul {
  padding-right: var(--space-6);
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products {
  overflow: hidden;
  width: auto;
  height: auto;
  max-height: none;
  overflow-y: visible;
}

[dir] .px-matching .mu-competitor-products-wrapper .mu-competitor-products {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-8);
}

[dir=ltr] .px-matching .mu-competitor-products-wrapper .mu-competitor-products {
  margin-right: 0;
}

[dir=rtl] .px-matching .mu-competitor-products-wrapper .mu-competitor-products {
  margin-left: 0;
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products .mu-single-product-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-7);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[dir] .px-matching .mu-competitor-products-wrapper .mu-competitor-products .mu-single-product-search {
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--px-grey-50);
  margin: 0;
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products .mu-single-product-search h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  font: var(--type-label);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

[dir] .px-matching .mu-competitor-products-wrapper .mu-competitor-products .mu-single-product-search h4 {
  margin: 0;
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products .mu-single-product-search > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 200px;
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products .b-overlay-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-7);
  overflow-x: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

[dir] .px-matching .mu-competitor-products-wrapper .mu-competitor-products .b-overlay-wrap {
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}

[dir=ltr] .px-matching .mu-competitor-products-wrapper .mu-competitor-products .b-overlay-wrap {
  padding-right: var(--space-7);
  padding-left: var(--space-7);
}

[dir=rtl] .px-matching .mu-competitor-products-wrapper .mu-competitor-products .b-overlay-wrap {
  padding-left: var(--space-7);
  padding-right: var(--space-7);
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products .product-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[dir] .px-matching .mu-competitor-products-wrapper .mu-competitor-products > div:not(.mu-single-product-search):not(.b-overlay-wrap) {
  padding: var(--space-7);
}

[dir] .px-matching .mu-competitor-products-wrapper .mu-competitor-products .alert {
  margin-bottom: 0;
}

.px-matching .mu-competitor-products-wrapper .mu-competitor-products .product-container > .pm_info-icon {
  display: none;
}

.px-matching .mq-shoprow__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-7);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[dir] .px-matching .mq-shoprow__head {
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--px-grey-50);
}

.px-matching .mq-shoprow__domain {
  font: var(--type-label);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.px-matching .mq-shoprow__spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 8px;
}

.px-matching .mq-shoprow__search {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 200px;
}

.px-matching .mq-shoprow__empty {
  display: block;
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .px-matching .mq-shoprow__empty {
  padding: var(--space-9);
  text-align: center;
}

.px-matching .mq-strip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-7);
  overflow-x: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

[dir] .px-matching .mq-strip {
  padding: var(--space-7);
}

.px-matching .mq-tile {
  position: relative;
  width: 212px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: var(--shadow-hairline);
  outline: none;
  outline-offset: -1px;
  -webkit-transition: var(--transition-control);
  transition: var(--transition-control);
  overflow: hidden;
}

[dir] .px-matching .mq-tile {
  background: var(--surface-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-subtle);
          -webkit-box-shadow: var(--shadow-hairline);
                  box-shadow: var(--shadow-hairline);
  -webkit-transition: var(--transition-control);
}

.px-matching .mq-tile:hover {
  -webkit-box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

[dir] .px-matching .mq-tile:hover {
  border-color: var(--px-blue-400);
          -webkit-box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
                  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.px-matching .mq-tile--on {
  outline: 2px solid var(--px-green-500);
}

[dir] .px-matching .mq-tile--on {
  background: var(--px-green-50);
  border-color: var(--px-green-500);
}

[dir] .px-matching .mq-tile--on .mq-tile__img {
  margin: 4px;
  border-radius: var(--radius-sm);
}

.px-matching .mq-tile__img {
  position: relative;
  aspect-ratio: 1/1;
  min-height: 0;
  max-height: 250px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--transition-control);
  transition: var(--transition-control);
}

[dir] .px-matching .mq-tile__img {
  background: #fff;
  border-bottom: 1px solid var(--border-subtle);
  -webkit-transition: var(--transition-control);
}

.px-matching .mq-tile__img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.px-matching .mq-tile__zoom {
  position: absolute;
  bottom: 6px;
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: var(--shadow-hairline);
  color: var(--text-body);
}

[dir] .px-matching .mq-tile__zoom {
  border-radius: var(--radius-sm);
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--border-default);
          -webkit-box-shadow: var(--shadow-hairline);
                  box-shadow: var(--shadow-hairline);
  padding: 0;
}

[dir=ltr] .px-matching .mq-tile__zoom {
  left: 6px;
}

[dir=rtl] .px-matching .mq-tile__zoom {
  right: 6px;
}

.px-matching .mq-tile__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

[dir] .px-matching .mq-tile__body {
  padding: var(--space-6);
}

.px-matching .mq-tile__ph {
  color: var(--px-grey-300, #cbd5e1);
}

.px-matching .mq-tile__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font: var(--type-body-md);
  color: var(--text-strong);
  line-height: 1.32;
}

.px-matching .mq-tile__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

[dir] .px-matching .mq-tile__fields {
  margin-top: auto;
}

.px-matching .mq-tile__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.px-matching .mq-tile__price strong {
  font: var(--type-body-md);
  color: var(--text-strong);
}

.px-matching .mq-tile__band {
  font: var(--type-caption);
  color: var(--px-amber-700);
}

.px-matching .mq-tile__google {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font: var(--type-caption);
  color: var(--px-blue-600);
  white-space: nowrap;
}

[dir] .px-matching .mq-tile__google {
  padding: 1px 8px;
  border-radius: var(--radius-pill);
  background: var(--px-blue-50);
  border: 1px solid var(--px-blue-100);
}

.px-matching .mq-tile .mu-match-unmatch-btn {
  position: absolute;
  top: 0;
  height: auto;
  display: none;
  z-index: 2;
  overflow: hidden;
}

[dir=ltr] .px-matching .mq-tile .mu-match-unmatch-btn {
  left: 0;
  right: 0;
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

[dir=rtl] .px-matching .mq-tile .mu-match-unmatch-btn {
  right: 0;
  left: 0;
  border-top-right-radius: var(--radius-lg);
  border-top-left-radius: var(--radius-lg);
}

.px-matching .mq-tile:hover .mu-match-unmatch-btn,
.px-matching .mq-tile--on .mu-match-unmatch-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.px-matching .mq-tile .mu-match-btn,
.px-matching .mq-tile .mu-unmatch-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
  font: var(--type-caption);
  font-weight: var(--weight-semibold);
  white-space: nowrap;
}

[dir] .px-matching .mq-tile .mu-match-btn, [dir] .px-matching .mq-tile .mu-unmatch-btn {
  margin: 0;
  padding: 6px 0;
  text-align: center;
  cursor: pointer;
  border: none;
}

[dir] .px-matching .mq-tile .mu-match-btn {
  background: var(--px-green-600);
}

[dir] .px-matching .mq-tile .mu-unmatch-btn {
  background: var(--px-red-600);
}

.px-matching .mq-tile .mu-unmatch-btn {
  display: none;
}

.px-matching .mq-tile:hover .mu-unmatch-btn {
  display: block;
}

.px-matching .mq-tile:focus-within .mu-match-unmatch-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.px-matching .mq-tile:focus-within .mu-unmatch-btn {
  display: block;
}

@media (hover: none), (pointer: coarse) {
  .px-matching .mq-tile .mu-match-unmatch-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .px-matching .mq-tile .mu-unmatch-btn {
    display: block;
  }
}

.px-matching .mq-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  min-width: 0;
}

.px-matching .mq-field__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  font: var(--type-caption);
  font-size: 11px;
  color: var(--text-muted);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.px-matching .mq-field__value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: var(--type-caption);
  color: var(--text-body);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.px-matching .mq-field__value--mono {
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
}

.px-matching .mq-key {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 18px;
  height: 18px;
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
  font-size: 10px;
  color: var(--text-muted);
}

[dir] .px-matching .mq-key {
  padding: 0 4px;
  border-radius: 4px;
  background: var(--px-grey-75);
  border: 1px solid var(--border-default);
  border-bottom-width: 2px;
}

.px-matching .mq-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

[dir] .px-matching .mq-thumb {
  border-radius: var(--radius-md);
  background: var(--px-grey-75);
  border: 1px solid var(--border-subtle);
}

.px-matching .mq-thumb img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.px-matching .mq-thumb__ph {
  color: var(--px-grey-400);
}

.px-matching .mq-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 32px;
}

[dir] .px-matching .mq-tags {
  padding: 3px 6px;
  background: #fff;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
}

.px-matching .mq-tags__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font: var(--type-caption);
  color: var(--text-body);
  white-space: nowrap;
}

[dir] .px-matching .mq-tags__tag {
  border-radius: var(--radius-pill);
  background: var(--px-grey-75);
  border: 1px solid var(--border-subtle);
}

[dir=ltr] .px-matching .mq-tags__tag {
  padding: 2px 4px 2px 8px;
}

[dir=rtl] .px-matching .mq-tags__tag {
  padding: 2px 8px 2px 4px;
}

.px-matching .mq-tags__remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15px;
  height: 15px;
  color: var(--text-faint);
}

[dir] .px-matching .mq-tags__remove {
  padding: 0;
  cursor: pointer;
  border-radius: var(--radius-pill);
  border: none;
  background: transparent;
}

.px-matching .mq-tags__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 70px;
  outline: none;
  font: var(--type-body-md);
  color: var(--text-body);
}

[dir] .px-matching .mq-tags__input {
  border: none;
  background: transparent;
  padding: 2px 0;
}

.px-matching .mq-mono {
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.mq-compare-modal {
  --px-white: #ffffff;
  --px-navy-700: #28374F;
  --shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.24);
  --type-mono: var(--weight-regular) var(--text-sm) / 1.5 var(--font-mono);
  --px-grey-25: #fafafc;
  --px-grey-50: #f8f8f8;
  --px-grey-75: #f5f5f7;
  --px-grey-100: #f3f4f7;
  --px-grey-150: #edeef1;
  --px-grey-200: #ebe9f1;
  --px-grey-250: #e8e8ec;
  --px-grey-300: #d8d6de;
  --px-grey-400: #bbc1ca;
  --px-grey-450: #b9b9c3;
  --px-grey-500: #737a87;
  --px-grey-600: #6e6b7b;
  --px-grey-700: #5e5873;
  --px-grey-800: #4b465c;
  --px-grey-900: #2f2b3d;
  --px-ink: #151b22;
  --px-green-50: #e9f9ee;
  --px-green-100: #dcfce8;
  --px-green-150: #ecfdef;
  --px-green-200: #b6f0cc;
  --px-green-500: #28c76f;
  --px-green-550: #2bb669;
  --px-green-600: #22A44E;
  --px-green-700: #16a34a;
  --px-green-800: #127c3a;
  --px-green-900: #17a851;
  --px-blue-50: #e8eefc;
  --px-blue-100: #c5d0f6;
  --px-blue-400: #60a5fa;
  --px-blue-500: #1e4ed8;
  --px-blue-600: #0b57a6;
  --px-blue-700: var(--px-blue-600);
  --px-violet-50: #eeedfd;
  --px-violet-100: #e2e1f5;
  --px-violet-500: #7367f0;
  --px-violet-600: #5b54e8;
  --px-cyan-500: #00cfe8;
  --px-orange-400: #f28058;
  --px-rust-600: #b4451e;
  --px-navy-800: #1f2e47;
  --px-red-50: #fff6f4;
  --px-red-100: #fcd7d6;
  --px-red-500: #ea5455;
  --px-red-600: #cb4744;
  --px-amber-50: #fffbf0;
  --px-amber-200: #f1dfbd;
  --px-amber-500: #ff9f43;
  --px-amber-600: #d49838;
  --px-amber-700: #b45309;
  --price-cheapest: var(--px-green-900);
  --price-below: var(--px-green-500);
  --price-parity: var(--px-amber-600);
  --price-above: var(--px-orange-400);
  --price-expensive: var(--px-red-600);
  --text-heading: var(--px-grey-700);
  --text-body: var(--px-grey-600);
  --text-muted: var(--px-grey-500);
  --text-faint: var(--px-grey-450);
  --text-link: var(--px-blue-500);
  --text-code: var(--px-violet-600);
  --text-strong: var(--px-ink);
  --px-navy-900: #16233a;
  --surface-page: var(--px-grey-75);
  --surface-card: var(--px-white);
  --surface-subtle: var(--px-grey-100);
  --surface-sunken: var(--px-grey-50);
  --surface-inverse: var(--px-ink);
  --surface-overlay: rgba(21, 27, 34, 0.45);
  --border-subtle: var(--px-grey-150);
  --border-default: var(--px-grey-250);
  --border-strong: var(--px-grey-300);
  --action-primary: var(--px-green-600);
  --action-primary-strong: var(--px-green-700);
  --action-quiet-bg: var(--px-white);
  --action-quiet-border: var(--px-grey-300);
  --action-accent: var(--px-violet-500);
  --action-accent-hover: var(--px-violet-600);
  --action-danger: var(--px-red-500);
  --action-danger-hover: var(--px-red-600);
  --border-focus: var(--px-violet-500);
  --status-success-fg: var(--px-green-700);
  --status-success-bg: var(--px-green-50);
  --status-danger-fg: var(--px-red-600);
  --status-danger-bg: var(--px-red-50);
  --status-warning-fg: var(--px-amber-600);
  --status-warning-bg: var(--px-amber-50);
  --status-warning-border: var(--px-amber-200);
  --status-info-fg: var(--px-blue-500);
  --status-info-bg: var(--px-blue-50);
  --status-neutral-fg: var(--px-grey-500);
  --status-neutral-bg: var(--px-grey-100);
  --status-live: var(--px-green-900);
  --status-paused: var(--px-grey-400);
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-14: 40px;
  --space-16: 48px;
  --card-padding: var(--space-10);
  --table-cell-x: var(--space-10);
  --table-cell-y: var(--space-9);
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 46px;
  --control-padding-x: 18px;
  --stack-loose: var(--space-10);
  --font-core: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.45;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-caps: 0.08em;
  --tracking-normal: 0;
  --type-page-title: var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-core);
  --type-section-title: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-core);
  --type-card-title: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core);
  --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-core);
  --type-body-md: var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-core);
  --type-label: var(--weight-medium) var(--text-base)/var(--leading-snug) var(--font-core);
  --type-table-head: var(--weight-semibold) var(--text-sm)/1.2 var(--font-core);
  --type-caption: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-core);
  --type-eyebrow: var(--weight-semibold) var(--text-xs)/1.2 var(--font-core);
  --type-code: var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);
  --type-metric: var(--weight-semibold) var(--text-4xl)/1.05 var(--font-core);
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 14px;
  --radius-pill: 999px;
  --shadow-hairline: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-raised: 0 4px 12px rgba(16, 24, 40, 0.07), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-dropdown: 0 8px 24px rgba(16, 24, 40, 0.14);
  --shadow-modal: 0 24px 64px rgba(16, 24, 40, 0.22), 0 2px 8px rgba(16, 24, 40, 0.1);
  --ring-focus: 0 0 0 3px rgba(115, 103, 240, 0.22);
  --ring-focus-green: 0 0 0 3px rgba(34, 164, 78, 0.22);
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-control: background-color var(--duration-fast) var(--ease-standard),
      border-color var(--duration-fast) var(--ease-standard),
      color var(--duration-fast) var(--ease-standard),
      box-shadow var(--duration-fast) var(--ease-standard);
  --transition-surface: background-color var(--duration-base) var(--ease-standard);
}

[dir] .mq-compare-modal .modal-content {
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-subtle);
}

.mq-compare-modal .modal-body {
  min-height: 400px;
}

[dir] .mq-compare-modal .modal-body {
  padding: 0;
}

.mq-compare-modal .modal-footer {
  gap: var(--space-6);
}

[dir] .mq-compare-modal .modal-footer {
  border-top: 1px solid var(--border-subtle);
}

.mq-compare-modal .mq-compare__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--space-6);
}

[dir] .mq-compare-modal .mq-compare__head {
  padding: var(--space-8);
  border-bottom: 1px solid var(--border-subtle);
}

.mq-compare-modal .mq-compare__titles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}

.mq-compare-modal .mq-compare__titles strong {
  font: var(--type-label);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.mq-compare-modal .mq-compare__titles span {
  font: var(--type-caption);
  color: var(--text-muted);
}

.mq-compare-modal .mq-compare .close {
  color: var(--text-muted);
  opacity: 1;
}

[dir] .mq-compare-modal .mq-compare .close {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

[dir] .mq-compare-modal .mq-compare__grid {
  padding: 0 var(--space-8) var(--space-8);
}

.mq-compare-modal .mq-compare__row {
  display: grid;
  grid-template-columns: 110px 1fr 1fr;
  gap: var(--space-7);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

[dir] .mq-compare-modal .mq-compare__row {
  padding: var(--space-6) 0;
  border-bottom: 1px solid var(--border-subtle);
}

.mq-compare-modal .mq-compare__row--head strong {
  font: var(--type-caption);
  color: var(--text-muted);
}

.mq-compare-modal .mq-compare__row--images {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.mq-compare-modal .mq-compare__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 340px;
  overflow: hidden;
}

[dir] .mq-compare-modal .mq-compare__img {
  background: var(--px-grey-50);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}

.mq-compare-modal .mq-compare__img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mq-compare-modal .mq-compare__noimg {
  font: var(--type-caption);
  color: var(--text-faint);
}

.mq-compare-modal .mq-compare__label {
  font: var(--type-caption);
  color: var(--text-muted);
}

.mq-compare-modal .mq-compare__mine,
.mq-compare-modal .mq-compare__theirs {
  font: var(--type-body-md);
  color: var(--text-body);
  word-break: break-word;
}

.mq-compare-modal .mq-compare__theirs.is-same {
  color: var(--px-green-700);
}

.mq-compare-modal .mq-compare__decide .mu-match-unmatch-btn {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  gap: var(--space-6);
}

.mq-compare-modal .mq-compare__decide .mu-match-btn,
.mq-compare-modal .mq-compare__decide .mu-unmatch-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font: var(--type-caption);
  font-weight: var(--weight-semibold);
  white-space: nowrap;
}

[dir] .mq-compare-modal .mq-compare__decide .mu-match-btn, [dir] .mq-compare-modal .mq-compare__decide .mu-unmatch-btn {
  margin: 0;
  padding: 6px 14px;
  border-radius: var(--radius-md);
  cursor: pointer;
}

[dir] .mq-compare-modal .mq-compare__decide .mu-match-btn {
  background: var(--px-green-600);
}

[dir] .mq-compare-modal .mq-compare__decide .mu-unmatch-btn {
  background: var(--px-red-600);
}

.mq-zoom {
  --px-white: #ffffff;
  --px-navy-700: #28374F;
  --shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.24);
  --type-mono: var(--weight-regular) var(--text-sm) / 1.5 var(--font-mono);
  --px-grey-25: #fafafc;
  --px-grey-50: #f8f8f8;
  --px-grey-75: #f5f5f7;
  --px-grey-100: #f3f4f7;
  --px-grey-150: #edeef1;
  --px-grey-200: #ebe9f1;
  --px-grey-250: #e8e8ec;
  --px-grey-300: #d8d6de;
  --px-grey-400: #bbc1ca;
  --px-grey-450: #b9b9c3;
  --px-grey-500: #737a87;
  --px-grey-600: #6e6b7b;
  --px-grey-700: #5e5873;
  --px-grey-800: #4b465c;
  --px-grey-900: #2f2b3d;
  --px-ink: #151b22;
  --px-green-50: #e9f9ee;
  --px-green-100: #dcfce8;
  --px-green-150: #ecfdef;
  --px-green-200: #b6f0cc;
  --px-green-500: #28c76f;
  --px-green-550: #2bb669;
  --px-green-600: #22A44E;
  --px-green-700: #16a34a;
  --px-green-800: #127c3a;
  --px-green-900: #17a851;
  --px-blue-50: #e8eefc;
  --px-blue-100: #c5d0f6;
  --px-blue-400: #60a5fa;
  --px-blue-500: #1e4ed8;
  --px-blue-600: #0b57a6;
  --px-blue-700: var(--px-blue-600);
  --px-violet-50: #eeedfd;
  --px-violet-100: #e2e1f5;
  --px-violet-500: #7367f0;
  --px-violet-600: #5b54e8;
  --px-cyan-500: #00cfe8;
  --px-orange-400: #f28058;
  --px-rust-600: #b4451e;
  --px-navy-800: #1f2e47;
  --px-red-50: #fff6f4;
  --px-red-100: #fcd7d6;
  --px-red-500: #ea5455;
  --px-red-600: #cb4744;
  --px-amber-50: #fffbf0;
  --px-amber-200: #f1dfbd;
  --px-amber-500: #ff9f43;
  --px-amber-600: #d49838;
  --px-amber-700: #b45309;
  --price-cheapest: var(--px-green-900);
  --price-below: var(--px-green-500);
  --price-parity: var(--px-amber-600);
  --price-above: var(--px-orange-400);
  --price-expensive: var(--px-red-600);
  --text-heading: var(--px-grey-700);
  --text-body: var(--px-grey-600);
  --text-muted: var(--px-grey-500);
  --text-faint: var(--px-grey-450);
  --text-link: var(--px-blue-500);
  --text-code: var(--px-violet-600);
  --text-strong: var(--px-ink);
  --px-navy-900: #16233a;
  --surface-page: var(--px-grey-75);
  --surface-card: var(--px-white);
  --surface-subtle: var(--px-grey-100);
  --surface-sunken: var(--px-grey-50);
  --surface-inverse: var(--px-ink);
  --surface-overlay: rgba(21, 27, 34, 0.45);
  --border-subtle: var(--px-grey-150);
  --border-default: var(--px-grey-250);
  --border-strong: var(--px-grey-300);
  --action-primary: var(--px-green-600);
  --action-primary-strong: var(--px-green-700);
  --action-quiet-bg: var(--px-white);
  --action-quiet-border: var(--px-grey-300);
  --action-accent: var(--px-violet-500);
  --action-accent-hover: var(--px-violet-600);
  --action-danger: var(--px-red-500);
  --action-danger-hover: var(--px-red-600);
  --border-focus: var(--px-violet-500);
  --status-success-fg: var(--px-green-700);
  --status-success-bg: var(--px-green-50);
  --status-danger-fg: var(--px-red-600);
  --status-danger-bg: var(--px-red-50);
  --status-warning-fg: var(--px-amber-600);
  --status-warning-bg: var(--px-amber-50);
  --status-warning-border: var(--px-amber-200);
  --status-info-fg: var(--px-blue-500);
  --status-info-bg: var(--px-blue-50);
  --status-neutral-fg: var(--px-grey-500);
  --status-neutral-bg: var(--px-grey-100);
  --status-live: var(--px-green-900);
  --status-paused: var(--px-grey-400);
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-14: 40px;
  --space-16: 48px;
  --card-padding: var(--space-10);
  --table-cell-x: var(--space-10);
  --table-cell-y: var(--space-9);
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 46px;
  --control-padding-x: 18px;
  --stack-loose: var(--space-10);
  --font-core: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.45;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-caps: 0.08em;
  --tracking-normal: 0;
  --type-page-title: var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-core);
  --type-section-title: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-core);
  --type-card-title: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core);
  --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-core);
  --type-body-md: var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-core);
  --type-label: var(--weight-medium) var(--text-base)/var(--leading-snug) var(--font-core);
  --type-table-head: var(--weight-semibold) var(--text-sm)/1.2 var(--font-core);
  --type-caption: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-core);
  --type-eyebrow: var(--weight-semibold) var(--text-xs)/1.2 var(--font-core);
  --type-code: var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);
  --type-metric: var(--weight-semibold) var(--text-4xl)/1.05 var(--font-core);
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 14px;
  --radius-pill: 999px;
  --shadow-hairline: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-raised: 0 4px 12px rgba(16, 24, 40, 0.07), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-dropdown: 0 8px 24px rgba(16, 24, 40, 0.14);
  --shadow-modal: 0 24px 64px rgba(16, 24, 40, 0.22), 0 2px 8px rgba(16, 24, 40, 0.1);
  --ring-focus: 0 0 0 3px rgba(115, 103, 240, 0.22);
  --ring-focus-green: 0 0 0 3px rgba(34, 164, 78, 0.22);
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-control: background-color var(--duration-fast) var(--ease-standard),
      border-color var(--duration-fast) var(--ease-standard),
      color var(--duration-fast) var(--ease-standard),
      box-shadow var(--duration-fast) var(--ease-standard);
  --transition-surface: background-color var(--duration-base) var(--ease-standard);
  position: fixed;
  z-index: 200;
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  -webkit-box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
  overflow: hidden;
  pointer-events: none;
}

[dir] .mq-zoom {
  background: #fff;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
          -webkit-box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
                  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

.mq-zoom__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
  min-height: 200px;
  color: var(--px-grey-300, #cbd5e1);
}

[dir] .mq-zoom__img {
  background: #fff;
}

[dir=ltr] .mq-zoom__img {
  border-right: 1px solid var(--border-subtle);
}

[dir=rtl] .mq-zoom__img {
  border-left: 1px solid var(--border-subtle);
}

.mq-zoom__img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mq-zoom__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

[dir] .mq-zoom__head {
  padding: var(--space-5) var(--space-7);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--px-grey-50);
}

.mq-zoom__head strong {
  font: var(--type-label);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.mq-zoom__rows {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.mq-zoom__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}

[dir] .mq-zoom__row {
  padding: var(--space-4) var(--space-7);
  border-top: 1px solid var(--border-subtle);
}

[dir] .mq-zoom__row.is-first {
  border-top: none;
}

.mq-zoom__label {
  font: var(--type-caption);
  font-size: 11px;
  color: var(--text-muted);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.mq-zoom__value {
  font: var(--type-caption);
  line-height: 1.35;
  color: var(--text-body);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mq-zoom__value.is-clamp2 {
  -webkit-line-clamp: 2;
}

.mq-zoom__value.is-strong {
  font-weight: var(--weight-semibold);
}

.mq-zoom__value.is-mono {
  font-family: var(--font-mono, ui-monospace, Menlo, monospace);
}

.mq-zoom__value.is-break {
  word-break: break-all;
}

@media (hover: none), (pointer: coarse) {
  .mq-zoom {
    display: none;
  }
}

/* ── RUN-1133 · the lede row and the guide ──────────────────────────────────────────────────────
   The lede sits above the shop rows in the right column, as the design has it. `.mq-work` is the
   column that makes that possible: the two-column flex row gave the whole right side to
   `.mu-competitor-products-wrapper`, which is `height: 100%`, so a sibling above it would have
   overflowed. The wrapper is re-sized HERE rather than in its own scoped block, so the change is
   additive and reverting is deleting this file's rules. */

.px-matching {
  /* ⚠️ `height: 100%` (CompetitorsProducts.vue:517) would take the full column and push the lede
     off; `min-height: 0` is what lets a flex child actually shrink and scroll. */
}

.px-matching .mq-work {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.px-matching .mq-work > .mu-competitor-products-wrapper {
  height: auto;
  min-height: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow-y: visible;
}

.px-matching .mq-lede {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: var(--space-6);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[dir] .px-matching .mq-lede {
  padding: 0 0 var(--space-7);
}

.px-matching .mq-lede__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
  font: var(--type-caption);
  color: var(--text-muted);
  text-wrap: pretty;
}

.px-matching .mq-lede__text strong {
  font-weight: var(--weight-semibold);
  color: var(--text-body);
}

.px-matching .mq-lede__help {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

/* 🔴 OUTSIDE `.px-matching` ON PURPOSE. BootstrapVue teleports every `b-modal` to `<body>`, so the
   page wrapper is not an ancestor and every `var(--…)` below would resolve to NOTHING — the build
   stays green and the guide renders unstyled. This is what `tools/verify-modal-tokens` exists to
   catch; it caught the compare overlay first. */

.mq-guide-modal {
  --px-white: #ffffff;
  --px-navy-700: #28374F;
  --shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.24);
  --type-mono: var(--weight-regular) var(--text-sm) / 1.5 var(--font-mono);
  --px-grey-25: #fafafc;
  --px-grey-50: #f8f8f8;
  --px-grey-75: #f5f5f7;
  --px-grey-100: #f3f4f7;
  --px-grey-150: #edeef1;
  --px-grey-200: #ebe9f1;
  --px-grey-250: #e8e8ec;
  --px-grey-300: #d8d6de;
  --px-grey-400: #bbc1ca;
  --px-grey-450: #b9b9c3;
  --px-grey-500: #737a87;
  --px-grey-600: #6e6b7b;
  --px-grey-700: #5e5873;
  --px-grey-800: #4b465c;
  --px-grey-900: #2f2b3d;
  --px-ink: #151b22;
  --px-green-50: #e9f9ee;
  --px-green-100: #dcfce8;
  --px-green-150: #ecfdef;
  --px-green-200: #b6f0cc;
  --px-green-500: #28c76f;
  --px-green-550: #2bb669;
  --px-green-600: #22A44E;
  --px-green-700: #16a34a;
  --px-green-800: #127c3a;
  --px-green-900: #17a851;
  --px-blue-50: #e8eefc;
  --px-blue-100: #c5d0f6;
  --px-blue-400: #60a5fa;
  --px-blue-500: #1e4ed8;
  --px-blue-600: #0b57a6;
  --px-blue-700: var(--px-blue-600);
  --px-violet-50: #eeedfd;
  --px-violet-100: #e2e1f5;
  --px-violet-500: #7367f0;
  --px-violet-600: #5b54e8;
  --px-cyan-500: #00cfe8;
  --px-orange-400: #f28058;
  --px-rust-600: #b4451e;
  --px-navy-800: #1f2e47;
  --px-red-50: #fff6f4;
  --px-red-100: #fcd7d6;
  --px-red-500: #ea5455;
  --px-red-600: #cb4744;
  --px-amber-50: #fffbf0;
  --px-amber-200: #f1dfbd;
  --px-amber-500: #ff9f43;
  --px-amber-600: #d49838;
  --px-amber-700: #b45309;
  --price-cheapest: var(--px-green-900);
  --price-below: var(--px-green-500);
  --price-parity: var(--px-amber-600);
  --price-above: var(--px-orange-400);
  --price-expensive: var(--px-red-600);
  --text-heading: var(--px-grey-700);
  --text-body: var(--px-grey-600);
  --text-muted: var(--px-grey-500);
  --text-faint: var(--px-grey-450);
  --text-link: var(--px-blue-500);
  --text-code: var(--px-violet-600);
  --text-strong: var(--px-ink);
  --px-navy-900: #16233a;
  --surface-page: var(--px-grey-75);
  --surface-card: var(--px-white);
  --surface-subtle: var(--px-grey-100);
  --surface-sunken: var(--px-grey-50);
  --surface-inverse: var(--px-ink);
  --surface-overlay: rgba(21, 27, 34, 0.45);
  --border-subtle: var(--px-grey-150);
  --border-default: var(--px-grey-250);
  --border-strong: var(--px-grey-300);
  --action-primary: var(--px-green-600);
  --action-primary-strong: var(--px-green-700);
  --action-quiet-bg: var(--px-white);
  --action-quiet-border: var(--px-grey-300);
  --action-accent: var(--px-violet-500);
  --action-accent-hover: var(--px-violet-600);
  --action-danger: var(--px-red-500);
  --action-danger-hover: var(--px-red-600);
  --border-focus: var(--px-violet-500);
  --status-success-fg: var(--px-green-700);
  --status-success-bg: var(--px-green-50);
  --status-danger-fg: var(--px-red-600);
  --status-danger-bg: var(--px-red-50);
  --status-warning-fg: var(--px-amber-600);
  --status-warning-bg: var(--px-amber-50);
  --status-warning-border: var(--px-amber-200);
  --status-info-fg: var(--px-blue-500);
  --status-info-bg: var(--px-blue-50);
  --status-neutral-fg: var(--px-grey-500);
  --status-neutral-bg: var(--px-grey-100);
  --status-live: var(--px-green-900);
  --status-paused: var(--px-grey-400);
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-14: 40px;
  --space-16: 48px;
  --card-padding: var(--space-10);
  --table-cell-x: var(--space-10);
  --table-cell-y: var(--space-9);
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 46px;
  --control-padding-x: 18px;
  --stack-loose: var(--space-10);
  --font-core: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.45;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-caps: 0.08em;
  --tracking-normal: 0;
  --type-page-title: var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-core);
  --type-section-title: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-core);
  --type-card-title: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core);
  --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-core);
  --type-body-md: var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-core);
  --type-label: var(--weight-medium) var(--text-base)/var(--leading-snug) var(--font-core);
  --type-table-head: var(--weight-semibold) var(--text-sm)/1.2 var(--font-core);
  --type-caption: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-core);
  --type-eyebrow: var(--weight-semibold) var(--text-xs)/1.2 var(--font-core);
  --type-code: var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);
  --type-metric: var(--weight-semibold) var(--text-4xl)/1.05 var(--font-core);
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 14px;
  --radius-pill: 999px;
  --shadow-hairline: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-raised: 0 4px 12px rgba(16, 24, 40, 0.07), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-dropdown: 0 8px 24px rgba(16, 24, 40, 0.14);
  --shadow-modal: 0 24px 64px rgba(16, 24, 40, 0.22), 0 2px 8px rgba(16, 24, 40, 0.1);
  --ring-focus: 0 0 0 3px rgba(115, 103, 240, 0.22);
  --ring-focus-green: 0 0 0 3px rgba(34, 164, 78, 0.22);
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-control: background-color var(--duration-fast) var(--ease-standard),
      border-color var(--duration-fast) var(--ease-standard),
      color var(--duration-fast) var(--ease-standard),
      box-shadow var(--duration-fast) var(--ease-standard);
  --transition-surface: background-color var(--duration-base) var(--ease-standard);
  /* the popup contract */
}

.mq-guide-modal .mq-guide__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-9);
}

.mq-guide-modal .mq-guide__lede {
  font: var(--type-caption);
  color: var(--text-muted);
}

[dir] .mq-guide-modal .mq-guide__lede {
  margin: 0;
}

.mq-guide-modal .mq-guide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-9);
}

.mq-guide-modal .mq-guide__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-7);
  min-width: 0;
}

.mq-guide-modal .mq-guide__icon {
  width: 26px;
  height: 26px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--text-muted);
}

[dir] .mq-guide-modal .mq-guide__icon {
  border-radius: var(--radius-sm);
  background: var(--px-grey-75);
  border: 1px solid var(--border-subtle);
}

.mq-guide-modal .mq-guide__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.mq-guide-modal .mq-guide__title {
  font: var(--type-body-md);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.mq-guide-modal .mq-guide__line {
  font: var(--type-caption);
  color: var(--text-body);
  text-wrap: pretty;
}

.mq-guide-modal .mq-guide__foot {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: var(--type-caption);
  color: var(--text-muted);
}

.mq-guide-modal .modal-body {
  min-height: 400px;
}

/* ── RUN-1137 · the scroll float, 1:1 with the reference ────────────────────────────────────────
   Every value below is read off the design's `.mq-float`, not chosen:

       position:fixed · top:12 · right:16 · z-index:60 · display:flex · align-items:center
       gap:var(--space-5) · padding:5px 15px · border-radius:var(--radius-pill)
       background:rgba(255,255,255,.75) · backdropFilter:blur(8px)
       border:1px solid var(--border-subtle) · boxShadow:0 4px 14px rgba(15,23,42,.10)

   🔑 It is INSET (12/16), not flush to the corner. That inset is what makes it read as a floating
   pill rather than a panel welded to the viewport edge, and it is what stops it sitting on top of
   the content behind it.

   ⚠️ Scoped OUTSIDE `.px-matching` because the header can be teleported/re-parented by the
   observer, and because `position: fixed` takes it out of the page wrapper's flow — the same
   reason `.mq-zoom` and the two modals carry their own token include. */

/* 🔴 SPECIFICITY, measured not guessed. `.top-search .buttons-div` (:176) compiles to
   `.px-matching .top-search .buttons-div` = (0,3,0), and the RTL plugin prefixes `[dir]` making it
   (0,4,0). A `.bottom-at-top .mq-float` rule is only (0,3,0) after the same prefix and LOSES — the
   float stayed 1081px tall through two attempts at fixing it, once on the child and once on the
   element itself, because neither rule ever applied. Qualifying with `.px-matching` and attaching
   `.bottom-at-top` to `.top-search` (a compound, not a descendant) gives (0,5,0). */

.px-matching .top-search.bottom-at-top .mq-float {
  --px-white: #ffffff;
  --px-navy-700: #28374F;
  --shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.24);
  --type-mono: var(--weight-regular) var(--text-sm) / 1.5 var(--font-mono);
  --px-grey-25: #fafafc;
  --px-grey-50: #f8f8f8;
  --px-grey-75: #f5f5f7;
  --px-grey-100: #f3f4f7;
  --px-grey-150: #edeef1;
  --px-grey-200: #ebe9f1;
  --px-grey-250: #e8e8ec;
  --px-grey-300: #d8d6de;
  --px-grey-400: #bbc1ca;
  --px-grey-450: #b9b9c3;
  --px-grey-500: #737a87;
  --px-grey-600: #6e6b7b;
  --px-grey-700: #5e5873;
  --px-grey-800: #4b465c;
  --px-grey-900: #2f2b3d;
  --px-ink: #151b22;
  --px-green-50: #e9f9ee;
  --px-green-100: #dcfce8;
  --px-green-150: #ecfdef;
  --px-green-200: #b6f0cc;
  --px-green-500: #28c76f;
  --px-green-550: #2bb669;
  --px-green-600: #22A44E;
  --px-green-700: #16a34a;
  --px-green-800: #127c3a;
  --px-green-900: #17a851;
  --px-blue-50: #e8eefc;
  --px-blue-100: #c5d0f6;
  --px-blue-400: #60a5fa;
  --px-blue-500: #1e4ed8;
  --px-blue-600: #0b57a6;
  --px-blue-700: var(--px-blue-600);
  --px-violet-50: #eeedfd;
  --px-violet-100: #e2e1f5;
  --px-violet-500: #7367f0;
  --px-violet-600: #5b54e8;
  --px-cyan-500: #00cfe8;
  --px-orange-400: #f28058;
  --px-rust-600: #b4451e;
  --px-navy-800: #1f2e47;
  --px-red-50: #fff6f4;
  --px-red-100: #fcd7d6;
  --px-red-500: #ea5455;
  --px-red-600: #cb4744;
  --px-amber-50: #fffbf0;
  --px-amber-200: #f1dfbd;
  --px-amber-500: #ff9f43;
  --px-amber-600: #d49838;
  --px-amber-700: #b45309;
  --price-cheapest: var(--px-green-900);
  --price-below: var(--px-green-500);
  --price-parity: var(--px-amber-600);
  --price-above: var(--px-orange-400);
  --price-expensive: var(--px-red-600);
  --text-heading: var(--px-grey-700);
  --text-body: var(--px-grey-600);
  --text-muted: var(--px-grey-500);
  --text-faint: var(--px-grey-450);
  --text-link: var(--px-blue-500);
  --text-code: var(--px-violet-600);
  --text-strong: var(--px-ink);
  --px-navy-900: #16233a;
  --surface-page: var(--px-grey-75);
  --surface-card: var(--px-white);
  --surface-subtle: var(--px-grey-100);
  --surface-sunken: var(--px-grey-50);
  --surface-inverse: var(--px-ink);
  --surface-overlay: rgba(21, 27, 34, 0.45);
  --border-subtle: var(--px-grey-150);
  --border-default: var(--px-grey-250);
  --border-strong: var(--px-grey-300);
  --action-primary: var(--px-green-600);
  --action-primary-strong: var(--px-green-700);
  --action-quiet-bg: var(--px-white);
  --action-quiet-border: var(--px-grey-300);
  --action-accent: var(--px-violet-500);
  --action-accent-hover: var(--px-violet-600);
  --action-danger: var(--px-red-500);
  --action-danger-hover: var(--px-red-600);
  --border-focus: var(--px-violet-500);
  --status-success-fg: var(--px-green-700);
  --status-success-bg: var(--px-green-50);
  --status-danger-fg: var(--px-red-600);
  --status-danger-bg: var(--px-red-50);
  --status-warning-fg: var(--px-amber-600);
  --status-warning-bg: var(--px-amber-50);
  --status-warning-border: var(--px-amber-200);
  --status-info-fg: var(--px-blue-500);
  --status-info-bg: var(--px-blue-50);
  --status-neutral-fg: var(--px-grey-500);
  --status-neutral-bg: var(--px-grey-100);
  --status-live: var(--px-green-900);
  --status-paused: var(--px-grey-400);
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-14: 40px;
  --space-16: 48px;
  --card-padding: var(--space-10);
  --table-cell-x: var(--space-10);
  --table-cell-y: var(--space-9);
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 46px;
  --control-padding-x: 18px;
  --stack-loose: var(--space-10);
  --font-core: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.45;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-caps: 0.08em;
  --tracking-normal: 0;
  --type-page-title: var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-core);
  --type-section-title: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-core);
  --type-card-title: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core);
  --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-core);
  --type-body-md: var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-core);
  --type-label: var(--weight-medium) var(--text-base)/var(--leading-snug) var(--font-core);
  --type-table-head: var(--weight-semibold) var(--text-sm)/1.2 var(--font-core);
  --type-caption: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-core);
  --type-eyebrow: var(--weight-semibold) var(--text-xs)/1.2 var(--font-core);
  --type-code: var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);
  --type-metric: var(--weight-semibold) var(--text-4xl)/1.05 var(--font-core);
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 14px;
  --radius-pill: 999px;
  --shadow-hairline: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-raised: 0 4px 12px rgba(16, 24, 40, 0.07), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-dropdown: 0 8px 24px rgba(16, 24, 40, 0.14);
  --shadow-modal: 0 24px 64px rgba(16, 24, 40, 0.22), 0 2px 8px rgba(16, 24, 40, 0.1);
  --ring-focus: 0 0 0 3px rgba(115, 103, 240, 0.22);
  --ring-focus-green: 0 0 0 3px rgba(34, 164, 78, 0.22);
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-control: background-color var(--duration-fast) var(--ease-standard),
      border-color var(--duration-fast) var(--ease-standard),
      color var(--duration-fast) var(--ease-standard),
      box-shadow var(--duration-fast) var(--ease-standard);
  --transition-surface: background-color var(--duration-base) var(--ease-standard);
  height: auto;
  position: fixed;
  top: 12px;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
  /* the counter only exists while floating — the header shows it the rest of the time */
  /* ⚠️ The buttons carry `mt-2` from the header layout, which inside a 5px-tall pill pushes them
     out of centre. Neutralised here only — the class stays on the markup for the header. */
}

[dir] .px-matching .top-search.bottom-at-top .mq-float {
  padding: 5px 15px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid var(--border-subtle);
          -webkit-box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
                  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

[dir=ltr] .px-matching .top-search.bottom-at-top .mq-float {
  right: 16px;
}

[dir=rtl] .px-matching .top-search.bottom-at-top .mq-float {
  left: 16px;
}

.px-matching .top-search.bottom-at-top .mq-float .mq-float__count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font: var(--type-caption);
  white-space: nowrap;
  color: var(--text-body);
}

[dir] .px-matching .top-search.bottom-at-top .mq-float .mq-float__count {
  padding: 0 4px;
}

.px-matching .top-search.bottom-at-top .mq-float .mq-float__count--on {
  color: var(--px-green-700);
}

.px-matching .top-search.bottom-at-top .mq-float .mq-float__count strong {
  font-weight: var(--weight-semibold);
}

.px-matching .top-search.bottom-at-top .mq-float .mq-float__left {
  color: var(--text-muted);
}

[dir] .px-matching .top-search.bottom-at-top .mq-float .btn {
  margin-top: 0 !important;
}

.px-matching .top-search.bottom-at-top .mq-float .query-left {
  display: none;
}

.px-matching .top-search.bottom-at-top .mq-float > .buttons-div {
  gap: var(--space-5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

/* hidden until the header scrolls away */

.mq-float__count {
  display: none;
}

/* ── RUN-1143 · per-shop paging arrows ──────────────────────────────────────────────────────────
   ⛔ NOT in the reference — added at the owner's request. So they are built to disappear into the
   shop header rather than compete with it: same hairline border and radius as the search box
   beside them, muted glyph, and no fill until hover.
   🔑 They drive the SAME `.b-overlay-wrap` the native scroll uses, so drag, wheel and trackpad are
   untouched. */

.px-matching .mq-shopnav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-4);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

[dir=ltr] .px-matching .mq-shopnav {
  margin-left: auto;
}

[dir=rtl] .px-matching .mq-shopnav {
  margin-right: auto;
}

.px-matching .mq-shopnav__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  -webkit-transition: var(--transition-control);
  transition: var(--transition-control);
}

[dir] .px-matching .mq-shopnav__btn {
  padding: 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-default);
  background: var(--surface-card);
  cursor: pointer;
  -webkit-transition: var(--transition-control);
}

.px-matching .mq-shopnav__btn:hover:not(:disabled) {
  color: var(--text-strong);
}

[dir] .px-matching .mq-shopnav__btn:hover:not(:disabled) {
  background: var(--px-grey-50);
  border-color: var(--text-faint);
}

.px-matching .mq-shopnav__btn:disabled {
  opacity: 0.4;
}

[dir] .px-matching .mq-shopnav__btn:disabled {
  cursor: default;
}

.px-matching .mq-shopnav__btn:focus-visible {
  outline: 2px solid var(--px-blue-400);
  outline-offset: 1px;
}

.mq-filters > .row > .mq-band-col {
  grid-column: 1/-1;
}

.mq-band__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-5);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 24px;
  font: var(--type-caption);
  color: var(--text-body);
}

.mq-band__status--error {
  color: var(--px-red-600);
}

@media (max-width: 767.98px) {
  .px-matching.matching .mu-search-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    row-gap: 10px;
  }

  .px-matching.matching .mu-user-product-sticky {
    position: static;
    max-width: none;
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .px-matching.matching .mq-work {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}

.mq-save-search-body {
  min-height: 400px;
}

var map = {
	"./af": "./node_modules/moment/locale/af.js",
	"./af.js": "./node_modules/moment/locale/af.js",
	"./ar": "./node_modules/moment/locale/ar.js",
	"./ar-dz": "./node_modules/moment/locale/ar-dz.js",
	"./ar-dz.js": "./node_modules/moment/locale/ar-dz.js",
	"./ar-kw": "./node_modules/moment/locale/ar-kw.js",
	"./ar-kw.js": "./node_modules/moment/locale/ar-kw.js",
	"./ar-ly": "./node_modules/moment/locale/ar-ly.js",
	"./ar-ly.js": "./node_modules/moment/locale/ar-ly.js",
	"./ar-ma": "./node_modules/moment/locale/ar-ma.js",
	"./ar-ma.js": "./node_modules/moment/locale/ar-ma.js",
	"./ar-sa": "./node_modules/moment/locale/ar-sa.js",
	"./ar-sa.js": "./node_modules/moment/locale/ar-sa.js",
	"./ar-tn": "./node_modules/moment/locale/ar-tn.js",
	"./ar-tn.js": "./node_modules/moment/locale/ar-tn.js",
	"./ar.js": "./node_modules/moment/locale/ar.js",
	"./az": "./node_modules/moment/locale/az.js",
	"./az.js": "./node_modules/moment/locale/az.js",
	"./be": "./node_modules/moment/locale/be.js",
	"./be.js": "./node_modules/moment/locale/be.js",
	"./bg": "./node_modules/moment/locale/bg.js",
	"./bg.js": "./node_modules/moment/locale/bg.js",
	"./bm": "./node_modules/moment/locale/bm.js",
	"./bm.js": "./node_modules/moment/locale/bm.js",
	"./bn": "./node_modules/moment/locale/bn.js",
	"./bn-bd": "./node_modules/moment/locale/bn-bd.js",
	"./bn-bd.js": "./node_modules/moment/locale/bn-bd.js",
	"./bn.js": "./node_modules/moment/locale/bn.js",
	"./bo": "./node_modules/moment/locale/bo.js",
	"./bo.js": "./node_modules/moment/locale/bo.js",
	"./br": "./node_modules/moment/locale/br.js",
	"./br.js": "./node_modules/moment/locale/br.js",
	"./bs": "./node_modules/moment/locale/bs.js",
	"./bs.js": "./node_modules/moment/locale/bs.js",
	"./ca": "./node_modules/moment/locale/ca.js",
	"./ca.js": "./node_modules/moment/locale/ca.js",
	"./cs": "./node_modules/moment/locale/cs.js",
	"./cs.js": "./node_modules/moment/locale/cs.js",
	"./cv": "./node_modules/moment/locale/cv.js",
	"./cv.js": "./node_modules/moment/locale/cv.js",
	"./cy": "./node_modules/moment/locale/cy.js",
	"./cy.js": "./node_modules/moment/locale/cy.js",
	"./da": "./node_modules/moment/locale/da.js",
	"./da.js": "./node_modules/moment/locale/da.js",
	"./de": "./node_modules/moment/locale/de.js",
	"./de-at": "./node_modules/moment/locale/de-at.js",
	"./de-at.js": "./node_modules/moment/locale/de-at.js",
	"./de-ch": "./node_modules/moment/locale/de-ch.js",
	"./de-ch.js": "./node_modules/moment/locale/de-ch.js",
	"./de.js": "./node_modules/moment/locale/de.js",
	"./dv": "./node_modules/moment/locale/dv.js",
	"./dv.js": "./node_modules/moment/locale/dv.js",
	"./el": "./node_modules/moment/locale/el.js",
	"./el.js": "./node_modules/moment/locale/el.js",
	"./en-au": "./node_modules/moment/locale/en-au.js",
	"./en-au.js": "./node_modules/moment/locale/en-au.js",
	"./en-ca": "./node_modules/moment/locale/en-ca.js",
	"./en-ca.js": "./node_modules/moment/locale/en-ca.js",
	"./en-gb": "./node_modules/moment/locale/en-gb.js",
	"./en-gb.js": "./node_modules/moment/locale/en-gb.js",
	"./en-ie": "./node_modules/moment/locale/en-ie.js",
	"./en-ie.js": "./node_modules/moment/locale/en-ie.js",
	"./en-il": "./node_modules/moment/locale/en-il.js",
	"./en-il.js": "./node_modules/moment/locale/en-il.js",
	"./en-in": "./node_modules/moment/locale/en-in.js",
	"./en-in.js": "./node_modules/moment/locale/en-in.js",
	"./en-nz": "./node_modules/moment/locale/en-nz.js",
	"./en-nz.js": "./node_modules/moment/locale/en-nz.js",
	"./en-sg": "./node_modules/moment/locale/en-sg.js",
	"./en-sg.js": "./node_modules/moment/locale/en-sg.js",
	"./eo": "./node_modules/moment/locale/eo.js",
	"./eo.js": "./node_modules/moment/locale/eo.js",
	"./es": "./node_modules/moment/locale/es.js",
	"./es-do": "./node_modules/moment/locale/es-do.js",
	"./es-do.js": "./node_modules/moment/locale/es-do.js",
	"./es-mx": "./node_modules/moment/locale/es-mx.js",
	"./es-mx.js": "./node_modules/moment/locale/es-mx.js",
	"./es-us": "./node_modules/moment/locale/es-us.js",
	"./es-us.js": "./node_modules/moment/locale/es-us.js",
	"./es.js": "./node_modules/moment/locale/es.js",
	"./et": "./node_modules/moment/locale/et.js",
	"./et.js": "./node_modules/moment/locale/et.js",
	"./eu": "./node_modules/moment/locale/eu.js",
	"./eu.js": "./node_modules/moment/locale/eu.js",
	"./fa": "./node_modules/moment/locale/fa.js",
	"./fa.js": "./node_modules/moment/locale/fa.js",
	"./fi": "./node_modules/moment/locale/fi.js",
	"./fi.js": "./node_modules/moment/locale/fi.js",
	"./fil": "./node_modules/moment/locale/fil.js",
	"./fil.js": "./node_modules/moment/locale/fil.js",
	"./fo": "./node_modules/moment/locale/fo.js",
	"./fo.js": "./node_modules/moment/locale/fo.js",
	"./fr": "./node_modules/moment/locale/fr.js",
	"./fr-ca": "./node_modules/moment/locale/fr-ca.js",
	"./fr-ca.js": "./node_modules/moment/locale/fr-ca.js",
	"./fr-ch": "./node_modules/moment/locale/fr-ch.js",
	"./fr-ch.js": "./node_modules/moment/locale/fr-ch.js",
	"./fr.js": "./node_modules/moment/locale/fr.js",
	"./fy": "./node_modules/moment/locale/fy.js",
	"./fy.js": "./node_modules/moment/locale/fy.js",
	"./ga": "./node_modules/moment/locale/ga.js",
	"./ga.js": "./node_modules/moment/locale/ga.js",
	"./gd": "./node_modules/moment/locale/gd.js",
	"./gd.js": "./node_modules/moment/locale/gd.js",
	"./gl": "./node_modules/moment/locale/gl.js",
	"./gl.js": "./node_modules/moment/locale/gl.js",
	"./gom-deva": "./node_modules/moment/locale/gom-deva.js",
	"./gom-deva.js": "./node_modules/moment/locale/gom-deva.js",
	"./gom-latn": "./node_modules/moment/locale/gom-latn.js",
	"./gom-latn.js": "./node_modules/moment/locale/gom-latn.js",
	"./gu": "./node_modules/moment/locale/gu.js",
	"./gu.js": "./node_modules/moment/locale/gu.js",
	"./he": "./node_modules/moment/locale/he.js",
	"./he.js": "./node_modules/moment/locale/he.js",
	"./hi": "./node_modules/moment/locale/hi.js",
	"./hi.js": "./node_modules/moment/locale/hi.js",
	"./hr": "./node_modules/moment/locale/hr.js",
	"./hr.js": "./node_modules/moment/locale/hr.js",
	"./hu": "./node_modules/moment/locale/hu.js",
	"./hu.js": "./node_modules/moment/locale/hu.js",
	"./hy-am": "./node_modules/moment/locale/hy-am.js",
	"./hy-am.js": "./node_modules/moment/locale/hy-am.js",
	"./id": "./node_modules/moment/locale/id.js",
	"./id.js": "./node_modules/moment/locale/id.js",
	"./is": "./node_modules/moment/locale/is.js",
	"./is.js": "./node_modules/moment/locale/is.js",
	"./it": "./node_modules/moment/locale/it.js",
	"./it-ch": "./node_modules/moment/locale/it-ch.js",
	"./it-ch.js": "./node_modules/moment/locale/it-ch.js",
	"./it.js": "./node_modules/moment/locale/it.js",
	"./ja": "./node_modules/moment/locale/ja.js",
	"./ja.js": "./node_modules/moment/locale/ja.js",
	"./jv": "./node_modules/moment/locale/jv.js",
	"./jv.js": "./node_modules/moment/locale/jv.js",
	"./ka": "./node_modules/moment/locale/ka.js",
	"./ka.js": "./node_modules/moment/locale/ka.js",
	"./kk": "./node_modules/moment/locale/kk.js",
	"./kk.js": "./node_modules/moment/locale/kk.js",
	"./km": "./node_modules/moment/locale/km.js",
	"./km.js": "./node_modules/moment/locale/km.js",
	"./kn": "./node_modules/moment/locale/kn.js",
	"./kn.js": "./node_modules/moment/locale/kn.js",
	"./ko": "./node_modules/moment/locale/ko.js",
	"./ko.js": "./node_modules/moment/locale/ko.js",
	"./ku": "./node_modules/moment/locale/ku.js",
	"./ku.js": "./node_modules/moment/locale/ku.js",
	"./ky": "./node_modules/moment/locale/ky.js",
	"./ky.js": "./node_modules/moment/locale/ky.js",
	"./lb": "./node_modules/moment/locale/lb.js",
	"./lb.js": "./node_modules/moment/locale/lb.js",
	"./lo": "./node_modules/moment/locale/lo.js",
	"./lo.js": "./node_modules/moment/locale/lo.js",
	"./lt": "./node_modules/moment/locale/lt.js",
	"./lt.js": "./node_modules/moment/locale/lt.js",
	"./lv": "./node_modules/moment/locale/lv.js",
	"./lv.js": "./node_modules/moment/locale/lv.js",
	"./me": "./node_modules/moment/locale/me.js",
	"./me.js": "./node_modules/moment/locale/me.js",
	"./mi": "./node_modules/moment/locale/mi.js",
	"./mi.js": "./node_modules/moment/locale/mi.js",
	"./mk": "./node_modules/moment/locale/mk.js",
	"./mk.js": "./node_modules/moment/locale/mk.js",
	"./ml": "./node_modules/moment/locale/ml.js",
	"./ml.js": "./node_modules/moment/locale/ml.js",
	"./mn": "./node_modules/moment/locale/mn.js",
	"./mn.js": "./node_modules/moment/locale/mn.js",
	"./mr": "./node_modules/moment/locale/mr.js",
	"./mr.js": "./node_modules/moment/locale/mr.js",
	"./ms": "./node_modules/moment/locale/ms.js",
	"./ms-my": "./node_modules/moment/locale/ms-my.js",
	"./ms-my.js": "./node_modules/moment/locale/ms-my.js",
	"./ms.js": "./node_modules/moment/locale/ms.js",
	"./mt": "./node_modules/moment/locale/mt.js",
	"./mt.js": "./node_modules/moment/locale/mt.js",
	"./my": "./node_modules/moment/locale/my.js",
	"./my.js": "./node_modules/moment/locale/my.js",
	"./nb": "./node_modules/moment/locale/nb.js",
	"./nb.js": "./node_modules/moment/locale/nb.js",
	"./ne": "./node_modules/moment/locale/ne.js",
	"./ne.js": "./node_modules/moment/locale/ne.js",
	"./nl": "./node_modules/moment/locale/nl.js",
	"./nl-be": "./node_modules/moment/locale/nl-be.js",
	"./nl-be.js": "./node_modules/moment/locale/nl-be.js",
	"./nl.js": "./node_modules/moment/locale/nl.js",
	"./nn": "./node_modules/moment/locale/nn.js",
	"./nn.js": "./node_modules/moment/locale/nn.js",
	"./oc-lnc": "./node_modules/moment/locale/oc-lnc.js",
	"./oc-lnc.js": "./node_modules/moment/locale/oc-lnc.js",
	"./pa-in": "./node_modules/moment/locale/pa-in.js",
	"./pa-in.js": "./node_modules/moment/locale/pa-in.js",
	"./pl": "./node_modules/moment/locale/pl.js",
	"./pl.js": "./node_modules/moment/locale/pl.js",
	"./pt": "./node_modules/moment/locale/pt.js",
	"./pt-br": "./node_modules/moment/locale/pt-br.js",
	"./pt-br.js": "./node_modules/moment/locale/pt-br.js",
	"./pt.js": "./node_modules/moment/locale/pt.js",
	"./ro": "./node_modules/moment/locale/ro.js",
	"./ro.js": "./node_modules/moment/locale/ro.js",
	"./ru": "./node_modules/moment/locale/ru.js",
	"./ru.js": "./node_modules/moment/locale/ru.js",
	"./sd": "./node_modules/moment/locale/sd.js",
	"./sd.js": "./node_modules/moment/locale/sd.js",
	"./se": "./node_modules/moment/locale/se.js",
	"./se.js": "./node_modules/moment/locale/se.js",
	"./si": "./node_modules/moment/locale/si.js",
	"./si.js": "./node_modules/moment/locale/si.js",
	"./sk": "./node_modules/moment/locale/sk.js",
	"./sk.js": "./node_modules/moment/locale/sk.js",
	"./sl": "./node_modules/moment/locale/sl.js",
	"./sl.js": "./node_modules/moment/locale/sl.js",
	"./sq": "./node_modules/moment/locale/sq.js",
	"./sq.js": "./node_modules/moment/locale/sq.js",
	"./sr": "./node_modules/moment/locale/sr.js",
	"./sr-cyrl": "./node_modules/moment/locale/sr-cyrl.js",
	"./sr-cyrl.js": "./node_modules/moment/locale/sr-cyrl.js",
	"./sr.js": "./node_modules/moment/locale/sr.js",
	"./ss": "./node_modules/moment/locale/ss.js",
	"./ss.js": "./node_modules/moment/locale/ss.js",
	"./sv": "./node_modules/moment/locale/sv.js",
	"./sv.js": "./node_modules/moment/locale/sv.js",
	"./sw": "./node_modules/moment/locale/sw.js",
	"./sw.js": "./node_modules/moment/locale/sw.js",
	"./ta": "./node_modules/moment/locale/ta.js",
	"./ta.js": "./node_modules/moment/locale/ta.js",
	"./te": "./node_modules/moment/locale/te.js",
	"./te.js": "./node_modules/moment/locale/te.js",
	"./tet": "./node_modules/moment/locale/tet.js",
	"./tet.js": "./node_modules/moment/locale/tet.js",
	"./tg": "./node_modules/moment/locale/tg.js",
	"./tg.js": "./node_modules/moment/locale/tg.js",
	"./th": "./node_modules/moment/locale/th.js",
	"./th.js": "./node_modules/moment/locale/th.js",
	"./tk": "./node_modules/moment/locale/tk.js",
	"./tk.js": "./node_modules/moment/locale/tk.js",
	"./tl-ph": "./node_modules/moment/locale/tl-ph.js",
	"./tl-ph.js": "./node_modules/moment/locale/tl-ph.js",
	"./tlh": "./node_modules/moment/locale/tlh.js",
	"./tlh.js": "./node_modules/moment/locale/tlh.js",
	"./tr": "./node_modules/moment/locale/tr.js",
	"./tr.js": "./node_modules/moment/locale/tr.js",
	"./tzl": "./node_modules/moment/locale/tzl.js",
	"./tzl.js": "./node_modules/moment/locale/tzl.js",
	"./tzm": "./node_modules/moment/locale/tzm.js",
	"./tzm-latn": "./node_modules/moment/locale/tzm-latn.js",
	"./tzm-latn.js": "./node_modules/moment/locale/tzm-latn.js",
	"./tzm.js": "./node_modules/moment/locale/tzm.js",
	"./ug-cn": "./node_modules/moment/locale/ug-cn.js",
	"./ug-cn.js": "./node_modules/moment/locale/ug-cn.js",
	"./uk": "./node_modules/moment/locale/uk.js",
	"./uk.js": "./node_modules/moment/locale/uk.js",
	"./ur": "./node_modules/moment/locale/ur.js",
	"./ur.js": "./node_modules/moment/locale/ur.js",
	"./uz": "./node_modules/moment/locale/uz.js",
	"./uz-latn": "./node_modules/moment/locale/uz-latn.js",
	"./uz-latn.js": "./node_modules/moment/locale/uz-latn.js",
	"./uz.js": "./node_modules/moment/locale/uz.js",
	"./vi": "./node_modules/moment/locale/vi.js",
	"./vi.js": "./node_modules/moment/locale/vi.js",
	"./x-pseudo": "./node_modules/moment/locale/x-pseudo.js",
	"./x-pseudo.js": "./node_modules/moment/locale/x-pseudo.js",
	"./yo": "./node_modules/moment/locale/yo.js",
	"./yo.js": "./node_modules/moment/locale/yo.js",
	"./zh-cn": "./node_modules/moment/locale/zh-cn.js",
	"./zh-cn.js": "./node_modules/moment/locale/zh-cn.js",
	"./zh-hk": "./node_modules/moment/locale/zh-hk.js",
	"./zh-hk.js": "./node_modules/moment/locale/zh-hk.js",
	"./zh-mo": "./node_modules/moment/locale/zh-mo.js",
	"./zh-mo.js": "./node_modules/moment/locale/zh-mo.js",
	"./zh-tw": "./node_modules/moment/locale/zh-tw.js",
	"./zh-tw.js": "./node_modules/moment/locale/zh-tw.js"
};


function webpackContext(req) {
	var id = webpackContextResolve(req);
	return __webpack_require__(id);
}
function webpackContextResolve(req) {
	if(!__webpack_require__.o(map, req)) {
		var e = new Error("Cannot find module '" + req + "'");
		e.code = 'MODULE_NOT_FOUND';
		throw e;
	}
	return map[req];
}
webpackContext.keys = function webpackContextKeys() {
	return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = "./node_modules/moment/locale sync recursive ^\\.\\/.*$";