@media (min-width: 768px) {
  .product-detail-gallery__slider--big.owl-carousel.short-nav:hover .owl-nav,
  .product-detail-gallery__slider--big.owl-carousel.visible-nav .owl-nav {
    left: 10px;
    right: 10px;
  }

  .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical .owl-nav {
    left: 16px;
    right: 16px;
  }
}

/* The left category list is not a separate scroller. Contain was swallowing the wheel. */
.left_block .menu_top_block .scrollblock.overscroll-behavior-contain {
  overscroll-behavior: auto;
}

/* The section count sits 5px above the title line, and the title clips that top border. */
@media (max-width: 767px) {
  .topic__heading:has(.element-count) {
    padding-top: 3px;
  }
}

/* Phones hide the article. Show it on its own line above the stock text. */
@media (max-width: 600px) {
  body .compact-catalog .catalog_block .sa_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  body .compact-catalog .sa_block .article_block {
    display: block;
    order: -1;
    margin: 0 8px 3px;
    max-width: calc(100% - 16px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    color: #888;
  }

  /* The button sits under the quantity box, so the right side of that frame was open. */
  body .catalog_block .counter_wrapp > .counter_block {
    border-right-width: 1px;
  }
}

/* After another filter the price track kept a blue line past the knob and a gray gap before it. */
.smartfilter .bx_ui_slider_track .bx_ui_slider_range {
  background: transparent;
}

.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VD:after {
  background: #254995;
}