/** Shopify CDN: Minification failed

Line 688:0 Expected "}" to go with "{"

**/
/* ============================================================
   GO STAR MOTOR — GLOBAL PRODUCT CARD
   Unified catalogue card for homepage, collections, search,
   recommendations and related products.
   No grey metadata: white + black/gold only.
   ============================================================ */

.gsm-global-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#0c1015;
  border:1px solid rgba(255,255,255,.15);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.gsm-global-card:hover{
  transform:translateY(-4px);
  border-color:rgba(216,183,90,.72);
  box-shadow:0 18px 40px rgba(0,0,0,.32);
}

/* Image */
.gsm-global-card__media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:radial-gradient(circle at 50% 55%,#242a31 0%,#151a20 52%,#0c1015 100%);
}
.gsm-global-card__image{
  display:block;
  width:92%;
  height:92%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 15px 14px rgba(0,0,0,.3));
  transition:transform .3s ease;
}
.gsm-global-card:hover .gsm-global-card__image{transform:scale(1.035)}
.gsm-global-card__soldout{
  position:absolute;
  top:14px;
  right:14px;
  padding:7px 10px;
  border:1px solid #d8b75a;
  background:#090c10;
  color:#f2d978;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
}

/* Body */
.gsm-global-card__body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:20px 24px 18px;
}
.gsm-global-card__title{
  min-height:69px;
  max-height:69px;
  margin:0 0 10px;
  overflow:hidden;
  font-family:var(--font-body-family),Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.44!important;
  font-weight:650!important;
  text-transform:none!important;
}

.gsm-global-card__title a{
  display:-webkit-box!important;
  width:100%;
  max-height:69px;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  text-overflow:ellipsis;
  color:#f4f5f6!important;
  font:inherit!important;
  text-decoration:none;
}
.gsm-global-card__title a:hover{color:#d8b75a!important}

/* Fitment */
.gsm-global-fitment{
  min-height:66px;
  font-family:var(--font-body-family),Arial,sans-serif;
}
.gsm-global-fitment__label{
  margin-bottom:3px;
  color:#fff;
  font-size:12px;
  line-height:1.3;
  font-weight:600;
}
.gsm-global-fitment__brand{
  margin-bottom:2px;
  color:#d8b75a;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.gsm-global-fitment__brand-sep{
  color:#d8b75a;
  font-weight:500;
}
.gsm-global-fitment__models{
  display:flex;
  align-items:flex-start;
  gap:6px;
  color:#fff;
  font-size:13px;
  line-height:1.45;
  font-weight:550;
}
.gsm-global-fitment__bullet{
  flex:0 0 auto;
  color:#d8b75a;
  font-size:14px;
  line-height:1.35;
}
.gsm-global-fitment__model-text{min-width:0}
.gsm-global-fitment__more,
.gsm-global-fitment__less{
  border:0;
  background:none;
  color:#f2d978;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.gsm-global-fitment__more{
  display:inline;
  margin-left:4px;
  padding:0;
  white-space:nowrap;
}
.gsm-global-fitment__expanded{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .3s ease,opacity .2s ease,margin .3s ease;
}
.models-open .gsm-global-fitment__expanded{
  max-height:400px;
  margin-top:9px;
  opacity:1;
}
.gsm-global-fitment__grid{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.gsm-global-fitment__grid span{
  padding:5px 7px;
  border:1px solid rgba(216,183,90,.40);
  background:#0d1116;
  color:#fff;
  font-size:10px;
}
.gsm-global-fitment__less{
  margin-top:8px;
  padding:0;
  font-size:10px;
}

/* ------------------------------------------------------------
   PRICE STRIP
   Price now always starts directly after the fixed fitment area.
   The variant count is a visible gold badge on the SAME row.
   This keeps prices aligned across every card.
   ------------------------------------------------------------ */
.gsm-global-price{
  min-height:38px;
  margin-top:0;
  margin-bottom:5px;
  display:flex;
  align-items:center;
}
.gsm-global-price__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:30px;
}
.gsm-global-price__values{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.gsm-global-price strong{
  color:#d8b75a;
  font-size:22px;
  line-height:1;
  white-space:nowrap;
}
.gsm-global-price strong small{
  margin-right:4px;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.gsm-global-price s{
  color:#fff;
  font-size:12px;
  font-weight:600;
  text-decoration-thickness:1px;
}
.gsm-global-price__discount{
  padding:5px 7px;
  background:#d8b75a;
  color:#090c10;
  font-size:9px;
  font-weight:900;
  line-height:1;
}

/* Actions are bottom-aligned independently from the price.
   This means all prices line up, while CTA buttons stay tidy. */
.gsm-global-card__actions{
  margin-top:0;
  min-height:0;
}
.gsm-global-hidden{display:none!important}
.gsm-global-card form{margin:0}

.gsm-global-card__bottom{
  margin-top:auto;
  padding-top:0;
}


/* ============================================================
   VARIANT SELECTOR
   Sits directly above the CTA button.
   Custom black/gold menu so it does not use the browser's
   white native option popup.
   ============================================================ */
.gsm-global-card__variant-slot{
  position:relative;
  width:100%;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:5px 0 7px;
}

.gsm-global-card__variant{
  position:relative;
  width:100%;
  display:block;
}

.gsm-global-variant__trigger{
  position:relative;
  box-sizing:border-box;
  width:100%;
  min-height:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 38px 0 12px;
  border:1px solid #d8b75a;
  border-radius:0;
  background:#0d1116;
  color:#f2d978;
  font-family:var(--font-body-family),Arial,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.gsm-global-variant__trigger:hover,
.gsm-global-variant__trigger:focus-visible,
.gsm-global-variant__trigger.is-open{
  background:#d8b75a;
  color:#090c10;
}

.gsm-global-variant__trigger-text{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
}

.gsm-global-variant__chevron{
  position:absolute;
  right:13px;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-4px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transform-origin:center;
  transition:transform .18s ease,margin .18s ease;
  pointer-events:none;
}

.gsm-global-variant__trigger.is-open .gsm-global-variant__chevron{
  margin-top:-2px;
  transform:rotate(225deg);
}

.gsm-global-variant__menu{
  position:absolute;
  z-index:60;
  left:0;
  bottom:calc(100% + 6px);
  width:100%;
  max-width:none;
  transform:translateY(5px);
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}

.gsm-global-variant__menu.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.gsm-global-variant__menu-inner{
  max-height:250px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:7px 5px 7px 7px;
  border:1px solid #d8b75a;
  background:#090c10;
  box-shadow:0 16px 34px rgba(0,0,0,.48);

  /* Firefox */
  scrollbar-width:thin;
  scrollbar-color:#2a2d31 transparent;
}

/* Chrome / Edge / Safari */
.gsm-global-variant__menu-inner::-webkit-scrollbar{
  width:5px;
}
.gsm-global-variant__menu-inner::-webkit-scrollbar-track{
  background:transparent;
}
.gsm-global-variant__menu-inner::-webkit-scrollbar-thumb{
  background:#24272b;
  border-radius:999px;
}
.gsm-global-variant__menu-inner::-webkit-scrollbar-thumb:hover{
  background:#3a3e43;
}
.gsm-global-variant__menu-inner::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

.gsm-global-variant__choice{
  box-sizing:border-box;
  width:100%;
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 12px;
  padding:7px 9px;
  border:0;
  border-bottom:1px solid rgba(216,183,90,.22);
  background:#0d1116;
  color:#fff;
  font-family:var(--font-body-family),Arial,sans-serif;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}

.gsm-global-variant__choice:last-child{
  border-bottom:0;
}

.gsm-global-variant__choice:hover,
.gsm-global-variant__choice:focus-visible,
.gsm-global-variant__choice.is-selected{
  background:#19150b;
  color:#fff;
}

.gsm-global-variant__choice:hover .gsm-global-variant__choice-name,
.gsm-global-variant__choice:focus-visible .gsm-global-variant__choice-name,
.gsm-global-variant__choice.is-selected .gsm-global-variant__choice-name{
  color:#fff!important;
}

.gsm-global-variant__choice-name{
  min-width:0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#fff!important;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}

.gsm-global-variant__choice-price{
  color:#f2d978;
  font-size:11px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
}





/* Variant products begin with a disabled CTA until an option is chosen. */
.gsm-global-card__button.is-waiting{
  border-color:#d8b75a;
  background:#0d1116;
  color:#d8b75a;
  cursor:not-allowed;
  opacity:.72;
}

/* CTA */
.gsm-global-card__button{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:40px;
  padding:0 12px;
  border:1px solid #d8b75a;
  background:transparent;
  color:#d8b75a;
  font-family:var(--font-body-family),Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  transition:.18s ease;
}
.gsm-global-card__button:hover{
  background:#d8b75a;
  color:#090c10;
}
.gsm-global-card__button.is-disabled{
  border-color:#765f22;
  background:#0d1116;
  color:#9f8030;
  cursor:not-allowed;
}
.gsm-global-card__placeholder{
  width:100%;
  height:100%;
  background:#151a20;
  color:#d8b75a;
}

/* Collection + search product grids */
.template-search,
.template-search__results,
.collection .product-grid-container,
.section-main-collection-product-grid,
.related-products{color:#f4f5f6}
.template-search,
.template-search__results,
.section-main-collection-product-grid{background:#090c10}
.template-search__header h1,
.collection-hero__title,
.related-products__heading{color:#f4f5f6!important}
.template-search .field__input{
  background:#0d1116!important;
  color:#fff!important;
  border-color:rgba(216,183,90,.35)!important;
}
.template-search .field__label{color:#fff!important}
.template-search .search__button{color:#d8b75a!important}
.collection-hero{background:#090c10!important}
.collection-hero__description{color:#fff!important}
.collection-hero__title{font-weight:900!important;letter-spacing:-.02em}
.collection-hero__title:before{content:'//';margin-right:10px;color:#d8b75a}
.facets-wrapper,.facets,.facet-filters,.facets-container{color:#f4f5f6}
.facets__heading,.facets__summary,.facet-filters__label,.facet-filters__sort,.product-count__text,.mobile-facets__open,.mobile-facets__sort .select__select{color:#f4f5f6!important}
.facet-filters__sort,.facets__summary{background:#0d1116!important}
.facets__display,.mobile-facets__inner{background:#0d1116!important;color:#fff!important}
.facets__label,.mobile-facets__label{color:#f4f5f6!important}
.active-facets__button-inner{
  background:#11161c!important;
  border-color:rgba(216,183,90,.45)!important;
  color:#d8b75a!important;
}
.pagination__item{color:#f4f5f6!important}
.pagination__item--current{color:#d8b75a!important}

/* Horizontal complementary cards */
.gsm-global-card--horizontal{
  display:grid;
  grid-template-columns:96px 1fr;
  min-height:120px;
}
.gsm-global-card--horizontal .gsm-global-card__media{
  aspect-ratio:1/1;
  height:100%;
}
.gsm-global-card--horizontal .gsm-global-card__body{padding:12px}
.gsm-global-card--horizontal .gsm-global-card__title{
  min-height:auto;
  max-height:38px;
  margin-bottom:7px;
  font-size:12px!important;
}
.gsm-global-card--horizontal .gsm-global-fitment{min-height:0}
.gsm-global-card--horizontal .gsm-global-fitment__label{font-size:9px}
.gsm-global-card--horizontal .gsm-global-fitment__brand{font-size:11px}
.gsm-global-card--horizontal .gsm-global-fitment__models{font-size:9px}
.gsm-global-card--horizontal .gsm-global-price{
  min-height:0;
  margin:8px 0;
}
.gsm-global-card--horizontal .gsm-global-price strong{font-size:14px}
.gsm-global-card--horizontal .gsm-global-price__options,
.gsm-global-card--horizontal .gsm-global-fitment__expanded,
.gsm-global-card--horizontal .gsm-global-fitment__more{display:none}
.gsm-global-card--horizontal .gsm-global-card__variant-slot{
  display:none;
}
.gsm-global-card--horizontal .gsm-global-card__button{
  min-height:34px;
  font-size:8px;
}

/* Responsive */
@media(max-width:800px){
  .gsm-global-card__body{padding:18px}
  .gsm-global-card__title{font-size:14px!important}
  .gsm-global-fitment__brand{font-size:16px}
  .gsm-global-price strong{font-size:19px}
}

@media(max-width:520px){
  .gsm-global-card__image{width:94%;height:94%}
  .gsm-global-card__body{padding:13px}
  .gsm-global-card__title{
    min-height:52px;
    max-height:52px;
    font-size:12px!important;
  }

  .gsm-global-card__title a{
    max-height:52px;
    -webkit-line-clamp:3;
    text-overflow:ellipsis;
  }
  .gsm-global-fitment{min-height:66px}
  .gsm-global-fitment__label{margin-bottom:2px;font-size:9px}
  .gsm-global-fitment__brand{margin-bottom:1px;font-size:14px}
  .gsm-global-fitment__models{gap:4px;font-size:9px;line-height:1.4}
  .gsm-global-fitment__bullet{font-size:10px}
  .gsm-global-fitment__grid span{padding:5px 6px;font-size:8px}

  .gsm-global-price{
    min-height:34px;
    margin-top:5px;
    margin-bottom:2px;
  }
  .gsm-global-price__row{
    gap:7px;
  }
  .gsm-global-price strong{font-size:16px}
  .gsm-global-price strong small{font-size:8px}
  .gsm-global-price s{font-size:9px}
  .gsm-global-price__discount{padding:4px 5px;font-size:7px}

  .gsm-global-card__variant-slot{
    min-height:28px;
    margin-bottom:4px;
  }

  .gsm-global-variant__trigger{
    min-height:28px;
    height:28px;
  }

  .gsm-catalogue-surface{background:#090c10!important;color:#f4f5f6!important}
.gsm-catalogue-surface .collection{background:transparent!important}
.gsm-catalogue-surface .loading-overlay{background:#090c10!important}
.template-search{background:#090c10!important;min-height:60vh}
.template-search .template-search__results{background:transparent!important}
.template-search .loading-overlay{background:#090c10!important}


/* ============================================================
   TITLE ELLIPSIS FIX
   Clamp is intentionally applied to the clickable <a> because
   that is the actual text box. This makes "..." appear at the
   end of line 3 when more title text exists.
   ============================================================ */
.gsm-global-card__title > a{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
}


/* ============================================================
   FINAL PRODUCT INFORMATION ORDER
   TITLE → FITMENT → OPTIONS → PRICE → CTA
   Selector is full-width and left aligned.
   ============================================================ */

@media(max-width:520px){
  .gsm-global-card__variant-slot{
    width:100%;
    min-height:29px;
    margin:4px 0 6px;
  }

  .gsm-global-variant__trigger{
    width:100%;
    min-height:29px;
    height:29px;
    padding:0 34px 0 10px;
    font-size:8px;
    text-align:left;
  }

  .gsm-global-variant__trigger-text{
    text-align:left;
  }

  .gsm-global-variant__chevron{
    right:11px;
  }

  .gsm-global-price{
    min-height:34px;
    margin-top:0;
    margin-bottom:4px;
  }

  .gsm-global-card__button{
    min-height:37px;
  }
}