.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #eee;font-family:Poppins,sans-serif;position:relative}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.navbar-logo{height:3rem}.navbar-title{font-size:1.4rem;font-weight:600;color:#222;letter-spacing:.5px}.navbar-actions{display:flex;align-items:center;gap:1rem}.nav-link{text-decoration:none;font-weight:500;color:#444;transition:color .2s ease;padding-left:0rem}.nav-link:hover{color:#000}.logout-btn{border:none;background:#111;color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem}.logout-btn:hover{background:#333}.navbar-subtitle{font-size:.75rem;font-weight:400;color:#777;letter-spacing:.4px;margin-top:1px;text-align:center}.navbar-text{display:flex;flex-direction:column;justify-content:center}.hamburger{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer}@media(max-width:768px){.navbar{position:relative}.navbar-actions.desktop{display:none}.hamburger{display:block;margin-left:auto}.navbar-dropdown{position:absolute;top:100%;right:.75rem;margin-top:.5rem;background:#fff;border:1px solid #ddd;border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem;z-index:1000;box-shadow:0 8px 20px #0000001f}.navbar-dropdown .nav-link,.navbar-dropdown .logout-btn{font:inherit;text-align:left;background:none;border:none;padding:0;cursor:pointer}}body{margin:0;font-family:system-ui,sans-serif}.container{padding:1rem}.navbar{display:flex;justify-content:space-between;padding:1.5rem;background:#eee}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;justify-items:center}.card{width:18rem;display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 6px #0000001a;background:#fff;margin:1rem}.card-image-wrapper{width:100%;max-height:18rem;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:10px;margin-bottom:1rem}.card-image{width:100%;height:auto;display:block;object-fit:contain;max-height:100%}.card-title{text-align:center;margin:.5rem 0;font-size:1.2rem}.card-description{text-align:center;font-size:.95rem;color:#555;margin-bottom:.5rem}.card-price{font-size:1rem;color:#222;margin-bottom:.5rem}.card-whatsapp{display:flex;align-items:center;gap:.5rem}.whatsapp-icon{width:3rem;height:auto;display:block}.form{max-width:400px;display:flex;flex-direction:column;gap:.5rem}.error{color:red}#main-heading{text-align:center}.search-container{gap:15px;justify-content:center;margin:30px auto;max-width:800px;padding:0 20px;border-radius:50px;border:2px solid #e0e0e0;height:2rem}.filter{border:1px solid #e0e0e0;padding-left:1rem;padding-right:2rem;border-radius:50px;background-color:#fff;box-shadow:0 2px 5px #0000000d;cursor:pointer;transition:all .3s;min-width:100px;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 15px) center;height:2rem}.whatsapp-order{display:flex;align-items:center;gap:.5rem}