.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-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)}}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}*{box-sizing:border-box;margin:0;padding:0}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.product-list{background:#fff;padding:60px 0}@media (max-width:768px){.product-list{padding:40px 0}}@media (max-width:576px){.product-list{padding:30px 0}}.product-list .section-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:15px;position:relative;text-align:center}@media (max-width:768px){.product-list .section-title{font-size:2rem}}@media (max-width:576px){.product-list .section-title{font-size:1.75rem}}.product-list .section-title:after{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:576px){.product-list .section-title:after{height:2px;width:40px}}.product-list .section-title+p{color:#7f8c8d;font-size:1.1rem;margin-top:20px;text-align:center}@media (max-width:768px){.product-list .section-title+p{font-size:1rem;margin-top:15px}}.product-filters{margin-bottom:20px}.product-filters ul{list-style:none;margin:0;padding:0;scrollbar-width:thin}@media (max-width:768px){.product-filters ul{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.product-filters ul::-webkit-scrollbar{height:3px}.product-filters ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.product-filters ul::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}}.filter-item{background:#f8f9fa;border-radius:30px;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}@media (max-width:576px){.filter-item{font-size:.8rem;padding:6px 12px}}.filter-item:hover{background:#e9ecef;color:#3498db}.filter-item.filter-active{background:#3498db;color:#fff}.filter-count{font-size:.8rem;margin-left:5px;opacity:.8}.sort-dropdown select{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}@media (max-width:576px){.sort-dropdown select{font-size:.85rem;padding:6px 10px}}.sort-dropdown select:focus{border-color:#3498db;box-shadow:0 0 0 .2rem #3498db40}.results-info p{font-size:.9rem}@media (max-width:576px){.results-info p{font-size:.8rem}}.product-container{margin-top:30px}.product-item{margin-bottom:0;transition:all .3s ease}@media (max-width:576px){.product-container{margin-top:20px}}.view-all-btn{align-items:center;background:#0000;border:2px solid #3498db;border-radius:30px;color:#3498db;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}@media (max-width:576px){.view-all-btn{font-size:.9rem;padding:10px 20px}}.view-all-btn:hover{background:#3498db;color:#fff;gap:12px}.view-all-btn i{transition:transform .3s ease}.view-all-btn:hover i{transform:translateX(5px)}.empty-state{padding:60px 20px;text-align:center}@media (max-width:768px){.empty-state{padding:40px 20px}}.empty-state i{color:#dee2e6;font-size:4rem}@media (max-width:576px){.empty-state i{font-size:3rem}}.empty-state h4{color:#2c3e50;margin-top:20px}@media (max-width:576px){.empty-state h4{font-size:1.2rem}}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}@media (max-width:576px){.product-card{border-radius:8px}.product-card:hover{transform:translateY(-3px)}}.product-image{aspect-ratio:1/1;background-color:#f8f9fa;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover .product-image img.main-img{transform:scale(1.05)}.hover-img{left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.product-card:hover .hover-img{opacity:1}.product-tags{display:flex;gap:8px;left:10px;position:absolute;top:10px;z-index:2}@media (max-width:576px){.product-tags{gap:4px;left:6px;top:6px}}.badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:4px 10px}@media (max-width:576px){.badge{font-size:.6rem;padding:3px 6px}}.bg-sale{background:#e74c3c;color:#fff}.bg-accent{background:#3498db;color:#fff}.bg-new{background:#27ae60;color:#fff}.bg-bestseller{background:#f39c12;color:#fff}.bg-out-of-stock{background:#95a5a6;color:#fff}.product-overlay{background:linear-gradient(0deg,#000000d9,#0000);bottom:-100%;display:flex;flex-direction:column;gap:10px;left:0;padding:20px;position:absolute;right:0;transition:bottom .3s ease;z-index:2}@media (max-width:768px){.product-overlay{display:none}}.product-card:hover .product-overlay{bottom:0}.btn-cart{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 15px;transition:background .3s ease;width:100%}@media (max-width:992px){.btn-cart{font-size:.8rem;padding:8px 12px}}.btn-cart:hover:not(:disabled){background:#2980b9}.btn-cart:disabled{background:#bdc3c7;cursor:not-allowed}.product-actions{gap:10px}.action-btn,.product-actions{display:flex;justify-content:center}.action-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:#2c3e50;cursor:pointer;height:36px;text-decoration:none;transition:all .3s ease;width:36px}@media (max-width:992px){.action-btn{height:32px;width:32px}.action-btn i{font-size:.9rem}}.action-btn:hover{background:#3498db;color:#fff;transform:scale(1.1)}.action-btn.active{background:#e74c3c;color:#fff}.product-info{display:flex;flex:1 1;flex-direction:column;padding:15px}@media (max-width:576px){.product-info{padding:10px}}.product-title{font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:8px}@media (max-width:768px){.product-title{font-size:.9rem;margin-bottom:6px}}@media (max-width:576px){.product-title{font-size:.85rem}}.product-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;overflow:hidden;text-decoration:none;transition:color .3s ease}.product-title a:hover{color:#3498db}.product-price{margin-bottom:8px}.current-price{color:#3498db;font-size:1.1rem;font-weight:700}@media (max-width:768px){.current-price{font-size:1rem}}@media (max-width:576px){.current-price{font-size:.9rem}}.old-price{color:#95a5a6;font-size:.85rem;margin-left:8px;text-decoration:line-through}@media (max-width:576px){.old-price{font-size:.75rem;margin-left:5px}}.product-colors small,.product-stock small{font-size:.75rem}@media (max-width:576px){.product-colors small,.product-stock small{font-size:.7rem}}.product-rating{align-items:center;display:flex;gap:2px;margin-top:auto}.product-rating i{font-size:.85rem}@media (max-width:576px){.product-rating i{font-size:.75rem}}.text-warning{color:#f39c12}.text-muted{color:#bdc3c7}.text-success{color:#27ae60}.text-danger{color:#e74c3c}@media (max-width:576px){.action-btn,.btn-cart,.filter-item,.sort-dropdown select{-webkit-tap-highlight-color:transparent;cursor:pointer}.g-3{--bs-gutter-y:0.75rem;--bs-gutter-x:0.75rem}}@media (min-width:768px) and (max-width:991px){.product-container .col-md-4{flex:0 0 auto;width:33.333%}}.spinner-border{height:3rem;width:3rem}@media (max-width:576px){.spinner-border{height:2rem;width:2rem}}
/*# sourceMappingURL=main.2f6fd447.css.map*/