/* V5.3.98: the checkout product has THREE cells (image, name, amount).
   Older two-cell 62/38 rules and a flex row overflow the summary panel. */
html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item {
  display:grid!important;
  grid-template-columns:clamp(64px,16%,86px) minmax(0,1fr) max-content!important;
  align-items:start!important;
  column-gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td {
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  padding:8px 0!important;
  box-sizing:border-box!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td:first-child img {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name--text {
  overflow-wrap:anywhere!important;
  text-align:left!important;
  white-space:normal!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-total {
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
/* Kalium puts the existing-customer login in the far-right title action. */
html body.woocommerce-checkout:not(.woocommerce-order-received) .page-heading__container > .row {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:14px!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) .page-heading__action-container {
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  align-self:flex-start!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) .page-heading__action-container .checkout-login-form__icon {
  display:none!important;
}
html body.woocommerce-checkout:not(.woocommerce-order-received) .page-heading__action-container .checkout-login-form {
  max-width:100%!important;
  min-height:44px!important;
  align-items:center!important;
  padding:8px 0!important;
}
@media(max-width:620px){
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item {
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:0 12px!important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td:first-child {grid-column:1!important;grid-row:1 / span 2!important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name--text {grid-column:2!important;grid-row:1!important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-total {grid-column:2!important;grid-row:2!important;text-align:left!important;padding-top:0!important}
}