/** Shopify CDN: Minification failed

Line 187:34 Unexpected "("

**/
body {
  font-family: "Pathway Extreme", sans-serif;
  letter-spacing: normal;
}

.hide-desktop {
  display: none !important;
}

hr {
  margin: 2rem 0;
}

@media screen and (min-width: 750px) {
    hr {
        margin: 3rem 0;
    }
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    font-family: "Pathway Extreme", sans-serif;
    font-weight: 600;
}

.top-delivery-message {
  padding: 10px 0;
}

.top-delivery-message  .page-width {
  max-width: 1440px;
}

.top-delivery-message .top-delivery-left {
  font-size: 14px;
  line-height: normal;
  padding: 3px 0;
}

.top-delivery-message .top-delivery-left a {
  color: #000000;
  text-decoration: underline;
  font-weight: 600;
}

.top-delivery-message .top-delivery-region {
  font-size: 15px;
  line-height: normal;
  font-weight: 500;
}

.header-bar__inner {
  display: flex;
  justify-content: space-between;
}

.top-delivery-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.border-bottom,.main-blog {
  position: relative;
  border-bottom: 8px solid #E03A3E;
}
.border-bottom:after,.main-blog:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    background: #004990;
    height: 8px;
}
.border-bottom:before,.main-blog:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(255, 255, 255);
    height: 8px;
}

.border-top {
    position: relative;
    border-top: 8px solid #E03A3E;
    top: -8px;
}
.border-top:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    background: rgb(255, 255, 255);
    height: 8px;
}
.border-top:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    background: #004990;
    height: 8px;
}

@media (max-width: 749px) {
  .main-blog {
    border: 0;
  }
  .main-blog:after,
  .main-blog:before {
    display: none;
  }
}

.button {
  text-transform: uppercase;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after,
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
  box-shadow: none;
}


.custom-top-header-bar {
  background: linear-gradient(180deg, #262626 0%, #000000 100%);
  font-size: 14px;
  color: #fff;
  height: 60px;
}

.custom-top-header-bar .page-width,
.header.page-width {
  max-width: 1440px;
}


.custom-top-header-bar .header-bar__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
}

.header-bar__left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-bar__flag {
  width: 103px;
  height: 24px;
  object-fit: contain;
}
.header-bar__tagline {
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.7px;
  display: flex;
  flex-direction: column;
}

.header-wrapper {
  box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.15);
}

.header-bar__menu {
  display: flex;
  gap: 17px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-bar__menu-item {
  position: relative;
}

.header-bar__menu-item:last-child (.header-bar__menu-link) {
  padding-right: 0;
}

.header-bar__menu-link {
  text-decoration: none;
  color:#fff;
  padding: 4px 6px;
}

.header__inline-menu li:first-child .header__menu-item {
  padding-left: 0;
}

.header__menu-item span {
  padding-right: 10px;
}

.header-bar__submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 5px 0;
  border: 1px solid #ccc;
  min-width: 150px;
}

.header-bar__submenu-item {
  padding: 0;
}

.header-bar__submenu-link {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  
}

.header-bar__menu-item:hover .header-bar__submenu {
  display: block;
}


.logos-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
}

.logos-lists .img-wrapper{
  background: #F6F6F6;
  width: calc(16.6666% - 18px * 6 / 7);
  max-width: calc(16.6666% - 18px * 6 / 7);
}

.logos-lists .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.logos-lists .img-wrapper img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (min-width: 750px) {
  .header-bar-mobile__right {
    display: none;
  }
}

header-menu details[open] .header__menu-item svg,
.localization-form__select[aria-expanded="true"] svg{
  rotate: 180deg;
}


/* nav menu */
#HeaderMenu-products.list-menu__item {
  padding-right: 2.5rem
}
#HeaderMenu-dealerships.header__menu-item {
  padding-left: 2.5rem;
}
.country-flag-name {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 130px;
}
.country-flag-name .country-flag {
  max-width: 44px;
  height: 24px;
}
.desktop-localization-wrapper {
  border-right: 1px solid #CECECE;
  padding-right: 4.8rem;
}

.header__icon .text {
  font-size: 1.3rem;
  letter-spacing: 0;
}

/* menu drawer */
.menu-drawer .svg-wrapper .icon-arrow {
  width: 6px;
  height: 12px;
}



/*====================== Mega Menu ================ */
.mega-menu-inner-wrapper {
  display: flex;
  gap: 40px;
}

.mega-menu-inner-wrapper .mega-menu__list {
  display: block;
  padding: 0;
  min-width: 160px;
  padding-bottom: 30px;
}

.mega-menu-inner-wrapper .childmenu-container .mega-menu__list li {
  margin-bottom: 2px;
}

.mega-menu-inner-wrapper .childmenu-container .mega-menu__link {
  background: #F6F6F6;
  padding: 1rem;
  border-radius: 2px 2px 0px 0px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #7B7B7B;
}

.mega-menu-inner-wrapper .childmenu-container .is-active .mega-menu__link {
  background: linear-gradient(180deg, #262626 0%, #000000 100%);
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mega-menu-inner-wrapper .childmenu-container{
    overflow-y: auto;
    max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);
}
.submenu-container.grandchildmenu-container {
    overflow-y:auto;
    flex: 1;
    max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);
}

.mega-menu-inner-wrapper .childmenu-container .mega-menu__list li:last-child {
    border: 0;
}


.grandchildmenu-container .mega-menu__list > li.is-open ul {
  display: flex;
  gap: 16px;
  row-gap: 3rem;
  flex-wrap: wrap;
}

.grandchildmenu-container .mega-menu__list > li.is-open li {      
  max-width: calc(14.285% - 16px * 6 / 7);
  width: calc(14.285% - 16px * 6 / 7);
  text-align: center;
}

.grandchildmenu-container .mega-menu__list > li.is-open li a {
  padding: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.grandchildmenu-container .mega-menu__list li.is-open li:last-child {
    border: 0;
}

#MegaMenu-Content-2 .mega-menu-inner-wrapper .mega-menu__list {
  display: flex;
  column-gap: 30px;
  row-gap: 10px;
  flex-wrap: wrap;
}

#MegaMenu-Content-2 .childmenu-container {
  width: 100%;
}

#MegaMenu-Content-2 .mega-menu-inner-wrapper .mega-menu__list li {
  max-width: calc(16.6666% - 30px * 5 / 6);
  width: calc(16.6666% - 30px * 5 / 6);
}

#MegaMenu-Content-2 .mega-menu-inner-wrapper .mega-menu__list {
  width: 100%;
}

#MegaMenu-Content-2 .mega-menu-inner-wrapper .mega-menu__list .mega-menu__link {
  padding: 0;
  background: transparent;
  text-align: center;
  font-size: 14px;
  color: #000;
}

#MegaMenu-Content-2 .mega-menu-inner-wrapper .mega-menu__list img {
  display: block;
  margin: 0 auto;
  display: block;
  margin: 0 auto 5px;
  height: 140px;
  width: 100%;
  object-fit: contain;
}

.megamenu-open {
  position: relative;
  overflow: hidden;
}

.megamenu-open:after {
  background: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
}



.mega-menu__content .featured-img {
    width: 100%;
    height: 100%;
    max-height: 72px;
    object-fit: contain;
    display: block;
    margin-bottom: 12px;
}

#Details-HeaderMenu-2 .mega-menu__content .icon {
  display: none ; 
}

/*===================== Mega Menu End =============== */


/* ================ breadcrumbs================== */
.section-breadcrumbs {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

li.breadcrumbs__item,
.breadcrumbs__item a {
    color: #7B7B7B;
}

.custom-faq .breadcrumbs__item[aria-current="page"] {
  text-transform: uppercase;
}
/*================= Banner CSS ======================*/

.banner .slider__slide {
  position: relative;
}

.banner .slider__slide:before {
  background: linear-gradient(274.7deg, rgba(0, 0, 0, 0) 40%, rgba(56, 56, 56, 0.25) 60%, rgba(25, 25, 25, 0.35) 75%, rgba(0, 0, 0, 0.45) 90%), url(tempImageEXiaxM.png);
  position: absolute;
  inset: 0;
  content: '';
  z-index: 1;
}

/* Keep overlay on desktop, remove on mobile */
@media only screen and (max-width: 749px) {
  .slideshow .slider__slide:before {
    display: none !important;
  }
}


.banner__heading {
  font-size: calc(var(--font-heading-scale) * 3.6rem);
  text-transform: uppercase;
  width: 505px;
  letter-spacing: 0.3px;
  font-weight: 600;
}

.banner .banner__text {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.banner .banner__text p {
  margin: 0;
  padding: 0;
  font-size: calc(var(--font-heading-scale) * 1.8rem);
  font-weight: 400;
  color: #fff;
}

.slideshow__controls .slideshow__autoplay {
  display: none;
}

.slideshow__controls .slider-button {
  display: none;
}

.slideshow__controls .slider-counter__link--dots .dot {
  width: 40px;
  height: 8px;
  background: #626262;
  border-radius: 10px;
  border-color: #626262;
}

.slideshow__controls .slider-counter__link {
  padding: 0 1rem;
}

.slideshow__controls .slideshow__controls .slider-counter__link:hover {
    border-color: #626262;
}


.slideshow__controls .slider-counter__link--active.slider-counter__link--dots .dot, .slideshow__controls .slider-counter__link--active.slider-counter__link--dots .dot:hover {
  background: #fff;
  border-color: #fff;
}

.button {
    background: linear-gradient(180deg, #262626 0%, #000000 100%);
    color: #F6F6F6;
    min-height: 54px;
}
.button:hover {
  background: #fff;
  color: #000;
}
.button:after,
.button:not([disabled]):hover:after,
.button:hover:after {
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + 0.1px) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) #424242;
}
/* background: linear-gradient(90deg,rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%); */


.slideshow__text-wrapper.banner__content .img-text {
  text-decoration: none;
}

/*================= Banner CSS End ======================*/

/*================= Feature Blog CSS ====================*/ 

.section-feature-blog .title-wrapper-with-link {
    flex-direction: row;
    align-items: center;
    margin-bottom: 4rem;
}
.section-feature-blog .blog-content-text {
    margin: 0;
    font-size: 1.6rem;
}

/* New Releases */
.section-feature-blog {
  box-shadow: 2px 8px 20px rgba(0, 0, 0, 0.15);
  border-bottom: 8px solid #E03A3E;
  position: relative;
}

.section-feature-blog:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  background: #004990;
  height: 8px;
}

.section-feature-blog .blog__title {
  font-size: calc(var(--font-heading-scale) * 3.2rem);
  letter-spacing: 1px;
  line-height: 45px;
  text-transform: uppercase;
  font-weight: 600;
}

.section-feature-blog  .card__heading {
  font-size: calc(var(--font-heading-scale) * 1.6rem);
  letter-spacing: 0.3px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 1.6rem;
  margin-bottom: 0;
}

.section-feature-blog .article-card__excerpt {
  font-size: 14px;
}

.section-feature-blog .card__heading {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.section-feature-blog .article-button:hover svg path {
  fill: #000;
}

.blog__view-all svg path {
  stroke: #000;
}
.blog__view-all:hover svg path {
  stroke: #000;
}
.section-feature-blog .blog__button {
  background: transparent;
  color: #000;
  min-height: auto;
  gap: 5px; 
}
.section-feature-blog .blog__button:hover {
  text-decoration: underline;
}
.section-feature-blog .blog__button:after {
  box-shadow: none;
}
.section-feature-blog .button:after, .section-feature-blog .button:not([disabled]):hover:after, .section-feature-blog .button:hover:after {
    box-shadow: none;
}


/*================= Feature Blog CSS End ====================*/ 

/*================= Section Home About CSS ====================*/ 

.section-home-about .main-container {
  column-gap: 6rem;
}

.section-home-about .slider-left .swiper-slide {
  border-radius: 4px;
  overflow: hidden;
}

.section-home-about .swiper-pagination .swiper-pagination-bullet {
  max-width: 28px;
  width: 28px;
  height: 5px;
  background: #626262;
  border-radius: 20px;
  opacity: 1;
}

.section-home-about .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.section-home-about .content-right .logo {
  display: block;
  margin-bottom: 4.4rem;
  max-width: 220px;
}

.section-home-about .content-right .title-description {
  max-width: 524px;
}

.section-home-about .content-title  {
  font-size: calc(var(--font-heading-scale) * 2.4rem);
  letter-spacing: 0.3px;
  line-height: 45px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: .7rem;
}

.section-home-about  .content-description {
  color: #000;
  font-size: calc(var(--font-heading-scale) * 1.6rem);
  line-height: 26px;
}

.section-home-about .title-description .content-description p {
  margin-bottom: 2rem;
}

.section-home-about .main-container img {
  width: 100%;
}

.button-link {
  color: #E03A3E;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.section-home-about .button-link {
  font-weight: 600;
}

.section-home-about .button-link svg {
    margin-left: 5px;
}

/*================= Section Home About End CSS ====================*/ 

.article-button {
  gap: 10px;
}

.section-feature {
  background: linear-gradient(180deg, #424242 0%, #000000 100%);
}

.section-feature  .multicolumn-card {
  background: transparent !important;
}

.section-feature .multicolumn-card__info {
  padding: 0;
}

.section-feature .multicolumn-card__info h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.section-feature .multicolumn-card-spacing {
  padding: 0;
  margin: 0;
}

.section-feature .multicolumn-card__image-wrapper {
  width: auto;
}

.section-feature .media  {
  width: 4rem;
  height: 4rem;
}

.section-feature .multicolumn-card {
  gap: 10px;
  justify-content: flex-start !important;
}

.section-feature .multicolumn-card__info .rte {
  margin: 0;
}

.section-feature .multicolumn-card__info .inline-richtext {
  font-weight: 600;
  font-size: 16px;
}

.section-feature .multicolumn-card__info .rte p {
  font-size: 14px;
  color: #fff;
}

.section-feature .multicolumn-card.content-container {
  align-items: normal !important;
}

.section-feature-column .multicolumn-card {
  background: #FFFFFF !important;
  box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 2px;

}

.section-feature-column .multicolumn-card__image-wrapper {
  margin: 0;
  padding: 0;
}

.section-feature-column .multicolumn-card__info {
  padding: 2rem;
}

.section-feature-column .multicolumn-list__item:first-child .multicolumn-card__info_wrapper{
    display: flex;
    align-items: center;
    padding-right: 2rem;
}

.section-feature-column .multicolumn-card__info h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.section-feature-column .multicolumn-card__info h3, 
.section-feature-column .multicolumn-card__info .rte {
  text-align: center;
}

.section-feature-column .multicolumn-list__item:first-child .multicolumn-card__info_wrapper .multicolumn-card__info h3,
.section-feature-column .multicolumn-list__item:first-child .multicolumn-card__info_wrapper .multicolumn-card__info .rte {
  text-align: left;
}

.section-feature-column .multicolumn-card__info .rte {
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
  color: #000;
  letter-spacing: 0.3px;
  line-height: 20px;
}

.section-feature-column .multicolumn-card__info a {
  display: flex;
  justify-content: center;
  color: #E03A3E;
  text-transform: uppercase;
  margin: 0;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

/*================= Section Home CTA CSS ====================*/ 

.section-cat-home .rich-text__wrapper {
  justify-content: space-between;
  align-items: center;
}

.section-cat-home .rich-text__buttons {
  display: block;
  text-align: right;
}

.section-cat-home .rich-text__heading {
  font-size: calc(var(--font-heading-scale) * 2.4rem);
  line-height: 45px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 7px;
}

.section-cat-home .rich-text__text {
  margin: 0;
  padding: 0;
}

.section-cat-home .rich-text__text p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: calc(var(--font-heading-scale) * 1.6rem);
  line-height: 26px;
  font-weight: 400;
}
.section-rich-text.section-cat-home {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.section-cat-home .button {
  background: #fff;
  color: #000000;
}
.section-cat-home .button:hover {
  background: linear-gradient(180deg, #262626 0%, #000000 100%);
  color: #fff;
}
/*================= Section Home CTA End CSS ====================*/ 



/* ============ custom image with text slider ================= */

.image-slider-with-text .main-container.row {
  display: flex;
  align-items: stretch;
  gap: 60px; /* optional */
  align-items: center;
}

.image-slider-with-text .slider-left,
.image-slider-with-text .content-right {
  flex: 1 1 50%;
  min-width: 0; /* prevents overflow from Swiper */

}

/* Mobile stack */
@media (max-width: 749px) {
  .image-slider-with-text .main-container.row {
    flex-direction: column;
  }
  .image-slider-with-text .slider-left,
  .image-slider-with-text .content-right {
    flex-basis: 100%;
    width: 100%;
  }
}

/* Swiper sizing: avoid fixed 100% height */
.swiper { width: 100%; height: auto; }
.swiper-slide img { 
  width: 100%; height: auto; object-fit: cover; 
  display: block;
}
.footer-bottom-logo-list .swiper-slide img {
  height: 60px;
  object-fit: contain;
}






/* ===================== main page ========================= */
.main-page-title {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
    line-height: 1;
    letter-spacing: 0.7px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
}
@media only screen and (min-width: 750px) {
    .main-page-title {
        font-size: calc(var(--font-heading-scale) * 3.3rem);
        line-height: 4.5rem;
        letter-spacing: 1.0px;
    }
}


/* ====================== about us page ============================== */
.multicolumn-no-card .multicolumn-card__info {
  padding: 0;
}
@media only screen and (min-width: 990px) {
  .multicolumn-no-card .multicolumn-list__item:first-child .multicolumn-card__info {
      padding-right: 2rem;
      padding-left: 0;
  }
  .multicolumn-no-card .multicolumn-list__item:last-child .multicolumn-card__info {
      padding-left: 2rem;
      padding-right: 0;
  }
}


/* image with text with no spacing for text */
.standard-card-text .image-with-text__content,
.standard-card-text-right .image-with-text__content {
    padding: 0;
}
@media screen and (min-width: 750px) {
    .standard-card-text .image-with-text__content {
        padding: 0 2rem 0 0;
    }
    .standard-card-text-right .image-with-text__content {
        padding: 0 0 0 2rem;
    }
}
@media screen and (min-width: 990px) {
    .standard-card-text .image-with-text__content {
        padding: 0 6rem 0 0;
    }
    .standard-card-text-right .image-with-text__content {
        padding: 0 0 0 6rem;
    }

    .video-tab-section.standard-card-text .image-with-text__content {
      padding: 0 4rem 0 0;
    } 
}

.standard-card-text .logo-container {
  margin-bottom: 2rem;
}

.standard-card-text .logo {
    display: block;
}

.standard-card-text .image-with-text__content>*+*,
.standard-card-text-right .image-with-text__content>*+* {
    margin-top: 1rem;
}

.standard-card-text .flag-conatiner-wrapper .text {
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 26px;
}
.standard-card-text .flag-conatiner-wrapper {
  margin-top: 4rem;
}

.flag-conatiner-wrapper {
    display: flex;
    gap: 2rem;
    row-gap: 1rem;
    flex-wrap: wrap;
}

.flag-language-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.flag-language-container .img-container-1 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    cursor: pointer;
}
.language-name {
    margin: 0;
    color: #E03A3E;
    text-transform: uppercase;
}
.flag-language-container .flag-image {
    display: block;
    height: 13px;
    object-fit: contain;
}

.image-with-text__heading {
  text-transform: uppercase;
}

.multicolumn-no-card .title-wrapper-with-link {
    margin-bottom: .5rem;
}

.multicolumn-no-card .title {
  text-transform: uppercase;
}

@media screen and (min-width: 990px) {
    .multicolumn-no-card .title-wrapper-with-link {
        margin-bottom: .7rem;
    }
}


/* banner image */
.custom-banner-image-section .banner__media img {
  object-fit: contain;
}
.custom-banner-image-section .media {
  background: #ffffff;
}

/* ==================== main blog news collection ======================== */
.main-blog {
  background: #EBEBEB;
}
.main-blog .row{
  justify-content: space-between;
}
.main-blog .sidebar-col {
  max-width: 300px;
  padding: 0;
}
.main-blog .article-card-wrapper .article-button:hover {
  text-decoration: underline;
}
@media screen and (min-width: 990px) {
    .main-blog .underline-links-hover:hover a {
        text-decoration: none;
    }
}

 .main-blog .card--standard>.card__content .card__information {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: #fff;
}
.main-blog .trending-posts .card--standard>.card__content .card__information {
  background: #EFEFEF;
}

.content-col .article-card .card__heading {
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  margin-top: 1rem;
}

.sidebar-col .category-filters {
    background: #fff;
    padding: 20px;
    border-radius: 2px;
}

.category-filters .title {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    line-height: 22px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.text-svg-container {
    display: flex;
    gap: 2px;
    justify-content: space-between;
}

.text-svg-container .svg__text {
    display: flex;
    align-items: center;
    gap: 10px;
}
.svg__text .arrow-svg {
    display: flex;
}
.text-svg-container .category-title,
.text-svg-container .count {
    margin: 0;
    color: #525252;
    font-size: 1.4rem;
    line-height: 21px;
    letter-spacing: 0.28px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}
.category-container a {
  text-decoration: none;
}
.category-container a:first-child {
  margin-bottom: 1rem;
  display: block;
}
.trending-posts {
    padding: 20px;
    background: #fff;
    margin-top: 15px;
    border-radius: 2px;
}
.trending-posts .section-heading {
    margin: 0;
    margin-bottom: 15px;
    font-size: 1.8rem;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-weight: 600;
    text-transform: uppercase;
}
.trending-posts .article-card .card__heading {
    margin-bottom: 0;
    margin-top: 1rem;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}
.trending-posts .article-card__excerpt {
  display: none;
}
.trending-posts .card-1 .article-card-wrapper:not(:last-child) {
  margin-bottom: 20px;
}
.trending-posts .card-1 .article-card-wrapper .card {
  background: #EFEFEF;
}

.trending-posts .card__content {
  padding: 0 .5rem;
}

.img-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgb(0 0 0 / 80%);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.img-modal img {
  max-width: 90%;
  max-height: 90%;
  display: block;
  border-radius: 2px;
}
.img-modal.active {
  display: flex;
}

body:has(.img-modal.active) {
  overflow: hidden;
}

/* ================== Blog detail page ========================= */
.article-template {
    background: #EFEFEF;
    padding-top: 4rem;
    padding-bottom: 7rem;
}
.article-template__title {
  font-style: normal;
  font-weight: 600;
  font-size: 33px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
}
.content-col .content-strong {
    font-size: 20px;
    line-height: 45px;
    letter-spacing: 0.03em;
    font-weight: 600;
}
.article-template .article-template__content {
    margin-top: 0rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
    .article-template .sidebar-col .title {
        margin: 0rem 0 1.6rem;
    }
}
.article-template-header {
    margin-bottom: 3rem;
}
.article-template__hero-container {
    background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.first-side.hero-wrapper .article-template__hero-container,
.content-col .content-wrapper{
  background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.content-col .content-wrapper {
    margin-top: 20px;
}
.first-side.hero-wrapper .article-template__content {
    background: #efefef;
    margin: 0;
    padding-bottom: 1rem;
    box-shadow: none;
}
.content-col .content-wrapper .article-template__content {
  padding: 3rem 5rem;
}
.general-note-wrapper {
    background: linear-gradient(180deg, rgba(66, 66, 66, 1), rgba(0, 0, 0, 1) 100%);
    padding: 3rem 5rem;
    display: flex;
    align-items: center;
    gap: 35px;
}
.buy-now.button {
    min-width: 143px;
    background: #fff;
    color: #000;
}
.buy-now.button:hover{
    background: linear-gradient(180deg, #262626 0%, #000000 100%);
    color: #fff;
}
.general-note a,
.article-images-msg a {
    color: #E03A3E;
}
.general-note p {
  margin: 0;
}
.article-images-msg {
    padding: 3.5rem;
    background: #ffffff;
}
.article-images-msg .swiper-slide img {
    border: 1px solid #EFEFEF;
    cursor: pointer;
    max-width: 200.5px;
}
.article-template .card--standard>.card__content .card__information {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.article-template .sidebar-col {
    padding: 0;
    padding-left: 60px;
    margin-top: 54px;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 0 !important;
}
.swiper-button-next, .swiper-button-prev {
    
    background: linear-gradient(180deg, #262626 0%, #000000 100%);
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
}
.swiper-button-disabled,
.slider-button:disabled {
  background: #EFEFEF;
}
.swiper-button-next svg, .swiper-button-prev svg {
  max-width: 6px;
}
.swiper-button-next svg path, .swiper-button-prev svg path {
  fill: #fff;
  opacity: 1;
}
.swiper-button-disabled svg path,
.slider-button:disabled svg path{
  fill: #000;
  opacity: 1;
}
/* ===================== engineering multicolumn section ======================== */
:root {
    --bigger-grid-desktop-horizontal-spacing: 60px;
  }

@media screen and (min-width: 990px) {
  .engineering-multicolumn-section .grid {
      column-gap: var(--bigger-grid-desktop-horizontal-spacing);
  }
    .engineering-multicolumn-section .grid--2-col-desktop .grid__item {
        width: calc(50% - var(--bigger-grid-desktop-horizontal-spacing) / 2);
        max-width: calc(50% - var(--bigger-grid-desktop-horizontal-spacing) / 2);
    }
}

.engineering-multicolumn-section .multicolumn-list h3{
  font-size: 2.4rem;
  line-height: 45px;
  letter-spacing: 0.7px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
}
.engineering-multicolumn-section  .multicolumn-card.content-container {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: space-between;
}

.material-dev-multicolumn .multicolumn-card__image-wrapper {
  display: flex;
  gap: 10px;
}
.material-dev-multicolumn .media {
  padding-bottom: 51% !important;
}

.material-dev-multicolumn .media,
.material-dev-multicolumn .multicolumn-card_img_2 {
  width: calc(50% - 5px);
}

.material-dev-multicolumn .media img,
.material-dev-multicolumn .multicolumn-card_img_2 img {
  max-height: 230px;
  height: 230px;
  width: 100%;
}
.material-dev-multicolumn .multicolumn-card__info_wrapper {
    height: 100%;
}

.multicolumn-list__item.center .media--adapt, 
.multicolumn-list__item .media--adapt .multicolumn-card__image {
    border-radius: 2px;
}


/* ================= Faq page ========================= */

.tabs__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

.tab-button.button {
  background: transparent;
  color: #525252;
  text-transform: capitalize;
  font-size: 1.4rem;
  letter-spacing: 0.28px;
  line-height: 21px;
  font-weight: 400;
}
.tab-button.button.active {
  background: #fff;
  color: #000;
}
.tab-button.button:hover {
  background: linear-gradient(180deg, #262626 0%, #000000 100%);
  color: #fff;
}
.tabs__label {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 0.28px;
  text-transform: capitalize;
  color: #000000;
  flex: none;
}
.icon-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.tabs__content {
  background: #fff;
}
.text-q {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0;
  color: #7B7B7B;
  display: none;
}
.tab-button.button:after{
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width)rgba(255, 255, 255, 0);
}
.tab-button.button:hover:after {
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) #424242;
}

.tabs__content .accordion {
    background: #FBFBFB;
    border-top: 1px solid #EBE9E9 !important;
}
.tabs__content .accordion:has(details[open]) {
    background: #ffffff;
}

.text-a {
  display: none;
}


/* ====================== contact us page =========================== */
.contact .field__input {
  appearance: unset;
}
.contact .field__input::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;

  /* Grey for text button */
  color: #7B7B7B;
  opacity: 1;
}
.contact .field__input:focus, 
.contact .field__input:not(:placeholder-shown), 
.contact .field__input:-webkit-autofill {
    padding: 1rem 1.5rem .8rem 2rem;
}
.multi-column__grid {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.multi-column__item {
  width: calc(25% - 20px * 3 / 4);
  padding: 20px;
  background: #F6F6F6;
  border-radius: 2px;
}

.multi-column__grid .multi-column__block-heading {
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0;
}

.multi-column__grid .location-content {
    color: #7B7B7B;
    margin: 0;
}

.multi-column__grid a {
  color: #E03A3E;
  text-decoration: none;
}
.multi-column__item p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.multi-column__item p:last-child {
  margin-bottom: 0;
}
.multi-column__grid .svg-icon {
    margin-right: 8px;
}
.opening-hour-content {
    color: #7B7B7B;
}

.contact-wrapper {
  background: #FFFFFF;
  box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  padding: 6rem;
}
.contact__button {
  text-align: center;
}

.contact-wrapper p {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 18px;
  line-height:26px;
  letter-spacing: 0;
  font-weight: 500;
}
.contact .field:after {
    box-shadow: 0 0 0 var(--inputs-border-width) #7B7B7B;
}

.contact .field__input {
  height: 6rem;
}

.contact .field__input:not(:placeholder-shown) {
  min-height: 60px;
}
.opening-hour-content {
  display: flex;
  align-items: start;
}
.svg-icon.svg-clock {
  display: flex;
  margin-top: 7px;
}


/* dealerships */

.country-lists-wrap{display:grid;gap:16px}
.country-card{background:#f6f6f6;border-radius:6px;padding:12px}
.country-card ul{list-style:none;margin:0;padding:0}
.country-card li{margin:.5rem 0}

.fa-circle {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 5px;
  margin-top: -4px;
}
.color-importer .fa-circle {
  background: #FE0000;
}

.color-dealer .fa-circle {
  background: #004289;
}
.DepartmentDescription p {
  margin: 0;
}
.DepartmentDescription p:not(:last-child) {
  margin-bottom: 12px;
}
.DepartmentDescription a {
  color: #E03A3E;
}

.dist-content {
    padding-bottom: 3rem;
}
.country-card a{
    color: #7B7B7B;
    text-decoration: none;
    text-transform: uppercase;
}
.distributer-country-name
 {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 12px 14px;
    background: #F6F6F6;
    margin-bottom: 10px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
.distributer-country-name:after {
  content:'';
  position: absolute;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg,rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%);
  top: 0;
  left: 0;
}

.distributor-grid-wrapper.grid{
    padding: 15px;
    margin-bottom: 10px;
}
.distributor-grid-wrapper .dist-item {
  width: calc(25% - 20px * 3 / 4);
}
.distributor-grid-wrapper .color-importer,
.distributor-grid-wrapper .color-dealer {    
    width: 18px;
    height: 18px;
    display: inline-block;
    
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 10px 0 0;
    font-size: 0;
  }

.distributor-grid-wrapper .color-importer {
  background: #FE0000;
}
.distributor-grid-wrapper .color-dealer {
  background: #004289;
}

.distributor-grid-wrapper .dist-title {
  flex: 1;
  line-break: anywhere;
}

.dist-title-wrapper {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.dist-desc,
.dist-item a {
  margin: 0;
  color: #7B7B7B;
  font-size: 1.4rem;
  letter-spacing: 0;
  word-wrap: break-word;
}
.dist-item a {
  display: block;
  margin-top: 1rem;
}

.full-width .distributor-outer-wrapper {
    background: #F6F6F6;
    padding: 30px 0;
}

.country-lists-wrapper .grid {
    row-gap: 10px;
    margin: 0;
}

.country-lists-wrapper a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    color: #7B7B7B;
    text-decoration: none;
}
.country-lists-wrapper a:hover {
    color: #fe0000;
}

@media (min-width: 750px) {
  .country-lists-wrapper .grid {
      row-gap: 5px;
  }

  .country-lists-wrapper a {
      font-size: 16px;
  }
}

.bg-white-distributor-section .full-width .distributor-outer-wrapper  {
  background: #ffffff;
}

.full-width .country-card {
  background: transparent;
  padding: 0;
}
.submenu-distributers-section .full-width .distributor-outer-wrapper{
  padding: 10px 0 20px 0;
}


.submenu-distributers-section .accordion__title {
    padding: 12px 20px;
    background: #F6F6F6;
    margin: 5px 0;
    font-size: 1.4rem;
    line-height: normal;
    letter-spacing: 0.5px;
}




/* ================================================== */


/* ========================Adventure============================= */

.custom-gbracing-adventure .image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
    box-shadow: none;
}

.main-single-logo .logos-lists .img-wrapper {
  background: transparent;
  width: 230px;
  max-width: 230px;
}
.red-anchor-link a {
  color: #E03A3E;
}
.adventure-bike-list .image-with-header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 8px 20px;
  background: #EFEFEF;
}

.adventure-bike-list.multicolumn.background-primary .multicolumn-card {
    background: #fff;
    border: 1px solid #EFEFEF;
}

.adventure-bike-list .multicolumn-card__info{
    padding: 0rem;
}

.adventure-bike-list .multicolumn-card__info ul {
    list-style: disc;
    padding-left: 3.5rem;
}
.adventure-bike-list .multicolumn-card__info ul li::marker {
    color: #7B7B7B;
    font-size: 10px;
}
.adventure-bike-list .image-with-header .inline-richtext{
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.adventure-bike-list ul a {
    color: #7B7B7B;
    font-size: 1.4rem;
    line-height: 28px;
    letter-spacing: 0.03em;
}
.adventure-bike-list .multicolumn-card__info>:nth-child(2) {
    margin-top: 0;
    padding: 15px 6px;
}

.multicolumn-list ul {
  list-style: none;
}
.adventure-bike-list .multicolumn-list__item {
  max-width: 450px;
}

.adventure-image-text-section .image-with-text__media-item--small.grid__item {
    width: 260px;
}
@media screen and (min-width: 750px) {
    .adventure-image-text-section .image-with-text__media--small {
        height: auto;
    }
}
.adventure-image-text-section img {
  object-fit: contain;
}

.adventure-image-text-section a {
  color: #E03A3E;
  font-weight: 600;
}

@media screen and (min-width: 990px) {
    .standard-card-text.adventure-image-text-section .image-with-text__content {
        padding: 0 7rem 0 0;
    }
}
/* ============= product list ===================== */
/* .z-index--1 {
  position: relative;
  z-index: -1;
} */
 .extra-small-image.banner--small:not(.banner--adapt) {
        min-height: 10rem;
    }
 @media screen and (min-width: 750px) {
    .extra-small-image.banner--small:not(.banner--adapt) {
        min-height: 30rem;
    }
}
@media screen and (min-width: 1440px) {
    .extra-small-image.banner--small:not(.banner--adapt) {
        min-height: 30rem;
    }
}

/* =========================================== collection page ========================================================== */
.custom-categories-section  {
  padding-bottom: 60px;
}
.collection-hero .collection-hero__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
  margin-bottom: 1.5rem;
}

.custom-category-card-inner-wrapper {
  height: 100%;
  padding: 10px;
  background: #F6F6F6;
  text-align: center;
}
.custom-category-card__image-wrapper {
  display: block;
}
.custom-category-card__image {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 45px;
  max-width: 144px;
  object-fit: contain;
  min-height: 45px;
  margin: 0 auto;
}

.custom-category-card-title {
  display: none;
}

.product-card-wrapper .card__inner {
      --ratio-percent: 80% !important;
}

.product-card-wrapper.card-wrapper{
  box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  overflow: hidden;
}

.product-card-wrapper .card__content:not(.card__inner .card__content) {
  background: #F6F6F6;
  border-radius: 0 0 2px 2px;
}

ul#product-grid {
  margin-top: 3rem;
}

.product-card-wrapper .card__information p {
  background: #A1A1A1;
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 1rem 0.5rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
}

.product-card-wrapper .card__heading {
  font-weight: 400;
  text-align: center;
  font-size: 1.6rem;
  padding: 15px 15px 0;
}

.product-card-wrapper .card-information {
  padding: 0 20px;
}

.inc_vat {
  font-size: 1.6rem;
  letter-spacing: 0;
  font-weight: 700;
}

.ex-vat {
  font-size: 1.4rem;
  letter-spacing: 0;
  font-weight: 400;
  color: #7B7B7B;
}
.ex,.inc {
  text-transform: capitalize;
}

.product-card-wrapper .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  text-align: center;
}


.card-information .price .price-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 1rem;
}

.card-information .inc-wrapper {
  font-size: 1.6rem;
  font-weight: 600;
}
.card-information .ex-wrapper {
  font-size: 1.4rem;
  font-weight: 400;
}

.card-information .ex, .card-information .inc {
    text-transform: uppercase;
}

.card-information .ex-vat {
    line-height: 26px;
}

/* .collection .card__inner {
  --ratio-percent: 100% !important;
} */



/* sub parent collection */

.sub-parent-collection .custom-category-card-inner-wrapper {
  border: 1px solid #EFEFEF;
  background: #f6f6f6;
  padding: 0;
}
.sub-parent-collection .custom-category-card__image-wrapper {
  padding: 2.3rem;
  background: #fff;
}
.sub-parent-collection .custom-category-card__image {
  max-height: 90px;
  max-width: 160px;
  min-height: 90px;
}
.sub-parent-collection .custom-category-card-title {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;

  color: #2B2929;
  padding: 25px 15px;
  background: #F6F6F6;
  text-decoration: none;
}

.menu-collections-wrapper{
  margin-bottom: 24px;
}
@media (min-width: 750px) {
  .menu-collections-wrapper{
    margin-bottom: 30px;
  }
}
.menu-collections-wrapper .page-width{
  display: flex;
  gap: 20px;
}
.menu-collections-wrapper .img-title-wrapper{
  border: 1px solid #ccc;
  text-align: center;
  width: 100%;
  max-width: 200px;
}
.menu-collections-wrapper .img-title-wrapper img{
  width: 100%;
}
.menu-collections-wrapper .img-title-wrapper:hover{
  border: 1px solid #ddd;
  box-shadow: 0 0 10px #ccc;
}
.menu-collections-wrapper .img-title-wrapper a{
  text-decoration: none;
}
.menu-collections-wrapper .img-title-wrapper h2{
  font-size: 14px;
  text-transform: uppercase;
}


/* ================ Product page ========================= */
/* .hide-mobile.product-status.product__inventory {
  display: none;
} */
                  
                  

@media only screen and (min-width: 750px) {
    .product__title h1, .product__title .h1 {
        font-size: calc(var(--font-heading-scale) * 3rem);
        letter-spacing: 0.03em;
        line-height: 38px;
    }
}

.product-type {
  margin: 0 0 1rem !important;
  letter-spacing: 0;
  font-size: 1.8rem;
  line-height: 1;
  color: #7B7B7B;
}
.product__sku, .product-barcode, .product-status {
  margin: 0 !important;
  font-size: 1.4rem;
  line-height: 2.6rem;
  letter-spacing: 0;
  color: #7B7B7B;
}

.product__sku .stock-code, .product-barcode .label-barcode, .product-status .stock-label{
  color: #000000;
}

.in-stock {
  color: #008000;
  text-transform: uppercase;
}

.product__info-container .price-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product__info-container .price-wrapper .price-item {
    display: flex;
    flex-direction: column;
}

.img-container a,
.img-container img {
  display: block;
  max-width: 200px;
  max-height: 72px;
}
.product .product__info-container .price__container {
  margin-bottom: 0;
}
.qty-button-wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.qty-button-wrapper .product-form__input {
  max-width: 5.2rem;
  margin: 0;
}

.product-form__quantity .form__label {
  display: none;
}

.product__info-container .product-form {
  margin: 0;
}

.product__info-wrapper .inc_vat {
  font-size: 3.4rem;
}

.product__info-wrapper .ex-vat {
  font-size: 2.4rem;
}


.buy_button {
    width: 100%;
}
.ex-wrapper,
.inc-wrapper {
  font-size: 2rem;
  font-weight: 500;
}


.background-primary-grey {
  background: #EFEFEF;
}

.product-info-tabs {
  padding-top: 6rem;
  padding-bottom: 6rem;
}


.product-info-tabs .content {
  display: flex;
  gap: 6rem;
}
.product-info-tabs .info-title {
  padding: 1.3rem 3rem;
  background: #E0E0E0;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0;
}
.product-info-tabs .grid-container .content-wrapper {
  padding: 0 3rem 3rem;
}
.pdf-links li a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 26px;
  color: #7B7B7B;
  gap: 2rem;
}

.files-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.files-container ul li {
  padding: 1rem 2rem;
}

.files-container ul li:not(:last-child) {
  border-bottom: 1px solid #FAFAFA;
}

.pdf-links span {
  display: flex;
}

.pdf-name.info-text {
  font-size: 1.4rem;
  line-height: 26px;
  color: #7B7B7B;
}

.product-info-tabs .grid-container {
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden;
}

.files-container.grid-container {
  max-height: 510px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.files-container .info-title {
  position: sticky;
  top: -1px;
}

.product-info-tabs .left-side {
  flex: 1;
}
.product-info-tabs .right-side.specs {
  max-width: 438px;
  display: flex;
  flex-direction: column;
  row-gap: 1.7rem;
}
.product-info-tabs .right-side .product-description.grid-container .content-wrapper{
    padding-left: 2rem;
    padding-right: 2rem;
  }
@media (min-width: 768px) {
.product-info-tabs .right-side .product-description {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-info-tabs .left-side .product-description {
    display: none;
  }

  .custom-top-header-bar  {
    display: none;
  }

  .top-delivery-message {
    background: linear-gradient(180deg, #262626 0%, #000000 100%);
    padding: 6px 0;
  }

  .top-delivery-message .top-delivery-left,
  .top-delivery-message .top-delivery-region {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
  }

  .top-delivery-message .top-delivery-left {
    max-width: 190px;
  }

  .top-delivery-message .top-delivery-left a {
    color: #fff;
    font-weight: 600;
  }
  .top-delivery-right {
    gap: 10px;
    white-space: nowrap;
  }

  .desktop-localization-wrapper {
    border-right: 0;
  }

}

.content-wrapper .grid-container {
  margin: 0;
  margin-top: 2rem;
}
.generic_info-wrapper {
  padding-left: 2.5rem;
}
.compatible-bike-models.generic_info-wrapper {
  margin: 0;
}
.compatible-bike-models a {
  color: inherit;
}
.generic_info-wrapper li {
  font-size: 1.6rem;
  line-height: 22px;
}
.generic_info-wrapper li:not(:last-child) {
  margin-bottom: 1rem;
}
.fitment-title {
  margin: 0;
  padding-top: 1.2rem;
}
.fitment-content {
  margin: 0;
  margin-bottom: 1.5rem;
}
.patent-text.info-text {
  font-size: 1.4rem;
  line-height: 26px;
  margin: 0;
  padding: 2rem;
  color: #7B7B7B;
}
.product-info-tabs .right-side .grid-container .content-wrapper {
    padding: 0;
} 


.cmaiymm-fitment-table thead {
  background: linear-gradient(180deg, #424242 0%, #000000 100%);
  border: 0 !important;
}
.cmaiymm-total-count {
  border: 0 !important;
}
.cmaiymm-fitment-table thead th {
  color: #fff;
}

.collection .button,
.product-form__buttons .button{
  background: linear-gradient(180deg, #424242 0%, #000000 100%);
}

.collection .button:hover,
.product-form__buttons .button:hover{
  background: #fff;
  color: #000;
}





.cmaiymm-fitment-table tbody tr:nth-of-type(even) {
  background: #F6F6F6 !important;
}

.cmaiymm-fitment-table td {
  border: 0 !important;
}
.cmaiymm-fitment-table-wrap {
    border: 1px solid #EFEFEF !important;
}

.related-product-section .page-width {
  position: relative;
}

.related-products-slider {
  max-width: 1220px;
  margin: 0 auto;
}

.common-slider .swiper-button-next, .common-slider .swiper-button-prev{
    width: 40px !important;
    height: 40px !important;
    z-index: 2;
}


.product #cmaiymm-verify-fitment {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Override Swiper's default height behavior */

.swiper-button-next svg, .swiper-button-prev svg{
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
    fill: currentColor;
    pointer-events: none;
}

.ios .swiper-button-prev svg{
  margin-left: 4px;
}

.ios .swiper-button-next svg {
  margin-left: 8px;
}
.swiper-slide {
  height: auto !important;
}

.blue-pricing .inc_vat {
    color: #004990;
    font-weight: 600;
}
.slider-with-shadow-card-padding-bottom .swiper-wrapper{
  padding-bottom: 68px;
}


.jdgm-write-rev-link.jdgm-write-rev-link, .jdgm-write-rev-link.jdgm-write-rev-link:focus {
  background: linear-gradient(180deg, #424242 0%, #000000 100%) !important;
  border-color: #424242 !important;
}

.jdgm-review-widget--small .jdgm-rev-widg, .jdgm-review-widget--medium .jdgm-rev-widg {
    padding: 16px!important;
}

@media only screen and (min-width: 768px) {
  .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-write-rev-link, .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-ask-question-btn {
      width: 100%;
      max-width: 200px !important;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.4rem;
      height: 54px;
      border-radius: 2px;
      border: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

.jdgm-rev-widg__title {
    margin-top: 0;
    font-size: 25px !important;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0;
}


.product .cmaiymm-widget {
  background: transparent;
}
.product .cmaiymm-verify-result {
  margin-top: 0;
}

#cmaiymm-verify-fitment .cmaiymm-actions {
  margin-top: 1rem;
}

.product .fitment-widget-icon {
  display: none;
}


.product #cmaiymm-verify-fitment .cmaiymm-widget {
  padding: 3rem;
  border: 0;
  background: #F6F6F6;
  border-radius: 2px;
}

.product .cmaiymm-widget-title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0;
  line-height: 22px;
}

.product .cmaiymm-widget-subtitle {
  margin: 0;
  font-size: 1.6rem;
  color: #000;
  opacity: 1;
  letter-spacing: 0;
  line-height: 22px;
}

.product .cmaiymm-widget {
  row-gap: 2rem;
}

.product .cmaiymm-dropdowns-wrapper {
  gap: 1.5rem;
}

.product #cmaiymm-verify-fitment .cmaiymm-actions .cmaiymm-clear,
.product #cmaiymm-verify-fitment .cmaiymm-actions .cmaiymm-submit {
  flex: 50%;
}

.product .cmaiymm-result-box {
  margin-top: 0;
}
.product .cmaiymm-result-box {
  padding: 2.4rem 2rem;
  border-radius: 2px;
  border: 0;
}
.product .cmaiymm-result-box.success,
.product .cmaiymm-result-box.failure {
    color: #000000;
    background-color: #F6F6F6;
    border-color: #F6F6F6;
}

.product .cmaiymm-fits-text {
  font-size: 1.8rem;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: uppercase;
}
.product .cmaiymm-vehicle-info {
  font-weight: 500;
  color: #000000;
  font-size: 1.8rem;
  line-height: 24px;
  letter-spacing: 0;
}
.product .cmaiymm-change-vehicle-btn {
  background: transparent;
  border: 0;
  margin: 0 auto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  color: #7B7B7B;
}

.product .cmaiymm-result-icon {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 0;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 40C23.9556 40 27.8224 38.827 31.1114 36.6294C34.4004 34.4318 36.9638 31.3082 38.4776 27.6537C39.9913 23.9992 40.3874 19.9778 39.6157 16.0982C38.844 12.2186 36.9392 8.65492 34.1421 5.85787C31.3451 3.06082 27.7814 1.15601 23.9018 0.384303C20.0222 -0.387401 16.0009 0.00866568 12.3463 1.52242C8.69181 3.03617 5.56824 5.59962 3.37061 8.8886C1.17298 12.1776 0 16.0444 0 20C0 25.3043 2.10714 30.3914 5.85786 34.1421C9.60859 37.8929 14.6957 40 20 40ZM28.828 16.328L18.828 26.328C18.6545 26.5025 18.4482 26.641 18.221 26.7355C17.9938 26.83 17.7501 26.8787 17.504 26.8787C17.2579 26.8787 17.0142 26.83 16.787 26.7355C16.5598 26.641 16.3535 26.5025 16.18 26.328L11.18 21.328C10.8432 20.974 10.6581 20.5023 10.6641 20.0137C10.6702 19.525 10.867 19.0581 11.2126 18.7126C11.5581 18.367 12.025 18.1702 12.5137 18.1641C13.0023 18.1581 13.474 18.3432 13.828 18.68L17.5 22.352L26.172 13.672C26.526 13.3352 26.9977 13.1501 27.4863 13.1561C27.975 13.1622 28.4419 13.359 28.7874 13.7046C29.133 14.0501 29.3298 14.517 29.3359 15.0057C29.3419 15.4943 29.1568 15.966 28.82 16.32L28.828 16.328Z' fill='url(%23paint0_linear_778_3591)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_778_3591' x1='20' y1='0' x2='20' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23424242'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 40px;
}

.product .failure .cmaiymm-result-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.98 0 0 8.98 0 20C0 31.02 8.98 40 20 40C31.02 40 40 31.02 40 20C40 8.98 31.02 0 20 0ZM26.72 24.6C27.3 25.18 27.3 26.14 26.72 26.72C26.42 27.02 26.04 27.16 25.66 27.16C25.28 27.16 24.9 27.02 24.6 26.72L20 22.12L15.4 26.72C15.1 27.02 14.72 27.16 14.34 27.16C13.96 27.16 13.58 27.02 13.28 26.72C12.7 26.14 12.7 25.18 13.28 24.6L17.88 20L13.28 15.4C12.7 14.82 12.7 13.86 13.28 13.28C13.86 12.7 14.82 12.7 15.4 13.28L20 17.88L24.6 13.28C25.18 12.7 26.14 12.7 26.72 13.28C27.3 13.86 27.3 14.82 26.72 15.4L22.12 20L26.72 24.6Z' fill='url(%23paint0_linear_1415_1320)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1415_1320' x1='20' y1='0' x2='20' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23424242'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.cmaiymm-garage-badge {
  background: #fff !important;
  color: #000 !important;
}

.cmaiymm-garage-delete-btn:hover {
  background: #000 !important;
  border: #000 !important;
}

/* review app override */
.app-section-wrapper:has([data-block-handle="review_widget"]) {
    background: #EFEFEF;
    padding: 0;
}
@media only screen and (min-width: 992px) {
  .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-row-stars {
      justify-content: space-between !important;
      background: #fff;
      padding-top: 20px;
  }
}
#judgeme_product_reviews {
    max-width: 100% !important;
}
.jdgm-rev-widg.jdgm-rev-widg {
    background: #fff;
    border-radius: 2px;
}
:root {
    --jdgm-primary-color: #000000 !important;
    --jdgm-reviewer-name-color: #000000 !important;
}
.jdgm-row-media, .jdgm-row-search, .jdgm-subtab, .jdgm-row-actions, .jdgm-quest, .jdgm-rev, .jdgm-paginate {
    border-top: 1px solid rgb(0 0 0 / 100%) !important;
    border-color: rgb(0 0 0 / 10%) !important;
}









/*================= search page ====================*/
.template-search {
  background: #F0F0F0;
}

.template-search__header h1.h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 43px;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
}


/*================= cart page ====================*/

.title-btn-container {
  background: #fff;
  padding: 3.2rem 0;
}
cart-items.is-empty .title-btn-container:has(.title-wrapper-with-link) {
  padding: 0;
}

@media screen and (min-width: 990px) {
    .title-btn-container .title, .title-btn-container .title-wrapper-with-link {
        margin: 0;
    }
}

h1.title.title--primary:has(.cart-svg) {
  display: flex;
  align-items: center;
}
.title-cart {
  font-weight: 600;
  font-size: 24px;
  line-height: 42px;
  text-transform: capitalize;
  color: #000000;
}
.cart-svg {
  display: inline-flex;
  margin-right: .7rem;
}
.continue-btn {
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 2px;
  padding: 10px;
  min-width: 247px;
  text-align: center;
  color: #000;
}

.continue-btn {
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 2px;
  padding: 10px;
  min-width: 247px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  line-height: 26px;
}

.cart-content-wrapper {
  padding-top: 4rem;
}

.cart-items .cart-item {
  background: #fff;
  padding: 1rem;
}
.sku-cart {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.57px;
  color: #000000;
  display: block;
}

.cart-items .cart-item__media {
  padding-left: 2rem;
}


/* YMM HOME PAGE SECTION */
.app-section-wrapper {
  padding: 0 0 30px 0;
}
.app-section-wrapper .cmaiymm-widget {
  padding: 20px 40px;
  background: #FFFFFF;
  box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  position: relative;
  z-index:1;
  margin-top: 30px;
  flex-direction: unset;
  align-items: center;
  gap: 6rem;
}
.app-section-wrapper .cmaiymm-body-wrapper {
  width: 100%;
}
.app-section-wrapper .cmaiymm-header {
  width: 100%;
  max-width: fit-content;
}
.app-section-wrapper .cmaiymm-widget-title {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
}
.app-section-wrapper:has(#cmaiymm-fitment-reg),
.app-section-wrapper:has(#cmaiymm-fitment-table) {
  padding-bottom: 0;
}



.gbracing-wrapper .cmaiymm-dropdown .cmaiymm-form-select {
  font-size: 1.4rem;
  border: 1px solid #D0D0D0;
  min-height: 44px;
  padding: .5em 1rem;
  border-radius: 2px;
}

.cmaiymm-option.disabled {
  cursor: not-allowed;
  opacity: .8;
  background: #efefef;
}

.gbracing-wrapper .cmaiymm-form-arrow svg {
    display: none;
}
.gbracing-wrapper .cmaiymm-form-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19604 5.25L-0.000108355 -2.82409e-07L10.3922 8.64928e-07L5.19604 5.25Z' fill='url(%23paint0_linear_758_3007)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_758_3007' x1='5.19604' y1='5.25' x2='5.19605' y2='-1.75' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23262626'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 11px;
  width: 11px;
  height: 6px;
}


.gbracing-wrapper .cmaiymm-submit,
.gbracing-wrapper .cmaiymm-garage-form-submit {
  background: linear-gradient(180deg, #262626 0%, #000000 100%);
}

.gbracing-wrapper .cmaiymm-actions button,
.gbracing-wrapper .cmaiymm-garage-form-footer button {
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  text-transform: uppercase;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gbracing-wrapper .cmaiymm-clear, .gbracing-wrapper .cmaiymm-submit,
.gbracing-wrapper .cmaiymm-garage-form-cancel, 
.gbracing-wrapper .cmaiymm-garage-form-submit {
    border-radius: 2px;
}
.gbracing-wrapper .cmaiymm-actions button:hover {
    opacity: .6;
}

.gbracing-wrapper .cmaiymm-submit:disabled,
.gbracing-wrapper .cmaiymm-garage-form-submit:disabled {
    opacity: 1;
}



.gbracing-wrapper .cmaiymm-garage-form-header {
  padding: 10px 24px;
}
.gbracing-wrapper .cmaiymm-garage-form-cancel,
.gbracing-wrapper .cmaiymm-clear {
  background: #7B7B7B;
}


















.cart-items .ex-wrapper, .cart-items .inc-wrapper {
  font-size: 1.5rem;
}


.trash-icon svg path {
  fill: #999999;
}

.cart-footer__group.cart-footer__group--totals{
  display: flex;
  justify-content: space-between;
}

/*================= Footer Newsletter CSS ====================*/ 

.newsletter {
  position: relative;
  border-bottom: 8px solid #E03A3E;
}

.newsletter:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    background: #004990;
    height: 8px;
}

.newsletter .inline-richtext {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: calc(var(--font-heading-scale) * 2.4rem);
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 7px;
}

.newsletter .newsletter__subheading {
  margin-top: 0;
  margin-bottom: 4rem;
  padding: 0;
  text-align: center;
}

.newsletter .newsletter__subheading p {
  margin: 0;
  color: #000;
}

.newsletter .newsletter-form {
  max-width: 59rem;
}

.newsletter .newsletter__wrapper .newsletter-form__field-wrapper {
    max-width: 59rem;
    gap: 1.5rem;
}

.newsletter-form__field-wrapper {
  display: flex;
}

.newsletter .button {
    flex: 45%;
    padding: 0 1.8rem;
}

.newsletter .field__label {
    font-size: 1.4rem;
    top: 1.5rem;
}

/*================= Footer Newsletter End CSS ====================*/ 

/*================= Footer CSS ====================*/ 

.footer-main-group-wrapper {
  background: linear-gradient(180deg, #424242 0%, #000000 100%);
}

.footer-main-group-wrapper .logos-section, .footer  {
  background: transparent;
}
.logos-section.footer-bottom-logo-list .page-width {
    border-top: 1px solid #7B7B7B;
}

.footer__content-bottom-wrapper{
  display: block;
}

.footer-main-group-wrapper .footer-top-logo-list .logos-lists .img-wrapper {
  background: transparent;
}

.footer-main-group-wrapper .footer-top-logo-list .logos-lists  {
  margin: 0;
  padding: 0;
  gap: 16px;
}

.footer-main-group-wrapper .footer-top-logo-list  .img-wrapper {
  margin: 0;
  padding: 0;
}

.footer-main-group-wrapper .footer-top-logo-list .logos-lists .img-wrapper {
    width: calc(6.6666% - 16px * 14 / 15);
    max-width: calc(6.6666% - 16px * 14 / 15);
}

.footer .footer-block__heading{
  text-transform: uppercase;
  font-size: calc(var(--font-heading-scale) * 1.6rem);
  font-weight: 600;
}

.footer li, .footer li a {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
  line-height: 25px;
  color: #FFFFFF;
  letter-spacing:  0.1px;
  font-weight: 100;
}

.footer .contact-info .contact-item:first-child {
  display: block;
  margin-bottom: 4rem;
}

.footer .contact-info .contact-item {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
}

.footer .contact-info .contact-item p {
  letter-spacing: 0.05em;
}

.footer .contact-info .contact-item p a {
  text-decoration: none;
  color: #fff;
}

.footer .contact-info .contact-item img {
  width: 17px;
  height: 17px;
}

.footer .contact-info .contact-item .contact-detail p {
  margin: 0;
  padding: 0;
  font-size: calc(var(--font-heading-scale) * 1.3rem);
  line-height: 25px;
  color: #FFFFFF;
  font-weight: 100;
}

.footer .footer__blocks-wrapper .grid__item:last-child {
  flex: 18rem;
}

.footer .footer-block__image-wrapper {
  max-width: 180px !important;
  height: 60px;
  margin-bottom: 50px;
}

.footer .footer-block__image-wrapper img {
  width: 100%;
}

.footer .footer__list-social {
  display: flex;
  gap: 15px;
}

.footer .footer__list-social .link{
  background: #7B7B7B;
  padding: 1rem;
  border-radius: 2px;
}

.footer-bottom-logo-list .logos-lists {
  gap: 15px;
  padding: 24px 0;
  border-top: 1px solid #7B7B7B;
}
.footer-bottom-logo-list .swiper-wrapper{
  justify-content: center;
}
.footer-bottom-logo-list .logos-lists .img-wrapper {
  background: transparent;
  width: calc(9.0909% - 15px * 10 / 11);
  max-width: calc(9.0909% - 15px * 10 / 11);
  padding: 0;
}

.footer__copyright caption {
  text-align: center;
}
.copyright__content {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  gap: 4px;
}
.copyright__content {
  font-weight: 200;
  letter-spacing: 0.05em;
}


/*================= Footer End CSS ====================*/ 



/* YMM modal garage */
.cmaiymm-garage-form-modal .cmaiymm-form-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.cmaiymm-garage-form-modal .cmaiymm-widget.horizontal .cmaiymm-body-wrapper {
    flex-direction: column;
}

.cmaiymm-garage-form-modal .cmaiymm-actions {
    justify-content: center;
}

@media (max-width: 551px) {
  .gbracing-wrapper .cmaiymm-garage-form-footer button {
      font-size: 12px;
      line-height: 19px;
      padding: 0 1rem;
  }
}

@media (max-width: 390px) {
    .gbracing-wrapper .cmaiymm-actions button {
      font-size: 12px;
      line-height: 19px;
      padding: 0 1rem;
  }
}



/* cart page */

@media (max-width: 749px) {
  .cart-items .cart-item__media {
    padding-left: 0;
  }
  .cart-content-wrapper .quantity {
    width: calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2)
  }
}