/* BEGIN HEALEY FINAL UI CLEANUP 20260707
   SRP image clarity, VDP no-flash gallery, Garage saved deal cleanup, and readable payment modal type.
*/

/* --- SRP / inventory image clarity on large screens --- */
.inv-photo,
.vehicle-photo,
.inventory-card-photo,
.vehicle-card-photo{
  background:#eef3f9;
  transform:translateZ(0);
}
.inv-photo img,
.vehicle-card img,
.inventory-card img,
.inventory-card-photo img,
.vehicle-card-photo img{
  image-rendering:auto!important;
  -ms-interpolation-mode:bicubic;
  backface-visibility:hidden;
  transform:translateZ(0);
  will-change:auto!important;
}
.inv-card:hover .inv-photo img{
  transform:translateZ(0) scale(1.018)!important;
}
@media(min-width:1440px){
  .inv-grid{gap:20px!important;}
  .inv-photo{height:190px!important;}
}
@media(min-width:1800px){
  .inv-layout{gap:28px!important;}
  .inv-grid{grid-template-columns:repeat(3,minmax(300px,1fr))!important;gap:22px!important;}
  .inv-photo{height:205px!important;}
}

/* --- VDP gallery: remove white/opacity flash and use a subtle slide motion --- */
.gallery-main{
  opacity:1!important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1)!important;
  will-change:transform;
  background:#eef3f9!important;
}
.gallery-main.hb-slide-prev-start{transform:translateX(-18px)!important;}
.gallery-main.hb-slide-next-start{transform:translateX(18px)!important;}
.gallery-main.hb-slide-settle{transform:translateX(0)!important;}
.gallery,
.gallery-main,
.gallery-thumbs img{
  image-rendering:auto!important;
  backface-visibility:hidden;
}

/* --- My Garage saved deal actions: remove View/Edit and center the remaining buttons --- */
.hb-garage-deal-actions-clean,
.saved-deal-actions,
.garage-saved-deal-actions,
.garage-deal-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin-top:14px!important;
}
.hb-garage-deal-actions-clean .btn,
.saved-deal-actions .btn,
.garage-saved-deal-actions .btn,
.garage-deal-actions .btn{
  width:auto!important;
  min-width:124px!important;
  max-width:170px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  text-align:center!important;
  justify-content:center!important;
}
.hb-garage-deal-actions-clean .btn.danger,
.saved-deal-actions .btn.danger,
.garage-saved-deal-actions .btn.danger,
.garage-deal-actions .btn.danger{
  min-width:124px!important;
}
@media(max-width:560px){
  .hb-garage-deal-actions-clean,
  .saved-deal-actions,
  .garage-saved-deal-actions,
  .garage-deal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .hb-garage-deal-actions-clean .btn,
  .saved-deal-actions .btn,
  .garage-saved-deal-actions .btn,
  .garage-deal-actions .btn{width:100%!important;max-width:none!important;min-width:0!important;}
}

/* --- Payment modal: keep the compact layout but make text readable again --- */
.healey-payment-modal{
  width:min(900px,calc(100vw - 32px))!important;
  max-width:900px!important;
}
.healey-payment-modal-head{padding:12px 20px 10px!important;}
.healey-payment-modal-kicker{font-size:10px!important;}
.healey-payment-modal-title{font-size:clamp(28px,3.8vw,40px)!important;line-height:1!important;}
.healey-payment-modal-sub{font-size:12.5px!important;line-height:1.28!important;max-width:760px!important;}
.healey-payment-modal-body{padding:10px 12px!important;}
.healey-payment-modal-body .hcalc{
  grid-template-columns:365px minmax(0,1fr)!important;
  gap:9px 10px!important;
  padding:11px!important;
}
.healey-payment-modal-body .hc-top-out .hc-result,
.healey-payment-modal-body .hc-result{padding:10px 14px!important;gap:18px!important;}
.healey-payment-modal-body .hc-top-out .hc-result .hc-pay,
.healey-payment-modal-body .hc-result .hc-pay{font-size:clamp(42px,5.2vw,56px)!important;}
.healey-payment-modal-body .hc-top-out .hc-result .hc-pay span,
.healey-payment-modal-body .hc-result .hc-pay span{font-size:14px!important;}
.healey-payment-modal-body .hc-top-out .hc-result .hc-apr,
.healey-payment-modal-body .hc-result .hc-apr{font-size:11px!important;line-height:1.15!important;}
.healey-payment-modal-body .hc-top-out .hc-result .hc-apr b,
.healey-payment-modal-body .hc-result .hc-apr b{font-size:18px!important;}
.healey-payment-modal-body .hc-tab{min-height:36px!important;font-size:11px!important;}
.healey-payment-modal-body .hc-grid.compact{gap:8px 9px!important;}
.healey-payment-modal-body .hc-field label{font-size:10px!important;line-height:1.1!important;letter-spacing:.08em!important;}
.healey-payment-modal-body .hc-input,
.healey-payment-modal-body .hc-select{
  min-height:38px!important;
  height:38px!important;
  font-size:14px!important;
  padding:7px 10px!important;
}
.healey-payment-modal-body .hc-tax-lookup{grid-template-columns:112px 78px!important;gap:6px!important;}
.healey-payment-modal-body #hc-zip{width:112px!important;max-width:112px!important;}
.healey-payment-modal-body .hc-tax-btn{width:78px!important;min-width:78px!important;min-height:38px!important;height:38px!important;}
.healey-payment-modal-body .hc-tax-btn::after{font-size:10.5px!important;}
.healey-payment-modal-body .hc-tax-status{font-size:9.5px!important;max-height:24px!important;line-height:1.15!important;}
.healey-payment-modal-body .hc-seg button{min-height:36px!important;font-size:11.5px!important;}
.healey-payment-modal-body .hc-trade-card{min-height:38px!important;padding:8px 10px!important;}
.healey-payment-modal-body .hc-checkrow{font-size:10.5px!important;}
.healey-payment-modal-body .hc-details-toggle,
.healey-payment-modal-body .hc-compare-toggle{min-height:36px!important;font-size:10px!important;}
.healey-payment-modal-body .hc-promo p{font-size:9.5px!important;line-height:1.25!important;}
.healey-payment-modal-body .hc-crow{font-size:10.5px!important;}
.healey-payment-modal-body .hc-crow .hc-cmeta{font-size:9px!important;}
.healey-payment-modal-foot{padding:10px 12px!important;gap:10px!important;}
.healey-payment-modal-note{font-size:10px!important;line-height:1.22!important;}
.healey-payment-footer-disclaimer{font-size:10px!important;}
.healey-payment-actions .btn{min-height:38px!important;padding:8px 13px!important;font-size:10px!important;}
#healey-start-purchase{min-width:142px!important;}
#healey-save-deal{min-width:112px!important;}
#healey-payment-modal-close2{min-width:76px!important;}
.healey-payment-save-status{font-size:9.5px!important;}

@media(max-width:760px){
  .healey-payment-modal{width:calc(100vw - 16px)!important;max-width:none!important;}
  .healey-payment-modal-body .hcalc{display:block!important;}
  .healey-payment-modal-title{font-size:24px!important;}
  .healey-payment-modal-sub{font-size:11px!important;}
  .healey-payment-modal-body .hc-top-out .hc-result{width:100%!important;}
  .healey-payment-modal-body .hc-grid.compact{grid-template-columns:1fr 1fr!important;}
  .healey-payment-modal-body .hc-tax-lookup{grid-template-columns:112px 78px!important;}
  .healey-payment-modal-foot{display:grid!important;grid-template-columns:1fr!important;}
  .healey-payment-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;}
  .healey-payment-actions .btn{width:100%!important;min-width:0!important;}
}
@media(max-width:480px){
  .healey-payment-modal-body .hc-grid.compact{grid-template-columns:1fr!important;}
  .healey-payment-actions{grid-template-columns:1fr 1fr!important;}
}
/* END HEALEY FINAL UI CLEANUP 20260707 */
