/** Shopify CDN: Minification failed

Line 19:60 Unexpected "/"

**/
.related-products {
  display: block;
}

.related-products__heading {
  margin: 0 0 3rem;
  text-transform: uppercase;
}

.related-item .card__inner{
  height: 450px;
}

* Always show the scrollbar, including the thumb and track */
  .related-slider {
    overflow-y: hidden; /* Hide vertical scrollbar */
    overflow-x: scroll; /* Ensure horizontal scrolling */
    padding-bottom: 15px; /* Space for the scrollbar */
    position: relative;
  }

  /* WebKit Browsers (Chrome, Safari, etc.) */
  .related-slider::-webkit-scrollbar {
    height: 12px; /* Height of the scrollbar */
  }

  .related-slider::-webkit-scrollbar-thumb {
    background-color: #888; /* Dark grey thumb */
    border-radius: 10px; /* Rounded scrollbar thumb */
  }

  .related-slider::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light grey track */
  }

  /* Create a visible scrollbar background on related */
  .related-slider::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f1f1f1; /* Match the scrollbar track color */
    z-index: 1; /* Place this behind the content */
  }

  /* related-specific behavior */
  @media (max-width: 768px) {
    .related-slider {
      -webkit-overflow-scrolling: auto; /* Disable momentum scrolling on iOS */
    }

    /* Ensure both the track and thumb are always visible */
    .related-slider::-webkit-scrollbar-thumb {
      background-color: #888; /* Dark grey scrollbar thumb */
    }

    .related-slider::-webkit-scrollbar-track {
      background-color: #f1f1f1; /* Light grey scrollbar track */
    }
  }