.commerce-product {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}

.commerce-product .field {
  margin-bottom: 1.25rem;
}

.commerce-product .field__label {
  margin-bottom: 0.35rem;
  color: var(--calder-muted, var(--shop-muted));
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.commerce-product .field--name-field-artist-images {
  display: grid;
  gap: var(--shop-space-3);
}

.commerce-product .field--name-field-artist-images img {
  width: 100%;
  background: var(--calder-surface, var(--shop-surface));
}

.commerce-product .field--name-price,
.commerce-product .field--name-variations {
  margin-block: var(--shop-space-4);
}

.commerce-product .field--name-price {
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  font-weight: 400;
}

.commerce-order-item-add-to-cart-form {
  padding: clamp(1.1rem, 3vw, 1.75rem);
  background: var(--calder-surface, var(--shop-surface));
  border: 1px solid var(--calder-border, var(--shop-border));
}

.commerce-order-item-add-to-cart-form .form-item:first-child {
  margin-top: 0;
}

.commerce-order-item-add-to-cart-form select,
.commerce-order-item-add-to-cart-form input[type="number"] {
  max-width: none;
  background: #fff;
}

.commerce-order-item-add-to-cart-form .form-actions {
  margin-top: var(--shop-space-4);
}

.commerce-order-item-add-to-cart-form input[type="submit"] {
  width: 100%;
  min-height: 3rem;
  letter-spacing: 0.02em;
}

.cart-block--summary a {
  text-decoration: none;
}

.view-commerce-cart-form table,
.view-commerce-cart-summary table {
  width: 100%;
  border-collapse: collapse;
}

.view-commerce-cart-form th,
.view-commerce-cart-form td,
.view-commerce-cart-summary th,
.view-commerce-cart-summary td {
  padding: var(--shop-space-3);
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--calder-border, var(--shop-border));
}

.view-commerce-cart-form th,
.view-commerce-cart-summary th {
  color: var(--calder-muted, var(--shop-muted));
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.order-total-line {
  display: flex;
  justify-content: space-between;
  gap: var(--shop-space-4);
  padding-block: var(--shop-space-2);
}

.order-total-line__total {
  padding-top: var(--shop-space-3);
  border-top: 1px solid var(--calder-border, var(--shop-border));
  font-size: 1.15rem;
}

@media (max-width: 50rem) {
  .commerce-product {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 36rem) {
  .view-commerce-cart-form table,
  .view-commerce-cart-form thead,
  .view-commerce-cart-form tbody,
  .view-commerce-cart-form tr,
  .view-commerce-cart-form th,
  .view-commerce-cart-form td {
    display: block;
    width: 100%;
  }

  .view-commerce-cart-form thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .view-commerce-cart-form tr {
    padding-block: 1rem;
    border-bottom: 1px solid var(--calder-border, var(--shop-border));
  }

  .view-commerce-cart-form td {
    padding: 0.35rem 0;
    border: 0;
  }
}