/* 2.8.7: isolate the existing cart layout from legacy theme/Additional CSS. */
html body.sbh-figma-commerce.woocommerce-cart .entry-content,
html body.sbh-figma-commerce.woocommerce-cart .entry-content > .woocommerce {
  display:block!important; width:100%!important; max-width:100%!important;
  min-width:0!important; margin:0!important; padding:0!important;
  float:none!important; grid-template-columns:none!important; gap:0!important;
}
html body.sbh-figma-commerce.woocommerce-cart .entry-content > .woocommerce::before,
html body.sbh-figma-commerce.woocommerce-cart .entry-content > .woocommerce::after {display:none!important}
html body.sbh-figma-commerce #sbh-cart {
  box-sizing:border-box; display:block!important; width:100%!important; min-width:0!important;
  max-width:1320px!important; margin:48px auto 80px!important; padding:0 24px!important;
  float:none!important; grid-column:1/-1!important; color:#2b2927;
}
html body.sbh-figma-commerce #sbh-cart .sbh-cart-layout {
  display:grid!important; grid-template-columns:minmax(0,1fr) 320px!important;
  align-items:start; gap:48px!important; width:100%!important; min-width:0;
}
html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form {
  display:block!important; width:100%!important; max-width:100%!important;
  min-width:0!important; float:none!important; margin:0!important; padding:0!important;
  grid-column:1!important; grid-row:1!important;
}
html body.sbh-figma-commerce #sbh-cart .cart-collaterals {
  display:block!important; width:100%!important; min-width:0!important; max-width:100%!important;
  float:none!important; margin:0!important; padding:0!important; position:static!important;
  grid-column:2!important; grid-row:1/3!important;
}
html body.sbh-figma-commerce #sbh-cart h1 {font-size:30px!important;line-height:1.2!important;font-weight:700!important;margin:0 0 38px!important}
html body.sbh-figma-commerce #sbh-cart h2 {font-size:20px!important;line-height:1.35!important;font-weight:700!important;margin:0 0 24px!important}
html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form :is(thead,tbody) {width:100%!important}
html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form tr.woocommerce-cart-form__cart-item,
html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form thead tr {
  display:grid!important; grid-template-columns:80px minmax(0,1fr) 80px 100px 24px 84px!important;
  gap:12px!important; width:100%!important;
}
html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form td {
  float:none!important; min-width:0!important; width:auto!important; max-width:100%!important;
  font-size:14px!important; line-height:1.5!important; letter-spacing:normal!important;
}
html body.sbh-figma-commerce #sbh-cart .product-name {
  display:flex!important; flex-direction:column!important; white-space:normal!important;
  word-break:normal!important; overflow-wrap:anywhere!important; text-align:left!important;
}
html body.sbh-figma-commerce #sbh-cart td.product-name > a {font-size:14px!important;line-height:1.5!important;font-weight:500!important}
html body.sbh-figma-commerce #sbh-cart .product-name :is(dl,dt,dd,p) {font-size:12px!important;line-height:1.4!important;font-weight:400!important;margin:0!important}
html body.sbh-figma-commerce #sbh-cart .product-name dl {margin-top:8px!important}
html body.sbh-figma-commerce #sbh-cart .product-thumbnail img {width:76px!important;height:80px!important;object-fit:contain!important}
html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form .product-subtotal {position:static!important;transform:none!important}
html body.sbh-figma-commerce #sbh-cart .sbh-cart-item-delivery {font-size:11px!important;line-height:1.4!important}
html body.sbh-figma-commerce #sbh-cart .sbh-cart-delivery {grid-column:1!important;grid-row:2!important}
html body.sbh-figma-commerce #sbh-cart .sbh-cart-delivery h2 small {font:inherit!important}
/* Keep readable item columns on tablets; the order summary follows the items. */
@media(max-width:1100px) {
  html body.sbh-figma-commerce #sbh-cart .sbh-cart-layout {grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  html body.sbh-figma-commerce #sbh-cart .cart-collaterals {grid-column:1!important;grid-row:2!important}
  html body.sbh-figma-commerce #sbh-cart .sbh-cart-delivery {grid-column:1!important;grid-row:3!important}
}
@media(max-width:767px) {
  html body.sbh-figma-commerce #sbh-cart {padding:0 14px!important;margin:26px auto 50px!important}
  html body.sbh-figma-commerce #sbh-cart h1 {font-size:23px!important;margin-bottom:24px!important}
  html body.sbh-figma-commerce #sbh-cart h2 {font-size:18px!important;margin-bottom:20px!important}
  html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form thead {display:none!important}
  html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form tr.woocommerce-cart-form__cart-item {
    grid-template-columns:64px minmax(0,1fr) minmax(74px,auto)!important;gap:10px 10px!important;
  }
  html body.sbh-figma-commerce #sbh-cart .product-thumbnail img {width:64px!important;height:76px!important}
  html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form .product-name {grid-column:2/4!important;grid-row:1!important}
  html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form .product-price {grid-column:2/4!important;grid-row:2!important}
  html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form .product-quantity {grid-column:2!important;grid-row:3!important}
  html body.sbh-figma-commerce #sbh-cart .woocommerce-cart-form .product-subtotal {grid-column:3!important;grid-row:3!important}
  html body.sbh-figma-commerce #sbh-cart .sbh-quantity {max-width:100%!important}
  html body.sbh-figma-commerce #sbh-cart .sbh-qty-button {flex-basis:24px!important;width:24px!important;min-width:24px!important}
  html body.sbh-figma-commerce #sbh-cart .sbh-quantity input.qty {width:28px!important;min-width:24px!important}
  html body.sbh-figma-commerce #sbh-cart .sbh-cart-item-delivery {font-size:11px!important}
}