/** Shopify CDN: Minification failed

Line 258:9 Expected ":"

**/

/* Read more btn */
  .m-read-more {
          overflow: hidden;
      position: relative;
      max-height: 75px;
  }
  .m-read-more.m-expanded {
          max-height: unset;
  }

  .m-read-more.m-expanded .m-read-more__footer {
    position: relative !important;
  }
  .m-read-more__footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40px;
      display: flex;
      align-items: flex-end;
      justify-content: start;
      background-image: linear-gradient(180deg,rgba(255,255,255,0) .3%,rgb(255,255,255) 46.63%);
      text-align: center;
  }
   .m-read-more .m-read-more__footer .m-read-more__btn.show-less {
     display: none;
   }
  .m-read-more.m-expanded .m-read-more__footer .m-read-more__btn {
          display: none;
  }
  .m-read-more.m-expanded .m-read-more__footer .m-read-more__btn.show-less {
          display: block !important;
  }
  .m-read-more__btn {
          width: auto;
          text-decoration: none !important;
  }
  /* END read more */
  
/* Custom css */



.form-input {
  border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #BEC3CE;
  background: white;
  padding: 12px;
}

.form-input:disabled {
  background: #D3D3D3;
}

.form-input--select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M5.83438 5.9162C5.63967 5.91658 5.45097 5.84877 5.30104 5.72454L0.301044 1.55787C0.130863 1.41642 0.0238427 1.21316 0.00352625 0.992805C-0.0167902 0.77245 0.0512614 0.553049 0.19271 0.382868C0.334159 0.212688 0.537419 0.105668 0.757774 0.0853515C0.978129 0.0650351 1.19753 0.133086 1.36771 0.274535L5.83438 4.00787L10.301 0.407869C10.3863 0.338647 10.4844 0.286954 10.5896 0.255761C10.6949 0.224568 10.8053 0.21449 10.9145 0.226106C11.0237 0.237722 11.1295 0.270803 11.2259 0.323447C11.3223 0.376092 11.4073 0.447263 11.476 0.532869C11.5524 0.618553 11.6102 0.719075 11.6458 0.828137C11.6815 0.937198 11.6942 1.05245 11.6833 1.16667C11.6723 1.28089 11.6379 1.39161 11.5822 1.49191C11.5264 1.59221 11.4506 1.67991 11.3594 1.74954L6.35938 5.77454C6.20514 5.87913 6.02029 5.92901 5.83438 5.9162Z' fill='%231F1F1F'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: right 1em center !important;
  padding-right: 32px;
  text-overflow: ellipsis;
}

.button {
  padding: 12px 24px;
  border-radius: 20px;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  text-transform: uppercase;
}

.button:disabled {
  color: white;
  background: #D3D3D3 !important;
}

.button--primary {
  background: #EC1C24;
  color: white;
}

.button--secondary {
  border: 1px solid #001944;
}

.gap-0 {
  gap: 0px;
}

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-7 {
  gap: 28px;
}

.gap-8 {
  gap: 32px;
}

.link {
  text-decoration: underline;
}

.font-display {
  font-family: var(--font-stack-header);
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.cursor-pointer {
  cursor: pointer;
}

.text-center {
  text-align: center;
}

.empty-tick {
  width: 18px;
  height: 18px;
  border: 1px solid black;
  border-radius: 100%;
  background: white;
}

.price-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: var(--font-stack-header)
}

.price-wrapper--product-card {
  margin: 8px 0px;
}

.price {
  font-size: 16px;
  line-height: 1;
}

s .price {
  font-family: var(--font-stack-body) !important;
}

.price--sale {
  font-weight: 500;
  color: #EC1C24;
}

.price--member {
  color: #EC1C24;
}

.price-wrapper--product-card s .price{
  font-size: 16px;
}

.member-badge {
  background: #00529C;
  color: white;
  font-size: 12px;
  font-weight: 500;
  font-family: var(--font-stack-header);
  padding: 8px;
  text-align: center;
  border-radius: 2px;
  
}

.member-badge--block {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .member-badge--block {
    display: none;
  }
}

.member-badge--float {
  position: absolute;
  top: 0px;
  text-wrap: nowrap;
  left: 80px;
  pointer-events: none;
  clip-path: polygon(2% 0px, 1000% 50%, 2% 100%, 0px 52%);
}

@media screen and (max-width: 1023px) {
  .member-badge--float {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .member-badge--float {
    left: 150px;
  }
}

.member-badge--product-card {
  border-radius: 5px !important;
  padding 0px 8px;
  text-transform: uppercase;
  max-width: 60px;
}

@media screen and (min-width: 767px) {
  .member-badge--product-card {
    max-width: none;
  }
}

.member-badge-placeholder {
  height: 24px;
}

.sale-strikethrough {
  text-decoration-color: #EC1C24
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.30);
  width: 100vw;
  height: 100vh;
  z-index: 10;
}

.read-more-content {
  overflow: hidden;
  transition: height .3s ease-in-out;
}

.read-more-button {
  color: #EC1C24;
  font-size: 12px;
  font-family: var(--font-stack-header);
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: underline;
  margin-top: 8px;
}


.m-sub-menu__item--level-1 {
  position: initial !important;
}

.m-sub-menu__item--level-1 > .m-menu__link {
  background: #E9E9E9; 
  color: black; 
  text-transform: uppercase;
  font-weight: bold;
  padding: 16px;
}

.m-sub-menu__item--level-1 > .m-menu__link:hover {
  background: #00529C; 
  color: white; 
}

.m-sub-menu__item--level-2 {
  width: 250px;
}

.m-sub-menu__item--level-2--single {
  display: flex;
  align-items: center;
}

.m-sub-menu__item--level-2 > .m-menu__link {
  background: white; 
  color: #00529C; 
  text-transform: uppercase;
  font-weight: bold;
  padding: 16px;
}

.m-sub-menu--level-2 {
  display: grid;
  overflow-y: auto;
  max-width: 100%;
  max-height: 800px;
}

.m-sub-menu__item--level-2 > .m-menu__link:hover {
  background: white; 
  color: #eC1c24; 
}

.m-sub-menu__item--level-3 > .m-menu__link {
  background: white; 
  color: black; 
  padding: 8px 16px;
}

.m-sub-menu__item--level-3 > .m-menu__link:hover {
  background: white; 
  color: #eC1c24; 
}

.m-mega-menu {
  background: #E9E9E9; 
}

.m-mega-menu__inner {
  padding: 0px !important;
}

.m-mega-menu__column {
  background: white !important;
  min-height: 100%;
  padding: 0px !important;
  left: 100% !important;
  top: 0px !important;
}

@media screen and (min-width: 1024px) {
  .m-sub-menu--level-2 {
    width: 750px !important;
  }
  
  .m-header__wrapper .m-sub-menu--level-2 {
    max-height: calc(min(1000px, calc(100vh - 150px)));
  }

  .scroll-down .m-header__wrapper .m-sub-menu--level-2 {
    max-height: 100vh;
  }

  .m-sub-menu--level-2--flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .m-sub-menu--level-2--flex>* {
    flex: 1 1 50px;
  }

  .m-sub-menu--level-2--grid {
    grid-template-columns: repeat(4, 1fr);
    overflow-x: hidden;
  }
}

@media screen and (min-width: 1280px) {
  .m-sub-menu--level-2 {
    width: 1000px !important;
  }
}

.m-sub-menu--level-1 {
  position: relative !important;
}

.m-mega-menu {
  min-width: 300px !important;
}

.m-menu__link--main {
  height: 68px !important;
}


.m-search-form__label {
  color: black !important;
}

.m-search-form__button {
  background: #eC1c24 !important;
}

.m-header__inner {
  padding: 0px !important;
}

.m-search-form--mindarc {
  background: white; 
  margin: 0px;
  border: none !important;
}

.mobile-header-menu-text {
  font-size: 10px;
  margin-top: 4px;

  /* For devices with a maximum width of 390px */
  @media (max-width: 413px) {
    font-size: 7px;
  }
}

.header-menu-icon {
  height: 23px;
  width: auto;
}


.m-cart-count {
  background-color: #4CAF50;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-weight: 500;
  right: 2px;
}

@media screen and (min-width: 767px) {
  .m-cart-count {
    right: 7px;
  }
}

@media screen and (min-width: 767px) {
  .m-cart-icon-bubble {
    margin-right: 8px;
    padding: 0px 8px;
  }
}

.m-logo__image-default, .m-header__logo {
  padding-left: 0px !important;
  padding-right: 0px !important;
}


.m-product-card--style-6 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.m-product-card--style-6 .m-product-card__price {
  min-height: var(--product-card-price-max-height);
}

.m-product-card--style-6 .m-product-card__name {
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  font-family: var(--font-stack-body);
  line-height: normal;
}

.m-product-card--style-6 .m-product-card__info {
  min-height: var(--product-card-title-max-height);
}

.m-product-card--style-6 .m-add-to-cart {
  font-family: var(--font-stack-header);
}

.m-product-card--style-6 {
  min-height: calc(240px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
}

.m-product-card--style-6 .m-product-card__media {
  width: 100%;
}

.m-product-card--style-6 .m-product-card__price {
  text-align: center;  
}

.m-product-card__price-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0px;
}

.m-product-card__content {
  width: 100%;
}

@media screen and (min-width: 767px) {
  .m-cols-4 .m-product-card--style-6, .m-product-card--style-6 {
    min-height: calc(310px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  
  .m-cols-4 .m-product-card--style-6--collection {
    min-height: calc(250px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-3 .m-product-card--style-6--collection, .m-product-card--style-6--collection {
    min-height: calc(310px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-2 .m-product-card--style-6--collection {
    min-height: calc(440px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }
}

@media screen and (min-width: 1024px) {
  .m-cols-6 .m-product-card--style-6 {
    min-height: calc(280px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-5 .m-product-card--style-6 {
    min-height: calc(320px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-4 .m-product-card--style-6, .m-product-card--style-6 {
    min-height: calc(400px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-3 .m-product-card--style-6 {
    min-height: calc(520px + var(--product-card-title-max-height) + var(--product-card-price-max-height));;
  }

  .m-cols-2 .m-product-card--style-6 {
    min-height: calc(760px + var(--product-card-title-max-height) + var(--product-card-price-max-height));;
  }

  
  .m-cols-5 .m-product-card--style-6--collection {
    min-height: calc(270px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-3 .m-product-card--style-6--collection {
    min-height: calc(410px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-4 .m-product-card--style-6--collection, .m-product-card--style-6--collection {
    min-height: calc(320px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }

  .m-cols-2 .m-product-card--style-6--collection {
    min-height: calc(600px + var(--product-card-title-max-height) + var(--product-card-price-max-height));
  }
}

.m-product-card--style-6 .m-product-card__content {
  display: flex;
  flex-direction: column;
  
  justify-content: space-between;
  align-items: center;
}


.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
}

.popup-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.popup__action-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.popup__action-button {
  padding: 12px 24px;
  border-radius: 20px;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  text-transform: uppercase;
}

.popup__action-button:disabled {
  color: white;
  background: #D3D3D3 !important;
}

.popup__action-button--primary {
  background: #EC1C24;
  color: white;
}

.popup__action-button--secondary {
  border: 1px solid #001944;
}

.popup__back-button {
  display: flex;
  gap: 8px;
  align-items: center;
}

.m-product-card--style-6 .price {
  font-family: var(--font-stack-header);
  font-size: 24px;
}

.m-product-card--style-6 .price--member {
  color: #00529C;
  font-family: var(--font-stack-header);
  font-size: 24px;
}

.m-product-card--style-6 .member-badge {
  border-radius: 2px;
  padding: 4px;
  font-size: 10px;
  font-family: var(--font-stack-header);
}


.my-store-container {
  background: white;
  width: 100%;
  height: 100%;
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: auto;
}

@media screen and (min-width: 480px) {
  .my-store-container {
    width: calc(min(444px, 100vw));
    height: calc(min(900px, 95vh));
    overflow-y: auto;
  }
}

.my-store__header {
  display: flex;
  flex-direction: column;
}

.my-store__header-close-button {
  display: flex;
  justify-content: flex-end;
}

.my-store__header-title {
  font-family: var(--font-stack-header);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.my-store__address-input-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 8px;
}

.my-store__address-input-field {
  width: 100%;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid var(--Light-Grey, #BEC3CE);
}

.my-store__address-input-content {
  width: 100%;
  position: relative;
}

.my-store__address-input-label, .my-store__stores-list-label {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; 
}

.my-store__store {
  display: flex;
  padding: 8px 16px;
  gap: 8px;
  border-radius: 5px;
  border: 1px solid #BEC3CE;
  width: 100%;
  align-items: start;
  cursor: pointer;
}

.my-store__store--selected {
  border: 1px solid #001944;
}

.empty-radio {
  border-radius: 100px;
  border: 1px solid black;
  width: 18px;
  height: 18px;
}

.my-store__store-information {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 8px;
  flex: 1 1 0%;
}

.my-store__store-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.my-store__store-name {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.my-store__store-other-information {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.my-store__store-footer {
  display: flex;
  gap: 32px;
  line-height: normal;
}

.my-store__stores-list-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 8px;
  flex: 1 1 0%;
}

.my-store__stores-list {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 8px;
  overflow-y: auto;
  height: fit-content;
  width: 100%;
  height: calc(100vh - 420px);
}

@media screen and (min-width: 480px) {
  .my-store__stores-list {
    height: 450px;
  }
}

.my-store__selected-store-label {
  color: white;
  border-radius: 20px;
  background: #00529C;
  padding: 4px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  text-transform: uppercase;
}

.my-store__address-autocomplete {
  position: absolute;
  background: white;
  left: 0;
  width: 100%;
  border: 1px solid #001944;
  border-radius: 0px 0px 5px 5px;
  display: flex;
  flex-direction: column;
  max-height: 460px;
  overflow: auto;
  z-index: 10;
}

.my-store__address-autocomplete-result {
  padding: 12px;
  text-align: left;
}

.my-store__address-autocomplete-result:hover {
  color: white;
  background: #00529C;
  width: 100%;
}

.my-store__address-input-note--error {
  color: #EC1C24;
}

.my-store__address-input-field--error {
  border-color: #EC1C24;
}

.my-store__selected-indicator {
  position: absolute;
  width: fit-content;
}

.my-store__selected-indicator--desktop {
  top: -8px;
  right: -12px;
}

.my-store__selected-indicator--mobile {
  top: 4px;
  right: 4px;
}


.my-garage-container {
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 100vh;
}

@media screen and (min-width: 480px) {
  .my-garage-container {
    width: calc(min(576px, 100vw));
    height: calc(min(956px, 95vh));
    overflow-y: hidden;
  }
}

.my-garage__header {
  padding: 16px 20px;
  background: #001944;
}

.my-garage__header-content {
  gap: 16px;
}

.my-garage__header-text {
  color: white;
  font-family: var(--font-stack-header);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}

.my-garage__header-close-button {
  color: white;
}

.my-garage__content {
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(100vh - 80px);
  overflow: auto;
}

.my-garage__content-main {
  gap: 16px;
  flex: 1 1 0%;
}

.my-garage__content-main__header {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}

.my-garage__content-main__step {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.my-garage__content-main__step-header-text {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.my-garage__content-main__step-content {
  width: 100%;
}

.my-garage__rego-input {
  position: relative;
  width: 100%;
  height: 144px;
  border-radius: 8px;
  border: 2px solid #00529C;
  background: white;
  padding: 40px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-garage__rego-input--error {
  border: 2px solid #EC1C24;
}

.my-garage__rego-error {
  color: #EC1C24;
  margin-top: 16px;
}

.my-garage__rego-input-field {
  width: 100%;
  color: black;
  text-align: center;
  font-family: var(--font-stack-header);
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px; /* 106.667% */
  border: none;
  border-width: 0px !important;
  text-transform: uppercase;
}

.my-garage__rego-input-field:active, .my-garage__rego-input-field:focus, .my-garage__rego-input-field:focus-visible, .my-garage__rego-input-field:focus-within {
  border: none;
  border-width: 0px !important;
  outline: none;
}

.my-garage__rego-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #00529C;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.my-garage__rego-dot {
  height: 6px;
  width: 6px;
  background: #00529C;
  position: absolute;
  top: 8px;
  border-radius: 100%;
}

.my-garage__rego-dot-1 {
  left: 8px;
}
.my-garage__rego-dot-2 {
  left: 171px;
}
.my-garage__rego-dot-3 {
  left: 201px;
}
.my-garage__rego-dot-4 {
  right: 8px;
}
.my-garage__rego-dot-5 {
  right: 171px;
}
.my-garage__rego-dot-6 {
  right: 201px;
}

.my-garage__states-selection {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.my-garage__states-selection-option {
  border-radius: 5px;
  background: white;
  text-align: center;
  color: black;
  padding: 16px;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  border: 1px solid #BEC3CE;
  cursor: pointer;
}

.my-garage__states-selection-option:hover, .my-garage__states-selection-option--selected {
  background: #00529C;
  color: white;
  border: 1px solid #00529C;
}

.my-garage__search-by-vehicle-container {
  padding: 12px 24px;
  color: black;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.my-garage__search-by-vehicle-button {
  color: #00529C;
}

.my-garage__content-footer {
  gap: 8px;
}

.my-garage__results-list {
  gap: 8px;
}

.my-garage__result {
  display: flex;
  gap: 8px;
  padding: 24px 16px;
  border-radius: 5px;
  border: 1px solid #BEC3CE;
  align-items: center;
  cursor: pointer;
}

.my-garage__result--selected {
  border: 1px solid #001944;
}

.my-garage__result-information {
  flex: 1 1 0%;
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.my-garage__result:hover, .my-garage__result--selected {
  border: 1px solid #001944;
}

.my-garage__result-error {
  color: #EC1C24;
  text-align: center;
}

.my-garage__success {
  gap: 24px;
  flex: 1 1 0%;
  padding-bottom: 24px;
}


.my_garage__my-vehicles {
  gap: 8px;
  padding-bottom: 24px;
  height: 160px;
  overflow: auto;
}

.my_garage__my-vehicles-option {
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 24px 16px;
  border-radius: 5px;
  border: 1px solid #BEC3CE;
  align-items: center;
  cursor: pointer;
}

.my_garage__my-vehicles-option:hover, .my_garage__my-vehicles-option--selected {
  border: 1px solid #001944;
}

.my_garage__my-vehicles-option__information {
  flex: 1 1 0%;
}

.my_garage__top-categories {
  gap: 16px;
}

.my_garage__top-categories-title {
  font-family: var(--font-stack-header);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
}

.my_garage__top-categories-content {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

.my_garage__category {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 5px;
  background: #00529C;
  color: white;
  height: 100%;
}

.my_garage__my-vehicles-label {
  color: black;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 16px;
}


.my-garage__search-by-model-fields {
  gap: 16px;
}

.my-garage__search-by-model-field {
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.form-input form-input--select:disabled {
  background: #D3D3D3;
}

.my-garage__search-by-model-field__label {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.my-garage__search-by-rego-container {
  gap: 8px;
}

.my-garage__search-by-rego-button {
  text-decoration: underline;
  color: #00529C;
}

.my-garage__selected-indicator {
  position: absolute;
  width: fit-content;
}

.my-garage__selected-indicator--desktop {
  top: -8px;
  right: -12px;
}

.my-garage__selected-indicator--mobile {
  top: 4px;
  right: 4px;
}

.my-garage__selected-indicator--product-card {
  top: -2px;
  right: -8px;
}

.my_garage__category-text {
  font-size: 12px;
}

@media screen and (min-width: 1024px) {
  .my-garage__content-main__header {
    font-size: 24px;
  }

  .my_garage__my-vehicles-label {
    font-size: 18px;
  }

  .my-garage__states-selection {
    gap: 8px 16px;
  }

  .my-garage__content-main {
    gap: 24px;
  }

  .my_garage__category-text {
    font-size: 16px;
  }

  .my_garage__category {
    padding: 24px 16px;
  }
}


.main-product-cnc-and-delivery__section {
  gap: 10px;
  margin: 16px 0px;
  padding: 8px;
  align-items: baseline;
  border-radius: 8px;
  border: 1px solid #D3D3D3;
}

.main-product-cnc-and-delivery__title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; 
}

.main-product-cnc__my-store {
  color: #00529C;
  font-family: var(--font-stack-header);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-line: underline;
}

.main-product-cnc__my-store-container {
  position: relative;
}

.main-product-cnc__my-store-details-wrapper {
  padding: 16px;
  width: 100%;
  background: white;
  border-radius: 5px;
  z-index: 20;
  border: 1px solid black;
  font-size: 12px;
}

@media screen and (min-width: 1024px) {
  .main-product-cnc__my-store-details-wrapper {
    font-size: 16px;
  }
}

.main-product-cnc__my-store-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  position: relative;
}

.main-product-cnc__my-store-details__close-button {
  position: absolute;
  top: -8px;
  right: -8px;
}

.main-product-cnc__stock-status {
  min-width: 120px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
}

.main-product-cnc__show-nearby-stores {
  font-family: var(--font-stack-header);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.main-product-cnc__show-nearby-stores-container {
  cursor: pointer;
}

.main-product-cnc__nearby-store {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 16px;
}

.main-product-cnc__nearby-store .main-product-cnc__nearby-store__name {
  grid-column: span 4 / span 4;
}

.main-product-cnc__nearby-store .main-product-cnc__nearby-store__select-wrapper {
  grid-column: span 3 / span 3;
  display: flex;
  align-items: center;
}

.main-product-cnc__nearby-store .main-product-cnc__stock-status {
  grid-column: span 7 / span 7;
  display: flex;
  justify-content: flex-end;
}
.main-product-cnc__nearby-stores-list {
  gap: 12px;
}

.main-product-cnc__nearby-store__name {
  display: flex;
  justify-content: space-between;
}

.main-product-cnc__nearby-store__select {
  border-radius: 20px;
  border: 1px solid #00529C;
  padding: 0px 8px;
  color: #00529C;
  font-family: var(--font-stack-header);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; 
  text-transform: uppercase;
  height: fit-content;
  text-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .main-product-cnc__nearby-store__select:hover {
    color: white;
    background: #00529C;
  }
}

.main-product-cnc__nearby-store__select--select-store {
  display: none;
}

.main-product-cnc__nearby-store__select--select {
  disabled: inline;
}

.main-product-delivery {
  padding: 16px 8px;
}

.main-product-delivery__stock-status {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}

.main-product-delivery__postcode {
  color: #00529C;
  font-family: var(--font-stack-header);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-line: underline;
}

.main-product-delivery__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.main-product-delivery__postcode-container, .main-product-delivery__status-container {
  display: flex;
  gap: 8px;
  align-items: center;
}

.main-product-delivery__content {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px; 
}

.main-product-delivery__input-wrapper {
  width: 100%;
  border-radius: 8px;
  display: flex;
  position: relative;
}

.main-product-delivery__content-input-container {
  border-radius: 8px;
  background: #E9E9E9;
  padding: 4px 8px;
  display: flex;
  flex-direction: column;
}

.main-product-delivery__input {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 16px 8px;
  flex: 1 1 0%;
  border-width: 0px !important;
  border-radius: 8px 0px 0px 8px;
  background: white;
}

.main-product-delivery__input--error {
  border: 1px solid #EC1C24 !important;
}

.main-product-delivery__input-button {
  background: #ec1c24;
  padding: 16px 16px;
  border-radius: 0px 8px 8px 0px;
}

.main-product-delivery__content-label {
  font-family: var(--font-stack-header);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 4px;
}

.main-product-delivery__content-note {
  font-size: 12px;
}

.main-product-delivery__content-note--error {
  color: #EC1C24;
}

@media screen and (min-width: 1024px) { 
  .main-product-delivery__postcode, .main-product-delivery__input, .main-product-delivery__content-label, .main-product-delivery__content-note {
    font-size: 16px;
  }
}

.main-product-delivery__address-autocomplete {
  background: white;
  width: 100%;
  margin-top: -4px;
  padding-top: 4px;
  max-height: 240px;
  overflow: auto;
}

.main-product-delivery__address-autocomplete-result {
  padding: 12px;
  text-align: left;
  width: 100%
}

.main-product-delivery__address-autocomplete-result:hover {
  color: white;
  background: #00529C;
  width: 100%;
}

.status-icon {
  width: 12px;
  height: 12px;
}

.arrow-down-icon {
  margin-right: 8px;
}

.main-product-delivery__content-message {
  font-size: 12px;
}

.arrow-down-icon--rotated {
  transform: rotate(180deg);
}

.main-product-cnc__stock-status--call-store-mobile {
  display: inline;
}

.main-product-cnc__stock-status--call-store-desktop {
  display: none;
}

@media screen and (min-width: 1024px) {
  .main-product-cnc {
    padding: 20px 16px;
  }

  .main-product-cnc-and-delivery__title {
    font-size: 20px;
  }

  .main-product-cnc__my-store, .main-product-cnc__show-nearby-stores, .main-product-delivery__content-message, .main-product-delivery__stock-status {
    font-size: 16px;
  }

  .main-product-cnc__nearby-store__select {
    font-size: 12px;
  }

  .main-product-cnc__nearby-store__select--select {
    display: none;
  }

  .main-product-cnc__nearby-store__select--select-store {
    display: block;
  }

  .main-product-cnc__stock-status {
    min-width: 162px;
    font-size: 16px;
  }

  .status-icon {
    width: 18px;
    height: 18px;
  }

  .main-product-delivery {
    padding: 16px;
  }
  
  .main-product-cnc__additional-message {
    font-size: 14px;
  }

  .main-product-cnc__stock-status--call-store-mobile {
    display: none;
  }

  .main-product-cnc__stock-status--call-store-desktop {
    display: inline;
  }
}

/* PLP - My Garage */
.my-garage-plp-bar {
  background-color: #001944;
  border-radius: 5px;
  color: #fff;
  padding: 12px 8px 12px 8px;
  margin: 24px 0;
  
}

.my-garage-plp-bar__row {
  display: flex;
  align-items: center;
}

.my-garage-plp-bar__row--desktop {
  justify-content: space-between;
  column-gap: 18px;
}

.my-garage-plp-bar .icon-area {
  padding-right: 16px;
  position: relative;
}

.my-garage-plp-bar .icon-area .checkmark {
  position: absolute;
  right: 7px;
  top: -5px;
}

.my-garage-plp-bar .text-area {
  line-height: 1;
}

.my-garage-plp-bar .header {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.my-garage-plp-bar .subheader {
  font-size: 10px;
  white-space: nowrap;
}

.my-garage-plp-bar .car-selection {
  flex-direction: column;
  row-gap: 8px;
}

.my-garage-plp-bar .car-selection--mobile {
  padding-top: 12px;
}

.my-garage-plp-bar .car-selection__vehicles {
  position: relative;
}

.my-garage-plp-bar .car-selection__vehicles-row {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.my-garage-plp-bar .car-selection__toggle {
  transition: transform 0.3s;
}

.my-garage-plp-bar .car-selection__toggle--active {
  transform: rotate(180deg);
}

.my-garage-plp-bar .car-selection__toggle--mobile {
  margin-left: 8px;
}

.my-garage-plp-bar .car-item {
  column-gap: 12px;
  font-size: 12px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 73px;
  height: 28px;
}

.switch .text-label {
  position: absolute;
  top: 50%;
  left: 18px;
  font-weight: 700;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  border-radius: 30px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  display: flex;
  align-items: center;
  padding: 14px;
  font-family: 'M-Heading-Font';
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
}

.car-selection input {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.car-selection input:checked {
  appearance: none;
  border: none;
  outline: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Crect y='0.5' width='12' height='12' rx='6' fill='%234CAF50'/%3E%3Cpath d='M9.16053 4.07305L9.15975 4.07374L4.79302 8.06584L2.84044 6.28078C2.8404 6.28074 2.84036 6.28071 2.84032 6.28066C2.78374 6.22858 2.70676 6.19928 2.62645 6.19928C2.54613 6.19928 2.46913 6.22859 2.41255 6.2807C2.41252 6.28073 2.41249 6.28075 2.41246 6.28078L2.08915 6.57634C2.08911 6.57639 2.08907 6.57642 2.08903 6.57646C2.03204 6.62819 2 6.69857 2 6.77198C2 6.84541 2.03206 6.9158 2.08907 6.96753C2.08909 6.96756 2.08912 6.96758 2.08915 6.96761L4.58133 9.24597C4.58138 9.24602 4.58143 9.24602 4.58147 9.24607C4.63805 9.29817 4.71503 9.32747 4.79533 9.32747C4.87563 9.32747 4.9526 9.29817 5.00918 9.24607C5.00922 9.24602 5.00927 9.24602 5.00932 9.24597L9.91085 4.76499C9.91085 4.76497 9.91091 4.76495 9.91091 4.76494C9.96794 4.71321 10 4.6428 10 4.56936C10 4.496 9.968 4.42569 9.91113 4.37397C9.91102 4.37389 9.91096 4.37381 9.91085 4.37372L9.58771 4.07406V4.07405L9.58658 4.07305C9.46785 3.96784 9.27921 3.96784 9.16053 4.07305Z' fill='white' stroke='white' stroke-width='0.25'/%3E%3Cpath d='M9.68794 3.41689L9.68702 3.41768L4.5925 7.90879L2.3145 5.90059C2.31446 5.90055 2.31441 5.90051 2.31436 5.90047C2.24835 5.84187 2.15853 5.8089 2.06485 5.8089C1.97113 5.8089 1.8813 5.84188 1.81529 5.9005C1.81526 5.90053 1.81522 5.90056 1.81518 5.90059L1.43799 6.2331C1.43795 6.23315 1.4379 6.23319 1.43785 6.23324C1.37137 6.29143 1.33398 6.3706 1.33398 6.45319C1.33398 6.5358 1.37139 6.615 1.4379 6.67319C1.43793 6.67322 1.43796 6.67325 1.43799 6.67328L4.34554 9.23644C4.34559 9.23649 4.34565 9.23649 4.3457 9.23655C4.41171 9.29516 4.50152 9.32812 4.5952 9.32812C4.68888 9.32812 4.77869 9.29516 4.84469 9.23655C4.84475 9.23649 4.8448 9.23649 4.84486 9.23644L10.5633 4.19532C10.5633 4.19531 10.5634 4.19529 10.5634 4.19528C10.6299 4.13708 10.6673 4.05787 10.6673 3.97524C10.6673 3.89272 10.63 3.81361 10.5636 3.75543C10.5635 3.75534 10.5634 3.75525 10.5633 3.75515L10.1863 3.41804V3.41803L10.185 3.41689C10.0465 3.29854 9.8264 3.29854 9.68794 3.41689Z' fill='white' stroke='white' stroke-width='0.25'/%3E%3C/svg%3E");
}

input:checked + .slider {
  background-color: #00529C;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00529C;
}

input:checked + .slider:before {
  -webkit-transform: translateX(46px);
  -ms-transform: translateX(46px);
  transform: translateX(46px);
}

input:not(:checked) + .slider:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

input:checked + .slider .slider-text--on {
  color: #fff;
}

input:checked + .slider .slider-text--off {
  color: #00529C;
}

input:not(:checked) + .slider .slider-text--on {
  color: #ccc;
}

input:not(:checked) + .slider .slider-text--off {
  color: black;
}

.car-selection__toggle-label {
  white-space: nowrap;
  margin-right: 12px;
  font-size: 12px;
  display: none;
}

@media screen and (min-width: 1024px) {
  .my-garage-plp-bar {
    padding: 12px 24px 12px 40px;
  }

  .my-garage-plp-bar .header {
    font-size: 18px;
    position: relative;
    display: inline-block;
  }

  .my-garage-plp-bar .header:after {
    content: '';
    height: 1px;
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    background: #888888;
  }

  .my-garage-plp-bar .subheader {
    font-size: 12px;
  }

  .my-garage-plp-bar__row--desktop {
    column-gap: 24px;
  }

  .my-garage-plp-bar .car-selection {
    width: 75%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
  }

  .my-garage-plp-bar .car-selection__vehicles {
    flex-grow: 1;
    padding-left: 24px;
    margin-left: -24px;
  }

  .my-garage-plp-bar .car-selection__vehicles-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    column-gap: 24px;
    row-gap: 12px;
  }


  @media screen and (min-width: 1280px) {
    .my-garage-plp-bar .car-selection__vehicles-row {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .my-garage-plp-bar .car-selection__vehicles-row--collapse {
    position: absolute;
    left: 0;
    width: 100%;
    background: #001944;
    border-radius: 5px;
    padding: 12px 0 12px 24px;
    z-index: 10;
  }

  .my-garage-plp-bar .car-item {
    font-size: 16px;
  }

  .switch {
    width: 98px;
    height: 38px;
  }

  .slider {
    padding: 18px;
  }

  .slider:before {
    height: 32px;
    width: 32px;
    bottom: 3px;
  }

  .car-selection input {
    width: 18px;
    height: 18px;
  }

  .car-selection input:checked {
    background-size: 18px;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(58px);
    -ms-transform: translateX(58px);
    transform: translateX(58px);
  }

  .car-selection__toggle-label {
    display: block;
  }

  .slider:before {
    -webkit-transition: .4s;
    transition: .4s;
  }
}


.product-card-compatible {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  text-align: left;
  width: 100%;
}

.product-card-compatible__header {
  padding: 4px 8px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.product-card-compatible__header-text {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.product-card-compatible__header--fit {
  border-radius: 8px 8px 0px 0px;
  background: rgba(76, 175, 80, 0.30)
}

.product-card-compatible__header--not-fit {
  border-radius: 8px;
  background: rgba(236, 28, 36, 0.30);
}

.product-card-compatible__header--no-data {
  border-radius: 8px;
  background: #E9E9E9;
}

.product-card-compatible__content {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #F4F4F4;
  border-radius: 0px 0px 8px 8px;
}

.product-card-compatible__content-category {
  color: black;
  font-family: var(--font-stack-header);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.product-card-compatible__content-text {
  font-size: 12px;
}


/* Header */
.m-header__mobile-text {
  margin-top: 4px;
  font-size: 10px;
}

.m-header__store-name {
  font-size: 14px;
  line-height: normal;
}

.m-header__checkmark {
  position: absolute;
  top: -6px;
  right: -9px;
}

@media screen and (min-width: 1024px) {
  .m-cart-icon-bubble {
    margin-right: 0px;
  }

  .m-header__right {
    align-items: flex-start !important;
  }
  
  .m-header__account {
    padding: 0px !important;
  }

  .m-cart-count {
    top: 0px !important;
  }
}

@media screen and (min-width: 1280px) {
  .m-cart-icon-bubble {
    margin-right: 8px;
  }

  .m-header__account {
    padding: 0px 14px !important;
  }
}