/* PupVibes 8.9.32 — checkout screen closer to the expected Figma composition. */
body#checkout .pv-checkout-page{padding-top:20px!important;}
body#checkout .pv-checkout-nav{margin-bottom:22px!important;}
body#checkout .pv-checkout-grid{align-items:start!important;}

/* Breadcrumb-style top navigation */
body#checkout .checkout-steps__list{display:flex!important;justify-content:flex-start!important;gap:18px!important;align-items:center!important;}
body#checkout .checkout-steps__step{display:flex!important;align-items:center!important;min-width:auto!important;}
body#checkout .checkout-steps__step::after{display:none!important;}
body#checkout .checkout-steps__number{display:none!important;}
body#checkout .checkout-steps__step button,
body#checkout .checkout-steps__step a{padding:0!important;background:transparent!important;color:#8b8580!important;font:400 12px/1.2 'DM Sans',sans-serif!important;}
body#checkout .checkout-steps__step:not(:last-child)::before{content:'—'!important;color:#b9b2ac!important;margin:0 0 0 18px!important;order:2!important;}
body#checkout .checkout-steps__step button{order:1!important;}
body#checkout .checkout-steps__step:has(.active) button,
body#checkout .checkout-steps__step:has([aria-selected='true']) button{color:#cb6203!important;font-weight:500!important;}

/* Left side card closer to screenshot */
body#checkout .step{border-radius:18px!important;background:#fff!important;border-color:#dfd5c7!important;overflow:visible!important;}
body#checkout .step__title{padding:18px 22px 0!important;}
body#checkout .step__title .page-title-section{font-size:32px!important;line-height:1.05!important;color:#cb6203!important;}
body#checkout .step__content{padding:10px 22px 22px!important;}
body#checkout #personal-information-tabs .nav-link{font-size:15px!important;}
body#checkout .form-control,body#checkout .form-select,body#checkout input[type=text],body#checkout input[type=email],body#checkout input[type=tel],body#checkout input[type=password],body#checkout input[type=date]{height:40px!important;min-height:40px!important;border-radius:6px!important;border-color:#ddd5c8!important;font-size:12px!important;}
body#checkout .form-control-comment,body#checkout .form-text,body#checkout .help-block{font-size:11px!important;color:#948c85!important;}
body#checkout .form-label,body#checkout .form-control-label{font-size:13px!important;}
body#checkout .buttons-wrapper{display:none!important;} /* use right CTA instead */
body#checkout #checkout-guest-form #customer-form>section{row-gap:12px!important;}

/* Summary + mascot */
body#checkout .pv-checkout-summary-card{position:relative!important;top:0!important;padding:0!important;border-radius:18px!important;border-color:#dfd5c7!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;}
body#checkout .pv-co-summary__mascot{position:absolute!important;top:-76px!important;left:50%!important;transform:translateX(-50%)!important;width:200px!important;height:150px!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{position:relative!important;background:#fff!important;border:1px solid #dfd5c7!important;border-radius:18px!important;padding:34px 18px 18px!important;box-shadow:none!important;}
body#checkout .pv-co-summary__head{margin-bottom:10px!important;}
body#checkout .pv-co-summary__head h2{font-size:28px!important;color:#cb6203!important;}
body#checkout .pv-co-summary__count{font-size:13px!important;color:#948c85!important;}
body#checkout .pv-co-summary__products{gap:8px!important;max-height:246px!important;overflow:auto!important;padding-right:4px!important;margin-bottom:14px!important;}
body#checkout .pv-co-product{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding:8px 0!important;border:0!important;border-bottom:1px solid rgba(36,22,8,.08)!important;border-radius:0!important;background:transparent!important;}
body#checkout .pv-co-product:last-child{border-bottom:0!important;}
body#checkout .pv-co-product__image{width:54px!important;height:54px!important;border-radius:6px!important;}
body#checkout .pv-co-product__name{font-size:12px!important;line-height:1.2!important;}
body#checkout .pv-co-product__total{font-size:12px!important;}
body#checkout .pv-co-product__desc{margin-top:4px!important;color:#8b8580!important;font:400 10px/1.25 'DM Sans',sans-serif!important;}
body#checkout .pv-co-summary__pricing{padding-top:10px!important;}
body#checkout .pv-co-summary__line{margin:0 0 6px!important;font-size:14px!important;}
body#checkout .pv-co-summary__line strong{font-size:14px!important;}
body#checkout .pv-co-summary__divider{margin:10px 0 12px!important;}
body#checkout .pv-co-summary__total{font-size:16px!important;align-items:baseline!important;}
body#checkout .pv-co-summary__total strong{font-size:34px!important;line-height:1!important;}
body#checkout .pv-co-summary__cta{margin-top:14px!important;}
body#checkout .pv-co-summary__continue{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:44px!important;border:0!important;border-radius:8px!important;background:#fc8501!important;color:#241608!important;font:500 15px/1 'DM Sans',sans-serif!important;box-shadow:none!important;}
body#checkout .pv-co-summary__continue span{font-size:18px!important;line-height:1!important;}
body#checkout .pv-co-summary__voucher{display:none!important;}
body#checkout .pv-checkout-backline{display:flex!important;justify-content:center!important;margin-top:20px!important;}
body#checkout .pv-checkout-backlink{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#a14c0b!important;font:400 12px/1.2 'DM Sans',sans-serif!important;text-decoration:none!important;}
body#checkout .pv-checkout-backlink::before{content:'↩'!important;font-size:12px!important;}

@media (max-width:991.98px){
  body#checkout .pv-co-summary__mascot{display:none!important;}
  body#checkout .checkout-steps__mobile{display:block!important;}
  body#checkout .checkout-steps__desktop{display:none!important;}
  body#checkout .pv-checkout-backline{margin-top:14px!important;}
}