/* checkout */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--btn-primary-border);
  background: var(--white-color);
}

.woocommerce-checkout form .form-row,
.woocommerce-checkout form input {
  color: var(--text-color);
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.woocommerce-checkout form.checkout h3:not(.product-name) {
  color: var(--text-color);
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
}

.woocommerce-checkout .col-checkout-review-order > .inner {
  width: 100%;
}

.woocommerce-checkout .wc-checkout-review-order-table tbody tr {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--white-color);
  padding: 16px;
}

.woocommerce-checkout .wc-checkout-review-order-table tbody {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.woocommerce-checkout .wc-checkout-review-order-table .product-thumbnail {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--white-color);
  padding: 8px;
  width: 25%;
  margin-right: 24px;
}

.woocommerce-checkout .wc-checkout-review-order-table .product-thumbnail img {
  aspect-ratio: 1;
  width: 100%;
  object-fit: cover;
}

.woocommerce-checkout .wc-checkout-review-order-table tbody tr .product-total {
  display: none;
}

.woocommerce-checkout .wc-checkout-review-order-table .product-name {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--text-color);
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.woocommerce-checkout
  .wc-checkout-review-order-table
  .product-name
  .product-quantity {
  color: var(--text-color);
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.woocommerce-order-details tfoot tr:not(.order-total, .summary-heading) {
  border-top: none !important;
}

.woocommerce-order-details tfoot tr.order-total,
.woocommerce-order-details tfoot tr.summary-heading {
  padding-top: 24px;
  margin-top: 24px;
}

h3.checkout-payment-info-heading {
  border-top: 1px solid #eee;
  margin-top: 24px;
  padding-top: 24px;
}

.wc-checkout-review-order-table tr:not(.order-total) th {
  color: var(--text-color);
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
}

.wc-checkout-review-order-table tr:not(.order-total) td,
.wc-checkout-review-order-table .cart-subtotal .amount,
.coupon-value .amount {
  color: var(--text-color);
  font-size: var(--text-xs) !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  letter-spacing: 1px;
}

.wc-checkout-review-order-table tfoot .order-total .cart-totals-label {
  color: var(--text-color);
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
}

.wc-checkout-review-order-table tfoot .order-total .amount {
  color: var(--text-color);
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
}

.woocommerce-checkout .woocommerce {
  padding-bottom: 150px;
}

.wc-checkout-review-order-table tbody .product-info {
  width: 100%;
}

@media (max-width: 767px) {
  .woocommerce-checkout .woocommerce {
    padding-bottom: 70px;
  }

  .woocommerce-checkout .wc-checkout-review-order-table .product-thumbnail {
    width: 30%;
    margin-right: 16px;
  }
}