#compactCart{position:fixed;right:16px;bottom:16px;width:350px;max-width:calc(100vw - 24px);z-index:1800;background:white;border:1px solid #e4d6ee;border-radius:16px;box-shadow:0 6px 24px #2c123326;overflow:hidden;color:#321042;font:600 14px Barlow,sans-serif}#compactCart button{font:inherit;cursor:pointer;min-height:46px;border:0;padding:10px 14px;background:#6a0e9c;color:white}#compactCart .compactHead{display:flex;justify-content:space-between;gap:12px;width:100%;align-items:center}#compactCart .compactDetails{display:none}#compactCart.expanded .compactDetails{display:block}#compactCart .compactLines{max-height:240px;overflow:auto;padding:8px 14px}#compactCart .compactLines p{padding:8px 0;border-bottom:1px solid #eee;line-height:1.4}#compactCart .compactActions{display:flex;justify-content:space-between;padding:8px;gap:8px}#compactCart .compactMin{background:#f5eef8;color:#6a0e9c}#compactCart button:focus-visible{outline:3px solid #f25d9c;outline-offset:-3px}@media(max-width:899px){#compactCart{right:12px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}#shelves{padding-bottom:90px!important}body{padding-bottom:68px}}#compactCart{z-index:2090}#vendVeil,#itemVeil{bottom:68px!important}.basket,#liveCart{display:none!important}
@media(max-width:899px){.zoneChips{bottom:76px!important}.mcRow{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;padding:12px}.mcRow .th{grid-column:1;grid-row:1/3;align-self:start}.mcRow .nm{grid-column:2/4;grid-row:1}.mcRow .nm b{overflow-wrap:anywhere}.mcRow .stp{grid-column:2;grid-row:2;justify-content:flex-start}.mcRow .lt{grid-column:3;grid-row:2;align-self:center}}

#vBody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}#vBody .vrow{display:flex;flex-direction:column;gap:8px;border:1px solid #e6dcec;border-radius:12px;padding:8px;min-width:0;background:white}#vBody .vrow .vthumb{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;flex:none}#vBody .vcat,#vBody .vload,#vBody .g4VendorBrand{grid-column:1/-1}.g4VendorBrand{display:flex;align-items:center;gap:12px;padding:18px;border-top:1px solid #e6dcec;margin-top:16px}.g4VendorBrand img{width:60px;height:60px;object-fit:contain}.g4VendorBrand span{font-size:13px;font-weight:700}@media(max-width:359px){#vBody{grid-template-columns:1fr}}

/* Shared restaurant framework: one signature card above the two-column menu. */
#vBody .vrow.menuSignature{min-height:440px;grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:0 0 18px;overflow:hidden;border:1px solid #e6dff0;border-radius:16px;background:#faf7ff;}
#vBody .vrow.menuSignature .vthumb{width:100%;height:auto;max-height:330px;aspect-ratio:16/9;object-fit:contain;background:#fff;}
#vBody .vrow.menuSignature>div{padding:14px 20px 6px;}
#vBody .vrow.menuSignature b{font-size:24px;line-height:1.2;}
#vBody .vrow.menuSignature p{display:block;-webkit-line-clamp:unset;max-width:480px;margin:8px auto;line-height:1.5;}
#vBody .vrow.menuSignature>span{position:static;align-self:center;padding:2px 12px;font-size:18px;}
@media(max-width:600px){#vBody .vrow.menuSignature{min-height:380px;}#vBody .vrow.menuSignature .vthumb{max-height:240px;}#vBody .vrow.menuSignature b{font-size:21px;}}

/* Phone ordering keeps a small orientation map and a separately scrolling menu. */
@media(max-width:899px){
 body.ordering{overflow:hidden!important;}
 body.ordering #mapZone{flex:0 0 28%!important;height:28%!important;min-height:0!important;overflow:hidden!important;}
 body.ordering #g4Experience{display:none;}
 body.ordering #map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;}
 body.ordering #mBtn{top:10px!important;}
 body.ordering #shelves{display:block!important;flex:1 1 0!important;height:0!important;min-height:0!important;overflow-y:auto!important;width:100%!important;}
 body.ordering .zoneChips{bottom:4px!important;}
}