.container-width,
.container-1440 {
  width: 100%;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ensure standard Bootstrap containers cap out cleanly at 1440px on high resolution screens and zoom out */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1440px !important;
  }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-width: 85vw;
  --fc-offcanvas-width: 85vw;
}

/* @media (min-width: 500px) {
  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 60vw;
    --fc-offcanvas-width: 60vw;
  }
}

@media (min-width: 640px) {
  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 50vw;
    --fc-offcanvas-width: 50vw;
  }
}

@media (min-width: 992px) {
  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 45vw;
    --fc-offcanvas-width: 45vw;
  }
} */

@media (min-width: 500px) {
  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 300px;
    --fc-offcanvas-width: 300px;
  }
}

/* Prevent horizontal scrolling on sidebars and offcanvas */
.offcanvas-body,
.offcanvas-collapse .offcanvas-body,
.product-sidebar-container {
  overflow-x: hidden !important;
}

#modalProductThumbnails .thumbnails-img {
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}
#modalProductThumbnails .thumbnails-img:hover,
#modalProductThumbnails .thumbnails-img.tns-nav-active {
  opacity: 1;
}
#modalProductThumbnails .thumbnails-img.tns-nav-active img {
  border-color: #0aad0a !important;
  box-shadow: 0 0 0 2px rgba(10, 173, 10, 0.25);
}