.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;width:50px}.loading-text{color:#4caf50;font-weight:500;margin-top:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#2e7d32;--secondary-color:#ff7043;--background:#f9fafb;--accent-color:#ff6b6b;--light-gray:#f5f5f5;--medium-gray:#e0e0e0;--dark-gray:#333;--text-color:#333;--text-light:#666;--white:#fff;--shadow:0 2px 10px #0000001a;--transition:all 0.3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-out}.animate-slide-down{animation:slide-down .5s ease-out}.hover-scale:hover{transform:scale(1.05);transition:transform .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--light-gray);color:var(--text-color);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.navbar{align-items:center;background-color:var(--white);border-radius:8px;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem;position:sticky;top:0;z-index:100}.nav-logo{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{border-radius:4px;color:var(--text-light);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:var(--transition)}.nav-links a.active,.nav-links a:hover{background-color:#2a64961a;color:var(--primary-color)}.cart-button{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:var(--transition)}.cart-button:hover{color:var(--primary-color)}.cart-count{align-items:center;background-color:var(--accent-color);border-radius:50%;color:var(--white);display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.category-container{flex:1 1;padding:1rem}.category-title{color:var(--primary-color);font-size:2rem;margin-bottom:2rem;padding-bottom:10px;position:relative;text-align:center}.category-title:after{background-color:var(--secondary-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.category-section{margin-bottom:40px;padding:0 20px;width:100%}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;height:auto;justify-content:space-between;max-width:250px;padding:15px;text-align:center;transition:transform .2s;width:100%}.product-image-container{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:15px}.product-image{max-height:100%;max-width:100%;object-fit:contain}.image-fallback{background:#f5f5f5;font-size:24px}.product-info h3{color:var(--text-color);margin:10px 0}.product-info p{color:#2a7f62;font-size:18px;margin:10px 0}.add-to-cart-btn{background-color:#2a7f62;border-radius:5px;color:#fff;font-weight:700;padding:10px 20px;transition:background-color .3s;width:100%}.add-to-cart-btn:hover{background-color:#1f6b4e}.quantity-controls{align-items:center;display:flex;gap:10px;justify-content:center}.quantity-btn{background-color:#2a7f62;border:none;border-radius:5px;color:#fff;font-size:16px;height:30px;width:30px}.quantity-btn:hover{background-color:#1f6b4e}.quantity{font-weight:700;min-width:30px;text-align:center}.image-placeholder{color:var(--text-light);font-size:.9rem;left:0;position:absolute;top:0}.image-fallback,.image-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-fallback{background:#e0e0e0;color:#666;font-size:2rem;font-weight:700}.product-info{border-top:1px solid #eee;padding:15px}.product-info h3{font-size:1.1rem;margin:0 0 10px}.product-info p{color:#2a6496;font-weight:700;margin:0 0 15px}.product-info{display:flex;flex:1 1;flex-direction:column;padding:1.2rem}.product-name{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.product-price{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin:0 0 1rem}.add-to-cart-btn{background-color:var(--secondary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;margin-top:auto;padding:.8rem;transition:var(--transition)}.add-to-cart-btn:hover{background-color:#3e8e41}.cart-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:var(--transition);visibility:hidden;width:100%;z-index:1000}.cart-overlay.active{opacity:1;visibility:visible}.cart{transition:var(--transition)}.item-details{flex:2 1}.item-details h4{color:var(--text-color);margin-bottom:5px}.quantity-btn{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:4px;cursor:pointer;display:flex;height:25px;justify-content:center;transition:var(--transition);width:25px}.quantity-btn:hover{background-color:var(--medium-gray)}.remove-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:.8rem;padding:5px 10px;transition:var(--transition)}.remove-btn:hover{background-color:#e05555}.cart-total{font-size:1.2rem;margin-bottom:20px;text-align:right}.checkout-btn{border-radius:4px;transition:background-color .3s ease,box-shadow .3s ease}.empty-cart{padding:40px 0}.loading{color:var(--text-light)}.error{color:var(--accent-color)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;margin-top:1rem}.cart{transition:right .4s cubic-bezier(.4,0,.2,1)}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.category-title{font-size:1.5rem}.cart-item{flex-direction:column;gap:10px}.item-actions{justify-content:flex-end}}.home-container{overflow-x:hidden;padding:0 0 40px}.hero-section{align-items:center;background:no-repeat 50%/cover;border-radius:20px;display:flex;height:400px;justify-content:center;margin-bottom:30px;overflow:hidden;position:relative}.hero-content{background:#ffffffd9;border-radius:12px;box-shadow:var(--shadow);padding:2rem 3rem;text-align:center}.hero-content h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.hero-content .tagline{color:var(--text-light);font-size:1.2rem;margin-bottom:1rem}.hero-button{background-color:var(--secondary-color);border-radius:8px;color:#fff;font-weight:600;margin-top:1rem;padding:12px 24px;text-decoration:none;transition:background-color .3s}.hero-button:hover{background-color:#3e8e41}.maintenance-banner{background-color:#fff3cd;border-radius:8px;color:#856404;font-weight:500;margin:20px 0;padding:1rem;text-align:center}.section-heading{color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem;text-align:center}.categories-wrapper{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px}.category-card{align-items:center;background-color:#eee;border-radius:15px;box-shadow:var(--shadow);color:#fff;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none;transition:transform .3s}.category-card:hover{transform:scale(1.05)}.category-card .overlay{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;padding:15px;width:100%}.category-card h3{font-size:1.5rem;font-weight:700;text-shadow:1px 1px 3px #00000080}.loading{color:#666;font-size:1.2rem}.error,.loading{padding:40px;text-align:center}.error{color:#d9534f;font-size:1.1rem}.empty{color:#666;padding:40px;text-align:center}.dropdown{display:inline-block;position:relative}.dropbtn{background-color:#fff;border:none;border-radius:6px;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1rem;padding:12px 24px;transition:background-color .3s}.dropbtn:hover{background-color:#2a64961a}.dropdown-content{background-color:#fff;border-radius:6px;box-shadow:0 8px 16px #0000001a;display:none;min-width:200px;padding:10px 0;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}.category-link{color:#2c3e50;display:block;padding:12px 16px;text-decoration:none;transition:background-color .3s}.category-link:hover{background-color:#f5f6fa;border-radius:4px}.empty-message{color:#666}.empty-message,.error-message,.loading-spinner{font-size:1.2rem;padding:2rem;text-align:center}.error-message{color:#e74c3c}.error-container{background-color:#fee;border:2px solid #f44;border-radius:8px;margin:2rem auto;max-width:500px;padding:2rem;text-align:center}.error-icon{color:#f44;font-size:2.5rem;margin-bottom:1rem}.error-message{color:#f44;margin-bottom:.5rem}.error-subtext{color:#666;font-size:.9rem}.category-page{margin:0 auto;max-width:1200px;padding:2rem 15px;width:100%}.category-page .products-grid-container{padding:0 10px;width:100%}.category-header{margin-bottom:2rem;text-align:center}.category-title{color:#2c3e50;font-size:2.5rem;margin-bottom:1.5rem}.no-results{color:#7f8c8d;padding:4rem;text-align:center}.no-results i{color:#4caf50;margin-bottom:1rem}.no-results p{font-size:1.2rem;margin:0}.products-grid-container{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.products-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.product-item{display:flex;justify-content:center}.product-card{box-shadow:0 2px 8px #0000001a;height:auto!important;margin:0;max-width:100%!important;transition:transform .3s ease,box-shadow .3s ease;width:100%!important}.product-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.search-container{margin:0 auto 2rem;max-width:500px;padding:0 15px;position:relative;width:100%}.search-input{background-color:#fff;border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;padding:10px 40px 10px 10px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#27ae60;box-shadow:0 0 8px #27ae6033;outline:none}.search-icon{color:#888;font-size:1.2rem;pointer-events:none;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.cart{background:var(--white);box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:-400px;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:400px;z-index:1001}.cart.open{right:0}.cart-header{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.cart-header h2{color:var(--primary-color);font-size:1.8rem}.close-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.8rem;transition:transform .3s ease,color .3s ease}.close-btn:hover{color:var(--primary-color);transform:rotate(90deg)}.cart-items{flex:1 1;margin-bottom:20px;overflow-y:auto}.cart-item{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;padding:15px 0}.item-image img{border-radius:8px;height:60px;object-fit:cover;width:60px}.item-details{flex:1 1;margin-left:15px}.item-details h4{color:var(--dark-gray);font-size:1rem;margin:0}.item-details p{color:var(--text-light);font-size:.9rem;margin:4px 0}.item-actions{align-items:center;display:flex;gap:10px}.item-actions button{background:none;border:1px solid var(--medium-gray);border-radius:4px;color:var(--dark-gray);cursor:pointer;font-size:1rem;padding:5px 8px;transition:background-color .3s}.item-actions button:hover{background-color:var(--medium-gray)}.undo-notification{background:#e0f7fa;border-radius:6px;color:#00796b;margin:15px;padding:10px;text-align:center}.undo-notification button{background:none;border:none;color:#00796b;cursor:pointer;font-weight:700;margin-left:10px}.cart-summary{border-top:1px solid var(--medium-gray);padding:20px 0;text-align:center}.cart-summary h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.checkout-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background-color .3s,box-shadow .3s;width:100%}.checkout-btn:hover{background-color:#1d4b7a;box-shadow:0 4px 15px #2d6edf4d}.checkout-form{display:flex;flex-direction:column;gap:15px}.checkout-form input,.checkout-form textarea{border:1px solid var(--medium-gray);border-radius:6px;font-size:1rem;padding:10px}.checkout-actions{display:flex;justify-content:space-between;margin-top:20px}.checkout-actions button{background-color:var(--secondary-color);border:none;border-radius:6px;color:var(--white);cursor:pointer;flex:1 1;font-weight:700;margin:0 5px;padding:10px;transition:background-color .3s}.checkout-actions button:hover{background-color:#e05555}.empty-cart{color:var(--text-light);font-size:1.2rem;padding:50px 20px;text-align:center}@media (max-width:768px){.cart{right:-100%;width:100%}.cart.open{right:0}}
/*# sourceMappingURL=main.b259d517.css.map*/