/* AMCARparts wide layout override
   Put this in SOTE custom CSS / theme CSS, not in generated cache files. */

@media (min-width: 1200px) {
  .container {
    width: min(96vw, 1480px);
    max-width: 1480px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: min(94vw, 1680px);
    max-width: 1680px;
  }
}

body {
  background: #111;
}

header .container,
#homepage-layout > .container,
#one-column-layout > .container,
#two-column-layout > .container,
footer .container {
  width: min(96vw, 1680px);
  max-width: 1680px;
}

#homepage-layout,
#one-column-layout,
#two-column-layout {
  background: #f4f4f4;
}

#homepage-carousel,
.homepage-carousel,
.homepage-carousel-2 {
  width: 100%;
  max-width: none;
}

.homepage-carousel-2 .swiper-slide,
.homepage-carousel-2 .swiper-slide-mobile {
  min-height: clamp(360px, 31vw, 520px);
}

header {
  background: #0b0b0b;
}

header .container {
  background: transparent;
}

header .navbar,
header nav {
  background: #151515;
}

@media (min-width: 992px) {
  #logo img {
    max-height: 96px;
  }
}