* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:#f8fafc; line-height:1.6; }
.container { max-width:1200px; margin:0 auto; padding:20px; }
.header { background:white; border-radius:20px; padding:20px 24px; margin-bottom:30px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.1); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; }
.resto-info h1 { font-size:1.8rem; font-weight:700; color:#1e293b; margin-bottom:8px; }
.resto-address, .resto-phone { color:#64748b; font-size:0.95rem; margin:2px 0; }
.social-media a { color:#3b82f6; text-decoration:none; margin-right:10px; }
.table-badge { background:#fef3c7; color:#92400e; padding:8px 16px; border-radius:40px; font-weight:600; display:flex; align-items:center; gap:8px; }
.menu-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.menu-card { background:white; border-radius:24px; padding:20px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.1); transition:transform 0.2s; display:flex; flex-direction:column; }
.menu-card:hover { transform:translateY(-4px); box-shadow:0 20px 25px -5px rgba(0,0,0,0.1); }
.menu-card img { width:100%; height:200px; object-fit:cover; border-radius:16px; margin-bottom:16px; }
.no-image { width:100%; height:200px; background:#f1f5f9; border-radius:16px; display:flex; align-items:center; justify-content:center; color:#94a3b8; }
.menu-card h3 { font-size:1.25rem; font-weight:700; margin-bottom:8px; color:#1e293b; }
.menu-description { color:#64748b; font-size:0.85rem; margin-bottom:12px; flex:1; }
.price { font-size:1.5rem; font-weight:800; color:#3b82f6; margin:12px 0; }
.btn-add { background:#000; color:white; border:none; padding:14px; border-radius:40px; font-weight:600; cursor:pointer; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; }
.btn-add:hover { background:#333; }
.cart-btn { position:fixed; bottom:20px; right:20px; background:#1e293b; color:white; padding:16px 24px; border-radius:50px; text-decoration:none; font-weight:600; box-shadow:0 10px 15px -3px rgba(0,0,0,0.2); display:flex; align-items:center; gap:10px; z-index:999; }
.cart-btn:hover { background:#334155; }
@media (max-width:768px){ .menu-grid{grid-template-columns:1fr;} }

/* Tambahkan di bagian akhir file atau sesuaikan */

/* Mengecilkan ukuran teks pada kartu menu */
.menu-card h3 {
    font-size: 1.1rem;
    margin-bottom: 6px;
}
.menu-description {
    font-size: 0.75rem;
    line-height: 1.4;
    margin-bottom: 8px;
}
.price {
    font-size: 1.2rem;
    margin: 8px 0;
}
.btn-add {
    font-size: 0.9rem;
    padding: 10px;
}

/* Jika ingin tabel keranjang di halaman order (opsional) */
.cart-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.cart-table th,
.cart-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}
.cart-table th {
    background: #f8fafc;
    font-weight: 600;
}
.qty-btn {
    padding: 4px 8px;
    margin: 0 4px;
    background: #e2e8f0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}