@media (max-width: 1199px) {
  .product-card-row {
    padding-top: 16px !important;
  }
}

/* fixes top navigation bar as header-large.css isn't being reach / error*/
.mega-menu {
  top: var(--large-header);
}

/* fixes the back to top of page icon missing / error*/
.btn-back-to-top .icon::before {
  content: "\f286"; /* Unicode for 'arrow-up' in Font Awesome */
  font-family: "Font Awesome 6 Pro"; /* or "FontAwesome" depending on the version you're using */
  font-weight: 900; /* Weight for solid icons */
  color: white; /* Icon color */
}

@media (min-width: 576px) {
  .extended-container {
    max-width: calc(((100vw - (100vw - 100%) - 540px) / 2) + 540px) !important;
  }
}

@media (min-width: 768px) {
  .extended-container {
    max-width: calc(((100vw - (100vw - 100%) - 720px) / 2) + 720px) !important;
  }
}

@media (min-width: 992px) {
  .extended-container {
    max-width: calc(((100vw - (100vw - 100%) - 960px) / 2) + 960px) !important;
  }
}

@media (min-width: 1200px) {
  .extended-container {
    max-width: calc(
      ((100vw - (100vw - 100%) - 1140px) / 2) + 1140px
    ) !important;
  }

  .carousel-img {
    height: 100%;
  }
}

@media (min-width: 1350px) {
  .extended-container {
    max-width: calc(
      ((100vw - 30px - (100vw - 100%) - var(--component-max-width)) / 2) +
        var(--component-max-width)
    ) !important;
  }
}