*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}html,body,#root{width:100%;height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;color:#333;line-height:1.6}.product-card{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.product-card img{width:100%;height:200px;object-fit:cover;display:block}.product-info{padding:16px;display:flex;flex-direction:column;flex:1}.product-name{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333}.product-description{font-size:.9rem;color:#666;margin-bottom:12px;flex:1;line-height:1.4}.product-price{font-size:1.25rem;font-weight:700;color:#2ecc71;margin-top:auto}.navbar-right{display:flex;align-items:center;gap:18px;position:static;right:0;top:0}.cart-icon{position:relative;color:#333;font-size:28px;text-decoration:none;margin-left:0}.cart-count{position:absolute;top:-8px;right:-12px;background:#e53935;color:#fff;border-radius:50%;padding:2px 7px;font-size:13px;font-weight:700}.login-icon-box{position:relative;display:inline-block;margin-left:0}.login-icon{cursor:pointer;display:flex;align-items:center}.login-menu{position:absolute;top:36px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #00000014;min-width:120px;z-index:100;padding:8px 0}.login-menu-btn{display:block;width:100%;background:none;border:none;color:#333;font-size:16px;padding:10px 18px;text-align:left;cursor:pointer;border-radius:6px;text-decoration:none}.login-menu-btn:hover{background:#f5f5f5;color:#e53935}.logo-img{padding-right:40px}.navbar-center .nav-links a{color:#fff;text-decoration:none}.navbar-right .cart-icon,.navbar-right .user-icon{color:#fff;text-decoration:none;margin-left:1rem;position:relative}.navbar-right .cart-count{background-color:#13c90c;color:#fff;border-radius:50%;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:-.5rem;right:-.5rem}.navbar-right .cart-count .navbar-right{position:absolute;right:32px;top:32px}.navbar-right .cart-count .cart-icon{position:relative;color:#333;font-size:28px;text-decoration:none;margin-left:24px}.navbar-right .cart-count .cart-count{position:absolute;top:-8px;right:-12px;background:#e53935;color:#fff;border-radius:50%;padding:2px 7px;font-size:13px;font-weight:700}.navbar-right .cart-count .login-icon-box{position:relative;display:inline-block;margin-left:24px}.navbar-right .cart-count .login-icon{cursor:pointer;display:flex;align-items:center}.navbar-right .cart-count .login-menu{position:absolute;top:36px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #00000014;min-width:120px;z-index:100;padding:8px 0}.navbar-right .cart-count .login-menu-btn{display:block;width:100%;background:none;border:none;color:#333;font-size:16px;padding:10px 18px;text-align:left;cursor:pointer;transition:background .2s;border-radius:6px;text-decoration:none}.navbar-right .cart-count .login-menu-btn:hover{background:#f5f5f5;color:#e53935}.cart-qty-input{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px;width:100%;gap:8px}.cart-qty-input button{display:block;min-width:120px;margin-left:8px;font-size:16px;font-weight:600;padding:8px 16px;z-index:1000}.cart-qty-input label{font-size:15px;color:#333}.cart-qty-input input[type=number]{padding:4px 8px;border-radius:4px;border:1px solid #ccc;font-size:15px;margin-left:8px}:root{--primary-color: #333;--text-color: #333;--border-color: #ddd;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color)}.app-container{max-width:1400px;margin:0 auto;padding:20px}h2{margin:30px 0 20px;font-size:2rem;color:var(--primary-color)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;width:100%;padding:0}@media(max-width:1200px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}h2{font-size:1.5rem;margin:20px 0 15px}.app-container{padding:15px}}@media(max-width:400px){.product-grid{grid-template-columns:1fr;gap:12px}h2{font-size:1.25rem}.app-container{margin:40px;padding:10px}}.add-cart-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:15px;cursor:pointer;margin-top:10px;transition:background .2s}.add-cart-btn:disabled{background:#a5d6a7;cursor:not-allowed}.add-cart-msg{margin-top:8px;font-size:14px;color:#388e3c}.logged-in-card{background:linear-gradient(90deg,#e8f5e9 60%,#f1f8e9);border:2px solid #388e3c;box-shadow:0 6px 32px #2c3e501a;padding:2.5rem 2rem;border-radius:18px;min-width:320px;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center}.user-info{display:flex;align-items:center;gap:.7rem;font-size:1.2rem;margin:1.2rem 0 1.7rem;color:#388e3c;font-weight:600}.user-icon{font-size:2rem;background:#c8e6c9;border-radius:50%;padding:.3rem .6rem;box-shadow:0 2px 8px #2c3e5012}.user-name{font-size:1.1rem;font-family:Georgia,serif}.logout-btn{background:linear-gradient(90deg,#d32f2f 60%,#c62828);color:#fff;border:none;border-radius:8px;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:.5rem;box-shadow:0 2px 8px #2c3e5012;transition:background .2s,box-shadow .2s}.logout-btn:hover{background:linear-gradient(90deg,#c62828 60%,#d32f2f);box-shadow:0 4px 16px #2c3e5021}.auth-container{max-width:350px;margin:40px auto;padding:32px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;text-align:center}.auth-form input{width:100%;margin:10px 0;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:16px}.auth-form button{width:100%;padding:10px}.auth-form button .auth-container{min-height:80vh;display:flex;justify-content:center;align-items:center;background:#f6f8f9}.auth-form button .auth-card{background:#fff;padding:2.5rem 2rem;border-radius:18px;box-shadow:0 6px 32px #2c3e501a;min-width:320px;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center}.auth-form button .auth-title{font-size:2.2rem;margin-bottom:1.7rem;color:#388e3c;font-family:Georgia,serif;letter-spacing:1px}.auth-form button .auth-form{width:100%;display:flex;flex-direction:column;gap:1.1rem}.auth-form button .input-group{display:flex;flex-direction:column;gap:.3rem}.auth-form button .input-group label{font-size:1rem;color:#388e3c;font-weight:500;margin-bottom:.1rem}.auth-form button .auth-input{padding:.7rem 1rem;border:1.5px solid #cfd8dc;border-radius:8px;font-size:1rem;outline:none;background:#f7fafc;transition:border .2s}.auth-form button .auth-input:focus{border-color:#388e3c;background:#fff}.auth-form button .auth-form button,.auth-form button .auth-btn{background:linear-gradient(90deg,#43a047 60%,#388e3c);color:#fff;border:none;border-radius:8px;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:.5rem;box-shadow:0 2px 8px #2c3e5012;transition:background .2s,box-shadow .2s}.auth-form button .auth-form button:hover,.auth-form button .auth-btn:hover{background:linear-gradient(90deg,#388e3c 60%,#43a047);box-shadow:0 4px 16px #2c3e5021}.auth-form button .toggle-btn{background:none;border:none;color:#388e3c;font-size:1rem;cursor:pointer;text-decoration:underline;margin-top:1.2rem;padding:.2rem .5rem;font-weight:500;transition:color .2s}.auth-form button .toggle-btn:hover{color:#2e7d32}.auth-form button .auth-error{color:#d32f2f;margin-top:1rem;font-size:.98rem;text-align:center;background:#ffebee;border-radius:6px;padding:.5rem .7rem}@media(max-width:600px){.auth-form button .auth-container{min-height:100vh;padding:.5rem}.auth-form button .auth-card{min-width:0;max-width:98vw;padding:1.2rem .5rem;border-radius:12px}.auth-form button .auth-title{font-size:1.5rem;margin-bottom:1rem}.auth-form button .auth-form button,.auth-form button .auth-btn{font-size:1rem;padding:.7rem 1rem}}.cart-container{max-width:600px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px 24px}.cart-list{list-style:none;padding:0}.cart-item{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;margin-bottom:16px;padding:16px;border-radius:8px;box-shadow:0 1px 4px #0000000a}.cart-img-box{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-right:18px}.cart-img{width:70px;height:70px;object-fit:cover;border-radius:8px;box-shadow:0 1px 4px #00000014}.cart-details{display:flex;flex-direction:column;gap:4px}.cart-product{font-weight:600;font-size:18px}.cart-qty,.cart-date{font-size:15px;color:#555}.cart-qty-controls{display:flex;align-items:center;gap:8px;margin:8px 0}.qty-btn{background:#2196f3;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:18px;cursor:pointer;transition:background .2s}.qty-btn:hover{background:#1565c0}.cart-price{font-size:15px;color:#2196f3;font-weight:500}.cart-remove{background:#e53935;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:15px;transition:background .2s}.cart-remove:hover{background:#b71c1c}.cart-loading,.cart-error,.cart-empty{text-align:center;font-size:16px;margin-top:20px}.cart-total{display:flex;justify-content:flex-end;align-items:center;margin-top:24px;padding:18px 0 0;border-top:2px solid #eee;font-size:20px;font-weight:600;color:#333}.cart-total-amount{margin-left:18px;color:#4caf50;font-size:22px;font-weight:700}.contact-container{max-width:700px;margin:40px auto;padding:32px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif;color:#2d2d2d}.contact-header{text-align:center;margin-bottom:28px}.contact-header h1{font-size:2.2rem;color:#4caf50;margin-bottom:10px}.contact-header p{color:#555;font-size:1.1rem}.contact-details{margin-bottom:24px}.contact-details li{margin-bottom:12px;font-size:1.08rem}.contact-details strong{color:#ff9800;min-width:80px;display:inline-block}.contact-map{margin-top:24px;text-align:center}.contact-map iframe{border:none;border-radius:10px;width:100%;max-width:600px;height:250px}.blogs-container{max-width:900px;margin:40px auto;padding:32px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif;color:#2d2d2d}.blogs-header{text-align:center;margin-bottom:36px}.blogs-header h1{font-size:2.3rem;color:#4caf50;margin-bottom:10px}.blog-list{display:flex;flex-direction:column;gap:32px}.blog-card{background:#f8fafb;border-radius:12px;box-shadow:0 2px 10px #0000000a;padding:28px 24px;transition:box-shadow .2s}.blog-card:hover{box-shadow:0 6px 24px #4caf501a}.blog-title{color:#ff9800;font-size:1.4rem;margin-bottom:10px;font-weight:600}.blog-meta{color:#888;font-size:.98rem;margin-bottom:14px}.blog-content{color:#333;font-size:1.08rem;line-height:1.7}.aboutus-container{max-width:800px;margin:40px auto;padding:32px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif;color:#2d2d2d}.aboutus-hero{text-align:center;margin-bottom:32px}.aboutus-hero h1{font-size:2.5rem;color:#4caf50;margin-bottom:12px;letter-spacing:1px}.aboutus-hero .brand{color:#ff9800;font-weight:700}.aboutus-hero p{font-size:1.15rem;color:#555}.aboutus-content h2{color:#4caf50;margin-top:28px;margin-bottom:10px;font-size:1.4rem}.aboutus-content p{font-size:1.08rem;color:#444;margin-bottom:16px}.aboutus-content ul{list-style:disc inside;margin-bottom:18px;padding-left:18px;color:#333}h1{margin:30px 0 20px}.home-container{max-width:1400px;margin:0 auto;padding:20px}.banner-image{width:100%;border-radius:10px;margin-bottom:30px}@media(min-width:1200px){.container-grid{display:grid;margin:auto;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;width:100%;padding:20px}}.grid-item img{border-radius:10px;width:100%}.grid-item img:hover{width:99%;border:3px solid rgb(155,143,143);cursor:pointer}.grid-item h3{color:#62c511;text-align:center;font-weight:600}.cat-item{text-decoration:none}.admin-container{width:100%;display:flex;flex-direction:row}.admin-container .left-container{margin:10px;height:100vh;display:flex;flex-direction:column;font-size:medium;width:18%;align-items:center;text-align:center;justify-content:center}.admin-container h4{font-weight:700}.admin-container h6{padding:12px}.admin-container .container-item{border-bottom:1px solid black;width:100%;border-radius:12px;transition:background .2s}.sidebar-link{color:#222;text-decoration:none;display:block;width:100%;transition:background .2s,color .2s}.sidebar-link:hover,.sidebar-link.active{background:#e0e7ff;color:#1d4ed8;font-weight:700;border-radius:12px}.admin-container .right-container{margin:0 20px;width:82%;background-color:#f0f8ff;align-items:center;text-align:center}*{font-family:Roboto}.right-container{justify-items:center;vertical-align:middle}form{margin:30px 0;border:1px solid green;border-radius:10px;padding:20px 0;width:60%;background-color:azure;box-shadow:inset -1px 1px #000}form select{margin:0 20px;border-radius:5px;border:.5px solid black;padding:3px}form .form-group{margin:10px;padding:4px}form .form-input{width:100%;height:30px;margin:0 20px;border:1px solid #ccc;border-radius:4px;padding:5px;box-sizing:border-box}form select{margin:0 20px;width:100%;height:30px;border-radius:5px;border:.5px solid black;padding:3px}input[type=text],select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea{width:100%;height:100px;padding:12px 20px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:none}label{margin:0 20px;font-size:1.1rem;color:#333}.form-button{width:180px;margin:10px;padding:10px;border:none;background-color:#2e8b57;color:#fff;border-radius:10px;box-sizing:border-box;box-shadow:4px 4px 4px 1px #12122033}