.App{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}body{background-color:#eef0f2}.navbar{align-items:center;background-color:#2c3e50;border-bottom:1px solid #eaeaea;border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-brand{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-right:auto;text-decoration:none;transition:color .3s}.navbar-brand:hover{color:#ffd500}.navbar-search{margin:0 1rem;max-width:500px}.navbar-search,.search-icon{align-items:center;display:flex}.search-icon{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.3rem;height:40px;justify-content:center;padding:.5rem;transition:color .3s,transform .2s;width:40px}.search-icon:hover{background-color:#4242421a;color:#ffd500;transform:scale(1.05)}.search-expanded{animation:slideDown .3s ease;background-color:none;display:flex;left:0;padding:1rem 0;position:absolute;right:0;top:100%;z-index:99}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-expanded input{border:1px solid #e0e0e0;border-radius:4px;box-shadow:inset 0 1px 3px #0000000d;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s}.search-expanded input:focus{border-color:#424242;outline:none}.search-expanded button{background-color:#b8b8b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:background-color .3s}.search-expanded button:hover{background-color:#ffd500}.nav-link{align-items:center;border-radius:6px;color:#fff;display:flex;font-weight:500;padding:.6rem .8rem;position:relative;text-decoration:none;transition:all .3s}.nav-link:hover{background-color:#4242421a;color:#ffd500;text-decoration:none}.nav-link:after{background-color:#424242;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s;width:0}.nav-link:hover:after{width:70%}.cart-link{margin-left:.5rem;position:relative}.cart-link,.cart-quantity{align-items:center;display:flex}.cart-quantity{background-color:#e74c3c;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:transform .2s;width:20px}.cart-link:hover .cart-quantity{transform:scale(1.1)}.cart-quantity:empty{display:none}.logout-button{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem .8rem;transition:all .3s}.logout-button:hover{background-color:#e74c3c1a;color:#e74c3c;text-decoration:none}.mobile-top-right{align-items:center;color:#e74c3c;display:flex;justify-content:center;margin-left:.5rem;padding:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.navbar{flex-wrap:wrap;justify-content:flex-start;padding:.75rem}.navbar-brand{font-size:1.5rem;margin-right:1rem}.d-mobile-only{display:flex}.search-icon{margin-left:auto;margin-right:.5rem;order:3}.nav-link[title="My Orders"]{order:4}.cart-link{order:5}.mobile-top-right{order:6}.search-expanded{order:5}.search-expanded-active .category-filter{display:none!important}}@media (max-width:447px){.navbar{flex-wrap:wrap;justify-content:center}.navbar-brand{flex-basis:100%;font-size:1.3rem;margin-bottom:.5rem;margin-right:0;order:1;text-align:center}.search-icon{margin:0 .5rem;order:2}.nav-link[title="My Orders"]{order:3}.cart-link{margin:0 .5rem;order:4}.mobile-top-right{margin:0 .5rem;order:5}}.nav-group{align-items:center;gap:1rem}.nav-group,.nav-group.active{display:flex}.logout-button,.nav-link{justify-content:center;margin:.25rem 0;padding:.75rem;text-align:center}.nav-link:after{display:none}.wrapper{background-color:#000000b3;height:100vh;position:fixed;width:100vw;z-index:9}.loader{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;color:inherit;overflow:hidden;padding:10px;text-align:center;text-decoration:none;transition:transform .2s}.product-card:hover{transform:scale(1.05)}.product-card img{height:150px;object-fit:cover;width:100%}.product-card h3{font-size:16px;margin:10px 0}.product-card p{color:#666;font-size:14px}.category-filter{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:20px 0 30px}.category-filter>div{text-align:center}.category-image{border-radius:10px;cursor:pointer;height:120px;object-fit:cover;transition:transform .2s;width:100%}.category-image:hover{transform:scale(1.05)}.breadcrumb{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:1rem;margin:1rem 0}.breadcrumb-item{color:#666;margin-right:.5rem;text-decoration:none;text-transform:capitalize}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-separator{color:#666;margin:0 .5rem}.home-icon{margin-right:.3rem}.banner-container{border-radius:10px;margin:30px 0 40px;overflow:hidden;width:100%}.banner-image{display:block;height:auto;object-fit:cover;width:100%}.order-summary-component{align-self:flex-start;background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px}.order-summary-component h3{margin-bottom:10px;margin-top:0}.order-summary-component hr{border:none;border-top:1px solid #ddd;margin:15px 0}.summary-item{display:flex;justify-content:space-between;margin-bottom:10px}.summary-item h4{font-weight:500;margin:0}.summary-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:12px;transition:background-color .3s;width:100%}.summary-button:hover{background-color:#333}.error-message{color:red;margin:10px 0}@media (max-width:768px){.order-summary-component{flex:none;width:100%}}.shopping-bag{margin:0 auto;max-width:1200px;padding:1rem}.bag-container{align-items:flex-start;display:flex;gap:2rem}@media (max-width:768px){.bag-container{flex-direction:column}}.product-list{flex:3 1}.order-summary-container{min-width:300px}@media (max-width:768px){.product-list{margin-bottom:2rem;width:100%}.order-summary-container{width:94%}}.product-item{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;margin-bottom:1rem;padding:1rem}.product-image{height:auto;margin-right:1rem;width:100px}.product-details{flex:1 1}.bag-product-info{align-items:center;display:flex;justify-content:space-between}.remove-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem .5rem}.remove-button:hover{background-color:#c82333}.quantity-control{gap:.5rem;margin-top:.5rem}.quantity-input{border:1px solid #ccc;border-radius:4px;outline:none;padding:.25rem;width:60px}.quantity-input:focus{border-color:#807b7b;box-shadow:0 0 0 2px #807b7b33}.hidden{display:none}.clear-cart-button{background-color:#807b7b;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;margin-top:1rem;padding:.75rem 1.5rem}.clear-cart-button:hover{background-color:#6a6565}.product-detail{display:flex;gap:2rem;margin:2rem auto;max-width:1200px;padding:1rem}.product-image-container{flex:1 1}.product-image-container img{height:auto;object-fit:cover;width:100%}.product-info{flex:1 1;text-align:left}@media (max-width:992px){.product-detail{flex-direction:column}.product-image-container{margin-bottom:2rem}.product-image-container img{display:block;margin:0;max-width:70%}}.quantity-control{align-items:center;display:flex;gap:1rem;margin:1rem 0}.change-quantity{background-color:#d0cccc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem}.change-quantity:hover{background-color:#807b7b}.quantity{font-size:1.2rem;font-weight:700}.add-to-cart{background-color:#807b7b;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.add-to-cart:hover{background-color:#6a6565}.error{color:red;font-size:14px;margin-top:10px}.payment-form{margin-top:20px}.StripeElement{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;display:block;margin-bottom:15px;padding:10px;width:100%}.payment-button{background-color:#807b7b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:1rem;padding:.75rem;transition:background-color .3s;width:100%}.payment-button:disabled{background-color:#ccc;cursor:not-allowed}.payment-button:hover:not(:disabled){background-color:#6a6565}.checkout{font-family:Arial,sans-serif;margin:2rem auto;max-width:1200px;padding:1rem}.checkout h2{color:#333;margin-bottom:20px;text-align:center}.checkout-container{display:flex;gap:2rem;justify-content:space-between}.order-details{flex:2 1}.order-details h3{color:#444;margin-bottom:1rem}.checkout-item{border-bottom:1px solid #ddd;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.checkout-image{height:100px;object-fit:cover;width:100px}.checkout-item-details{flex:1 1}.checkout-item-details h4{margin:0 0 .5rem}.order-confirmation{padding:20px;text-align:center}.order-confirmation p{color:#333;margin:10px 0}.order-confirmation button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.order-confirmation button:hover{background-color:#0056b3}@media (max-width:768px){.checkout-container{flex-direction:column;gap:1rem}.checkout-order-summary,.order-details{flex:none;width:100%}.checkout{margin:1rem;padding:.5rem}.checkout-item{align-items:left;flex-direction:column}.checkout-image{height:80px;width:80px}.order-confirmation button,.place-order-button{font-size:14px;padding:.5rem}}.login{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:400px;padding:1.5rem}.login h2{color:#333;font-size:1.5rem;margin-bottom:1rem;text-align:center}.login form{display:flex;flex-direction:column;gap:1rem}.login-button{background-color:#fff;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;padding:.5rem}.login-button:hover{background-color:#807b7b;border-color:#807b7b;color:#fff;transition:all .2s ease}.login p{margin-top:1rem;text-align:center}.login p a{color:#000;text-decoration:underline}.login p a:hover{color:#807b7b;transition:all .2s ease}@media (max-width:768px){.login{max-width:90%;padding:1rem}.login h2{font-size:1.3rem}.form-group input,.form-group label,.login-button{font-size:.9rem}}@media (max-width:480px){.login{padding:.5rem}.login h2{font-size:1.1rem}.form-group input,.form-group label,.login-button{font-size:.8rem}}.register{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:400px;padding:1.5rem}.register h2{color:#333;font-size:1.5rem;margin-bottom:1rem;text-align:center}.register form{gap:1rem}.form-group,.register form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:1rem}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.5rem}.form-group input:focus{border-color:#000;outline:none}.register-button{background-color:#fff;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;padding:.5rem}.register-button:hover{background-color:#807b7b;border-color:#807b7b;color:#fff;transition:all .2s ease}.register p{margin-top:1rem;text-align:center}.register p a{color:#000;text-decoration:underline}.register p a:hover{color:#807b7b;transition:all .2s ease}@media (max-width:768px){.register{max-width:90%;padding:1rem}.register h2{font-size:1.3rem}.form-group input,.form-group label,.register-button{font-size:.9rem}}@media (max-width:480px){.register{padding:.5rem}.register h2{font-size:1.1rem}.form-group input,.form-group label,.register-button{font-size:.8rem}}.my-orders{box-sizing:border-box;margin:2rem auto;max-width:810px;padding:1.5rem;width:90%}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.order-placed{background-color:#f9f9f9;display:flex;flex-direction:column;margin-bottom:1rem;overflow-x:auto;padding:1rem 1rem .75rem}.order-row{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.order-column{display:flex;flex:1 1;flex-direction:column}.order-column:first-child,.order-column:nth-child(2){flex:1 1}.order-number-column{align-items:flex-end;flex:1 1;text-align:right}.order-column h5{font-size:.9rem;font-weight:600;margin:0 0 .5rem}.order-column span{font-weight:500}.view-details-btn{margin-top:.25rem}.order-number-label{align-items:center;display:flex}.order-detail,.order-id h5{margin:0}.order-detail{align-items:center;gap:2rem}.order-detail div{gap:.75rem}.order-detail div,.order-id{align-items:center;display:flex}.order-id{justify-content:flex-end;width:100%}.view-details-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#000;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.view-details-btn:hover{background-color:#f0f0f0;color:#424242}.order-id a:hover{color:#0056b3}.item-content{justify-content:space-between;padding:1rem}.item-details{gap:.5rem}.review-button{background-color:#fff;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.review-button:hover{background-color:#807b7b;border-color:#807b7b;color:#fff}.reviewed-message{color:#666;font-size:.9rem;padding:.5rem 1rem}.view-reviews-link{color:#000;font-size:.9rem;padding:.5rem 1rem;text-decoration:underline;transition:all .2s ease}.view-reviews-link:hover{color:#807b7b}.review-modal form{gap:1rem}.rating,.review-modal form{display:flex;flex-direction:column}.rating{gap:.5rem}.rating label{color:#333;font-size:1rem}.stars{gap:.25rem}.star{font-size:1.5rem}.comment{display:flex;flex-direction:column;gap:.5rem}.comment label{color:#333;font-size:1rem}.comment textarea{border-radius:5px;font-size:1rem;padding:.5rem;resize:vertical}.comment textarea:focus{border-color:#000;outline:none}.modal-actions{gap:1rem}.cancel-button,.submit-button{background-color:#fff;border:2px solid #000;border-radius:5px;color:#000;font-size:.9rem;padding:.5rem 1rem}.cancel-button:hover,.submit-button:hover{background-color:#0056b3;color:#fff}@media (max-width:768px){.my-orders{max-width:95%;padding:1rem}.orders-list{gap:1rem}.order-labels,.order-values{align-items:flex-start;flex-direction:column}.order-labels h5,.order-values span{margin-bottom:.5rem}.view-details-btn{align-self:flex-start;margin-top:.5rem}}.item-image,.no-image{height:50px;width:50px}.review-button,.reviewed-message,.view-reviews-link{font-size:.85rem;padding:.4rem .8rem}.review-modal{max-width:90%;padding:1rem}.review-modal h3{font-size:1.1rem}.star{font-size:1.25rem}.cancel-button,.submit-button{font-size:.85rem;padding:.4rem .8rem}@media (max-width:480px){.my-orders,.order-card{padding:.5rem}.item-content{gap:.75rem}.item-image,.no-image{height:40px;width:40px}.item-details span{font-size:.9rem}.review-button,.reviewed-message,.view-reviews-link{font-size:.8rem;padding:.3rem .6rem}.review-modal h3,.star{font-size:1rem}.comment textarea{font-size:.9rem;min-height:80px}.cancel-button,.submit-button{font-size:.8rem;padding:.3rem .6rem}.order-row{flex-direction:column}.order-column{margin-bottom:2rem}.order-number-column{align-items:flex-start;text-align:left}.view-details-btn{margin-top:.5rem}}.review-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;max-width:500px;padding:20px;width:90%}.review-modal h3{margin-bottom:20px;margin-top:0}.review-modal .error{color:red;margin-bottom:15px}.rating{margin-bottom:15px}.stars{display:flex;gap:5px;margin-top:5px}.star{cursor:pointer;font-size:24px}.star.filled{color:gold}.comment{margin-bottom:15px}.comment textarea{border:1px solid #ddd;border-radius:4px;margin-top:5px;min-height:100px;padding:8px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.submit-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.submit-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.order-detail-container{box-sizing:border-box;margin:2rem auto;max-width:90%;padding:1.5rem;width:800px}.order-detail{display:flex}.order-info{background-color:#f9f9f9;border-radius:5px;margin-bottom:1.5rem;padding:1rem}.order-info p{color:#333;font-size:1rem;margin:.5rem 0}.order-info strong{color:#000}.order-items{list-style-type:none;margin:0;padding:0}.order-item{border-bottom:1px solid #eee;padding:.5rem 0}.item-content,.order-item{align-items:center;display:flex}.item-content{gap:1rem;width:100%}.item-image{object-fit:cover}.item-image,.no-image{border-radius:5px;height:60px;width:60px}.no-image{align-items:center;background-color:#eee;color:#666;display:flex;font-size:.8rem;justify-content:center}.item-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.item-details span{color:#333;font-size:1rem}.back-button{background-color:#807b7b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.back-button:hover{background-color:#6a6565}@media (max-width:768px){.order-detail-container{max-width:95%;padding:1rem}.order-info p{font-size:.9rem}.item-image,.no-image{height:50px;width:50px}.back-button,.item-details span{font-size:.9rem}.back-button{padding:.5rem 1rem}}@media (max-width:480px){.order-detail-container{padding:.5rem}.item-image,.no-image{height:40px;width:40px}.back-button,.item-details span{font-size:.85rem}.back-button{padding:.4rem .8rem}}.product-reviews{box-sizing:border-box;margin:2rem auto;max-width:90%;padding:1.5rem;width:800px}.product-reviews h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.average-rating{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.average-rating-value{color:#333;font-size:1.5rem;font-weight:700}.average-rating-stars{font-size:1.2rem}.star{color:#ccc}.star.filled{color:#000}.star.filled:hover,.star:hover{color:#555}.total-reviews{color:#666;font-size:1rem}.reviews-list{list-style-type:none;padding:0}.review-item{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.review-rating{font-size:1.2rem}.review-date{color:#666;font-size:.9rem}.review-comment{color:#333;font-size:1rem;margin:.5rem 0}.review-user{color:#666;font-size:.9rem}@media (max-width:768px){.product-reviews{max-width:95%;padding:1rem}.product-reviews h2{font-size:1.3rem}.average-rating{gap:.4rem;margin-bottom:1rem}.average-rating-value{font-size:1.3rem}.average-rating-stars{font-size:1rem}.total-reviews{font-size:.9rem}.review-item{padding:.8rem}.review-rating,.star{font-size:1rem}.review-date,.review-user{font-size:.8rem}.review-comment{font-size:.9rem}}@media (max-width:480px){.product-reviews{padding:.5rem}.product-reviews h2{font-size:1.1rem}.average-rating{gap:.3rem;margin-bottom:.8rem}.average-rating-value{font-size:1.1rem}.average-rating-stars{font-size:.9rem}.total-reviews{font-size:.8rem}.review-item{padding:.5rem}.review-rating,.star{font-size:.9rem}.review-date,.review-user{font-size:.7rem}.review-comment{font-size:.8rem}}
/*# sourceMappingURL=main.c343b1ab.css.map*/