/* PupVibes 8.9.38 — checkout finishing pass
   - step tracker restyled to match the Figma breadcrumb look
   - mascot aligned like the cart page
   - minor summary spacing polish
*/

/* Step tracker: compact breadcrumb style like the Figma reference */
body#checkout .checkout-steps{
  margin:0 0 18px!important;
}
body#checkout .checkout-steps__desktop{
  display:block!important;
}
body#checkout .checkout-steps__list{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body#checkout .checkout-steps__step{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  position:relative!important;
  margin:0 18px 0 0!important;
  padding:0!important;
}
body#checkout .checkout-steps__step:last-child{
  margin-right:0!important;
}
body#checkout .checkout-steps__step::after{
  content:"—";
  display:inline-block!important;
  margin-left:18px!important;
  color:#b8b0a9!important;
  font:400 13px/1 'DM Sans',sans-serif!important;
}
body#checkout .checkout-steps__step:last-child::after{
  display:none!important;
}
body#checkout .checkout-steps__number{
  display:none!important;
}
body#checkout .checkout-steps__btn{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
  color:#b8b0a9!important;
  text-decoration:none!important;
  font:400 13px/1.2 'DM Sans',sans-serif!important;
}
body#checkout .checkout-steps__btn:hover,
body#checkout .checkout-steps__btn:focus{
  color:#cb6203!important;
}
body#checkout .checkout-steps__step.pv-step-current .checkout-steps__btn,
body#checkout .checkout-steps__step.pv-step-current .checkout-steps__btn:hover,
body#checkout .checkout-steps__step.pv-step-current .checkout-steps__btn:focus{
  color:#cb6203!important;
  font-weight:500!important;
}

/* Summary mascot: same visual anchoring idea as the cart page */
body#checkout .pv-co-summary{
  overflow:visible!important;
}
body#checkout .pv-co-summary__mascot{
  top:-58px!important;
  left:51.5%!important;
  transform:translateX(-50%)!important;
  width:176px!important;
  height:132px!important;
  pointer-events:none!important;
  z-index:2!important;
}
body#checkout .pv-co-summary__mascot img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
body#checkout .pv-co-summary__shell{
  padding-top:30px!important;
}
body#checkout .pv-co-summary__head{
  align-items:flex-start!important;
}
body#checkout .pv-co-summary__count{
  color:#948c85!important;
}

@media (max-width: 767.98px){
  body#checkout .checkout-steps__step{
    margin-right:14px!important;
  }
  body#checkout .checkout-steps__step::after{
    margin-left:14px!important;
  }
  body#checkout .pv-co-summary__mascot{
    width:154px!important;
    height:116px!important;
    top:-52px!important;
    left:50%!important;
  }
}
