/*
 * OneCloud view cart layout.
 *
 * Keep this file focused on cart.php?a=view. Product storefronts,
 * SSL domain setup, and comparison tables should not add rules here.
 */

#order-onecloud .oc-view-cart-shell,
#order-onecloud .oc-cart-layout {
  margin-right: 0;
  margin-left: 0;
}

#order-onecloud .oc-view-cart-shell > .cart-body-full {
  padding-right: 0;
  padding-left: 0;
}

#order-onecloud .oc-cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 370px);
  gap: 24px;
  align-items: start;
}

#order-onecloud .oc-cart-layout .secondary-cart-body,
#order-onecloud .oc-cart-layout .secondary-cart-sidebar {
  float: none;
  width: auto;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

#order-onecloud .oc-cart-layout .secondary-cart-sidebar {
  position: sticky;
  top: 22px;
}

@media (max-width: 991px) {
  #order-onecloud .oc-cart-layout {
    display: block;
  }

  #order-onecloud .oc-cart-layout .secondary-cart-body {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 24px;
  }

  #order-onecloud .oc-cart-layout .secondary-cart-sidebar {
    position: static;
    margin-top: 24px;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  #order-onecloud .oc-cart-layout .view-cart-items {
    padding-right: 16px;
    padding-left: 16px;
  }
}