/* =========================================================
   Rev272Z — SHOPPING CART BACKGROUND FINAL VISUAL FIX
   CSS/image only. No cart/session/checkout/payment logic.
   ========================================================= */

body.cart-page{
  background:#050505!important;
}

/* The artwork itself now contains the smooth side vignette and bottom feather.
   Render it at its natural wide proportions. No cover, no CSS mask. */
body.cart-page::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:30px!important;
  height:680px!important;
  pointer-events:none!important;

  background-image:url("images/cart-static-background-vignette-v272z.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:min(1532px,100vw) auto!important;

  opacity:.78!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Kill the older overlay/mask layer completely so it cannot make a box. */
body.cart-page::after{
  content:none!important;
  display:none!important;
}

body.cart-page .shop-header,
body.cart-page .cart-shell,
body.cart-page .cart-upcoming,
body.cart-page footer,
body.cart-page .site-footer{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:680px){
  body.cart-page::before{
    top:26px!important;
    height:470px!important;
    background-size:auto 470px!important;
    background-position:center top!important;
    opacity:.58!important;
  }
}