/** Shopify CDN: Minification failed

Line 672:0 Unexpected "}"

**/
/* scrolling   */
#shopify-section-template--23559970193778__scrolling-banner{
    width: 100%;
    max-width: calc(var(--page-width, 1320px) + var(--gutter)* 2);
    margin: 0 auto;
    padding: 0 var(--gutter);
}

/*YMM Search */
section#shopify-section-sections--23559970849138__1712940756cefa9c43{
  margin:0 !important;
  padding:5px;
  background:#005067;
  height: 249.5px;
}

/* Tablet: 768px to 999px */
@media (min-width: 768px) and (max-width: 999px) {
  section#shopify-section-sections--23559970849138__1712940756cefa9c43 {
    height: 82.75px;
  }
}
@media (min-width: 768px) and (max-width: 999px){
  #ymm_searchbox.horizontal .formFields li{
        margin: 0px !important;
  }
}

/* Desktop: 1000px and above */
@media (min-width: 1000px) {
   section#shopify-section-sections--23559970849138__1712940756cefa9c43 {
    height: 62.75px;
  }
}

label.ymm_label{
  display:none !important;
}

#ymm_searchbox{
  margin:0 !important;
  /*padding:0 !important;*/
  background: none !important;
  border: none !important;
}

#ymm_searchbox ul{
  margin:0 !important;
  justify-content: center;
}

#ymm_searchbox ul li{
  padding: 0 7px 0 !important;
}

.ymm_app .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: #005067 !important;
}

#ymm_searchbox select, #ymm_searchbox .select2-container--default .select2-selection--single{
  border-color: #005067 !important;
}

#ymm_searchbox .btn.ymm_search {
  background: #ce2b10 !important;
}

#ymm_searchbox .btn.ymm_search, #ymm_searchbox .btn.ymm_search[disabled] {
  border-color: #ce2b10 !important;
}

#ymm_searchbox .btn.ymm_reset{
   display:none !important; 
}


/* Brands */

  
  #brand-container{
    padding: 0px 0px 50px;
    background-color: #f7f7f7;
  }
  .brand-hero-container{
    background-color: #efefef;
    background-image: url(/cdn/shop/files/brand-bg.jpg?v=1613580131);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 380px;
    display: flex;
    align-items: center;
  }
  
  .brand-background {
    width: 60%;
    background-color: rgba(255,255,255,0.95);
    padding: 25px;
    position: relative;
    border-radius: 5px;
    border-left: 5px solid #ce2b11;
    display: block;
    margin: auto;
	}

  .brand-background h1{
    text-align:center;
    padding-bottom: 15px;
  }

  .brands-headline{
    text-align:center;
    padding: 50px 10px 0;
  }
  
  .brands-headline h2{
    margin-bottom:5px;
    font-size:36px;
    font-family: 'Roboto', sans-serif;
  }
  
  .brands-headline h2{
  	font-weight:500;
  }

  .brands{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    justify-content: center;
    padding:10px;
    background:#f7f7f7;
  }

  .brands a{
    text-decoration: none;
    color: #005068;
    margin: 15px;
  }

  .brand{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #005068;
  }


  .brand-img{
    background-color: white;
    border-radius: 5px;
    text-align: center;
    width: 165px;
    display: flex;
    height: 88px;
  }
  
  .brand-img:hover{
    border:2px solid #005068;
  }

  .brand-img img{
    margin: auto;
  }

  #brand-container a{
    text-align:center;
  }

  #brand-container a h6{
    color: #0062BD;
  }

  #brand-container a h6:hover{
    color: #005068;
  }
  
  @media screen and (max-width:1024px){
   .brands-headline h2{
    	font-size:30px;
   }
  }

  @media screen and (max-width:991px){
    .brand-background {
      width: 100%;
    }
  }

  @media screen and (max-width: 500px){
    .brand-hero-container {
      height: 380px;
    }
  }

/* General Input Styling */
input[type=text] {
    width: 60%;
    padding: 10px 15px;
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    color: #333;
    transition: width 0.15s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-sizing: border-box; 
}

/* Focus State Styling */
input[type=text]:focus {
    width: 65%;
    border-color: #005067;  
    box-shadow: 0 0 5px rgba(0, 80, 103, 0.5);
    outline: none; 
}

/* Responsive Adjustments for Screens Below 999px */
@media only screen and (max-width: 999px) {
    input[type=text] {
        width: 70%;
        font-size: 15px;
    }

    input[type=text]:focus {
        width: 75%;
    }
}

/* Further responsiveness for mobile screens */
@media only screen and (max-width: 600px) {
    input[type=text] {
        width: 90%; 
        font-size: 14px;
    }

    input[type=text]:focus {
        width: 90%;  
    }
}


/* keyfob collection template  */

  #shopify-section-template--23559970914674__collection-banner{
    margin:0 !important;
  }

    #shopify-section-template--23559970914674__collection-banner #main-content nav
    {
      display:none;
    }

    #car-model-container{
    text-align:center;
    position: relative;
    border-radius:10px;
    padding: 0px 0px 50px;
  }
  
  #car-model-container .banner{
    background-color: #0000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-image:url("/cdn/shop/files/fyr-bg.jpg?v=1623092709");
    height:150px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  #car-model-container .banner{
    text-align:center;
    vertical-align:middle;
  }
  
  #car-model-container .banner h1{
    	color:white;
  }
  
  .car-models{
    width: 100%;
    margin:20px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-gap: 1rem;
  }

  .selection-text{
  	text-align:left;
    font-size: 18px;
    font-weight: bold;
  }

  .car-models a{
    text-decoration: none;
    color: #005068;
  }


  .car-models a .model-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #005068;
    margin: 15px;
    padding: 0 20px;
    width: 100%;
  }

  .car-models a .model-container h3{
    font-size: 16px;
    color: #005068;
    text-align:center;
    z-index: 1;
  }

  .car-models a .model-container .img{
    margin: 10px 0 20px;
    max-width:250px;
  }

  
  .car-models a .model-container h3:hover{
    color: #0062BD;
    text-decoration:underline;
  }

  .car-models a .model-container .img:hover{
    transform:scale(1.1);
  }
  
  .car-models a .model-container button {
    box-sizing: border-box;
    background-color: transparent;
    border: 2px solid #ce2b11;
    border-radius: 0.4em;
    cursor: pointer;
    line-height: 1;
    margin:20px;
    padding: 0.7em 1em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    transition: background 300ms ease-in-out;
    color: #ce2b11;
    background-image: linear-gradient(45deg,#ce2b11 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
  }
  
   .car-models a .model-container button:hover,
   .model-container button:focus {
    color: #fff;
    outline: 0;
    background-position: 0;
  }

  .car-model-content .scrollable-table{
    width:100%;
    margin:0;
  }

 .car-model-content table th,.car-model-content table td {
   text-align: center;
 }
  
  .car-years{
    margin:20px auto;
    display: -webkit-box;   
    display: -moz-box;  
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .car-years  a {
    background: #005068;
    padding: 10px;
    margin: 10px;
    width:250px;
    text-decoration: none;
    flex-grow: 0;
    text-align: center;
    cursor:pointer;
    border-radius:2px;
  }
  
  .car-years  a:hover {
    background: #e6e6e6;
  }

  .car-years  a h4{
      color: #ffffff;
    font-size: 14px;
   }
    .car-years  a:hover h4 {
    color: #005068;
  }
  
.cata-description p a{
    color: #0062bd;
    font-weight: bold;
}

  @media only screen and (max-width: 650px) {

    #car-model-container .banner h1{
      font-size: 24px;
    }
   
  }

.mobile-cart-action .btn-checkout{
	width:100%;
}



/* finance page style */


  .qs_fin_frame{
    height: 2750px;
  }

  @media only screen and (min-width: 320px) {

    .qs_fin_frame{
      height: 2550px;
    }

  }

  @media only screen and (min-width: 360px) {

    .qs_fin_frame{
      height: 2350px;
    }

  }

  @media only screen and (min-width: 400px) {

    .qs_fin_frame{
      height: 2300px;
    }

  }

  @media only screen and (min-width: 450px) {

    .qs_fin_frame{
      height: 2200px;
    }

  }

  @media only screen and (min-width: 660px) {

    .qs_fin_frame{
      height: 2100px;
    }

  }

  @media only screen and (min-width: 991px) {

    .qs_fin_frame{
      height: 2750px;
    }

  }

/* Shopper Approved Reviews  */

  .sa-review-container{
  	display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between;
  }

 .shopperapproved_widget table td{
   border:none !important;
 }

  .sa-milestone{
    width:25%;
    text-align:center;
  }

  .sa-reviews{
    width:73%;
    border-left: 2px solid #005068;
    padding-left: 20px;
  }

  .sa_borderGray .sa_review{
  	border:none;
  }
  
  .sa_footer_logo{
  	text-align:left;
  }
  
  .sa_name, .sa_date, .sa_comments{
  	font-size:16px;
  }

  @media only screen and (max-width: 999px) {
    .sa-review-container{
      flex-direction:column;
    }
    
    .sa-milestone{
      margin-bottom:10px;
    }

    .sa-reviews, .sa-milestone{
      width:100%;
    }
    .sa-reviews{
      border-left: 0;
      padding-left: 0px;
    }

    .sa_borderGray .sa_review{
      text-align:center;
    }
    .sa_footer_logo{
      text-align:center;
    }

  }

/* shopper approved */

  .star_container {
  	margin: 0px 0px 5px 0px;
    height:20px;
  }

/* Collection Page Sub-collection section */

.sub-collections {
  width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(199px,1Fr));
  grid-gap: 1rem;
  margin:10px 0;
  justify-content: start;
}

  .sub-collection {
    text-decoration: none !important;
    color: black;
  }

  .sub-collection:hover .sc-img {
    transform: scale(1.1);
  }

.sc-figure {
  overflow: hidden;
}

.sc-figcaption {
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  background:#e6e6e6 ;
  font-size: 14px;
}

.sc-img {
  border: none;
  max-width: 100%;
  margin: auto;
  display: block;
  background: #ccc;
  transition: transform .2s ease-in-out;
}

.sub-collections .rte ul{
  display:block !important;
}

/* Nav scrollbar redesign */


/* Styling the scrollbar thumb (the draggable part) */
.main-nav__child.mega-nav.mega-nav--columns.has-motion::-webkit-scrollbar-thumb,#dropdown-field_3::-webkit-scrollbar-thumb,#dropdown-field_2::-webkit-scrollbar-thumb,#dropdown-field_1::-webkit-scrollbar-thumb {
  background-color: #005067; /* Color of the thumb */
  border-radius: 10px; /* Rounded corners for the thumb */
  border: 3px solid #f4f4f4; /* Border around the thumb to create contrast */
}

/* Styling the scrollbar track (the area the thumb moves along) */
.main-nav__child.mega-nav.mega-nav--columns.has-motion::-webkit-scrollbar-track,#dropdown-field_3::-webkit-scrollbar-thumb,#dropdown-field_2::-webkit-scrollbar-thumb,#dropdown-field_1::-webkit-scrollbar-thumb{
  background-color: #005067; /* Light gray track */
  border-radius: 10px; /* Rounded corners for the track */
}

/* Styling the scrollbar itself */
.main-nav__child.mega-nav.mega-nav--columns.has-motion::-webkit-scrollbar,#dropdown-field_3::-webkit-scrollbar-thumb,#dropdown-field_2::-webkit-scrollbar-thumb,#dropdown-field_1::-webkit-scrollbar-thumb {
  width: 10px; /* Width of the scrollbar */
}

/* Optional: Styling when the thumb is hovered */
.main-nav__child.mega-nav.mega-nav--columns.has-motion::-webkit-scrollbar-thumb:hover,#dropdown-field_3::-webkit-scrollbar-thumb:hover,#dropdown-field_2::-webkit-scrollbar-thumb:hover,#dropdown-field_1::-webkit-scrollbar-thumb:hover{
  background-color: #005067; /* Darker shade when hovered */
}

/* Firefox scrollbar styling */
.main-nav__child.mega-nav.mega-nav--columns.has-motion,#dropdown-field_3,#dropdown-field_2,#dropdown-field_1{
  scrollbar-width: thin; /* Makes the scrollbar thinner */
  scrollbar-color: #005067 #e0e0e0; /* Thumb and track color for Firefox */
}

/*product title 2 lines design*/
  
.card__title{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card__vendor{
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Limit to 1 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* product cart sku */

#filter-results .product-sku__value{
  display:block!important;
}

/* Ymm Search OLD App */
#shopify-section-sections--23559970849138__ymm_search_3pgTyK{
  background: #005067;
  min-height:62.75px;
}

/* footer css */

.footer-block__text a{
  text-decoration: none;}
}

/* product page */

.review-question #product_just_stars, .review-question #ab-tiny-widget {
  margin-top: 0px important;
  margin-bottom: 0px important;
}
.review-question{
  height:35px;
}

/* Google Review Badge  */
section#shopify-section-sections--23559970816370__custom_liquid_LnqAQC{
  display: none
}

/*product description table design*/
.disclosure__content.rte.product-description table tr td{
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.disclosure__content.rte.product-description table{
  width: 100%;
}

/* Special project Quote */
.hs-form__virality-link{

display:none important;  
}

.answerbase-widget #ab-shopperapproved-logo{
  opacity:0;
}

/* Searchanise Search and Filter */

#snize-search-results-grid-mode li.snize-product span.snize-title, #snize-search-results-list-mode li.snize-product span.snize-title {
  font-weight: 700 !important;
  color: rgb(var(--text-color))!important;
  font-family: var(--body-font-family)!important;
  font-size: calc(var(--body-font-size) * .1rem)!important;
  font-style: var(--body-font-style)!important;
  line-height: 1.5!important;
}

#snize-search-results-grid-mode .snize-price-list, #snize-search-results-list-mode .snize-price-list, div.snize#snize_results.snize-mobile-design li.snize-product .snize-price-list .snize-price {
  font-family: var(--body-font-family)!important;
  font-size: calc(var(--body-font-size) * .1rem)!important;
  font-style: var(--body-font-style)!important;
  color: rgb(var(--text-color))!important;
  font-weight: 700 !important;
  margin-bottom: 15px!important;
  margin-top: 10px!important;
  
}

#snize_results.snize-search-results #snize-search-results-grid-mode .snize-product .snize-button-shape-pill, #snize-search-results-list-mode li.snize-product .snize-button{
  border: var(--btn-border-width) solid rgb(var(--btn-bg-color))!important;
  outline-color: rgb(var(--btn-bg-color))!important;
  outline-offset: 3px!important;
  background: rgb(var(--btn-bg-hover-color)) linear-gradient(104deg, rgb(var(--btn-bg-hover-color)) 60%, rgb(var(--btn-bg-color)) 60% 100%) no-repeat 100% 100%!important;
  background-size: 300% 100%!important;
}

#snize-search-results-grid-mode div.snize-product-label.top-left, #snize-search-results-list-mode div.snize-product-label.top-left{
  background-color: rgb(var(--sale-label-bg-color))!important;
  color: rgb(var(--sale-label-text-color))!important;
  font-size: 13px !important;
}

#snize_results.snize-search-results #snize-search-results-grid-mode .snize-product.snize-layout-default.snize-show-cta-always .snize-buttons.snize-buttons-bottom .snize-button, #snize_results.snize-search-results #snize-search-results-list-mode .snize-product.snize-layout-default.snize-show-cta-always .snize-buttons.snize-buttons-bottom .snize-button {
  font-size: .88em;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: capitalize;
}

#snize-search-results-grid-mode.snize-four-columns li.snize-product {
 padding: 0 5px;
}

#snize-search-results-grid-mode li.snize-product {
  margin-bottom: 5%!important;
}

div.snize ul.snize-product-filters-list li label span.snize-filter-variant-count{
  display:none;
}

div.snize div.snize-product-filters-title {
  font-size: 16px!important;
  font-weight: 700!important;
}

div.snize ul.snize-product-filters-list li label span {
  font-size: 16px!important;
  margin-bottom: 10px!important;
}

div.snize .snize-price-range input.snize-price-range-input, div.snize li.snize-filter-button.snize-clear-all-button, div.snize div.snize-main-panel-dropdown a {
  font-size: 16px!important;
}


div.snize-search-results#snize_results div.snize-main-panel-controls ul li a.active {
  color: #2A2B2A;
  border-bottom-color: #2A2B2A;
  font-weight: 700;
}

div.snize .snize-filters-sidebar .snize-price-range input.snize-price-range-input {
  border-radius: var(--input-border-radius, 0)!important;
  padding: 20px!important;
  background-color: rgb(var(--input-bg-color))!important;
  box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--input-text-color) / .2)!important;
  color: rgb(var(--input-text-color))!important;
  border:none!important;
}

div.snize input.snize-price-range-input:focus {
  border:none!important;
}

div.snize input.snize-price-range-input:focus-visible {
  outline-style: none !important;
  outline-width: 0 !important;
}

div.snize .snize-filters-sidebar .snize-price-range input.snize-price-range-input:focus-within {
  box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--input-text-color) / .6)!important;
}

div.snize-filters-title > span:first-of-type {
  font-weight: 700 !important;
}

div.snize ul.snize-product-filters-list li.snize-filters-show-more div, div.snize ul.snize-product-size-filter li.snize-filters-show-more div, div.snize ul.snize-product-color-filter li.snize-filters-show-more div{
  border: var(--btn-border-width) solid rgb(var(--btn-bg-color))!important;
  outline-color: rgb(var(--btn-bg-color))!important;
  outline-offset: 3px!important;
  /* background: rgb(var(--btn-bg-hover-color)) linear-gradient(104deg, rgb(var(--btn-bg-hover-color)) 60%, rgb(var(--btn-bg-color)) 60% 100%) no-repeat 100% 100%!important; */
  background-color: #b40a1b;
  border-radius: 5px;
}

div.snize ul.snize-product-filters-list li:first-child {
  margin: 2px 0 8px!important;
}

a.snize-ac-view-all-products {
  color: #ffffff!important;
}

/* .snize-ac-results-content {
  z-index: 31!important;
  max-width: calc(95.65% + 24px)!important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
} */


.snize-ac-results-column{
  padding:10px 5px;
}

.snize-ac-results-column:first-child {
  background: #0050670A;
}

.snize-ac-results .snize-title {
  font-size: 14px!important;
  font-weight: 700!important;
}

.snize-ac-results .snize-price-list {
  font-size: 14px!important;
}

.snize-ac-results .snize-product-label {
  background-color: rgb(var(--sale-label-bg-color))!important;
  color: rgb(var(--sale-label-text-color))!important;
  font-size: 10px !important;
}

@media only screen and (max-width: 699px) {
  #snize-search-results-grid-mode div.snize-product-label.top-left, #snize-search-results-list-mode div.snize-product-label.top-left {
    font-size: 10px !important;
  }

  #snize-search-results-grid-mode li.snize-product {
    margin-bottom: 10% !important;
  }
}

/* Search & Discovery */

.predictive-search__scroller
 {
    max-height: 24vh!important;
}

/* @media (max-width: 768.98px) {
  .predictive-search {
    padding-bottom: 20px;
  }
}

.predictive-search__scroller.predictive-search__scroller--suggestions.overflow-auto{
  display:none;
} */