/* Fontsource Variable Roboto 5.2.8: SHA-256 c06ca3fcbc5f7c37ebb7c86a69502009911ecd8183811bae02f9b1fbb0541ddb */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/roboto-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* Fontsource Variable Roboto 5.2.8: SHA-256 20b535fa80c8189e3b87d1803038389960203a886d502bc2ef1857affc2f38d2 */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/roboto-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  --mm-paper: #f5f1e8;
  --mm-paper-deep: #f5f1e8;
  --mm-ink: #444444;
  --mm-ink-soft: #333333;
  --mm-red: #c52b35;
  --mm-yellow: #ffd230;
  --mm-yellow-deep: #e4b900;
  --mm-line: #dddddd;
  --mm-white: #ffffff;
  --mm-muted: #666666;
  --mm-danger: #b42318;
  --mm-success: #217a3c;

  --mm-surface: var(--mm-white);
  --mm-surface-subtle: var(--mm-paper-deep);
  --mm-surface-inverse: var(--mm-ink-soft);
  --mm-text-on-inverse: var(--mm-white);
  --mm-text: var(--mm-ink-soft);
  --mm-text-strong: var(--mm-ink);
  --mm-text-muted: var(--mm-muted);
  --mm-border: var(--mm-line);
  --mm-focus: var(--mm-ink);
  --mm-identity: var(--mm-red);
  --mm-action: var(--mm-yellow);
  --mm-action-hover: var(--mm-yellow-deep);
  --mm-on-action: var(--mm-ink);
  --mm-state-success: var(--mm-success);
  --mm-state-danger: var(--mm-danger);
  --mm-state-warning: var(--mm-yellow);
  --mm-state-availability: var(--mm-yellow);

  /* Compatibility aliases retained only for live route and platform CSS. */
  --color-paper: var(--mm-surface);
  --color-brand: var(--mm-identity);
  --color-brand-hover: var(--mm-identity);
  --color-identity: var(--mm-identity);
  --color-action: var(--mm-action);
  --color-action-hover: var(--mm-action-hover);
  --color-text: var(--mm-text);
  --color-text-strong: var(--mm-text-strong);
  --color-text-muted: var(--mm-text-muted);
  --color-surface: var(--mm-surface);
  --color-surface-subtle: var(--mm-surface-subtle);
  --color-surface-utility: var(--mm-paper);
  --color-surface-masthead: var(--mm-white);
  --color-navigation: var(--mm-action);
  --color-on-navigation: var(--mm-text-strong);
  --color-border: var(--mm-border);
  --color-footer: var(--mm-surface-inverse);
  --color-footer-utility: var(--mm-text);
  --color-footer-deep: var(--mm-surface-inverse);
  --color-danger: var(--mm-state-danger);
  --color-success: var(--mm-state-success);
  --mm-color-ink: var(--mm-text-strong);
  --mm-color-surface: var(--mm-surface);
  --mm-color-focus: var(--mm-focus);
  --mm-color-border: var(--mm-border);
  --mm-font-display: "Roboto", Arial, sans-serif;
  --mm-font-body: "Roboto", Arial, sans-serif;
  --mm-font-data: "Roboto", Arial, sans-serif;
  --mm-type-display-xl: clamp(2rem, 4vw, 2.75rem);
  --mm-type-display-l: clamp(1.75rem, 3vw, 2.25rem);
  --mm-type-h1: 1.625rem;
  --mm-type-h2: clamp(1.5rem, 2vw, 2rem);
  --mm-type-h3: clamp(1.125rem, 1.4vw, 1.25rem);
  --mm-type-body-l: 1.125rem;
  --mm-type-body: 0.875rem;
  --mm-type-small: 0.875rem;
  --mm-space-1: 0.25rem;
  --mm-space-2: 0.5rem;
  --mm-space-3: 0.75rem;
  --mm-space-4: 1rem;
  --mm-space-5: 1.5rem;
  --mm-space-6: 2rem;
  --mm-space-7: 3rem;
  --mm-space-8: 4rem;
  --mm-space-9: 6rem;
  --mm-space-10: 8rem;
  --mm-radius-control: 0.25rem;
  --mm-radius-card: 1.25rem;
  --mm-radius-media: 1.25rem;
  --mm-radius-pill: 999px;
  --mm-shadow-raised: 0 6px 18px rgb(23 23 23 / 0.10);
  --mm-shadow-warm-ring: 0 0 0 1px var(--mm-line);
  --mm-content-max: 95%;
  --mm-text-measure: 65ch;
  --mm-gutter: clamp(1rem, 2vw, 1.5rem);
  --mm-section-space: clamp(2rem, 5vw, 4rem);
  --mm-sticky-offset: 1.5rem;
  --mm-control-min: 44px;
  --mm-border-width: 1px;
  --mm-motion-fast: 120ms;
  --mm-motion-normal: 200ms;
  --mm-motion-hero: 200ms;
  --mm-home-slide-ratio: 1170 / 480;
  --mm-home-slide-min: 13.125rem;
  --mm-home-brand-space: 2.5rem;
  --mm-home-photo-height: 23.4375rem;
  --mm-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
}
body {
  background: var(--mm-surface-subtle);
  color: var(--mm-text);
  font-family: var(--mm-font-body);
  font-size: var(--mm-type-body);
  line-height: 1.7142857143;
  overflow-wrap: normal;
  word-break: normal;
}

:lang(mk) {
  --mm-font-display: "Roboto", Arial, sans-serif;
  --mm-font-body: "Roboto", Arial, sans-serif;
  --mm-font-data: "Roboto", Arial, sans-serif;
}

:lang(zh),
:lang(zh-CN) {
  --mm-font-display: "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --mm-font-body: "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --mm-font-data: "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  font-family: var(--mm-font-body);
  letter-spacing: normal;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
  color: var(--mm-text-strong);
  font-family: var(--mm-font-display);
  font-weight: 700;
  hyphens: none;
  letter-spacing: normal;
  overflow-wrap: normal;
  text-wrap: pretty;
  word-break: normal;
}

h1,
.h1 {
  font-size: var(--mm-type-h1);
  line-height: 1.05;
}

h2,
.h2 {
  font-size: var(--mm-type-h2);
  line-height: 1.1;
}

h3,
.h3 {
  font-size: var(--mm-type-h3);
  line-height: 1.2;
}

.mm-section-heading__eyebrow {
  color: var(--mm-text-muted);
  font-size: var(--mm-type-small);
  font-weight: 700;
  letter-spacing: 0.14em;
  margin-block-end: var(--mm-space-3);
  text-transform: uppercase;
}

a {
  color: var(--mm-text-strong);
  text-decoration-color: var(--mm-identity);
  text-decoration-thickness: var(--mm-border-width);
  text-underline-offset: var(--mm-space-1);
}

a:hover {
  color: var(--mm-text);
  text-decoration-color: var(--mm-action-hover);
}

.btn,
.form-control,
.form-select,
.ps-searchbar__input {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  overflow-wrap: normal;
  white-space: normal;
  word-break: normal;
}

.btn {
  align-items: center;
  border-radius: var(--mm-radius-control);
  display: inline-flex;
  font-family: var(--mm-font-body);
  font-weight: 700;
  justify-content: center;
  padding: var(--mm-space-3) var(--mm-space-5);
  transition:
    background-color var(--mm-motion-fast) var(--mm-ease-standard),
    border-color var(--mm-motion-fast) var(--mm-ease-standard),
    box-shadow var(--mm-motion-fast) var(--mm-ease-standard),
    color var(--mm-motion-fast) var(--mm-ease-standard),
    transform var(--mm-motion-fast) var(--mm-ease-standard);
}

.btn-primary {
  background: var(--mm-action);
  border-color: var(--mm-action);
  color: var(--mm-on-action);
}

.btn-primary:hover {
  background: var(--mm-action-hover);
  border-color: var(--mm-action-hover);
  color: var(--mm-on-action);
}

.btn-primary:active {
  background: var(--mm-action-hover);
  border-color: var(--mm-action-hover);
  color: var(--mm-on-action);
  transform: translateY(var(--mm-border-width));
}

.btn-primary:focus-visible {
  background: var(--mm-action);
  border-color: var(--mm-action);
  box-shadow: 0 0 0 calc(var(--mm-border-width) * 2) var(--mm-focus);
  color: var(--mm-on-action);
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[aria-disabled="true"] {
  background: var(--mm-surface-subtle);
  border-color: var(--mm-border);
  color: var(--mm-text-muted);
  cursor: not-allowed;
  opacity: 1;
}

.btn-outline-primary {
  background: transparent;
  border-color: var(--mm-text-strong);
  color: var(--mm-text-strong);
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
  background: var(--mm-surface-inverse);
  border-color: var(--mm-surface-inverse);
  color: var(--mm-text-on-inverse);
}

.form-control,
.form-select {
  background-color: var(--mm-surface);
  border: var(--mm-border-width) solid var(--mm-border);
  border-radius: var(--mm-radius-control);
  color: var(--mm-text-strong);
  font-family: var(--mm-font-body);
  padding: var(--mm-space-3) var(--mm-space-4);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--mm-surface);
  border-color: var(--mm-text-strong);
  box-shadow: 0 0 0 calc(var(--mm-border-width) * 2) var(--mm-surface-subtle);
  color: var(--mm-text-strong);
}

.form-control.is-invalid,
.form-select.is-invalid,
.has-error .form-control {
  border-color: var(--mm-state-danger);
  box-shadow: inset calc(var(--mm-border-width) * 3) 0 0 var(--mm-state-danger);
}

.form-control.is-valid,
.form-select.is-valid {
  border-color: var(--mm-state-success);
  box-shadow: inset calc(var(--mm-border-width) * 3) 0 0 var(--mm-state-success);
}

.form-text,
.help-block,
.invalid-feedback {
  color: var(--mm-text-muted);
  font-size: var(--mm-type-small);
  line-height: 1.45;
}

.invalid-feedback,
.has-error .help-block {
  display: block;
  overflow-wrap: break-word;
}

.alert {
  background: var(--mm-surface);
  border: var(--mm-border-width) solid var(--mm-border);
  border-inline-start-width: calc(var(--mm-border-width) * 3);
  color: var(--mm-text-strong);
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-inline-size: 0;
  overflow: visible;
  overflow-wrap: break-word;
  padding: var(--mm-space-4);
  padding-inline-end: calc(var(--mm-control-min) + var(--mm-space-4));
  white-space: normal;
}

.alert::before {
  align-self: start;
  content: "i";
  font-family: var(--mm-font-data);
  font-weight: 700;
}

.alert-danger {
  color: var(--mm-state-danger);
  border-inline-start-color: var(--mm-state-danger);
}

.alert-danger::before,
.alert-warning::before {
  content: "!";
}

.alert-success {
  color: var(--mm-state-success);
  border-color: var(--mm-state-success);
  border-inline-start-color: var(--mm-state-success);
}

.alert-success::before {
  content: "OK";
}

.alert-warning {
  border-color: var(--color-border);
  border-inline-start-color: var(--mm-state-warning);
  color: var(--mm-text-strong);
}

.alert .btn-close {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.form-group,
.mb-3 {
  display: grid;
  gap: var(--mm-space-2);
  min-inline-size: 0;
}

.form-label {
  color: var(--mm-text-strong);
  display: block;
  font-family: var(--mm-font-body);
  font-weight: 700;
  margin-block-end: 0;
}

.form-label.required::after {
  color: var(--mm-state-danger);
  content: " *";
  font-family: var(--mm-font-data);
}

textarea.form-control {
  min-block-size: calc(var(--mm-control-min) * 3);
  resize: vertical;
}

.input-group > .form-control {
  min-inline-size: 0;
}

.buttons-wrapper {
  align-items: center;
  gap: var(--mm-space-3);
  padding-block-start: var(--mm-space-4);
}

.buttons-wrapper :where(.btn, button),
.password-field [data-ps-action="toggle-password"] {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.form-check {
  align-items: center;
  display: inline-grid;
  grid-template-columns: var(--mm-control-min) minmax(0, 1fr);
  min-block-size: var(--mm-control-min);
  padding-inline-start: 0;
  vertical-align: middle;
}

.form-check .form-check-input {
  block-size: var(--mm-control-min);
  float: none;
  inline-size: var(--mm-control-min);
  margin: 0;
}

.form-check-label {
  align-items: center;
  display: inline-flex;
  min-block-size: var(--mm-control-min);
  padding-inline-start: var(--mm-space-2);
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-select:-webkit-autofill {
  -webkit-text-fill-color: var(--mm-text-strong);
  caret-color: var(--mm-text-strong);
}

.form-control.is-valid,
.form-select.is-valid {
  border-block-end: calc(var(--mm-border-width) * 3) double var(--mm-state-success);
}

.has-error :where(.help-block, .invalid-feedback),
.form-control.is-invalid + .invalid-feedback,
.form-select.is-invalid + .invalid-feedback {
  border-inline-start: calc(var(--mm-border-width) * 3) solid var(--mm-state-danger);
  color: var(--mm-state-danger);
  display: block;
  padding-inline-start: var(--mm-space-2);
  word-break: normal;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  border-radius: var(--mm-radius-control);
  outline-color: var(--mm-color-focus);
  outline-offset: var(--mm-space-1);
  outline-style: solid;
  outline-width: 2px;
}
.container,
.container-md,
.columns-container {
  max-inline-size: var(--mm-content-max);
}

.mm-content-rail {
  inline-size: min(100%, var(--mm-content-max));
  margin-inline: auto;
  padding-inline: var(--mm-gutter);
}

.mm-grid-12 {
  display: grid;
  gap: var(--mm-space-4);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-inline-size: 0;
}

.mm-ruled-heading {
  border-block-end: var(--mm-border-width) solid var(--mm-border);
  margin-block-end: var(--mm-space-5);
  padding-block-end: var(--mm-space-3);
}

.mm-ruled-heading > :where(h1, h2, h3, .h1, .h2, .h3) {
  margin-block: 0;
}

.wrapper {
  background: var(--color-surface-subtle);
}

.page,
.page-content,
.mm-main-content {
  min-inline-size: 0;
}

.breadcrumb {
  flex-wrap: wrap;
  overflow-x: visible;
}

.breadcrumb-item {
  flex: 0 1 auto;
  min-inline-size: 0;
  white-space: normal;
}
.plw_content {
  display: none;
}

.header-top {
  border-block-end: var(--mm-border-width) solid var(--color-border);
  background: var(--color-surface-utility);
  color: var(--color-text);
}

.header-bottom {
  background: var(--color-surface-masthead);
  border-block-end: 0;
  color: var(--color-text-strong);
  padding-block: var(--mm-space-3);
}

.header-nav-full-width {
  background: var(--color-navigation);
  color: var(--color-on-navigation);
}

.mm-header-utility__row {
  align-items: center;
  display: flex;
  gap: var(--mm-space-4);
  justify-content: space-between;
  min-block-size: var(--mm-control-min);
}

.mm-header-utility__store {
  min-inline-size: 0;
}

.mm-header-utility__cluster {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-3);
  justify-content: flex-end;
  min-inline-size: 0;
}

.mm-retail-header__primary {
  align-items: center;
  display: grid;
  gap: var(--mm-space-4);
  grid-template-columns: auto minmax(0, 1fr);
}

.mm-retail-header__brand {
  align-items: center;
  display: flex;
  max-inline-size: 330px;
  min-inline-size: 0;
}

.mm-retail-header__brand img {
  block-size: auto;
  inline-size: 100%;
  max-block-size: 80px;
}

.mm-retail-header__tools {
  display: contents;
  min-inline-size: 0;
}

.mm-retail-header__tools > * {
  min-inline-size: 0;
}

.mm-retail-header__tools .ps-searchbar {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.mm-retail-header__tools > .ps-mainmenu--desktop {
  align-items: center;
  background: var(--color-navigation);
  grid-column: 1 / -1;
  grid-row: 2;
  inline-size: 100%;
  min-block-size: var(--mm-control-min);
}

.mm-retail-header__tools > [id="search_block_top"] {
  grid-column: 2;
  grid-row: 1;
  inline-size: 100%;
  max-inline-size: 100%;
}

.mm-retail-header__mobile-utility {
  min-inline-size: var(--mm-control-min);
}

.mm-retail-nav {
  background: var(--color-navigation);
  border-block-start: 0;
}

.header-top a {
  color: var(--color-text);
}

.header-bottom .ps-mainmenu__tree-link {
  color: var(--color-on-navigation);
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.header-bottom a {
  color: var(--color-text-strong);
}

.header-bottom a:hover,
.header-block__action-btn:hover {
  color: var(--color-text-strong);
  text-decoration-color: var(--color-brand-hover);
}

.header-top a:hover,
.header-bottom .ps-mainmenu__tree-link:hover {
  color: var(--color-text-strong);
  text-decoration-color: currentColor;
}

.header-bottom .submenu a {
  color: var(--mm-color-ink);
}

.header-bottom .submenu a:hover {
  color: var(--color-text-strong);
  text-decoration-color: var(--color-brand);
}

.header-bottom .menu-toggle {
  color: var(--color-text-strong);
}

.header .offcanvas a {
  color: var(--mm-color-ink);
}

.header .offcanvas a:hover {
  color: var(--color-text-strong);
  text-decoration-color: var(--color-brand);
}

.mm-retail-header__tools > .ps-mainmenu--desktop .ps-mainmenu__tree-link,
.mm-retail-header__tools > .ps-mainmenu--desktop .ps-mainmenu__tree-dropdown-toggle {
  block-size: var(--mm-control-min);
  min-block-size: var(--mm-control-min);
  padding-block: 0;
}

.header-block__action-btn {
  color: var(--color-text-strong);
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  overflow: visible;
  position: relative;
}

.header-block__badge {
  align-items: center;
  background: var(--color-brand);
  block-size: var(--mm-space-4);
  box-sizing: border-box;
  color: var(--mm-text-on-inverse);
  inline-size: var(--mm-space-4);
  justify-content: center;
  line-height: 1;
  min-inline-size: var(--mm-space-4);
  padding-inline: 0;
}

.ps-mainmenu__tree-item.current .ps-mainmenu__tree-link {
  background: var(--color-navigation);
  box-shadow: none;
  color: var(--color-on-navigation);
  text-decoration-color: currentColor;
}

.ps-searchbar__form {
  background: var(--mm-color-surface);
  border: 2px solid var(--color-text-strong);
  border-radius: var(--mm-radius-control);
  box-shadow: none;
}

.ps-searchbar__input {
  background-color: var(--mm-color-surface);
  border-color: var(--mm-color-border);
  border-radius: var(--mm-radius-control);
  color: var(--mm-color-ink);
  min-block-size: var(--mm-control-min);
}

.ps-searchbar__submit,
.button-search {
  background: var(--color-action);
  border-color: var(--color-action);
  color: var(--color-text-strong);
  inline-size: 50px;
  min-block-size: 42px;
  min-inline-size: 50px;
}

.ps-searchbar__submit:hover,
.ps-searchbar__submit:focus-visible,
.button-search:hover,
.button-search:focus-visible {
  background: var(--color-action-hover);
  border-color: var(--color-action-hover);
  color: var(--color-text-strong);
}

#search_block_top button.button-search {
  /* biome-ignore lint/complexity/noImportantStyles: The third-party search module injects its configured color after the theme. */
  background: var(--color-action) !important;
  /* biome-ignore lint/complexity/noImportantStyles: The third-party search module injects its configured color after the theme. */
  border-color: var(--color-action) !important;
  /* biome-ignore lint/complexity/noImportantStyles: The third-party search module injects its configured color after the theme. */
  color: var(--color-text-strong) !important;
}

#search_query_top {
  block-size: 42px;
  border-color: var(--color-border);
  color: var(--color-text);
  min-inline-size: 0;
}

#search_block_top .searched_category {
  appearance: none;
  background: var(--color-surface-utility);
  block-size: 44px;
  border-color: var(--color-border);
  color: var(--color-text);
  min-inline-size: 0;
}

#search_block_top .select-arrow {
  pointer-events: none;
}

.collapse-icons .remove {
  display: none;
}

[aria-expanded="true"] > .collapse-icons .add {
  display: none;
}

[aria-expanded="true"] > .collapse-icons .remove {
  display: inline-block;
}

.ps-searchbar__input:focus {
  background-color: var(--mm-color-surface);
  border-color: var(--mm-color-focus);
  box-shadow: var(--mm-shadow-warm-ring);
  color: var(--mm-color-ink);
}

.header .ps-searchbar__dropdown,
.header .dropdown-menu,
.header .submenu {
  background: var(--mm-color-surface);
  border-color: var(--mm-color-border);
  border-radius: var(--mm-radius-card);
  color: var(--mm-color-ink);
  box-shadow: var(--mm-shadow-raised);
}

.header .offcanvas {
  background: var(--mm-color-surface);
  border-color: var(--mm-color-border);
  border-radius: var(--mm-radius-card);
  color: var(--mm-color-ink);
  box-shadow: var(--mm-shadow-raised);
  transition-duration: var(--mm-motion-normal);
  transition-timing-function: var(--mm-ease-standard);
}

@layer utilities {
  .header [id="_desktop_ps_searchbar"],
  .header .ps-searchbar--mobile {
    /* biome-ignore lint/complexity/noImportantStyles: Hummingbird visibility utilities are important. */
    display: none !important;
  }

  .header .mm-mobile-cart {
    /* biome-ignore lint/complexity/noImportantStyles: Hummingbird spacing utility is important. */
    padding-inline-end: var(--mm-space-3) !important;
  }
}

/* Lay out the native hook output without duplicating module instances or IDs. */
#header.header {
  background: var(--color-surface-masthead);
  display: grid;
  grid-template-columns: calc(2.5% + 15px) 330px minmax(0, 1fr) 250px calc(2.5% + 15px);
  grid-template-rows: 26px minmax(88px, auto) auto;
  position: relative;
}

#header.header::before {
  background: var(--color-surface-utility);
  border-block-end: var(--mm-border-width) solid var(--color-border);
  content: "";
  grid-area: 1 / 1 / 2 / -1;
}

#header.header::after {
  background: var(--color-navigation);
  content: "";
  grid-area: 3 / 1 / 4 / -1;
}

#header .mm-header-utility,
#header .mm-header-utility > .container-md,
#header .mm-header-utility__row,
#header .mm-header-utility__cluster,
#header .mm-retail-header,
#header .mm-retail-header > .container-md,
#header .mm-retail-header__primary,
#header .mm-retail-header__tools {
  display: contents;
}

#header .mm-header-utility__store {
  grid-area: 1 / 2;
}

#header .mm-header-utility__store > [id="_desktop_ps_contactinfo"] {
  display: none;
}

#header [id="_desktop_ps_currencyselector"] {
  grid-area: 1 / 2;
  inline-size: 70px;
}

#header [id="_desktop_ps_languageselector"] {
  grid-area: 1 / 2;
  inline-size: 145px;
  margin-inline-start: 70px;
}

#header [id="_desktop_ps_customersignin"] {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
  margin-inline-end: 100px;
}

#header .mm-header-utility__cart {
  align-self: center;
  font-size: 12px;
  grid-area: 1 / 4;
  justify-self: end;
  text-transform: uppercase;
}

#header .mm-header-utility .form-select,
#header .mm-header-utility .header-block__action-btn:not(.mm-cart-link) {
  background-color: transparent;
  block-size: 26px;
  border: 0;
  color: var(--color-text);
  font-size: 12px;
  min-block-size: 26px;
  padding-block: 0;
}

#header .mm-header-utility .header-block__icon {
  font-size: 14px;
}

#header .mm-header-utility select.form-select {
  background-position: right var(--mm-space-2) center;
  padding-inline: var(--mm-space-2) var(--mm-space-6);
}

#header .mm-retail-header__brand {
  grid-area: 2 / 2;
  inline-size: 330px;
  padding: 4px 0;
}

#header .mm-retail-header__brand .navbar-brand {
  inline-size: 330px;
  margin: 0;
  max-inline-size: 100%;
  padding: 0;
}

#header .mm-retail-header__brand img {
  inline-size: 100%;
  max-inline-size: 330px;
}

#header .mm-retail-header__tools > [id="search_block_top"] {
  align-self: center;
  grid-area: 2 / 3;
  inline-size: min(530px, calc(100% - 32px));
  justify-self: center;
  margin: 0;
  padding: 0;
}

#header [id="_desktop_ps_shoppingcart"] {
  align-self: center;
  grid-area: 2 / 4;
}

#header .mm-cart-link,
#header .mm-mobile-cart {
  align-items: center;
  border-inline-start: var(--mm-border-width) solid var(--color-border);
  display: flex;
  gap: 12px;
  min-block-size: 64px;
  padding: 8px 16px;
}

#header .mm-cart-summary {
  display: grid;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 1.4;
  text-transform: uppercase;
}

#header .mm-cart-summary__value {
  color: var(--color-brand);
  font-size: 12px;
}

#header .mm-cart-link .header-block__icon,
#header .mm-mobile-cart .header-block__icon {
  font-size: 36px;
}

#header .mm-retail-header__tools > .ps-mainmenu--desktop {
  grid-area: 3 / 2 / 4 / -2;
  isolation: isolate;
  min-block-size: 38px;
  padding: 0;
  position: relative;
  z-index: 1;
}

#header .ps-mainmenu__tree {
  gap: 0;
  margin: 0;
  padding: 0;
}

#header .ps-mainmenu__tree-item-wrapper {
  border-inline-start: var(--mm-border-width) solid var(--color-text-muted);
}

#header .ps-mainmenu__tree-item:last-child .ps-mainmenu__tree-item-wrapper {
  border-inline-end: var(--mm-border-width) solid var(--color-text-muted);
}

#header :is(.ps-mainmenu__tree-link, .ps-mainmenu__tree-dropdown-toggle) {
  block-size: 38px;
  color: var(--color-on-navigation);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  min-block-size: 38px;
  padding-block: 0;
  text-transform: uppercase;
}

#header .ps-mainmenu__tree-link {
  padding-inline: 48px;
}

#header [id="search_block_top"] .table {
  display: flex;
  margin: 0;
}

#header [id="search_block_top"] .searched_categories {
  flex: 0 0 50%;
  order: 2;
}

#header [id="search_block_top"] .table-cell:not(.searched_categories) {
  display: flex;
  flex: 1 1 50%;
  min-inline-size: 0;
  position: static;
}

#header [id="searchbox"] {
  padding-inline-end: 50px;
  position: relative;
}

#header [id="search_query_top"] {
  block-size: 44px;
  border-radius: 20px 0 0;
  inline-size: 100%;
  min-block-size: 44px;
  padding-inline: 12px;
}

#header [id="search_block_top"] .searched_category {
  inline-size: 100%;
  padding-inline: 10px 24px;
}

#header [id="search_block_top"] .button-search {
  block-size: 44px;
  border-radius: 0;
  inset: 0 0 auto auto;
  inline-size: 50px;
  min-block-size: 44px;
  min-inline-size: 50px;
  padding: 0;
  position: absolute;
}

#header [id="search_block_top"] .button-search svg,
#header [id="search_block_top"] .button-search path {
  fill: currentColor;
}
.page-index .ets_multilayerslider {
  display: none;
}

.page-index #wrapper,
.page-index .page-content--home {
  min-inline-size: 0;
  padding: 0;
}

.page-index .columns-container {
  inline-size: 100%;
  max-inline-size: none;
  padding-inline: 0;
}

.page-index .columns-container > .row {
  margin-inline: 0;
}

.page-index #center-column {
  padding-inline: 0;
}

.mm-home-slider {
  background: var(--mm-surface-inverse);
  position: relative;
}

.mm-home-slider__stage {
  aspect-ratio: var(--mm-home-slide-ratio);
  inline-size: 100%;
  min-block-size: var(--mm-home-slide-min);
  position: relative;
}

.mm-home-slider__slide {
  inset: 0;
  position: absolute;
}

.mm-home-slider__slide[hidden],
.mm-home-slider__controls[hidden] {
  display: none;
}

.mm-home-slider__slide img {
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
}

.mm-home-slider__controls {
  display: flex;
  inset-block-start: calc(50% - var(--mm-control-min) / 2);
  inset-inline: var(--mm-space-3);
  justify-content: space-between;
  pointer-events: none;
  position: absolute;
}

.mm-home-slider__button {
  background: var(--mm-surface-inverse);
  border: 0;
  border-radius: var(--mm-radius-pill);
  color: var(--mm-text-on-inverse);
  font-size: var(--mm-type-h1);
  line-height: 1;
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  opacity: 0;
  pointer-events: auto;
}

.mm-home-slider:hover .mm-home-slider__button,
.mm-home-slider:focus-within .mm-home-slider__button {
  opacity: 1;
}
.mm-home-reference {
  min-inline-size: 0;
}

.mm-home-brands {
  background: var(--mm-text);
  display: block;
  padding: var(--mm-home-brand-space) var(--mm-space-5);
}

.mm-home-brands img,
.mm-home-store img {
  block-size: auto;
  display: block;
  inline-size: 100%;
}

.mm-home-store {
  display: block;
}

.mm-home-photo {
  background-position: center;
  background-size: cover;
  block-size: var(--mm-home-photo-height);
}

.mm-home-photo--guitars {
  background-image: url("../../../../modules/pspagebuilder/views/img/1_fender.jpg");
}

.mm-home-photo--drums {
  background-image: url("../../../../modules/pspagebuilder/views/img/masterworks2.jpg");
}
.page-category #left-column,
.page-category #content-wrapper {
  min-inline-size: 0;
}

.page-category .offcanvas,
.page-category .offcanvas-body {
  max-inline-size: 100%;
  min-inline-size: 0;
}

.page-category .offcanvas-body > * {
  min-inline-size: 0;
}

.mm-category-intro {
  background: var(--mm-color-surface);
  border-block-end: calc(var(--mm-border-width) * 3) solid var(--color-brand);
  border-radius: 0;
  box-shadow: none;
  margin-block-end: var(--mm-space-6);
  min-inline-size: 0;
  padding-block: var(--mm-space-4) var(--mm-space-5);
}

.mm-category-intro h1 {
  margin-block-end: var(--mm-space-4);
  text-wrap: balance;
}

.mm-category-intro img {
  background: var(--color-surface-subtle);
  block-size: auto;
  border-radius: var(--mm-radius-card);
  max-block-size: 12rem;
  max-inline-size: 100%;
  object-fit: contain;
}

.mm-category-intro :where(p, .category-description) {
  color: var(--color-text-muted);
  max-inline-size: var(--mm-text-measure);
}

.page-category .products,
.product-accessories .products {
  display: grid;
  gap: var(--mm-space-4);
  grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr));
}

.product-miniature {
  background: var(--mm-color-surface);
  border: var(--mm-border-width) solid var(--color-surface-utility);
  border-radius: 0;
  box-shadow: var(--mm-shadow-warm-ring);
  min-inline-size: 0;
  transition:
    border-color var(--mm-motion-fast) var(--mm-ease-standard),
    box-shadow var(--mm-motion-normal) var(--mm-ease-standard),
    transform var(--mm-motion-normal) var(--mm-ease-standard);
}

.product-miniature:hover,
.product-miniature:focus-within {
  border-color: var(--color-brand);
  box-shadow: var(--mm-shadow-raised), var(--mm-shadow-warm-ring);
  transform: translateY(calc(var(--mm-border-width) * -2));
}

.product-miniature__inner {
  block-size: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.product-miniature__media {
  background: var(--color-surface-subtle);
  border-radius: var(--mm-radius-card);
  margin: var(--mm-space-2) var(--mm-space-2) 0;
  min-block-size: calc(var(--mm-space-10) * 2);
  min-inline-size: 0;
  overflow: hidden;
  position: relative;
}

.product-miniature__image-container {
  align-items: center;
  background: var(--color-surface-subtle);
  display: flex;
  justify-content: center;
  min-block-size: calc(var(--mm-space-10) * 2);
}

.product-miniature img {
  block-size: auto;
  inline-size: 100%;
  object-fit: contain;
}

.product-miniature__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--mm-space-3);
  min-inline-size: 0;
  padding: var(--mm-space-4);
}

.product-miniature__infos,
.product-miniature__identity,
.product-miniature__purchase,
.product-miniature__options {
  display: grid;
  gap: var(--mm-space-3);
  min-inline-size: 0;
}

.product-miniature__title {
  align-items: center;
  color: var(--mm-color-ink);
  display: flex;
  font-family: var(--mm-font-display);
  font-size: var(--mm-type-h3);
  font-weight: 700;
  line-height: 1.25;
  min-block-size: var(--mm-control-min);
  text-wrap: pretty;
}

.product-miniature__prices {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-2);
}

.product-miniature__price {
  color: var(--color-text-strong);
  font-family: var(--mm-font-data);
  font-size: var(--mm-type-h3);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.product-miniature__regular-price {
  color: var(--color-text-muted);
  font-family: var(--mm-font-data);
  font-size: var(--mm-type-small);
  font-variant-numeric: tabular-nums;
}

.product-miniature__variants {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-2);
}

.product-miniature__actions {
  margin-block-start: auto;
  min-inline-size: 0;
}

.product-miniature__form {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-3);
  min-inline-size: 0;
}

.product-miniature__form .quantity-button {
  flex: 1 1 calc(var(--mm-space-10) + var(--mm-space-6));
  min-inline-size: 0;
}

.product-miniature__form .quantity-button__group {
  flex-wrap: nowrap;
  min-block-size: var(--mm-control-min);
}

.product-miniature__form .quantity-button__group .btn,
.product-miniature__form .quantity-button__group .form-control {
  flex: 0 0 var(--mm-control-min);
  inline-size: var(--mm-control-min);
  max-inline-size: var(--mm-control-min);
  min-block-size: var(--mm-control-min);
  padding-inline: 0;
}

.product-miniature__add,
.product-miniature__details {
  flex: 1 1 auto;
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.product-flags .badge {
  background: var(--color-surface-subtle);
  border-block-start: calc(var(--mm-border-width) * 2) solid var(--color-brand);
  border-radius: 0;
  color: var(--color-text-strong);
  font-size: var(--mm-type-small);
  font-weight: 700;
  padding: var(--mm-space-2) var(--mm-space-3);
}

@layer bs-base {
  body .product-flags .badge.new {
    /* biome-ignore lint/complexity/noImportantStyles: Hummingbird marks persistent primary badge colors important. */
    background-color: var(--color-brand) !important;
    /* biome-ignore lint/complexity/noImportantStyles: Hummingbird marks persistent primary badge colors important. */
    color: var(--mm-text-on-inverse) !important;
  }
}

.page-category #js-product-list .alert,
.page-category .products:empty {
  align-items: center;
  background: var(--mm-color-surface);
  border-block: var(--mm-border-width) solid var(--color-border);
  display: flex;
  justify-content: center;
  min-block-size: calc(var(--mm-space-10) * 2);
  padding: var(--mm-space-6);
  text-align: center;
}
.page-product .product__container {
  background: var(--mm-white);
  border: var(--mm-border-width) solid var(--mm-border);
  border-radius: var(--mm-radius-card);
  display: grid;
  gap: var(--mm-space-6);
  grid-template-columns: minmax(0, 1fr);
  min-inline-size: 0;
  padding: var(--mm-space-5);
}

.page-product .product__right {
  border-radius: var(--mm-radius-media);
}

.page-product .mm-product-gallery {
  align-self: start;
  background: var(--mm-white);
  border: 0;
  border-radius: 0;
  min-inline-size: 0;
}

.product__images {
  background: var(--mm-white);
  border-radius: var(--mm-radius-media);
  overflow: hidden;
}

.product__images picture {
  display: block;
}

.product__images img {
  block-size: auto;
  inline-size: 100%;
  object-fit: contain;
  max-inline-size: calc(var(--mm-space-10) * 3);
  margin-inline: auto;
}

.page-product .product__thumbnails {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  padding: var(--mm-space-3);
}

.page-product .product__thumbnails-list {
  display: flex;
  gap: var(--mm-space-2);
  list-style: none;
  margin: 0;
  overflow-x: auto;
  padding: 0;
}

.page-product .product__zoom,
.page-product .carousel-control-prev,
.page-product .carousel-control-next {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.page-product .product__thumbnail {
  background: var(--mm-color-surface);
  border: var(--mm-border-width) solid var(--color-border);
  border-radius: var(--mm-radius-control);
  flex: 0 0 var(--mm-control-min);
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  padding: var(--mm-space-1);
  transition:
    border-color var(--mm-motion-fast) var(--mm-ease-standard),
    box-shadow var(--mm-motion-fast) var(--mm-ease-standard),
    transform var(--mm-motion-fast) var(--mm-ease-standard);
}

.page-product .product__thumbnail:hover,
.page-product .product__thumbnail.active,
.page-product .product__thumbnail[aria-current="true"] {
  border-color: var(--color-brand-hover);
  box-shadow: 0 0 0 2px var(--color-brand);
}

.page-product .product__thumbnail:active,
.page-product .product__zoom:active,
.page-product .carousel-control-prev:active,
.page-product .carousel-control-next:active,
.page-product .accordion-button:active {
  transform: translateY(var(--mm-border-width));
}

.page-product .mm-product-purchase {
  align-self: start;
  background: var(--mm-white);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  gap: var(--mm-space-5);
  min-inline-size: 0;
  padding: var(--mm-space-5);
}

.product__name {
  color: var(--mm-color-ink);
  font-family: var(--mm-font-display);
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1.1;
  margin: 0;
  text-wrap: pretty;
}

.page-product .product__manufacturer a {
  color: var(--color-brand);
  font-size: var(--mm-type-small);
  font-weight: 700;
}

.page-product .mm-price-availability,
.page-product .product__actions,
.page-product #add-to-cart-or-refresh,
.page-product .product__variants,
.page-product .product__add-to-cart-container {
  display: grid;
  gap: var(--mm-space-4);
  min-inline-size: 0;
}

.product-prices,
.current-price {
  color: var(--mm-identity);
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.page-product .product__price,
.page-product .product__regular-price,
.page-product .product__unit-price {
  color: var(--mm-identity);
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.page-product .product__description-short {
  color: var(--color-text-muted);
  max-inline-size: var(--mm-text-measure);
}

.page-product .product-variant {
  border: 0;
  display: grid;
  gap: var(--mm-space-4);
  min-inline-size: 0;
  margin: 0;
  padding: 0;
}

.page-product .product-variant__colors,
.page-product .product-variant__radios {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-2);
}

.page-product .product-variant__color,
.page-product .product-variant__radio,
.page-product .product-variant__color label,
.page-product .product-variant__radio label {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.page-product .product__actions-qty-add {
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--mm-space-10) + var(--mm-space-5)), 100%), 1fr));
}

.page-product .quantity-button__group {
  flex-wrap: nowrap;
  min-inline-size: 0;
}

.page-product .product__add-to-cart-button {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.page-product .quantity-button__group .btn {
  flex: 0 0 var(--mm-control-min);
  inline-size: var(--mm-control-min);
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  padding-inline: 0;
}

.page-product .quantity-button__group .form-control {
  min-block-size: var(--mm-control-min);
  min-inline-size: 0;
  text-align: center;
}

.page-product .product__availability {
  background: transparent;
  border: 0;
  color: var(--mm-color-ink);
  padding: 0;
}

.page-product .product__availability-status {
  align-items: flex-start;
  color: var(--color-text-strong) !important;
  display: flex;
  gap: var(--mm-space-2);
}

.page-product .product__availability-icon,
.page-product .product__availability-messages {
  color: var(--color-text-strong) !important;
}

.page-product .mm-product-details {
  margin-block-start: var(--mm-space-7);
  min-inline-size: 0;
}

.page-product .product__bottom {
  display: grid;
  gap: var(--mm-space-6);
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
}

.page-product .accordion-item {
  background: var(--mm-color-surface);
  border-color: var(--color-border);
  border-radius: 0;
}

.page-product .accordion-button {
  background: var(--mm-color-surface);
  color: var(--mm-color-ink);
  font-family: var(--mm-font-display);
  font-size: var(--mm-type-h3);
  font-weight: 700;
  line-height: 1.2;
  border-radius: 0;
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  transition:
    background-color var(--mm-motion-normal) var(--mm-ease-standard),
    border-color var(--mm-motion-normal) var(--mm-ease-standard),
    box-shadow var(--mm-motion-normal) var(--mm-ease-standard),
    color var(--mm-motion-normal) var(--mm-ease-standard),
    transform var(--mm-motion-fast) var(--mm-ease-standard);
}

.page-product .accordion-button:not(.collapsed) {
  box-shadow: inset calc(var(--mm-border-width) * 4) 0 0 var(--color-brand);
  color: var(--color-text-strong);
}

.page-product .accordion-body,
.page-product .details__item,
.page-product .attachment {
  min-inline-size: 0;
}

.page-product .product__accessories,
.page-product .ps-categoryproducts {
  margin-block-start: var(--mm-space-7);
}

.page-product .ps-crossselling .section-title {
  text-wrap: balance;
}
.page-cart .cart-grid { column-gap: 0; min-inline-size: 0; row-gap: var(--mm-space-5); }

.page-cart .mm-cart-review {
  border-block-start: calc(var(--mm-border-width) * 3) solid var(--color-brand);
  border-radius: 0;
  display: grid;
  gap: var(--mm-space-6);
  grid-template-columns: minmax(0, 1fr);
  margin-inline: 0;
  min-inline-size: 0;
}

.page-cart .cart-grid__content {
  inline-size: auto;
  max-inline-size: none;
  min-inline-size: 0;
  padding-inline: 0;
}

.page-cart .cart-grid__aside {
  align-self: stretch;
  inline-size: auto;
  max-inline-size: none;
  min-inline-size: 0;
  padding-inline: 0;
}

.page-cart .mm-cart-review__details,
.page-cart .cart__overview {
  background: var(--color-surface);
  border-radius: 0;
  min-inline-size: 0;
}

.page-cart .cart__list { min-inline-size: 0; }

.page-cart .cart__item {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  min-inline-size: 0;
}

.page-cart .product-line__content,
.page-cart .product-line__content-left {
  min-inline-size: 0;
}

.page-cart .cart__overview > hr {
  border-color: var(--color-border);
  margin-block: 0;
  opacity: 1;
}

.page-cart .mm-cart-row {
  display: grid;
  gap: var(--mm-space-4);
  grid-template-columns: minmax(0, 1fr);
  min-inline-size: 0;
  padding-block: var(--mm-space-5);
  transition: background-color var(--mm-motion-fast) var(--mm-ease-standard);
}

.page-cart .mm-cart-row__identity,
.page-cart .mm-cart-row__quantity { min-inline-size: 0; }

.page-cart .mm-cart-row__media {
  inline-size: min(100%, calc(var(--mm-space-10) + var(--mm-space-8)));
  min-inline-size: 0;
}

.page-cart .mm-cart-row__media a { display: block; padding: 0; }

.page-cart .mm-cart-row__media picture { display: block; inline-size: 100%; }

.page-cart .mm-cart-row__media img {
  aspect-ratio: 1;
  background: var(--mm-color-surface);
  border-radius: var(--mm-radius-card);
  display: block;
  inline-size: 100%;
  object-fit: contain;
}

.page-cart .mm-cart-row__content {
  display: grid;
  gap: var(--mm-space-4);
  grid-template-columns: minmax(0, 1fr);
  min-inline-size: 0;
}

.page-cart .product-line__content-right {
  display: grid;
  gap: var(--mm-space-3);
  justify-items: start;
  min-inline-size: 0;
}

.page-cart .product-line__title {
  color: var(--mm-color-ink);
  font-family: var(--mm-font-display);
  font-size: var(--mm-type-h3);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: break-word;
  padding-inline-end: 0;
  text-wrap: pretty;
  word-break: normal;
}

.page-cart .product-line__item--info,
.page-cart .product-line__item--small-info {
  color: var(--color-text-muted);
  font-size: var(--mm-type-small);
  line-height: 1.45;
  overflow-wrap: break-word;
}

.page-cart .product-line__item--availability {
  color: var(--color-text-muted);
  font-size: var(--mm-type-small);
  line-height: 1.45;
  margin-block-start: var(--mm-space-3);
  overflow-wrap: break-word;
}

.page-cart .product-line__item-availability-message {
  align-items: center;
  display: flex;
  gap: var(--mm-space-2);
}

.page-cart .quantity-button__group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-inline-size: calc(var(--mm-control-min) * 3);
}

.page-cart .quantity-button__group .btn {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.page-cart .quantity-button__group .form-control {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
  padding-inline: var(--mm-space-1);
  text-align: center;
}

.page-cart .product-line__item--prices,
.page-cart .cart-summary__value {
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
}

.page-cart .mm-cart-row__total {
  color: var(--mm-color-ink);
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  min-inline-size: 0;
}

.page-cart .mm-cart-row__actions {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-3);
  min-inline-size: 0;
}

.page-cart .js-remove-from-cart {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  padding-inline: var(--mm-space-3);
  transition:
    color var(--mm-motion-fast) var(--mm-ease-standard),
    background-color var(--mm-motion-fast) var(--mm-ease-standard),
    transform var(--mm-motion-fast) var(--mm-ease-standard);
}

.page-cart .js-remove-from-cart:hover { background: var(--mm-color-surface); }

.page-cart .js-remove-from-cart:active {
  transform: translateY(var(--mm-border-width));
}

.page-cart .mm-cart-row--unavailable {
  background: var(--mm-color-surface);
  border-inline-start: calc(var(--mm-border-width) * 2) solid var(--color-danger);
  padding-inline: var(--mm-space-4);
}

.page-cart .js-cart-update-alert:not(:empty) {
  background: var(--mm-color-surface);
  border: var(--mm-border-width) solid var(--color-danger);
  border-radius: var(--mm-radius-control);
  display: block;
  margin-block-end: var(--mm-space-4);
  padding: var(--mm-space-3) var(--mm-space-4);
}

.page-cart .js-quantity-button:has(.spinner-border:not(.d-none)) {
  box-shadow: var(--mm-shadow-warm-ring);
}

.page-cart .alert-danger,
.page-cart .quantity-button .is-invalid {
  border: var(--mm-border-width) solid var(--color-danger);
}

.page-cart .cart__empty {
  align-content: center;
  background: var(--mm-color-surface);
  border-block: var(--mm-border-width) solid var(--color-border);
  display: grid;
  min-block-size: calc(var(--mm-space-10) * 2);
  padding: var(--mm-space-6);
  text-align: center;
}

.page-cart .cart__continue-shopping { margin-block-start: var(--mm-space-5); }

.page-cart .cart-grid .mm-cart-summary:not(.mm-sticky-fit) { position: static; }

.page-cart .cart-grid .mm-cart-summary {
  background: var(--mm-color-surface);
  block-size: fit-content;
  border-radius: var(--mm-radius-media);
  box-shadow: var(--mm-shadow-warm-ring);
  min-inline-size: 0;
  padding: var(--mm-space-5);
}

.page-cart .cart-grid .mm-cart-summary h2 { margin-block-end: var(--mm-space-5); }

.page-cart .cart-grid .mm-cart-summary__totals,
.page-cart .cart-summary__subtotals {
  min-inline-size: 0;
}

.page-cart .cart-summary__line {
  align-items: baseline;
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: minmax(0, 1fr) auto;
  padding-block: var(--mm-space-3);
}

.page-cart .cart-summary__line + .cart-summary__line,
.page-cart .cart-grid .mm-cart-summary__reassurance {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  margin-block-start: var(--mm-space-4);
  padding-block-start: var(--mm-space-4);
}

.page-cart .cart-summary__total {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  margin-block-start: var(--mm-space-4);
  min-inline-size: 0;
  padding-block-start: var(--mm-space-4);
  font-size: var(--mm-type-body-l);
}

.page-cart .cart-summary__voucher,
.page-cart .cart-summary__actions {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  margin-block-start: var(--mm-space-4);
  min-inline-size: 0;
  padding-block-start: var(--mm-space-4);
}

.page-cart .cart-summary__total .cart-summary__line { font-weight: 700; }

.page-cart .cart-voucher__form {
  display: grid;
  gap: var(--mm-space-2);
  grid-template-columns: minmax(0, 1fr) auto;
}

.page-cart .cart-summary__actions .btn,
.page-cart .cart-voucher__form .btn,
.page-cart .cart-voucher__form .form-control {
  min-block-size: var(--mm-control-min);
}

.page-cart .mm-cart-review__footer {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  margin-block-start: var(--mm-space-7);
  margin-inline: 0;
  min-inline-size: 0;
}

.page-cart .mm-cart-review__footer .products {
  display: grid;
  gap: var(--mm-space-5);
  grid-template-columns: minmax(0, 1fr);
}

.page-cart .mm-cart-review__footer .product-miniature {
  inline-size: 100%;
  max-inline-size: none;
  min-inline-size: 0;
}

/* Cart is a paper ledger: real rows, quantities, totals, and next action. */
.page-order .mm-checkout-shell {
  background: var(--color-surface);
  min-inline-size: 0;
}

.page-order .mm-checkout-progress {
  border-block-end: var(--mm-border-width) solid var(--color-border);
  margin-block-end: var(--mm-space-6);
  min-inline-size: 0;
  padding-block-end: var(--mm-space-4);
}

.page-order .mm-checkout-progress .checkout-steps__list {
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--mm-space-10) + var(--mm-space-6)), 100%), 1fr));
  min-inline-size: 0;
}

.page-order .mm-checkout-progress .checkout-steps__btn {
  inline-size: 100%;
  min-inline-size: 0;
  white-space: normal;
}

.page-order .mm-checkout-progress .checkout-steps__step {
  border-block-end: var(--mm-border-width) dashed var(--color-border);
  min-inline-size: 0;
  opacity: 0.72;
}

.page-order .mm-checkout-progress .checkout-steps__step--current {
  border-block-end-color: var(--color-brand);
  border-block-end-style: solid;
  box-shadow: inset 0 calc(var(--mm-border-width) * -2) 0 var(--color-brand);
  opacity: 1;
}

.page-order .mm-checkout-progress .checkout-steps__step--success {
  border-block-end-style: double;
  opacity: 1;
}

.page-order .mm-checkout-progress .checkout-steps__number {
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
}

.page-order .checkout-grid {
  column-gap: 0;
  min-inline-size: 0;
  row-gap: var(--mm-space-5);
}

.page-order .mm-checkout-shell .checkout-grid {
  display: grid;
  gap: var(--mm-space-6);
  grid-template-columns: minmax(0, 1fr);
  margin-inline: 0;
  min-inline-size: 0;
}

.page-order .checkout-grid__content {
  inline-size: auto;
  max-inline-size: none;
  min-inline-size: 0;
  padding-inline: 0;
}

.page-order .checkout-grid__aside {
  align-self: stretch;
  inline-size: auto;
  max-inline-size: none;
  min-inline-size: 0;
  padding-inline: 0;
}

.page-order .tab-content,
.page-order .checkout-process,
.page-order .step__content {
  min-inline-size: 0;
}

.page-order .checkout-step {
  min-inline-size: 0;
}

.page-order .mm-checkout-step {
  border: var(--mm-border-width) solid var(--color-border);
  border-block-start: calc(var(--mm-border-width) * 2) solid var(--color-border);
  border-radius: 0;
  margin-block-end: var(--mm-space-4);
  min-inline-size: 0;
  padding: var(--mm-space-4);
  transition:
    background-color var(--mm-motion-normal) var(--mm-ease-standard),
    border-color var(--mm-motion-fast) var(--mm-ease-standard),
    box-shadow var(--mm-motion-fast) var(--mm-ease-standard),
    transform var(--mm-motion-fast) var(--mm-ease-standard);
}

.page-order .mm-checkout-step.step--current {
  background: var(--mm-color-surface);
  border-inline-start: calc(var(--mm-border-width) * 3) solid var(--color-brand);
  border-block-start-color: var(--color-brand);
  box-shadow: var(--mm-shadow-raised);
}

.page-order .mm-checkout-step.step--complete {
  border-block-end: calc(var(--mm-border-width) * 3) double var(--color-border);
  padding-block: var(--mm-space-3);
}

.page-order .mm-checkout-step:not(.step--current):not(.step--complete) {
  border-style: dashed;
  opacity: 0.72;
}

.page-order .mm-checkout-step.step--reachable:focus-within {
  box-shadow: var(--mm-shadow-warm-ring);
}

.page-order .mm-checkout-step__header {
  align-items: center;
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: var(--mm-control-min) minmax(0, 1fr);
  min-inline-size: 0;
}

.page-order .mm-checkout-step__position {
  align-items: center;
  block-size: var(--mm-control-min);
  border: var(--mm-border-width) solid var(--color-brand);
  border-radius: var(--mm-radius-pill);
  background: var(--color-brand);
  color: var(--mm-text-on-inverse);
  display: inline-flex;
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
  inline-size: var(--mm-control-min);
  justify-content: center;
}

.page-order .mm-checkout-step__status {
  position: absolute;
}

.page-order .mm-checkout-step .page-title-section {
  font-size: var(--mm-type-h3);
  margin: 0;
  min-inline-size: 0;
  overflow-wrap: break-word;
  text-wrap: pretty;
  word-break: normal;
}

.page-order .mm-checkout-step__header hr {
  border-color: var(--color-border);
  grid-column: 1 / -1;
  inline-size: 100%;
  margin: 0;
  opacity: 1;
}

.page-order .mm-checkout-step .step__content {
  padding-block-start: var(--mm-space-4);
}

.page-order .mm-checkout-step :where(button, .btn, input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), select, textarea) {
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.page-order .mm-checkout-step :where(.address-card__container, .delivery-option__label, .payment-option__label, .form-check-label) {
  min-block-size: var(--mm-control-min);
}

.page-order .mm-checkout-step .form-check-label {
  align-items: center;
  display: inline-flex;
}

.page-order .mm-checkout-step .form-check-label[for="password-form__check"] {
  display: block;
}

.page-order .mm-checkout-step .is-invalid,
.page-order .mm-checkout-step .has-error .form-control {
  border: var(--mm-border-width) solid var(--color-danger);
  box-shadow: inset calc(var(--mm-border-width) * 3) 0 0 var(--color-danger);
}

.page-order .mm-checkout-step .is-invalid + .invalid-feedback,
.page-order .mm-checkout-step .is-invalid ~ .invalid-feedback,
.page-order .mm-checkout-step .has-error .help-block {
  display: block;
  overflow-wrap: break-word;
  word-break: normal;
}

.page-order .mm-checkout-summary:not(.mm-sticky-fit) {
  position: static;
}

.page-order .mm-checkout-summary {
  background: var(--mm-color-surface);
  block-size: fit-content;
  border-radius: var(--mm-radius-media);
  border-inline-start: var(--mm-border-width) solid var(--color-border);
  box-shadow: var(--mm-shadow-warm-ring);
  min-inline-size: 0;
  overflow: visible;
  padding: var(--mm-space-5);
}

.page-order .mm-checkout-summary .checkout__summary-accordion-header {
  display: flex;
}

.page-order .mm-checkout-summary .accordion-button {
  background: transparent;
  border: 0;
  color: var(--mm-color-ink);
  font-family: var(--mm-font-display);
  font-size: var(--mm-type-h3);
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
  padding-inline: 0;
}

.page-order .mm-checkout-summary .accordion-item {
  background: transparent;
  border: 0;
  color: var(--mm-color-ink);
}

.page-order .mm-checkout-summary .cart-summary,
.page-order .mm-checkout-summary .cart-summary__products,
.page-order .mm-checkout-summary .cart-summary__subtotals,
.page-order .mm-checkout-summary .cart-summary__totals,
.page-order .mm-checkout-summary .cart-summary__voucher {
  min-inline-size: 0;
}

.page-order .mm-checkout-summary .cart-summary__line {
  align-items: baseline;
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: minmax(0, 1fr) auto;
}

.page-order .mm-checkout-summary .product-price,
.page-order .mm-checkout-summary .current-price {
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
}

.page-order .mm-checkout-summary .product-name,
.page-order .mm-checkout-summary .cart-summary__label {
  overflow-wrap: break-word;
  word-break: normal;
}

.page-order .mm-checkout-summary .cart-summary__value {
  font-family: var(--mm-font-data);
  font-variant-numeric: tabular-nums;
  overflow-wrap: break-word;
  word-break: normal;
}

.page-order .mm-checkout-summary > [id*="reassurance"],
.page-order .mm-checkout-summary > .blockreassurance_product {
  border-block-start: var(--mm-border-width) solid var(--color-border);
  margin-block-start: var(--mm-space-4);
  padding-block-start: var(--mm-space-4);
}
.page-my-account .account-menu,
.page-authentication .login,
.page-authentication .login-form,
.page-registration .register-form,
.page-address .address-form {
  background: var(--mm-color-surface);
  border-radius: var(--mm-radius-media);
  box-shadow: var(--mm-shadow-warm-ring);
  min-inline-size: 0;
  padding: var(--mm-space-5);
}

.page-my-account .account-menu--main {
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--mm-space-10) + var(--mm-space-8) + var(--mm-space-7)), 100%), 1fr));
  min-inline-size: 0;
}

.page-my-account .account-menu__link {
  align-items: center;
  background: var(--color-surface-subtle);
  border-inline-start: calc(var(--mm-border-width) * 3) solid transparent;
  border-radius: var(--mm-radius-card);
  color: var(--mm-color-ink);
  display: flex;
  gap: var(--mm-space-3);
  min-block-size: var(--mm-control-min);
  min-inline-size: 0;
  padding: var(--mm-space-4);
  transition:
    background-color var(--mm-motion-fast) var(--mm-ease-standard),
    box-shadow var(--mm-motion-fast) var(--mm-ease-standard);
}

.page-my-account .account-menu__link:hover,
.page-my-account .account-menu__link:focus-visible {
  background: var(--color-surface-subtle);
  box-shadow: var(--mm-shadow-warm-ring);
}

.page-customer-account .account-menu__link[aria-current="page"],
.page-customer-account .account-menu__link.active {
  border-inline-start: 3px solid var(--color-brand);
  color: var(--color-brand);
  font-weight: 700;
}

.page-addresses .addresses__list {
  display: grid;
  gap: var(--mm-space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--mm-space-10) * 2 + var(--mm-space-6)), 100%), 1fr));
}

.page-addresses .address-card {
  background: var(--mm-color-surface);
  border-radius: var(--mm-radius-card);
  min-block-size: var(--mm-control-min);
  min-inline-size: 0;
}

.page-history .order-history {
  max-inline-size: 100%;
  min-inline-size: 0;
}

.page-history .order-history__inner {
  container-type: inline-size scroll-state;
  max-inline-size: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@container scroll-state(scrollable: right) {
  .page-history .order-history__inner > :is(.order-history__header, .order-history__row)::before {
    background: repeating-linear-gradient(
      to bottom,
      var(--mm-color-ink) 0 var(--mm-border-width),
      transparent var(--mm-border-width) calc(var(--mm-border-width) * 3)
    );
    block-size: 100%;
    content: "";
    display: block;
    inline-size: var(--mm-space-3);
    inset-inline-start: calc(100cqw - var(--mm-space-3));
    margin-inline-end: calc(var(--mm-space-3) * -1);
    pointer-events: none;
    position: sticky;
    z-index: 2;
    grid-column: 1;
    grid-row: 1 / -1;
  }

  .page-cms .rich-text table tr::before {
    background: repeating-linear-gradient(
      to bottom,
      var(--mm-color-ink) 0 var(--mm-border-width),
      transparent var(--mm-border-width) calc(var(--mm-border-width) * 3)
    );
    block-size: 100%;
    content: "";
    display: block;
    inline-size: var(--mm-space-3);
    inset-inline-start: calc(100cqw - var(--mm-space-3));
    margin-inline-end: calc(var(--mm-space-3) * -1);
    pointer-events: none;
    position: sticky;
    z-index: 2;
  }
}

.page-history .order-history__cell--date,
.page-history .order-history__cell--total,
.page-history .order-history__cell--status {
  font-family: var(--mm-font-data);
  font-size: var(--mm-type-small);
  font-variant-numeric: tabular-nums;
}

.page-history .order-history__cell--reference {
  font-family: var(--mm-font-data);
  font-size: var(--mm-type-small);
  font-variant-numeric: tabular-nums;
  inline-size: auto;
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.page-cms .page-content--cms {
  background: var(--color-surface);
  border-block-start: 3px solid var(--color-brand);
  margin-inline: auto;
  max-inline-size: var(--mm-text-measure);
  min-inline-size: 0;
}

.page-cms .page-content--cms > .page-heading {
  display: none;
}

.page-cms .rich-text .row > .col-sm-4 {
  flex: 0 0 100%;
  inline-size: 100%;
  max-inline-size: none;
}

/* Indexed account forms and readable CMS content. */
.page-authentication #login-form, .page-authentication .login__form-wrapper { background: var(--color-surface); border-block-start: 3px solid var(--color-brand); border-radius: 0; }
.page-authentication #login-form .form-control, .page-authentication .login__form-wrapper .form-control { min-block-size: var(--mm-control-min); }
.page-cms .page-content--cms :is(h1, h2) { line-height: 1.15; letter-spacing: -.02em; }
.page-cms .page-content--cms h3 { line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }

.page-cms .rich-text {
  font-family: var(--mm-font-body);
  min-inline-size: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.page-cms .rich-text > * + * {
  margin-block-start: var(--mm-space-4);
}

.page-cms .rich-text :where(img, picture, video, iframe, svg) {
  block-size: auto;
  max-inline-size: 100%;
}

.page-cms .rich-text table {
  border-collapse: collapse;
  container-type: inline-size scroll-state;
  display: block;
  max-inline-size: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: var(--color-brand) var(--color-surface-subtle);
  scrollbar-width: thin;
}

.page-cms .rich-text :where(th, td) {
  border: var(--mm-border-width) solid var(--color-border);
  font-size: var(--mm-type-small);
  padding: var(--mm-space-2) var(--mm-space-3);
  text-align: start;
}

.page-cms .rich-text :where(code, pre) {
  font-family: var(--mm-font-data);
}

.page-cms .rich-text pre {
  max-inline-size: 100%;
  overflow-x: auto;
}

.pagination__container {
  align-items: center;
  display: grid;
  gap: var(--mm-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--mm-space-10) * 2), 100%), 1fr));
  min-inline-size: 0;
}

.pagination__number {
  font-family: var(--mm-font-data);
  font-size: var(--mm-type-small);
  font-variant-numeric: tabular-nums;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mm-space-2);
  margin: 0;
  padding: 0;
}

.pagination .page-link {
  align-items: center;
  background: var(--mm-color-surface);
  border-color: var(--color-border);
  color: var(--mm-color-ink);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--mm-control-min);
  min-inline-size: var(--mm-control-min);
}

.pagination .page-item.active .page-link,
.pagination .page-link[aria-current="page"] {
  box-shadow: inset 0 calc(var(--mm-border-width) * -3) 0 var(--color-brand);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: calc(var(--mm-border-width) * 2);
  text-underline-offset: var(--mm-space-1);
}

.pagination .page-link:disabled,
.pagination .page-link[aria-disabled="true"] {
  border-style: dashed;
  opacity: initial;
  pointer-events: none;
}

.footer__before form [type="email"] {
  min-inline-size: 0;
}

.footer__before form [type="submit"] {
  flex-shrink: 0;
  min-inline-size: max-content;
}

.footer {
  background: var(--color-footer);
  color: var(--mm-text-on-inverse);
  border-block-start: calc(var(--mm-border-width) * 3) solid var(--color-brand);
}

/* Compact indexed footer; module content remains native and real. */
.footer a,
.footer h2,
.footer h3,
.footer h4 { color: var(--mm-text-on-inverse); }
.footer a:hover { color: var(--mm-action); text-decoration-color: var(--color-brand-hover); }
.footer__block h3, .footer__block h4 { font-family: var(--mm-font-body); font-size: var(--mm-type-small); letter-spacing: .04em; line-height: 1.3; text-transform: uppercase; }

.footer__before {
  background: var(--color-footer-utility);
  color: var(--mm-text-on-inverse);
}

.footer__main {
  background: var(--color-footer-deep);
  color: var(--mm-text-on-inverse);
}

.mm-footer-links {
  display: grid;
  gap: var(--mm-space-5);
  grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--mm-space-10) * 2), 100%), 1fr));
  inline-size: 100%;
  padding-block: var(--mm-space-6);
}

.mm-footer-links__group {
  min-inline-size: 0;
}

.mm-footer-links__group h3 {
  font-size: var(--mm-type-h3);
  margin-block-end: var(--mm-space-3);
}

.mm-footer-links__group ul {
  display: grid;
  gap: var(--mm-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.mm-footer-links__group a {
  align-items: center;
  display: inline-flex;
  min-block-size: var(--mm-control-min);
  overflow-wrap: normal;
  padding-block: var(--mm-space-2);
  word-break: normal;
}
/* biome-ignore-all lint/style/noDescendingSpecificity: Responsive and accessibility overrides intentionally follow base interaction rules. */

@media (width < 75rem) {
  .header .ps-shoppingcart {
    margin-inline-end: var(--mm-space-1);
  }

  #header.header {
    grid-template-columns: 15px minmax(0, 1fr) 15px;
    grid-template-rows: 44px 100px 60px 90px auto;
  }

  #header.header::after {
    grid-area: 5 / 1 / 6 / -1;
  }

  #header .mm-header-utility__store {
    align-items: center;
    display: flex;
    gap: 4px;
    grid-area: 1 / 2;
  }

  #header [id="_desktop_ps_currencyselector"],
  #header [id="_desktop_ps_languageselector"] {
    grid-area: 1 / 2;
  }

  #header [id="_desktop_ps_customersignin"],
  #header [id="_mobile_ps_customersignin"] {
    grid-area: 1 / 2;
    justify-self: end;
    margin: 0;
  }

  #header .mm-header-utility .form-select,
  #header .mm-header-utility .header-block__action-btn,
  #header .mm-mobile-account {
    block-size: 44px;
    min-block-size: 44px;
  }

  #header .mm-header-utility__cart {
    display: none;
  }

  #header .mm-retail-header__brand {
    grid-area: 2 / 2;
    inline-size: min(330px, 100%);
  }

  #header .mm-retail-header__tools > [id="search_block_top"] {
    grid-area: 3 / 2;
    inline-size: 100%;
  }

  #header [id="_desktop_ps_shoppingcart"],
  #header [id="_mobile_ps_shoppingcart"] {
    align-self: center;
    grid-area: 4 / 2;
    justify-self: center;
  }

  #header .mm-cart-link,
  #header .mm-mobile-cart {
    border: 0;
  }

  #header .mm-mobile-cart > .header-block__badge {
    display: none;
  }

  #header .mm-retail-header__tools > .ps-mainmenu--desktop {
    grid-area: 5 / 2;
    min-block-size: 64px;
  }

  #header .mm-retail-header__tools > .ps-mainmenu--desktop .menu-toggle {
    border: var(--mm-border-width) solid var(--color-action-hover);
    inline-size: 44px;
    margin-block: 10px;
    padding: 0;
  }

  #header .mm-retail-header__tools > .ps-mainmenu--desktop .menu-toggle::after {
    content: none;
  }

  #header .menu__link,
  #header .menu__toggle-child {
    min-block-size: var(--mm-control-min);
  }
}

@media (hover: none) {
  .mm-home-slider__button {
    opacity: 1;
  }
}

@media (width < 48rem) {
  .mm-performance__visual {
    block-size: min(72vh, 38rem);
    min-block-size: 30rem;
  }

  .mm-performance__visual::after {
    background: rgba(28, 25, 24, .42);
  }

  .mm-performance__caption {
    inset: auto var(--mm-gutter) var(--mm-space-6);
  }

  .mm-performance__roster {
    gap: var(--mm-space-2) var(--mm-space-4);
    justify-content: flex-start;
  }

  .ps-mainmenu--mobile.offcanvas {
    overflow-y: auto;
  }

  .breadcrumb {
    column-gap: var(--mm-space-2);
  }

  .breadcrumb-item + .breadcrumb-item::before {
    display: none;
  }

  .page-product .ps-categoryproducts .products {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-product .ps-categoryproducts .section-title {
    text-wrap: balance;
  }

  [id="search_block_top"],
  [id="search_block_top"] [id="searchbox"] {
    inline-size: 100%;
    max-inline-size: 100%;
  }

  [id="search_block_top"] .table {
    inline-size: 100%;
    max-inline-size: 100%;
    table-layout: fixed;
  }

  .product-miniature__form .quantity-button,
  .product-miniature__add,
  .product-miniature__details {
    inline-size: 100%;
  }

  .page-category #left-column {
    display: none;
  }

  /* The facet offcanvas is a content-wrapper sibling, not part of the hidden rail. */
  .page-category #offcanvas-faceted {
    max-inline-size: 100%;
  }

  .page-category #center-column {
    flex: 0 0 100%;
    inline-size: 100%;
    max-inline-size: 100%;
  }
}

@media (min-width: 48rem) {
  .page-category #content-wrapper,
  .page-cart .cart-grid,
  .page-order .checkout-grid {
    align-items: flex-start;
  }

  .page-product .product__right,
  .page-cart .cart-grid__aside-wrapper,
  .page-order .checkout-grid__aside-wrapper,
  .page-category #left-column {
    padding: var(--mm-space-5);
  }

  .page-product .product__container {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }

  .page-product .product__bottom {
    align-items: start;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }

  .page-cart .mm-cart-review__footer .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-cart .mm-cart-row {
    grid-template-columns: var(--mm-space-10) minmax(0, 1fr);
  }

  .page-cart .mm-cart-row__media { inline-size: 100%; }

  .page-cart .mm-cart-row__content {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .page-cart .mm-cart-row__actions { grid-column: 1 / -1; }
}

@media (min-width: 48rem) and (width < 75rem) {
  .page-category .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-category #content-wrapper {
    display: block;
  }
}

@media (min-width: 75rem) {
  .page-category .products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .product-miniature .quantity-button__group {
    flex-wrap: nowrap;
  }

  .product-miniature .quantity-button__group .btn,
  .product-miniature .quantity-button__group .form-control {
    flex: 0 0 var(--mm-control-min);
    inline-size: var(--mm-control-min);
    max-inline-size: var(--mm-control-min);
    padding-inline: 0;
  }

  .product-miniature__add {
    flex: 1 1 auto;
    font-size: var(--mm-type-small);
    min-inline-size: var(--mm-control-min);
    padding-inline: var(--mm-space-2);
    white-space: nowrap;
  }

}

@media (width >= 75rem) {
  .page-category .columns-container > .row {
    display: grid;
    gap: var(--mm-space-6);
    grid-template-columns: minmax(12rem, 3fr) minmax(0, 9fr);
  }

  .page-category #left-column,
  .page-category #center-column {
    inline-size: auto;
    max-inline-size: none;
  }

  .page-cart .mm-cart-review__footer .products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-cart .mm-cart-review {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }

  .page-cart .mm-cart-row__content {
    grid-template-columns: minmax(0, 1fr) minmax(calc(var(--mm-control-min) * 3), auto) auto;
  }

  .page-cart .product-line__content-right { display: contents; }

  .page-cart .mm-cart-row__quantity,
  .page-cart .mm-cart-row__total {
    align-self: center;
  }

  .page-cart .mm-cart-row__actions {
    align-self: center;
    grid-column: auto;
  }

  .page-order .mm-checkout-shell .checkout-grid {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
}

@media (min-width: 75rem) and (min-height: 50rem) {
  .page-category #left-column {
    align-self: start;
  }

  .mm-sticky-fit {
    inset-block-start: var(--mm-sticky-offset);
    position: sticky;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-index .mm-showroom-hero__signal,
  .page-index .mm-category-corridor,
  .page-index .mm-service-strip__link,
  .page-index .mm-brand-directory__link,
  .page-index .mm-brand-directory__all,
  .page-index .mm-store-story__actions .btn {
    transition-duration: 0.01ms;
    transform: none;
  }

  .offcanvas,
  .btn,
  .page-my-account .account-menu__link {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
  }

  .product-miniature {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transform: none;
    transition-duration: 0.01ms;
  }

  .btn:active,
  .product-miniature:hover,
  .product-miniature:focus-within {
    transform: none;
  }

  .product-miniature__inner:hover .product-miniature__image,
  .product-miniature__inner:has(:focus-visible) .product-miniature__image {
    transform: none;
  }

  .product-miniature__quickview-button,
  .product-miniature__quickview-button:focus,
  .product-miniature__inner:hover .product-miniature__quickview-button,
  .product-miniature__inner:has(:focus-visible) .product-miniature__quickview-button {
    inset-block-end: 0;
    inset-block-start: auto;
    transform: none;
    transition-delay: 0s;
    transition-duration: 0.01ms;
  }

  .page-product .product__thumbnail,
  .page-product .product__zoom,
  .page-product .carousel-control-prev,
  .page-product .carousel-control-next,
  .page-product .accordion-button,
  .page-cart .mm-cart-row,
  .page-cart .js-remove-from-cart,
  .page-order .mm-checkout-step,
  .page-order .mm-checkout-step :where(button, .btn),
  .page-order .mm-checkout-summary .accordion-button {
    transition-duration: 0.01ms;
    transform: none;
  }
}