/* Moojh's installed CSS contains an older rule that hides the row controls. */
html body #main#main .mjl-products .mjl-section-title {
  flex-wrap: wrap;
  gap: .65rem 1rem;
}
html body #main#main .mjl-products .mjl-rail-tools {
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 6px !important;
}
html body #main#main .mjl-products .mjl-rail-tools > button:is([data-rail-prev],[data-rail-next],.mjm-rail-pause) {
  display: inline-grid !important;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  padding: 0 !important;
  background: #fff;
  border: 1px solid #dce6e8;
  color: #103747;
  box-shadow: none !important;
  transform: none !important;
}
html body #main#main .mjl-products .mjl-rail-tools > .mjm-rail-pause:disabled { display: none !important; }
html body #main#main :is(.mjl-category,.mjl-rail-tools a,.mjl-rail-tools button,ul.products[tabindex],.single_add_to_cart_button):focus-visible {
  outline: 2px solid #167b80 !important;
  outline-offset: 3px !important;
}
html body #main#main .mjl-products ul.products[tabindex]:focus-visible {outline-offset:-3px!important;}
html body #main#main .mjnov5-live-payments {
  padding-block: clamp(12px, 1.6vw, 20px) !important;
  gap: clamp(10px, 1.5vw, 18px) !important;
}
html body #main#main .mjnov5-live-payments .mj29-coming { display: none; }
html body #main#main .mjnov5-live-payments h2 { font-size: clamp(17px, 1.8vw, 24px) !important; margin-block: 0 4px !important; }
html body #main#main .mjnov5-live-payments p { margin-block: 0 !important; }
@media (max-width: 689px) {
  html body #main#main .mjl-products .mjl-section-title { align-items: flex-start; }
  html body #main#main .mjl-products .mjl-rail-tools > a { padding-block: 10px; }
  html body #main#main :is(form.checkout,form.woocommerce-form,.mjl-request-form) :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=file],[type=submit]),textarea,select) {
    font-size: 16px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body #main#main .mjl-products ul.products,
  html body #main#main .mjl-category-rail { scroll-behavior: auto !important; }
}

/* Fit the full departments directory without requiring a horizontal drag on desktop. */
@media (min-width: 1120px) {
  html body #main#main .mjl-category-rail {
    display: grid !important;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    gap: clamp(6px, 1vw, 16px) !important;
  }
  html body #main#main .mjl-category-rail > .mjl-category { width: 100% !important; min-width: 0 !important; }
  html body #main#main .mjl-category-rail > .mjl-category > div { height: 114px !important; }
  html body #main#main .mjl-category-rail .mjl-category h3 { white-space: normal !important; }
}