/* Keep summary in its own row; sticky positioning crossed over recommendations. */
.cart-layout>.summary{position:static;min-width:0}
.cart-layout>[data-cart-items],.cart-layout>.cart-recommendations{min-width:0}
.cart-layout>.cart-recommendations{grid-column:1/-1;max-width:100%}
.cart-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cart-suggestion>a,.cart-suggestion img{max-width:100%;min-width:0}
.cart-layout .cart-item .remove,.cart-drawer-panel .cart-item .remove{position:static;grid-column:2;justify-self:start;width:auto;height:auto;min-height:32px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;line-height:1.4;font-size:13px;color:#555;text-decoration:none;margin-top:0;background:#fff;cursor:pointer}
.cart-layout .cart-item .remove:hover,.cart-drawer-panel .cart-item .remove:hover{color:#9d2222;border-color:#9d2222}
/* Shrink the coupon input's intrinsic width inside mobile summary grids. */
.cart-layout{min-width:0}
.cart-layout>.summary{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
.cart-layout>.summary>*{min-width:0;max-width:100%}
.cart-layout .coupon-form{min-width:0;width:100%;grid-template-columns:minmax(0,1fr) auto}
.cart-layout .coupon-form input{width:100%;min-width:0;max-width:100%}
.cart-layout .summary-row{min-width:0;overflow-wrap:anywhere}
.cart-layout .summary-row>*{min-width:0}
@media(max-width:1080px){.cart-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.cart-layout .coupon-form input{font-size:16px}.cart-layout .summary-row>span:last-child{text-align:right;max-width:55%}.cart-layout .cart-checkout{font-size:16px;white-space:normal}}
/* Start the cart heading below the fixed header at every screen size. */
body .cart-page-heading{padding-top:112px}
@media(max-width:1000px){body .cart-page-heading{padding-top:100px}}
@media(max-width:550px){body .cart-page-heading{padding-top:90px}}