* {
  box-sizing: border-box;
  margin: 0px;
}

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #efefef;
}

.header-brand {
  grid-area: header;
}

.items-list {
  grid-area: items;
}

.order-name {
  grid-area: order;
}

.payment-info {
  grid-area: payment;
}

.price-summary {
  grid-area: price;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}

.price-part {
  display: flex;
  width: 100%;
  padding: 0px 275px;
}

.price-part .price-part-label {
  flex: 4;
}

.price-part .price-part-value {
  flex: 1;
}

.price-part-total {
  margin-top: 20px;
  font-weight: 600;
}

.price-part-label::after {
  content: ':';
}

.actions {
  grid-area: actions;
}

.body-page {
  grid-area: body;
}

.body-left {
  grid-area: left;
}

.body-right {
  grid-area: right;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.page {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "header"
    "body"
  ;
  row-gap: 35px;
}

.body-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
    "left right"
    "left right"
    "price price"
    "actions actions"
  ;
  row-gap: 25px;
  column-gap: 35px;
  margin: 20px;
}

.header-brand {
  background-color: #43281c;
  color: #fbf2c0;
  width: 100%;
  font-size: 10px;
  display: flex;
  justify-content: center;
  padding: 10px;
}

.brand {
  position: relative;
  top: 7px;
  margin-left: 5px;
}

.header-brand-img {
  max-width: 40px;
}

.card {
  background-color: #ede0d4;
  padding: 5px 15px 23px 15px;
  border-radius: 5px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.card-title {
  color: #43281c;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 20px;
}

.form {
  position: relative;
  display: inline-block;
  width: 100%;
}

.form-input {
  background-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-color: #43281c;
  padding: 7px 7px 7px 27px;
  border-radius: 100px;
  width: 100%;
}

.form-label {
  background-color: #ede0d4;
  color: #43281c;
  font-size: 12px;
  position: absolute;
  left: 25px;
  top: -7px;
  padding: 0px 3px;
}

.payment-info:last-child {
  margin-top: 10px;
}

.ccv-number {
  width: 140px;
  margin-top: 10px;
}

.place-order {
  width: 100%;
  background-color: #ddb892;
  padding: 10px;
  border-radius: 100px;
  border-style: none;
}

.item {
  display: flex;
  align-items: baseline;
}

.item .item-quantity {
  flex: 1;
}

.item .item-content {
  flex: 7;
}

.item .item-price {
  flex: 1;
}

.item-quantity::after {
  content: "x";
}

.item-title {
  font-size: 15px;
}

.item-subtitle {
  font-size: 14px;
  font-weight: 100;
  color: #43281c;
}

.item-price {
  font-weight: 600;
}

.item:not(:last-child) {
  border-bottom: 1px solid #43281c;
  padding-bottom: 15px;
  margin-bottom: 15px;
}