html{scroll-behavior:smooth}.app{min-height:100vh;background-color:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#1f2937}.products-section{padding:80px 0;min-height:600px}@media (max-width: 768px){.section-title{font-size:2rem}.products-section{padding:60px 0}}.loader-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;background:linear-gradient(270deg,#ff6b35,#ffb347,#ffd194);background-size:600% 600%;animation:gradientMove 8s ease infinite;transition:opacity .6s ease,visibility .6s ease}.spinner{width:70px;height:70px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loader-text{font-size:1.1rem;color:#fff;font-weight:600;letter-spacing:1px;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-left{display:flex;align-items:center;gap:3rem}.logo{font-size:1.75rem;font-weight:700;color:#ff6b35;text-decoration:none;transition:color .3s}.logo:hover{color:#e55a2b}.nav-links{display:flex;gap:2rem}.nav-links a{color:#4b5563;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#ff6b35}.navbar-right{display:flex;align-items:center;gap:1rem}.search-bar{position:relative}.search-input{padding:.5rem 2.5rem .5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;width:250px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#ff6b35}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.cart-button{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;color:#4b5563;transition:color .3s}.cart-button:hover{color:#ff6b35}.cart-button .cart-icon{font-size:30px}.cart-badge{position:absolute;top:0;right:0;background-color:#ff6b35;color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:50%;min-width:20px;text-align:center}.menu-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#4b5563;padding:.5rem}.mobile-menu{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;border-top:1px solid #e5e7eb}.mobile-menu a{color:#4b5563;text-decoration:none;font-weight:500;padding:.5rem 0;transition:color .3s}.mobile-menu a:hover{color:#ff6b35}.mobile-search{margin-bottom:.5rem}.mobile-search .search-input{width:100%}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.navbar-left{gap:1rem}}.hero{height:100vh;width:100%;position:relative;overflow:hidden}.hero-slide{height:100%;width:100%;background-size:cover;background-position:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-content{text-align:center;max-width:700px;padding:20px}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#ff6b35}.hero-content p{font-size:1.3rem;margin-bottom:2rem}.hero-button{background-color:#fff;color:#ff6b35;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .3s,box-shadow .3s}.hero-button:hover{background-color:#ff6b35;color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.dot{width:12px;height:12px;background:#fff;border-radius:50%;opacity:.5;cursor:pointer;transition:opacity .3s,transform .3s}.dot.active{opacity:1;transform:scale(1.2)}@media (max-width: 768px){.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-button{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background-color:#fff;color:#4b5563;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s}.filter-button:hover{border-color:#ff6b35;color:#ff6b35}.filter-button.active{background-color:#ff6b35;border-color:#ff6b35;color:#fff}@media (max-width: 768px){.filter-buttons{gap:.5rem}.filter-button{padding:.6rem 1.2rem;font-size:.9rem}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.no-products{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}}.product-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.product-image{position:relative;width:100%;height:280px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{position:absolute;top:10px;right:10px;background-color:#ff6b35;color:#fff;padding:.3rem .7rem;border-radius:6px;font-size:.75rem;font-weight:700}.product-info{padding:1.25rem}.product-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:1rem}.star{color:#d1d5db;font-size:1rem}.star.filled{color:#ff6b35}.rating-value{margin-left:.5rem;color:#6b7280;font-size:.9rem}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:1.75rem;font-weight:700;color:#ff6b35}.add-to-cart-button{background-color:#ff6b35;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.add-to-cart-button:hover{background-color:#e55a2b}.added-message-fixed{position:fixed;bottom:20px;left:20px;background-color:#16a34a;color:#fff;padding:.7rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(20px);z-index:9999}.added-message-fixed.show{opacity:1;transform:translateY(0)}.about-section{padding:80px 0;background-color:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text p{color:#4b5563;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-features{display:flex;flex-direction:column;gap:2rem}.feature{text-align:center;padding:2rem;background-color:#f9fafb;border-radius:12px;transition:transform .3s}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{font-size:1.3rem;color:#1f2937;margin-bottom:.5rem}.feature p{color:#6b7280;font-size:1rem}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem}.about-text p{font-size:1rem}}.deals-section{padding:80px 0;background-color:#f9fafb}.deals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.deal-card{background-color:#fff;padding:2.5rem;border-radius:12px;border:3px solid;text-align:center;transition:transform .3s,box-shadow .3s}.deal-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.deal-badge{display:inline-block;color:#fff;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.deal-card h3{font-size:1.75rem;color:#1f2937;margin-bottom:.75rem}.deal-card p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.deal-button{color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .3s}.deal-button:hover{opacity:.9}@media (max-width: 768px){.deals-grid{grid-template-columns:1fr}}.contact-section{padding:80px 0;background-color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h3{font-size:2rem;color:#1f2937;margin-bottom:1rem}.contact-info>p{color:#6b7280;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;gap:1rem;align-items:start}.contact-icon{font-size:2rem}.contact-item h4{color:#1f2937;font-size:1.1rem;margin-bottom:.25rem}.contact-item p{color:#6b7280}.contact-form{background-color:#f9fafb;padding:2rem;border-radius:12px;position:relative}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#1f2937;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35}.submit-button{width:100%;background-color:#ff6b35;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#e55a2b}.success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#d1fae5;color:#065f46;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1.2rem;text-align:center;z-index:9999;animation:fadeInOut 3s ease forwards;box-shadow:0 4px 20px #0003}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-60%)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}}.footer{background-color:#1f2937;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h3,.footer-section h4{margin-bottom:1.5rem}.footer-logo{color:#ff6b35;font-size:1.75rem;font-weight:700}.footer-section p{color:#d1d5db;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#d1d5db;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#ff6b35}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link{color:#d1d5db;text-decoration:none;transition:color .3s}.social-link:hover{color:#ff6b35}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#9ca3af}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem}}.cart-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1999}.cart-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:2000;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.cart-header h2{font-size:1.5rem;color:#1f2937}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;transition:.3s}.close-button:hover{color:#ff6b35;font-weight:700}.cart-items{flex:1;overflow-y:auto;padding:1.5rem}.empty-cart{text-align:center;padding:3rem 1rem;color:#6b7280}.cart-item{display:flex;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:6px}.cart-item-details{flex:1}.cart-item-details h4{font-size:1rem;color:#1f2937;margin-bottom:.5rem}.cart-item-price{color:#ff6b35;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.quantity-controls{display:flex;align-items:center;gap:.75rem}.quantity-controls button{width:28px;height:28px;border:1px solid #e5e7eb;background-color:#fff;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.quantity-controls button:hover{background-color:#ff6b35;color:#fff;border-color:#ff6b35}.quantity-controls span{font-weight:600;min-width:20px;text-align:center}.remove-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem}.remove-button .remove-icon{font-size:30px}.remove-button .remove-icon:hover{color:#ff6b35}.cart-footer{border-top:1px solid #e5e7eb;padding:1.5rem}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.total-amount{color:#ff6b35;font-size:1.5rem}.checkout-button{width:100%;background-color:#ff6b35;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.checkout-button:hover{background-color:#e55a2b}@media (max-width: 480px){.cart-sidebar{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;scroll-behavior:smooth}#root{min-height:100vh}