.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

html {
  scroll-behavior: smooth;
}

body.modal-open,
body.cart-open {
  overflow: hidden;
}

.row-scroller {
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}

.row-scroller > * {
  scroll-snap-align: start;
}

.card-img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.arrow-btn {
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.arrow-btn[aria-disabled="true"] {
  opacity: 0.35;
  pointer-events: none;
}