:root {
  --gap:20px;
  --border-color: #DDD; 
  --cart-item-thumb: 100px;
  --cart-item-remove: 20px;
  --cart-item-price: 90px;
  --cart-item-quantity: 180px;
  --cart-item-subtotal: 100px;
}
/* ============= CART PAGE CONTENT ============= */
article.cart-content {margin:10px 0;display:flex;gap:var(--gap)}
article.cart-content > form {flex-grow:2}
article.cart-content > aside {flex-grow:0;flex-shrink:0;width:440px;max-width:100vw}
article.cart-content div.cart_item {display:grid;grid-template-columns:var(--cart-item-thumb) auto var(--cart-item-price) var(--cart-item-quantity) var(--cart-item-subtotal) var(--cart-item-remove);align-items:center;gap:var(--gap);border:1px solid var(--border-color);padding:10px}
article.cart-content div.cart_item + div.cart_item {border-top:none}
article.cart-content div.cart_item div.product-thumbnail {font-size:0}
article.cart-content div.cart_item div.product-price, article.cart-content div.cart_item div.product-subtotal {white-space:nowrap;text-align:right}
article.cart-content div.cart_item div.product-remove > a {display:block;text-align:center;font-weight:bold;font-size:30px;color:#C00} 
article.cart-content > form div.actions {padding-top:var(--gap);padding-bottom:var(--gap)}
article.cart-content div.cart_item div.product-quantity .mkdf-quantity-label {margin-right:0}
article.cart-content .woocommerce-page .mkdf-content .mkdf-quantity-buttons, div.woocommerce .mkdf-quantity-buttons {margin:0}
div.cart_totals div.section-title {font-weight:bold;font-size:1.2em;margin-bottom:var(--gap)}
div.cart_totals section.cart-subtotals p {font-size:14px;margin:0}
div.cart_totals section.cart-subtotals p.form-row {margin:5px 0}
div.cart_totals section.cart-subtotals > div {display:flex;justify-content:space-between;align-items:center}
/*div.cart_totals section.cart-subtotals > div.order-total {border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:var(--gap) 0;margin:var(--gap) 0;font-weight:600;font-size:1.2em}*/
div.cart_totals section.cart-subtotals > div.order-total {border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:var(--gap) 0;margin:var(--gap) 0;font-weight:500;font-size:14px;letter-spacing: .1em;text-transform: uppercase;color: #2b2b2b}
div.cart_totals p.method-labels > span {display:block}

@media (max-width:920px){
  article.cart-content {flex-direction:column;padding:5px}
}

@media (max-width:480px){
  :root {
    --gap: 10px;
  }
  div.cart_totals section.cart-subtotals > div {flex-direction:column;align-items:start}
  
  article.cart-content div.cart_item div.product-thumbnail {grid-area:thumbnail;text-align:center}  
  article.cart-content div.cart_item div.product-name {grid-area:name}
  article.cart-content div.cart_item div.product-price {grid-area:price;font-size:20px}
  article.cart-content div.cart_item div.product-quantity {grid-area:quantity;min-width:190px}
  article.cart-content div.cart_item div.product-subtotal {grid-area:subtotal}
  article.cart-content div.cart_item div.product-remove {grid-area:remove;align-self:end}
  article.cart-content div.cart_item {
    grid-template-columns: 100px auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "thumbnail thumbnail thumbnail" "name name name" "quantity quantity price" "remove subtotal subtotal";
  }  
}