.product-card .product-type{margin-bottom:8px}
.product-variants{display:grid;gap:4px;margin:0 0 10px}
.product-variants span{display:flex;gap:6px;min-width:0;color:#654b5a;font-size:11px;line-height:1.25}
.product-variants em{flex:0 0 35px;color:var(--pink-dark);font-style:normal;font-weight:800}
.cart{max-height:calc(100vh - 30px);min-height:0;overflow:hidden}
.cart-action{padding:14px 18px 16px;border-bottom:1px solid var(--line);background:#fff8fb}
.cart-action .total{margin:0 0 10px}
.cart-list{min-height:150px;overflow-y:auto}
.scan #barcode-submit{flex:0 0 auto;border:0;border-radius:9px;padding:9px 14px;background:var(--pink);color:#fff;font-weight:800;transition:.18s}
.scan #barcode-submit:active{transform:scale(.96);background:var(--pink-dark)}
.scan #barcode-submit.success{background:#21895d}
.scan #barcode-submit.error{background:#d62c57}
@media(min-width:700px) and (max-width:1100px){#pos.view{padding-left:18px;padding-right:18px}.pos-layout{grid-template-columns:minmax(280px,1fr) 270px;gap:14px}.product-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px}.cart{position:sticky;top:10px;max-height:calc(100vh - 20px)}.cart-head,.cart-action,.cart-bottom{padding-left:14px;padding-right:14px}}
@media(max-width:699px){.pos-layout{grid-template-columns:1fr}.cart{order:-1;position:static;max-height:none;overflow:visible}.cart-list{max-height:34vh}.scan #barcode-submit{padding:9px 11px}}