/** Shopify CDN: Minification failed

Line 20:0 Unexpected "}"

**/
.category-list-wrapper {
  background: #303030;
}

.category-list {
  max-width: var(--page-width);
  margin: 0 auto;
  align-items: center;
}

/* span.category-item__title:hover {
   /* color: #B79F37; */
  /* background-image: linear-gradient(to right, #B79F37, #B79F37 50%, #B79F37 50%); */

} */


.category-list--desktop .category-item:hover {
/* background: #B79F37  */
/*   transform: skewX(-25deg); */
}


.category-list--desktop .category-item:hover .category-item__wrapper {
/*   transform: skewX(25deg) !important; */
}

.category-item {
  display: inline-flex;
  padding: .25rem .25rem .5rem;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

.category-item__wrapper {
  display: flex;
  flex-direction: column;
}



.category-item__wrapper,
.category-item__title {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.4rem);
  font-weight: 450;
  letter-spacing: -0.5px;
  color: rgb(var(--color-base-background-1));
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: super;
  white-space: nowrap;
  text-align: center;
}

.category-item__icon svg {
  height: 25px;
  width: 25px;
}

.category-item__icon svg.cls-brake {
  height: 27px;
  width: 27px;
}

.category-item__icon svg path,
.category-item__icon svg rect {
  fill: rgb(var(--color-base-background-1));
}

.category-item__icon path.cls-engine-oil {
  fill-rule:evenodd;
}

.category-item__icon img.view-mobile {
  width: 60%;
  height: 60%;
  vertical-align: middle;
  margin: 0 0 10px;
}


.category-list--desktop .category-item__wrapper .category-item__title /* link */ { 
  background-image: linear-gradient(to right, rgb(var(--color-link-2)), rgb(var(--color-link-2)) 50%, rgb(var(--color-base-background-1)) 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.1s ease-in-out;
} 

.category-list--desktop .category-item__title:before {
  content: '';
  background:#B79F37;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.1s ease-in-out;
}

.category-list--desktop .category-item__wrapper:hover .category-item__icon svg path,
.category-list--desktop .category-item__wrapper:hover .category-item__icon svg rect {
  fill:#B79F37;
  transition: fill 0.1s ease;
}


.category-list--desktop .category-item__wrapper:hover .category-item__title {
  background-position: 0;
}

.category-list--desktop .category-item__wrapper:hover .category-item__title::before {
  width: 100%;
}


.category-list--carousel .category-item {
  max-width: 250px !important;
}

.category-list--carousel .category-item__icon,
.category-list--carousel .category-item__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.category-list--carousel .category-item__title {
  font-size: calc(var(--font-heading-scale) * 1rem);
}


@media screen and (min-width: 750px) {
  
  .category-list-wrapper {
    padding: 0 4rem;
  }
  
  .category-list {
    display: flex;
    flex-wrap: nowrap;
/*     padding: 0 4rem; */
  }

  .category-item {
    flex-grow: 1;
  }
  
  .category-item:first-child {
    margin-left: 0;
  }

  .category-item:last-child {
    margin-right: 0;
  }

  .category-item__icon {
    display: inline-flex;
    margin: .5em .5em .5em 0;
    align-items: center;
    justify-content: center;
  }
}


.category-list .slick-slide {
  margin: 8px 1rem 3px;
}


.category-list .slick-initialized .slick-slide {
  display: inline-flex !important;
}

.category-list--desktop .slick-prev:before, .category-list--desktop .slick-next:before {
  color: white;
}


@media only screen and (min-width: 990px) {
  .category-list {
    padding: 0 1rem;
  }

  .category-list--desktop.category-list {
    max-width: calc(var(--page-width) - 14rem);
  }
  
  .category-list--carousel .category-item {
    max-width: 7vw !important;
  }
}

@media only screen and (min-width: 1440px) {
  .category-list {
    padding: 0 5rem;
  }
  
  .category-list .slick-slide {
    margin: 3px 1.3rem 5px;
  }
}


@media only screen and (max-width: 989px) {
  .category-list--carousel {
    display: flex;
  }
  
  .category-list--desktop {
    display: none;
  }
}

@media only screen and (min-width: 990px) {
  #shopify-section-navigation-menu section.shopify-section {
    margin: auto;
  }
  
  .category-list--carousel {
    display: none;
  }

  .category-list--desktop {
    display: flex;
  }
}


@media only screen and (min-width: 990px) and (max-width: 1579px) {
  .category-list--desktop .category-item__title {
    font-size: calc(var(--font-heading-scale) * 1.2rem);
  }
}

  
@media only screen and (min-width: 1580px) {
  .category-item__wrapper {
    display: block;
  }
}


#categories-carousel:before,
#categories-carousel:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100px;
  top: 0;
  height: 100%;
  pointer-events: none; /*makes the linkes behind clickable.*/
}
#categories-carousel:before {
  left: 0;
  background: linear-gradient(to right, rgba(48, 48, 48, 1), rgba(48, 48, 48, 0));
}
#categories-carousel:after {
  right: 0;
  background: linear-gradient(to left, rgba(48, 48, 48, 1), rgba(48, 48, 48, 0));
}