/* Shared cart and toast styles */
.cart-float{position:fixed;right:20px;bottom:100px;width:56px;height:56px;border-radius:50%;background:#8b2d1f;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.18);z-index:1100;text-decoration:none}
.cart-count{position:absolute;top:-6px;right:-6px;background:#FFD700;color:#8b2d1f;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center}
.cart-modal{position:fixed;right:20px;bottom:170px;width:320px;max-height:60vh;overflow:auto;background:#fffef8;border:1px solid #e0d2b5;box-shadow:0 12px 40px rgba(0,0,0,0.15);border-radius:8px;padding:12px;z-index:1200;display:none}
.cart-modal h3{margin:0 0 10px 0;color:#8b2d1f}
.cart-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}
.cart-actions{margin-top:10px;display:flex;gap:8px}
.whatsapp-float{position:fixed;width:60px;height:60px;bottom:20px;right:20px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(37,211,102,0.4);z-index:1000}
.whatsapp-float svg{width:32px;height:32px;fill:#fff}
/* cart icon SVG should be white and sized similar to WhatsApp */
.cart-float svg{ width:28px; height:28px; stroke:#fff; fill:none; stroke-width:2; }
#toast { position: fixed; right: 20px; bottom: 180px; background: rgba(0,0,0,0.8); color: #fff; padding: 10px 14px; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); z-index:1300; display:none; font-weight:600; }
/* per-item controls inside cart modal */
.cart-item { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed #eee; align-items:center; }
.cart-item .left { max-width: 60%; }
.cart-item .right { text-align:right; min-width:100px }
.qty-controls { display:inline-flex; align-items:center; gap:6px; margin-top:6px }
.qty-controls button { background:transparent; border:1px solid #e0d2b5; padding:6px 8px; border-radius:6px; cursor:pointer; color:#8b2d1f }
.remove-btn { background:transparent; border:none; color:#b33; font-weight:700; cursor:pointer; margin-left:8px }
.item-total { font-weight:700; color:#4a3a2f }
.cart-total { margin-top:10px; font-weight:800; text-align:right; color:#8b2d1f }

/* Checkout dialog */
.checkout-overlay{ position:fixed; inset:0; background: rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; z-index:1400 }
.checkout-dialog{ background:#fffdf5; border-radius:10px; padding:18px; width:320px; max-width:90%; box-shadow:0 20px 40px rgba(0,0,0,0.25); border:1px solid #e0d2b5 }
.checkout-dialog h4{ margin:0 0 10px 0; color:#8b2d1f }
.checkout-dialog label{ display:block; font-weight:700; margin-top:10px; color:#4a3a2f }
.checkout-dialog input, .checkout-dialog textarea{ width:100%; padding:8px 10px; border:1px solid #e0d2b5; border-radius:6px; margin-top:6px }
.checkout-actions{ display:flex; gap:8px; justify-content:flex-end; margin-top:12px }
.checkout-actions button{ padding:8px 12px; border-radius:6px; cursor:pointer; border:none }
.btn-secondary{ background:#f1ebd7; color:#8b2d1f }
.btn-primary{ background:#8b2d1f; color:white }