body { background:#f5f6fb; color:#202439; }
.menu-header { background:linear-gradient(120deg,#43207d,#7b3aed 65%,#b34ed4); padding:30px 20px; }
.menu-header h3 { font-size:clamp(1.4rem,4vw,2.2rem); }
.menu-header > img { width:72px; height:72px; object-fit:contain; border-radius:18px!important; background:white; padding:6px; }
.public-menu-search,.public-menu-shell,.menu-community { max-width:1200px; margin-inline:auto; }
.public-menu-search { padding:18px 16px; }
.public-menu-search input { border-radius:14px; padding:14px 16px; border:1px solid #ddd9eb; }
.category-tabs { overflow:visible; white-space:normal; padding:12px 16px!important; }
.category-tabs > div { flex-wrap:wrap; max-width:1168px; margin-inline:auto; }
.cat-pill { padding:9px 16px; min-height:40px; border-color:#e5e1ee; }
.cat-pill.active { background:#7b3aed; border-color:#7b3aed; }
.product-card { border-radius:20px; box-shadow:0 3px 18px #291b4910!important; }
.product-card .card-body { padding:16px; }
.product-card .product-name { font-size:1rem; line-height:1.45; min-height:2.9em; }
.product-card .product-price { color:#6e2dd4; }
.product-card .add-btn { padding:9px 16px; min-height:40px; }
.product-card .qty-btn { width:34px; height:34px; }
.cart-panel { inset:0 0 0 auto; width:min(520px,100%); max-height:100dvh; height:100dvh; border-radius:24px 0 0 24px; }
.cart-bar { border-top:1px solid #e5e1ee; padding-bottom:max(12px,env(safe-area-inset-bottom)); }
.menu-community { padding:0 16px 100px; }
@media(max-width:575px) { .cart-panel { inset:auto 0 0; width:100%; height:auto; max-height:90dvh; border-radius:22px 22px 0 0; padding:20px; } .product-card .card-body { padding:12px; } .product-card .product-name { font-size:.9rem; } }