main.shopping-cart {
  padding: 0 var(--content-hpadding);
}

main.shopping-cart .page-title {
  text-transform: uppercase;
}

main.shopping-cart .cart__preorder-info {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 5px;
}

main.shopping-cart .empty-shopping-cart {
  padding: 50px 0;
  font-size: 12px;
}

main.shopping-cart .shopping-cart-layout {
  display: grid;
  grid-template-columns: 5fr 2fr;
  gap: 40px;
  padding: 50px 0;
  text-transform: uppercase;
}

main.shopping-cart .shopping-cart-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

main.shopping-cart .shopping-cart-summary {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

main.shopping-cart .shopping-cart-summary .shopping-cart-value {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

main.shopping-cart .shopping-cart-summary .cart-price--alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 12px;
}

main.shopping-cart .shopping-cart-summary .cart-price--alt .value {
  font-size: 14px;
}

main.shopping-cart .shopping-cart-summary .cart-price--discount .value {
  color: #d21a1a;
}

main.shopping-cart .shopping-cart-summary .cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

main.shopping-cart .shopping-cart-summary .buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

main.shopping-cart .shopping-cart-summary .buttons button {
  width: 100%;
}

main.shopping-cart .shopping-cart-summary .buttons form {
  display: flex;
  width: 100%;
}

main.shopping-cart .continue-shopping {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  main.shopping-cart .shopping-cart-layout {
    grid-template-columns: 4fr 2fr;
  }
}

@media screen and (max-width: 960px) {
  main.shopping-cart .shopping-cart-layout {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  main.shopping-cart .shopping-cart-items,
  main.shopping-cart .shopping-cart-summary {
    width: 100%;
  }
}