body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.app-container{margin:0 auto;width:100%}@media (max-width:768px){.app-container{max-width:800px;overflow:scroll}}@media (max-width:480px){.app-container{max-width:100%;padding:10px}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 20px}.navbar-toggle{color:#fff;cursor:pointer;display:none;font-size:1.5em}.main-nav{display:flex;list-style-type:none;margin:0;z-index:20}.nav-links{color:#fff;display:block;padding:15px;text-decoration:none;transition:background-color .3s;z-index:17}.nav-links:hover{background-color:#34495e}.logo{align-items:center;display:flex;height:100%;justify-content:center;padding:0 15px}.navbar-logo{background-color:#fff;border:2px solid #fff;border-radius:4px;max-height:50px;width:auto}@media screen and (max-width:768px){.navbar-logo{max-height:40px}}@media screen and (max-width:480px){.navbar-logo{max-height:30px}}.nav-links-btn{background-color:initial;border:2px solid #fff;font-weight:800}.sign-out{background-color:orange}.quant-num{font-size:1.5em;padding-right:5px}@media screen and (max-width:768px){.navbar-toggle{display:block}.main-nav{background-color:#2c3e50;display:none;flex-direction:column;left:-.51%;position:absolute;top:70px;width:90%;z-index:20}.main-nav.active{display:flex}.nav-links{border-top:1px solid #34495e;text-align:center}.logo,.nav-links{padding:15px}}.cart-container{display:inline-block;position:relative}.cart-submenu{background-color:#fff;box-shadow:0 8px 16px 0 #0003;left:60%;overflow-x:auto;position:absolute;top:10%;width:300px;z-index:100}.qual-cont{display:flex;justify-content:center;width:auto}.cart-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:10px}.cart-item-image{border-radius:4px;height:50px;margin-right:10px;object-fit:contain;width:70px}.cart-item-details{color:#333;flex-grow:1}.quantity-controls{align-items:center;background-color:orange;display:flex;font-size:1em;height:40px;margin-right:10px}.chk-out-img{height:30px}.price{font-size:1.3em;left:1.5px;margin-bottom:auto;position:relative;top:-14px}.quantity-controls button{margin:0 2px;padding:5px}.quantity-controls button,.remove-item{border:none;border-radius:4px;cursor:pointer}.remove-item{background-color:#e74c3c;color:#fff;font-weight:700;height:40px;padding:5px 10px}.checkout-btn{background-color:green;display:flex;left:27%;position:relative}@media screen and (max-width:768px){.cart-submenu{left:auto;right:17%;top:40%;width:60%}}.search-bar-home{align-items:center;background-color:#333;box-shadow:0 2px 4px #0003;display:flex;gap:10px;justify-content:center;padding:15px}.search-input{border:2px solid #007bff;border-radius:25px;flex-grow:1;font-size:16px;outline:none;padding:10px 15px;transition:border-color .3s}.search-input:focus{border-color:#0056b3}.search-button{background-color:orange;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.search-button:hover{background-color:green}@media screen and (max-width:768px){.search-bar-home{flex-direction:column;gap:5px}.search-button,.search-input{width:100%}}.cart-icon{align-items:center;cursor:pointer;display:flex;position:relative}.cart-icon svg{fill:currentColor;height:24px;width:24px}.item-count{background-color:red;border:1px solid red;border-radius:50%;color:#fff;font-size:.75rem;padding:2px 6px;position:absolute;right:-5px;top:-5px}.footer{background-color:#333;bottom:0;color:#fff;padding:20px 0;position:relative;text-align:center;width:100%}.footer-content{display:flex;gap:30px;justify-content:center;margin-bottom:15px}.footer-link{color:#fff;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#ffb700;cursor:pointer}.footer-info{font-size:.8rem}@media screen and (max-width:768px){.footer-content{flex-direction:column}.footer-link{margin-bottom:10px}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.carousel .slide img{max-height:400px;object-fit:cover;width:auto}@media (max-width:768px){.carousel .slide img{max-height:300px}}@media (max-width:480px){.carousel .slide img{max-height:250px}}.back{background-color:#000}.carousel-slide{position:relative}.carousel-text{background-color:#00000080;color:#fff;font-size:2rem;left:50%;max-width:80%;padding:10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.product-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:10px;overflow:hidden;padding:20px}.product-image{height:auto;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.product-item:hover .product-image{transform:scale(1.05)}.product-info-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.product-info{height:auto;padding:3px;text-align:center}.product-name{color:#000;display:flex;font-size:2rem;font-weight:600;left:4%;margin:10px 0;position:relative}.product-price{font-weight:700}.add-to-cart-btn{background-color:#28a745;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:8px 15px;position:relative;right:5%;transition:background-color .3s ease}.add-to-cart-btn:hover{background-color:#218838}@media (max-width:768px){.product-item{width:calc(50% - 20px)}}@media (max-width:480px){.product-item{width:calc(100% - 20px)}}.success-message{bottom:70%;position:relative;right:30%}.product-grid{grid-gap:20px;align-items:stretch;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}.pagination-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-btn{background-color:orange;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.pagination-btn:hover{background-color:green}.pagination-btn:disabled{background-color:#ccc;cursor:default}.current-page{font-size:1.2rem;padding:5px 10px}.prod-h{text-align:center}.home-container{box-sizing:border-box;margin:auto;padding:20px}.carousel-home{margin-bottom:40px}.products-page{grid-gap:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}@media screen and (max-width:768px){.products-page{grid-template-columns:1fr}}.about-page{padding:2rem;text-align:center}.about-page h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.about-page p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.about-images{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:2rem}.about-images img{border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;max-width:300px;width:100%}.start-shopping-btn{background-color:#ff8c00;border:none;border-radius:5px;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;padding:.8rem 1.6rem;transition:background-color .3s ease-in-out}.start-shopping-btn:hover{background-color:#e07c00}@media (max-width:768px){.about-images{align-items:center;flex-direction:column}.about-images img{max-width:80%}}.categories-page{background-color:#f8f9fa;padding:20px;text-align:center}.categories-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px}.category-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:calc(33.333% - 20px)}.category-card:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.category-card img{border-radius:8px;height:auto;object-fit:cover;transition:opacity .3s ease;width:100%}.category-card img:hover{opacity:.9}.category-name{color:#333;font-size:1.2rem;font-weight:700;margin-top:10px}@media (max-width:768px){.category-card{width:calc(50% - 20px)}}@media (max-width:480px){.category-card{width:100%}}.cat-btn{background-color:orange}.product-details{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003;margin:2rem auto;max-width:800px;padding:1rem;text-align:center}.product-info{align-items:center;display:flex;gap:2rem;justify-content:space-around;margin-top:2rem}.add-to-btn{background-color:#ff8c00;border:none;border-radius:5px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease-in-out}.add-to-btn:hover{background-color:#e07c00}.product-info img{border-radius:10px;box-shadow:0 4px 6px #0003;height:auto;max-width:300px}.product-meta{font-size:1rem;text-align:left}.product-meta p{margin-bottom:.8rem}@media (max-width:768px){.product-info{flex-direction:column}}.success-message{color:#4caf50;font-size:.9rem;margin-top:.8rem}.add-to-cart-btn.added{background-color:#4caf50}.product-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.product-price{color:#333;font-size:1.2rem;margin-bottom:.5rem}.sign-in-page{margin:auto;max-width:400px;padding:20px;text-align:center}button{background-color:orange}.error-message{color:red;font-size:1.3rem}.sign-up-page{margin:auto;max-width:400px;padding:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.checkout-page{margin:0 auto;max-width:800px;padding:20px}.checkout-container{display:flex;justify-content:space-between;margin-top:20px}.cart-summary,.shipping-details{flex-basis:48%}.cart-summary h2,.shipping-details h2{display:flex;margin-bottom:15px}.product{border-bottom:1px solid #9298a4c0;border-radius:2%;margin:3px;right:5%;width:110%}.item-quan,.product{display:flex;position:relative}.item-quan{margin:1px;right:-25%;top:15px}.item-name{font-weight:500}form input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.order-btn{background-color:orange}form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}form button:hover{background-color:#0056b3}.chk-out-img{height:auto;position:relative;right:78px;width:20%}
/*# sourceMappingURL=main.c5011aed.css.map*/