/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*
 * Keep the mobile side cart sized against the viewport.
 *
 * Bootstrap may apply dropdown positioning to the zero-width wrapper around
 * the cart. A transformed wrapper then becomes the containing block for the
 * fixed side cart and collapses max-width: 100% to a narrow strip.
 */
.ps-shoppingcart.side-cart #_desktop_blockcart-content.dropdown-menu,
.ps-shoppingcart.side-cart #_mobile_blockcart-content.dropdown-menu {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

.ps-shoppingcart.side-cart #blockcart-content {
  right: 0;
  left: auto;
  width: 340px;
  min-width: 0;
  max-width: 100vw;
}