.main-cart{padding:3rem 0}
.cart-items{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}
.cart-item{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}
.cart-item__media{display:block;background:#f1eadb}
.cart-item__title{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--color-heading)}
.cart-item__variant{color:var(--color-muted);font-size:.85rem;margin:.25rem 0}
.cart-item__price{font-weight:500;margin:.5rem 0}
.cart-item__controls{display:flex;align-items:center;gap:1rem}
.cart-item__remove{color:var(--color-muted);font-size:.85rem;text-decoration:underline;cursor:pointer}
.cart-footer{max-width:420px;margin-left:auto;padding-top:1rem}
.cart-subtotal{display:flex;justify-content:space-between;font-size:1.1rem;margin-bottom:.5rem}
.cart-note{color:var(--color-muted);font-size:.85rem;margin-bottom:1rem}
.cart-drawer{position:fixed;inset:0;z-index:200;visibility:hidden;opacity:0;transition:opacity .25s}
.cart-drawer[aria-hidden=false]{visibility:visible;opacity:1}
.cart-drawer__overlay{position:absolute;inset:0;background:rgba(31,26,23,.4)}
.cart-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--color-bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease}
.cart-drawer[aria-hidden=false] .cart-drawer__panel{transform:none}
.cart-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--color-border)}
.cart-drawer__header h2{margin:0;font-size:1.25rem}
.cart-drawer__close{background:none;border:none;cursor:pointer}
.cart-drawer__body{flex:1;overflow-y:auto;padding:1.25rem}
.cart-drawer__footer{padding:1.25rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}
.empty-state--drawer{background:none;border:none;padding:2rem 0}