/* Keranjang kasir: ukuran teks dan kontrol yang lebih mudah dibaca. */
@media (min-width: 1200px) {
  .pos-layout {
    grid-template-columns: minmax(0, 1fr) clamp(430px, 27vw, 470px);
  }
}

.cart-header {
  font-size: 15px;
  letter-spacing: -.01em;
}

.cart-header .badge,
.cart-controls button,
.cart-controls .auto-price-note {
  font-size: 10.5px;
}

.cart-items {
  padding: 14px;
}

.cart-row {
  padding: 14px;
}

.cart-row-main {
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 12px;
}

.cart-product-thumb {
  width: 60px;
  height: 60px;
  border-radius: 14px;
}

.cart-row-main .cart-row-title strong {
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
}

.cart-row-info > small {
  display: block;
  margin-top: 4px;
  font-size: 10.5px;
  line-height: 1.45;
}

.cart-row-main .price-tier {
  margin-top: 8px;
  font-size: 10.5px;
  line-height: 1.4;
}

.cart-unit-composer {
  margin-top: 12px;
  padding: 13px;
  border-radius: 14px;
}

.cart-unit-heading {
  gap: 10px;
}

.cart-unit-heading strong {
  font-size: 13px;
  font-weight: 800;
}

.cart-unit-heading small {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
}

.cart-unit-heading em {
  padding: 6px 9px;
  border-radius: 9px;
  font-size: 10px;
}

.cart-unit-parts {
  gap: 8px;
  margin-top: 12px;
}

.cart-unit-parts label > span {
  margin-bottom: 6px;
  font-size: 10.5px;
}

.cart-unit-parts input {
  min-height: 40px;
  padding: 7px 8px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cart-unit-parts label > small {
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.35;
}

.cart-unit-parts button {
  min-height: 40px;
  padding: 0 13px;
  border-radius: 10px;
  font-size: 10.5px;
}

.cart-unit-equation {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.5;
}

.cart-row-bottom {
  margin-top: 13px;
}

.qty {
  border-radius: 10px;
}

.qty button {
  min-width: 34px;
  min-height: 36px;
  padding: 5px 10px;
  font-size: 17px;
}

.qty input {
  width: 54px;
  min-height: 36px;
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cart-row-bottom .money {
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.customer-summary-copy strong {
  font-size: 12px;
}

.customer-summary-copy small,
.cart-details,
.change-row {
  font-size: 10.5px;
}

.bill label,
.bill small {
  font-size: 10px;
}

.bill strong {
  font-size: 30px;
}

.payment-row input,
.payment-row select,
.pay-btn {
  font-size: 12px;
}

@media (min-width: 761px) and (max-width: 1190px) {
  .cart-unit-parts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cart-unit-parts button {
    min-height: 40px;
  }
}

@media (max-width: 760px) {
  .cart-row-main {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .cart-product-thumb {
    width: 62px;
    height: 62px;
  }

  .cart-unit-heading strong {
    font-size: 14px;
  }

  .cart-unit-heading small,
  .cart-unit-equation {
    font-size: 11px;
  }

  .cart-unit-parts label > span {
    font-size: 12px;
  }

  .cart-unit-parts input {
    min-height: 44px;
    font-size: 16px;
  }

  .cart-unit-parts label > small,
  .cart-unit-parts button {
    font-size: 11px;
  }
}