.brand-header,
.toolbar-wrap,
.site-menu,
.user-menu,
.outturn-heading,
.outturn-table,
.bottle-card {
  --smws-navy: #202448;
  --smws-blue: #2c6491;
  --smws-green: #327541;
  --paper: #fff;
  --surface: #f3f4f3;
  --ink: #151515;
  --muted-ink: #606568;
  --line: #d4d6d3;
}

body {
  background: #fff !important;
  color: #151515;
}

.toolbar {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px);
}

.brand-header {
  display: flex;
  align-items: center;
  min-height: 3.75rem;
  padding: 0.35rem max(1rem, env(safe-area-inset-right, 0px)) 0.2rem max(1rem, env(safe-area-inset-left, 0px));
  border-bottom: 1px solid #d4d6d3;
  background: #fff;
  box-shadow: 0 0.2rem 0.8rem rgb(0 0 0 / 6%);
}

.site-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: #151515;
  text-decoration: none;
}

.site-mark {
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
}

.site-wordmark {
  display: flex;
  flex-direction: column;
  color: #151515;
  line-height: 1;
}

.site-wordmark > span {
  margin-bottom: 0.18rem;
  color: #327541;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.18em;
}

.site-wordmark strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.toolbar-wrap {
  border-bottom-color: #d4d6d3 !important;
  background: rgb(255 255 255 / 96%) !important;
  box-shadow: 0 0.3rem 1rem rgb(0 0 0 / 7%);
}

.outturn-heading {
  margin-inline: 0.65rem !important;
  border: 0;
  border-left: 0.4rem solid #2c6491;
  border-radius: 0.15rem;
  padding: 0.65rem 0.8rem !important;
  background: #202448 !important;
  color: #fff;
  font-family: inherit;
  font-size: 1rem !important;
  font-weight: 850;
  letter-spacing: 0.035em;
  box-shadow: none;
}

.wrap {
  border-color: #d4d6d3 !important;
  background: #fff !important;
  box-shadow: 0 0.35rem 1.25rem rgb(0 0 0 / 6%) !important;
}

.outturn-table th {
  border-color: #d4d6d3 !important;
  background: #eceeed !important;
  color: #151515;
  font-weight: 850;
  letter-spacing: 0.015em;
}

.outturn-table td {
  border-color: #e0e2e0 !important;
  background: #fff;
}

.outturn-table tbody tr:nth-child(even) td {
  background: #f7f8f7 !important;
}

.outturn-table tbody tr:hover td {
  background: #edf3f6 !important;
}

.outturn-table td.col-name a.name-link {
  color: #202448;
}

.outturn-table td.col-name,
.bottle-card {
  position: relative;
}

body:not(.view-gallery) .catalogue-table .col-name {
  width: 18% !important;
}

body:not(.view-gallery) .catalogue-table .has-flavour-profile > .col-name {
  box-sizing: border-box;
  padding-left: 1rem !important;
}

.has-flavour-profile .col-name::before,
.bottle-card.has-flavour-profile::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.38rem;
  background: var(--flavour-profile-colour);
  content: "";
}

.flavour-profile-badge {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(21 21 21 / 14%);
  border-radius: 999px;
  padding: 0.24rem 0.5rem;
  overflow: visible;
  background: var(--flavour-profile-colour, #e6e8e6);
  color: var(--flavour-profile-ink, #151515);
  font-weight: 800;
  line-height: 1.15;
  text-overflow: clip;
  white-space: normal;
  box-shadow: inset 0 1px rgb(255 255 255 / 24%);
}

.active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding: 0.25rem max(1rem, env(safe-area-inset-right, 0px)) 0.75rem max(1rem, env(safe-area-inset-left, 0px));
}

.filter-chip {
  min-height: 2.25rem;
  border: 1px solid #bfc3c0;
  border-radius: 999px;
  padding: 0.4rem 0.7rem;
  background: #fff;
  color: #303436;
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
}

#cataloguePage {
  padding-bottom: 2rem;
}

.catalogue-error:not(:empty) {
  margin: 1rem;
  border: 1px solid #d9a5ac;
  border-radius: 0.6rem;
  padding: 1rem;
  background: #fff4f5;
}

.catalogue-error p {
  margin-top: 0;
}

.catalogue-section {
  margin-bottom: 1.5rem;
}

.bottle-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(21rem, 100%), 1fr));
  gap: 1rem;
  padding: 0 1rem;
}

.load-more-results {
  display: block;
  min-width: 12rem;
  min-height: 2.75rem;
  margin: 1rem auto;
  border: 1px solid #2c6491;
  border-radius: 0.5rem;
  padding: 0.65rem 1rem;
  background: #fff;
  color: #2c6491;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.catalogue-empty {
  padding: 2rem 1rem;
  text-align: center;
}

.bottle-availability {
  font-size: 0.78rem;
  font-weight: 700;
}

.bottle-availability.is-in-stock { color: #1f6f2c; }
.bottle-availability.is-limited-stock { color: #8a5a00; }
.bottle-availability.is-out-of-stock,
.bottle-availability.is-not-found { color: #8f1d1d; }
.bottle-availability.is-checking,
.bottle-availability.is-queued { color: #2c6491; }
.bottle-availability.is-unknown { color: #606568; }

.account-toolbar-row {
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.account-toolbar-row > .search-wrap {
  min-width: 0;
}

.account-toolbar-row > .results-meta {
  flex: 0 0 auto;
  max-width: 9rem;
  padding: 0 !important;
  white-space: nowrap;
}

.account-toolbar-row .search-wrap {
  border-color: #b9bdbb;
  border-radius: 0.2rem;
}

.account-toolbar-row .search-wrap:focus-within {
  border-color: #2c6491;
  box-shadow: 0 0 0 2px rgb(44 100 145 / 18%);
}

.user-menu-button,
.burger-button {
  position: relative;
  flex: 0 0 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  border: 1px solid #b9bdbb;
  border-radius: 0.2rem;
  background: #fff;
  color: #151515;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}

.user-menu-button {
  order: 3;
  margin-left: auto;
}

.user-menu-button svg {
  width: 1.4rem;
  height: 1.4rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.burger-button {
  order: 4;
  margin-left: 0;
}

.user-menu-button:hover,
.burger-button:hover {
  border-color: #2c6491;
  background: #f3f6f7;
  color: #202448;
}

.menu-filter-indicator {
  position: absolute;
  top: 0.35rem;
  right: 0.35rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #327541;
}

.menu-backdrop,
.user-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgb(0 0 0 / 45%);
}

.site-menu,
.user-menu {
  position: fixed;
  bottom: auto;
  left: auto;
  right: 0;
  z-index: 9999;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  padding: 1rem;
  overflow-y: auto;
  border-left: 1px solid #d4d6d3;
  background: #fff;
  color: #151515;
  box-shadow: -0.4rem 0 1.5rem rgb(0 0 0 / 24%);
}

.site-menu::backdrop,
.user-menu::backdrop {
  background: rgb(0 0 0 / 45%);
}

.site-menu {
  top: 0;
  width: min(23rem, 92vw);
  height: 100dvh;
}

.user-menu {
  top: 0.75rem;
  right: 0.75rem;
  width: min(20rem, calc(100vw - 1.5rem));
  max-height: calc(100dvh - 1.5rem);
  border: 1px solid #d4d6d3;
  border-top: 0.3rem solid #327541;
}

.site-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.site-menu-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.site-menu-actions > .user-menu-button,
.site-menu-actions > .burger-button {
  order: initial;
  flex-basis: 2.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  margin-left: 0;
}

.menu-close,
.user-menu-close {
  min-width: 2.5rem;
  min-height: 2.5rem;
  border: 0;
  background: transparent;
  font-size: 2rem;
  cursor: pointer;
}

.menu-account-action,
.menu-navigation-link,
.menu-controls > button,
.menu-controls > .view-menu {
  width: 100%;
  margin: 0 0 0.65rem;
}

.menu-account-slot {
  min-height: 3.4rem;
}

.menu-account-loading,
.menu-account-action,
.menu-navigation-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.menu-account-action,
.menu-navigation-link {
  justify-content: center;
  border: 1px solid #bfc3c0;
  border-radius: 0.2rem;
  padding: 0.65rem 0.85rem;
  background: #fff;
  color: #151515;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.menu-account-action,
.menu-navigation-link,
.menu-controls > button,
.menu-controls .view-btn {
  min-height: 2.75rem;
}

.menu-navigation {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
}

.menu-navigation-link {
  justify-content: flex-start;
  margin: 0;
}

.menu-navigation-link[aria-current="page"] {
  border-color: #2c6491;
  background: #eaf1f5;
  color: #202448;
}

.menu-quick-settings {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 0.85rem;
  border-block: 1px solid #d4d6d3;
  padding-block: 0.75rem;
}

.menu-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 2.25rem;
  color: #303436;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
}

.menu-toggle input {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: #327541;
}

.menu-user-slot {
  min-height: 2.75rem;
  margin-bottom: 0.65rem;
}

.menu-controls {
  display: flex;
  flex-direction: column;
}

.menu-controls > button,
.menu-controls .view-btn {
  border-color: #bfc3c0;
  border-radius: 0.2rem;
  background: #fff;
  color: #151515;
  font-weight: 750;
}

.menu-controls > button[aria-expanded="true"],
.menu-controls .view-btn[aria-expanded="true"] {
  border-color: #2c6491;
  background: #eaf1f5;
  color: #202448;
}

.menu-controls > * {
  order: initial !important;
}

.menu-controls .view-btn {
  width: 100%;
  box-sizing: border-box;
}

.site-menu .menu-inline-panel {
  position: static;
  inset: auto;
  z-index: auto;
  width: 100%;
  margin: -0.35rem 0 0.65rem;
}

.site-menu .filter-backdrop,
.site-menu .sort-backdrop {
  display: none !important;
}

.site-menu .filter-drawer,
.site-menu .sort-pop {
  position: static;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 1px solid #d4d6d3;
  border-radius: 0.65rem;
  padding: 0.75rem;
  overflow: visible;
  background: #fff;
  box-shadow: none;
}

.site-menu .filter-body {
  max-height: 55dvh;
  padding-bottom: 0;
  overflow-y: auto;
}

.site-menu .sort-header,
.site-menu .filter-header {
  padding-top: 0;
}

.site-menu .view-menu {
  position: static;
}

.site-menu .view-pop {
  position: static;
  width: 100%;
  box-sizing: border-box;
  margin: -0.35rem 0 0.65rem;
  box-shadow: none;
}

.menu-is-open,
.user-menu-is-open {
  overflow: hidden;
}

[hidden] {
  display: none !important;
}

.user-menu-button:focus-visible,
.burger-button:focus-visible,
.site-menu button:focus-visible,
.site-menu a:focus-visible,
.user-menu button:focus-visible,
.user-menu a:focus-visible {
  outline: 3px solid #2c6491;
  outline-offset: 2px;
}

.account-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  font-size: 0.8rem;
}

.outturn-table .col-rating,
.outturn-table .w-rating {
  width: 4.75rem;
  min-width: 4.75rem;
}

.bottle-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem 1rem;
  border: 1px solid #d4d6d3;
  border-radius: 0.75rem;
  padding: 1rem;
  background: #fff;
}

.bottle-field {
  min-width: 0;
}

.bottle-field-label {
  display: block;
  margin-bottom: 0.15rem;
  color: #606568;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.bottle-field-name,
.bottle-field-cask-type {
  grid-column: 1 / -1;
}

.bottle-field-name .bottle-field-value {
  font-size: 1.05rem;
  font-weight: 700;
}

.rating-summary {
  color: #606568;
}

.rating-action {
  border: 0;
  padding: 0;
  background: transparent;
  color: #2c6491;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.account-dialog {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgb(0 0 0 / 55%);
}

.account-dialog-panel {
  width: min(32rem, 100%);
  max-height: calc(100dvh - 2rem);
  box-sizing: border-box;
  overflow-y: auto;
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 30%);
}

.rating-options {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.5rem;
  border: 0;
  padding: 0;
}

.rating-options legend {
  grid-column: 1 / -1;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.rating-options label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 2.5rem;
  border: 1px solid #d4d6d3;
  border-radius: 0.4rem;
}

.account-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-top: 1rem;
}

.account-error {
  min-height: 1.4em;
  color: #a01428;
}

.account-feedback {
  position: fixed;
  right: max(1rem, env(safe-area-inset-right, 0px));
  bottom: max(1rem, env(safe-area-inset-bottom, 0px));
  z-index: 10030;
  max-width: min(28rem, calc(100vw - 2rem));
  box-sizing: border-box;
  border-radius: 0.65rem;
  padding: 0.8rem 1rem;
  background: #1f1d1a;
  color: #fff;
  box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 28%);
}

.account-feedback button {
  min-height: 2.25rem;
  border: 0;
  padding: 0.25rem 0.45rem;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}

.collection-row-action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
  font-size: 0.8rem;
}

[data-collection-action="add"],
[data-collection-action="finish"],
[data-collection-action="restore"],
[data-collection-action="remove-current"],
[data-collection-action="remove-past"] {
  min-height: 1.7rem;
  border: 1px solid #327541;
  border-radius: 999px;
  padding: 0.12rem 0.55rem;
  background: #eef5f0;
  color: #245f34;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.rating-action {
  border: 0;
  padding: 0;
  background: transparent;
  color: #2c6491;
  font: inherit;
  font-weight: 800;
  text-decoration-color: rgb(44 100 145 / 55%);
  text-decoration-thickness: 2px;
  cursor: pointer;
}

.bottle-availability {
  border-radius: 999px;
  padding: 0.08rem 0.3rem;
  background: rgb(255 255 255 / 72%);
}

.collection-add {
  border: 0;
  padding: 0;
  background: transparent;
  color: #315f46;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.collection-count {
  color: #606568;
}

.collection-panel {
  width: min(46rem, 100%);
}

.collection-header,
.collection-tabs,
.collection-item-actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.collection-header {
  justify-content: space-between;
}

.collection-close {
  border: 0;
  background: transparent;
  font-size: 2rem;
  cursor: pointer;
}

.collection-tabs {
  margin-bottom: 1rem;
  border-bottom: 1px solid #d4d6d3;
}

.collection-tabs button {
  border: 0;
  border-bottom: 3px solid transparent;
  padding: 0.75rem 0.5rem;
  background: transparent;
  font-weight: 700;
  cursor: pointer;
}

.collection-tabs button[aria-selected="true"] {
  border-bottom-color: #2c6491;
  color: #202448;
}

.collection-item {
  padding: 0.9rem 0;
  border-bottom: 1px solid #e0e2e0;
}

.collection-item h3,
.collection-item p {
  margin: 0 0 0.35rem;
}

.collection-distillery,
.bottle-count {
  color: #606568;
}

.collection-empty {
  padding: 1rem 0;
}

.collection-page {
  max-width: 100%;
  padding: 1rem 0 2rem;
}

.collection-page-header,
.collection-section-header,
.collection-gate,
.collection-page > .account-error,
.collection-page > #retryCollectionAction {
  margin-inline: max(1rem, env(safe-area-inset-left, 0px));
}

.collection-page-header {
  max-width: 48rem;
  margin-bottom: 2rem;
}

.collection-page-header h1,
.collection-section-header h2 {
  margin: 0.15rem 0;
}

.collection-page-kicker,
.collection-section-kicker {
  margin: 0;
  color: #2c6491;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.collection-gate {
  border: 1px solid #d4d6d3;
  border-radius: 0.75rem;
  padding: 1rem;
  background: #fff;
}

.collection-gate button,
#retryCollectionAction,
.collection-item-actions button {
  min-height: 2.75rem;
  border: 1px solid #bfc3c0;
  border-radius: 0.45rem;
  padding: 0.55rem 0.8rem;
  background: #fff;
  color: #151515;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.collection-section {
  margin-bottom: 2.25rem;
}

.collection-section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #d4d6d3;
  padding-bottom: 0.65rem;
}

.collection-section > .collection-results > .wrap {
  margin-inline: 0;
}

.collection-results .bottle-card-grid {
  padding-top: 0.25rem;
}

@media (max-width: 520px) {
  .toolbar {
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  .account-toolbar-row {
    gap: 0.4rem;
    padding: 0 0.35rem;
  }

  .account-toolbar-row > .search-wrap {
    order: 1;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  .account-toolbar-row > .results-meta {
    order: 2;
    flex: 0 0 auto !important;
    max-width: 5.5rem !important;
    overflow: hidden;
    font-size: 0.7rem;
    text-overflow: ellipsis;
  }

  .account-toolbar-row > .user-menu-button {
    order: 3;
  }

  .account-toolbar-row > .burger-button {
    order: 4;
  }

  body:not(.view-gallery) .outturn-table .col-code {
    width: 4.25rem;
    min-width: 4.25rem;
  }

  body:not(.view-gallery) .outturn-table .col-name {
    position: sticky;
    left: 0;
    z-index: 3;
    width: 9rem !important;
    min-width: 9rem !important;
    max-width: 9rem;
    box-sizing: border-box;
    padding-left: 0.7rem !important;
    background: #fff;
    box-shadow: 0.35rem 0 0.55rem -0.5rem rgb(0 0 0 / 55%);
  }

  body:not(.view-gallery) .outturn-table .col-rating {
    width: 4.25rem !important;
    min-width: 4.25rem !important;
  }

  body:not(.view-gallery) .outturn-table tbody tr:nth-child(even) .col-name {
    background: #f7f8f7 !important;
  }

  body:not(.view-gallery) .outturn-table thead .col-name {
    z-index: 4;
    padding-left: 0.45rem !important;
    background: #eceeed !important;
  }

  .bottle-card {
    grid-template-columns: 1fr;
  }

  .bottle-field-name,
  .bottle-field-cask-type {
    grid-column: auto;
  }
}

@media (orientation: landscape) and (min-width: 521px) and (max-width: 932px) {
  body:not(.view-gallery) .wrap {
    overflow-x: hidden !important;
  }

  body:not(.view-gallery) table.outturn-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }

  body:not(.view-gallery) .outturn-table th,
  body:not(.view-gallery) .outturn-table td {
    box-sizing: border-box;
    padding: 0.25rem 0.22rem !important;
    overflow: hidden;
    font-size: 0.66rem !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body:not(.view-gallery) .outturn-table .col-name {
    width: auto !important;
    min-width: 10rem !important;
    padding-left: 0.65rem !important;
    white-space: normal !important;
  }

  body:not(.view-gallery) .outturn-table .col-code,
  body:not(.view-gallery) .outturn-table .col-rating,
  body:not(.view-gallery) .outturn-table .col-price,
  body:not(.view-gallery) .outturn-table .col-region,
  body:not(.view-gallery) .outturn-table .col-abv,
  body:not(.view-gallery) .outturn-table .col-age,
  body:not(.view-gallery) .outturn-table .col-review-score {
    width: 1% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow-wrap: normal;
  }

  body:not(.view-gallery) .outturn-table .col-distillery {
    width: 1% !important;
    min-width: 4.5rem !important;
  }

  body:not(.view-gallery) .outturn-table .col-flavour-profile {
    width: 1% !important;
    min-width: 4.75rem !important;
  }

  body:not(.view-gallery) .outturn-table .col-cask-type {
    width: 1% !important;
    min-width: 5.25rem !important;
  }

  body:not(.view-gallery) .outturn-table .flavour-profile-badge {
    border-radius: 0.35rem;
    padding: 0.16rem 0.3rem;
    text-overflow: clip;
    white-space: normal;
  }

  body:not(.view-gallery) .collection-row-action {
    margin-top: 0.18rem;
  }

  body:not(.view-gallery) [data-collection-action="add"] {
    min-height: 1.45rem;
    padding-block: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-menu,
  .user-menu,
  .account-feedback,
  .account-dialog,
  .filter-chip,
  .load-more-results {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}