/* Live Shopify bag: the same white canvas and split summary as the checkout design. */
.live-bag-storefront{background:#fff!important;min-height:100vh}
.live-bag-storefront::before,.live-bag-storefront::after{display:none!important}
.hop-live-cart{padding:40px 0 96px;min-height:calc(100vh - 100px);box-sizing:border-box}
.live-bag-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:start}
.live-bag-content{min-width:0}.live-bag-content .checkout-heading{align-items:flex-start;flex-direction:column;gap:20px;margin:24px 0 32px}
.live-bag-line{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:24px;padding:28px 0;border-bottom:var(--hop-border-width,6px) solid #e5e1d7}
.live-bag-image{display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;border-radius:10px;background:#fffdf5}
.live-bag-image img{width:100%;height:100%;display:block;object-fit:cover}
.live-bag-details{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding-block:4px}
.live-bag-title{font-size:18px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.storefront .live-bag-details p{font-size:13px;margin:0}
.live-bag-quantity{display:flex;align-items:center;border:var(--hop-border-width,6px) solid #d8d3c7;border-radius:40px;overflow:hidden;margin-top:auto}
.live-bag-quantity button{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:var(--ink);padding:0}
.live-bag-quantity input{appearance:textfield;-moz-appearance:textfield;width:36px;height:40px;border:0;text-align:center;background:none;font:inherit;color:var(--ink);padding:0}
.live-bag-quantity input::-webkit-inner-spin-button,.live-bag-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.live-bag-quantity .hop-icon{width:16px;height:16px}
.live-bag-end{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px;padding-block:4px;white-space:nowrap;font-size:16px}
.live-bag-end button{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--muted)}
.live-bag-end .hop-icon{width:19px;height:19px}
.live-bag-summary{position:sticky;top:32px;background:#fffdf5;border-radius:16px;padding:36px;margin-top:24px;min-width:0}
.live-bag-summary h2{font-size:26px;margin:0 0 10px}.storefront .live-bag-count{font-size:14px;margin:0;color:var(--muted)}
.live-bag-summary .checkout-totals{font-size:15px;gap:20px;margin-top:32px}.live-bag-summary .checkout-totals>div:not(:first-child):not(:last-child)>span:last-child{font-size:13px}
.live-bag-summary .checkout-summary-note{font-size:12px;text-align:center;line-height:1.6;margin:16px 0 0}
.hop-live-cart button:disabled{opacity:.4;cursor:not-allowed}.hop-live-cart [aria-busy="true"]{cursor:progress}
.hop-live-cart button:focus-visible,.hop-live-cart a:focus-visible,.hop-live-cart input:focus-visible{outline:var(--hop-border-width,6px) solid var(--accent);outline-offset:3px}
.live-bag-skeleton{height:210px;background:#f8f7f2;border-radius:12px}
@media(max-width:1050px){.live-bag-layout{gap:40px}.live-bag-summary{padding:28px}.live-bag-line{grid-template-columns:88px minmax(0,1fr) auto;gap:16px}}
@media(max-width:780px){.hop-live-cart{padding:24px 0 56px}.live-bag-layout{grid-template-columns:1fr;gap:36px}.live-bag-content .checkout-heading{margin:8px 0 20px}.live-bag-summary{position:static;margin:0;padding:24px}.live-bag-line{grid-template-columns:80px minmax(0,1fr) auto;gap:12px;padding:24px 0}.live-bag-title{font-size:16px}.live-bag-end{font-size:14px}.live-bag-quantity button{width:36px;height:40px}.live-bag-quantity input{width:28px}.live-bag-summary h2{font-size:24px}}