/** Shopify CDN: Minification failed

Line 227:8 Expected ":"

**/
.section-finder {
    background-color: var(--color-background);
    color: var(--color-text);
    position:relative;
    z-index:0;
    max-width:calc(1800px + (calc(4px * 4) * 2));
    max-width:calc(var(--max-width) + (var(--space-outer) * 2));
    max-width:calc(1800px + calc(calc(4px * 4) * 2));
    max-width:calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin:0 auto;
    padding:0 calc(4px * 4) 0;
    padding:var(--section-style-spacing-top, 0) var(--space-outer) var(--section-style-spacing-bottom, 0);
}

.finder {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  white-space: normal;
  gap: 38px;
}
.finder > select, .select__select > select {
  border: 0px solid var(--color-border-input);
}
.finder .select-wrapper select.input option {
  background-color: #FFFFFF;
  color: #111111;
}
.finder .select-wrapper select.input option:disabled {
  color: #777777;
  font-weight: var(--font-weight-button, 600);
}

/* Keep the dropdown readable regardless of the parent's colour variables
    (slideshow and overlay text containers set --color-background to #000). */
.finder .select-wrapper select.input {
  background-color: var(--color-background-input, #FFFFFF);
  color: var(--color-text-input, #111111);
  color-scheme: light;
}

.finder .select-wrapper .icon {
  color: var(--color-text-input, #111111);
}

@media (min-width: 960px){
  .finder {
    flex-direction: row;
  }
}
@media (max-width: 959px){
  .finder {
    flex-direction: column;
  }
}

.meganav__secondary .finder {
  flex-direction: column; 
}

.select__select {
  text-align: left;
  position: relative;
  transition: all .55s cubic-bezier(.25,1,.5,1);
}

@media (min-width: 1025px){
  .select__select {
    width: 100%;
  }
}
@media (max-width: 1024px){
  .select__select {
    width: 100%;
  }
}

.dropdown {
  width: 100%;
  text-align: left;
  position: relative;
  background: white;
  transition: all .55s cubic-bezier(.25,1,.5,1);
  height: 100% !important;
}

.dropdown > option {
  position: absolute;
  max-height: 0;
  background: #ffffff;
  overflow: auto;
  transition: max-height .55s cubic-bezier(.25,1,.5,1);
}
.dropdown:focus > option {
  max-height: 289px;
}

.search-button {
  width: 100%;
}
@media (max-width: 1024px){
  .search-button {
  }
}

@media (min-width: 960px) {
  .mobile-garage-finder,
  .garage-finder-mobile-trigger {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .garage-finder-inline-desktop {
    display: none;
  }

  .garage-finder-mobile-trigger {
    display: inline-flex;
    width: 100%;
    gap: 10px;
  }
}

.quick-garage-finder .account-overview__links {
  margin-top: 0px;
}

.garage-finder-inline-desktop .section-blocks__image {
    margin-top: 8px;
    margin-top: var(--spacing-2);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2);
}

.garage-finder-inline-desktop img {
  filter: brightness(0) invert(1);  
}

.garage-finder-mobile-trigger img {
  filter: brightness(0) invert(1);
}

.garage-finder-mobile-trigger .section-blocks__image {
  margin: 0px;
}

.quick-garage-finder .quick-cart__container {
  background-color: var(--color-background);
}

.quick-cart__header {
  min-height: 56px;
  padding: 0 16px !important;
  padding: 0 var(--spacing-4) !important;
  border-bottom: 0px solid var(--color-border-alt) !important;
  box-shadow: 0 1px 0 0 var(--color-text-popups-drawers-alpha-10);
  z-index: inherit;
}

.quick-cart__heading {
  color: var(--color-accent) !important;
  padding: 12px 0;
  padding: var(--spacing-3) 0;
}

.mobile-garage-finder__form {
  padding: 12px 16px;
  padding: var(--spacing-3) var(--spacing-4);
}

.mobile-garage-finder__form-heading {
  padding: 12px 0;
  padding: var(--spacing-3) 0;
}

.garage-finder-mobile-trigger {
  z-index:-1 !important;
  position:relative;
  visibility:visible;
  transition:transform 300ms cubic-bezier(0.33, 0, 0, 1), visibility 0s 0s cubic-bezier(0.33, 0, 0, 1), background-color 500ms 0s cubic-bezier(0.33, 0, 0, 1), color 500ms cubic-bezier(0.33, 0, 0, 1);
  transition:transform var(--duration-fast) var(--easing), visibility 0s 0s var(--easing), background-color var(--duration-normal) 0s var(--easing), color var(--duration-normal) var(--easing) !important;
  background-color:var(--color-background-main-menu);
  color:var(--color-text-main-menu);
}

.nav-bar-hidden .garage-finder-mobile-trigger {
  visibility:hidden;
  transform:translateY(calc(var(--garage-finder-height) * -1));
  transition:transform cubic-bezier(0.33, 0, 0, 1) 300ms, visibility 0s cubic-bezier(0.33, 0, 0, 1) 300ms, background-color 500ms 300ms cubic-bezier(0.33, 0, 0, 1), box-shadow 0s 300ms cubic-bezier(0.33, 0, 0, 1);
  transition:transform var(--easing) var(--duration-fast), visibility 0s var(--easing) var(--duration-fast), background-color var(--duration-normal) var(--duration-fast) var(--easing), box-shadow 0s var(--duration-fast) var(--easing) !important;;
}

body[data-quick-search-open=true] .garage-finder-mobile-trigger {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
  transition: visibility 0s var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing);
}

.garage-finder-inline-desktop {
  background-color: var(--color-background-header);
  padding: 4px 0;
  padding: var(--spacing-1) 0;    
}

.garage-finder-inline-desktop .finder__inner {
  display:inline-flex;
  align-items: center;
  gap: 36px;
  gap: var(--spacing-9);
  width: 100%;
}

.garage-finder-inline-desktop .section-blocks__image {
  width: 15%;
}

.garage-finder-inline-desktop .finder {
  width: 100%;
  height auto
  margin: auto;
}

.garage-finder-inline-desktop .garage-button {
  width: 100%;
  gap: 10px;
}
.garage-finder-inline-desktop .garage-button .icon {
  width: 16px;
  height: 16px;
}

.garage-finder-inline-desktop .header__account-quick-view {
  right: auto;

}

.garage-finder-inline-desktop .header__account-quick-view-wrapper {
  width: 100%
}