/* M8WL SkyAuto v0.8.21 — product detail refinement from PPT annotations. */
.single-product .m8-product-primary{
  display:grid!important;
  grid-template-columns:minmax(410px,.98fr) minmax(0,1.02fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.single-product .m8-product-gallery-column,.single-product .m8-product-summary-column{min-width:0;width:100%!important;max-width:none!important}
.single-product .woocommerce-product-gallery{position:relative;width:100%!important;margin:0!important}
.single-product .woocommerce-product-gallery__image>a{min-height:410px!important;padding:8px!important}
.single-product .woocommerce-product-gallery__image img{max-height:500px!important;object-fit:contain!important}
.single-product .flex-control-thumbs{margin-top:10px!important}

/* Custom gallery arrows — visible only when multiple gallery images exist. */
.single-product .m8-gallery-arrow{
  position:absolute;z-index:20;top:45%;display:grid;place-items:center;width:42px;height:42px;margin:0;border:1px solid rgba(15,91,77,.22);border-radius:50%;background:rgba(255,255,255,.94);color:#0f5b4d;box-shadow:0 8px 22px rgba(12,45,38,.12);transform:translateY(-50%);cursor:pointer;transition:.18s
}
.single-product .m8-gallery-arrow:hover{background:#0f5b4d;color:#fff;border-color:#0f5b4d}
.single-product .m8-gallery-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.single-product .m8-gallery-arrow--prev{left:12px}.single-product .m8-gallery-arrow--next{right:12px}

.single-product .summary{padding:22px!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(16,35,31,.055)!important}
.single-product .m8-product-summary-eyebrow{margin-bottom:8px!important}
.single-product .m8-stock-pill,.single-product .m8-fitment-badge{font-size:11px!important}
.single-product .product_title{max-width:720px!important;margin:0 0 8px!important;font-size:clamp(28px,2.12vw,33px)!important;line-height:1.08!important;letter-spacing:-.028em!important}
.single-product .m8-live-price{margin:10px 0 8px!important;font-size:27px!important;line-height:1.1!important}
.single-product .m8-product-value-points>p{margin:0!important;color:#53645e!important;font-size:13px!important;line-height:1.48!important}
.single-product .m8-product-value-points ul{display:grid!important;grid-template-columns:1fr 1fr;gap:5px 12px!important;margin:9px 0 0!important}
.single-product .m8-product-value-points li{min-width:0;font-size:12px!important;line-height:1.35!important}
.single-product .m8-product-value-points li:last-child{grid-column:1/-1}

/* Fitment card: no content collision; CTA gets a readable click target. */
.single-product .m8-fitment-action{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px 11px!important;
  margin:11px 0 14px!important;
  padding:11px 12px!important;
  border-radius:11px!important;
  background:#f4f8f6!important;
}
.single-product .m8-fitment-action__icon{grid-row:1/3!important;grid-column:1!important;width:38px!important;height:38px!important;border-radius:9px!important;align-self:start!important}
.single-product .m8-fitment-action__icon svg{width:20px!important}
.single-product .m8-fitment-action>div:nth-child(2){grid-column:2!important;min-width:0;display:grid!important;gap:2px}
.single-product .m8-fitment-action small{font-size:10px!important;line-height:1.2!important}
.single-product .m8-fitment-action strong{font-size:14px!important;line-height:1.24!important;overflow-wrap:anywhere}
.single-product .m8-fitment-action span{font-size:11px!important;line-height:1.3!important;color:#65756f}
.single-product .m8-fitment-action>a{
  grid-column:2!important;justify-self:start;min-width:190px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px!important;border:1px solid #bfd4cc;border-radius:8px!important;background:#fff!important;color:#0f5b4d!important;font-size:13px!important;font-weight:900!important;line-height:1.2;text-align:center;white-space:normal
}
.single-product .m8-fitment-action>a:hover{background:#0f5b4d!important;color:#fff!important;border-color:#0f5b4d}

.single-product .m8-detail-options{margin-top:12px!important}
.single-product .m8-detail-options legend{margin-bottom:8px!important;font-size:14px!important}
.single-product .m8-detail-options__list,.single-product .m8-detail-options>div{gap:8px!important}
.single-product .m8-detail-options button{min-height:50px!important;padding:10px 11px!important;gap:8px!important;border-radius:9px!important}
.single-product .m8-detail-options button strong,.single-product .m8-detail-options button b{font-size:12px!important;line-height:1.3!important}
.single-product .m8-detail-options button small{font-size:11px!important;color:#64746e!important}
.single-product .m8-detail-selection-message{margin-top:7px!important;padding:7px 9px!important;font-size:11px!important}
.single-product .single_variation_wrap{margin-top:8px!important}
.single-product form.cart .quantity input,.single-product .single_add_to_cart_button,.single-product .m8-buy-now{min-height:46px!important;height:46px!important}

.single-product form.cart:not(.variations_form){display:grid!important;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;align-items:center!important;width:100%!important}
.single-product form.cart:not(.variations_form)>.quantity{grid-column:1!important;width:100%!important;margin:0!important;float:none!important}
.single-product form.cart:not(.variations_form)>.single_add_to_cart_button{grid-column:2!important;width:100%!important;margin:0!important;float:none!important}
.single-product form.cart:not(.variations_form)>.m8-buy-now{grid-column:3!important;width:100%!important;margin:0!important;float:none!important}
.single-product form.cart:not(.variations_form)>input[type="hidden"]{display:none!important}
.single-product .woocommerce-variation-add-to-cart{display:grid!important;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
.single-product .woocommerce-variation-add-to-cart>.quantity{grid-column:1!important;margin:0!important;width:100%!important}
.single-product .woocommerce-variation-add-to-cart>.single_add_to_cart_button{grid-column:2!important;width:100%!important;margin:0!important}
.single-product .woocommerce-variation-add-to-cart>.m8-buy-now{grid-column:3!important;width:100%!important;margin:0!important}
.single-product .woocommerce-variation-add-to-cart>input[type="hidden"]{display:none!important}

/* The crossed-out trust bar from the PPT is intentionally removed from product pages. */
.single-product .m8-product-assurance,.single-product .m8-gallery-support,.single-product .m8-product-summary-column .m8-purchase-trust{display:none!important}
.single-product .m8-product-secondary{margin-top:18px!important}

@media(max-width:1080px){
  .single-product .m8-product-primary{grid-template-columns:minmax(350px,.92fr) minmax(0,1.08fr)!important;gap:18px!important}
  .single-product .product_title{font-size:clamp(27px,2.7vw,31px)!important}
}
@media(max-width:860px){
  .single-product .m8-product-primary{grid-template-columns:1fr!important}
  .single-product .m8-product-summary-column{order:2}.single-product .m8-product-gallery-column{order:1}
  .single-product .m8-gallery-arrow{width:40px;height:40px}
}
@media(max-width:620px){
  .single-product .summary{padding:18px!important}
  .single-product .product_title{font-size:28px!important}
  .single-product .m8-product-value-points ul{grid-template-columns:1fr}.single-product .m8-product-value-points li:last-child{grid-column:auto}
  .single-product .m8-fitment-action>a{grid-column:1/-1!important;width:100%;min-width:0;box-sizing:border-box}
  .single-product form.cart:not(.variations_form),.single-product .woocommerce-variation-add-to-cart{grid-template-columns:76px minmax(0,1fr)!important}
  .single-product form.cart:not(.variations_form)>.m8-buy-now,.single-product .woocommerce-variation-add-to-cart>.m8-buy-now{grid-column:1/-1!important}
}


/* v0.8.22 — compact 3-column fitment row: icon | vehicle info | CTA. */
.single-product .m8-fitment-action{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:11px!important;
  row-gap:0!important;
  margin:11px 0 14px!important;
  padding:11px 12px!important;
  min-height:64px!important;
  border-radius:11px!important;
  background:#f4f8f6!important;
  box-sizing:border-box!important;
}
.single-product .m8-fitment-action__icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
}
.single-product .m8-fitment-action>div:nth-child(2){
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
  align-content:center!important;
}
.single-product .m8-fitment-action small{
  margin:0!important;
  font-size:10px!important;
  line-height:1.15!important;
}
.single-product .m8-fitment-action strong{
  margin:0!important;
  font-size:14px!important;
  line-height:1.22!important;
  overflow-wrap:anywhere!important;
}
.single-product .m8-fitment-action span{
  margin:0!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:#65756f!important;
}
.single-product .m8-fitment-action>a{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:auto!important;
  min-width:165px!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid #bfd4cc!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0f5b4d!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.single-product .m8-fitment-action>a:hover{
  background:#0f5b4d!important;
  color:#fff!important;
  border-color:#0f5b4d!important;
}
@media(max-width:720px){
  .single-product .m8-fitment-action{
    grid-template-columns:40px minmax(0,1fr)!important;
    row-gap:9px!important;
  }
  .single-product .m8-fitment-action>a{
    grid-column:1/-1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
  }
}