body{background-color:#fff;color:#333;font-family:Poppins,sans-serif;margin:0;padding:0;transition:all .3s ease}.app{min-height:100vh}header{background:linear-gradient(135deg,#1e90ff,#007bff);box-shadow:0 2px 10px #0000001a;color:#fff;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-nav{flex-wrap:wrap;justify-content:space-between}.logo,.top-nav{align-items:center;display:flex}.logo{font-size:1.2em;font-weight:600}.logo img{border-radius:50%;margin-right:10px}.search-bar{flex:1 1;margin:0 20px;max-width:400px;position:relative}.search-bar input{background-color:#f5f5f5;border:none;border-radius:25px;box-shadow:0 2px 5px #0000001a;outline:none;padding:10px;width:100%}.search-bar button{background:none;border:none;color:#1e90ff;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.suggestions{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:none;max-height:150px;overflow-y:auto;position:absolute;width:100%;z-index:10}.suggestions div{cursor:pointer;padding:10px;transition:background .3s}.suggestions div:hover{background:#f5f5f5}.user-actions a{color:#fff;margin:0 10px;text-decoration:none;transition:color .3s,transform .3s}.user-actions a:hover{color:orange;transform:scale(1.1)}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5em}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav li{margin:0 15px;position:relative}.main-nav a{color:#fff;display:block;padding:10px;text-decoration:none;transition:background .3s}.main-nav a:hover{background:#fff3;border-radius:5px}.dropdown{animation:slideDown .3s ease;background:#fff;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#333;display:none;min-width:200px;position:absolute;z-index:10}.dropdown li{margin:0}.dropdown a{color:#333;padding:10px 15px}.dropdown a:hover{background:#f5f5f5}.main-nav a .fa-chevron-down{transition:transform .3s ease}.main-nav a .fa-chevron-down.rotate{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.banner{overflow:hidden;position:relative;text-align:center}.banner img{height:300px;object-fit:cover;transition:transform .5s;width:100%}.banner:hover img{transform:scale(1.05)}.banner-text{animation:fadeIn 1s;color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.categories{background-color:#f5f5f5;padding:20px;text-align:center}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;cursor:pointer;padding:10px;transition:transform .3s,box-shadow .3s}.category-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.category-card img{border-radius:5px;height:150px;object-fit:cover;width:100%}.carousel{padding:20px;position:relative}.carousel-container{display:flex;overflow:hidden;transition:transform .5s ease}.product-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;cursor:pointer;margin:0 10px;min-width:200px;padding:10px;text-align:center;transition:transform .3s}.product-card:hover{transform:scale(1.05)}.product-card img{border-radius:5px;height:150px;object-fit:cover;width:100%}.modal{background-color:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{animation:fadeIn .5s;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin:15% auto;max-width:500px;padding:20px;width:80%}.close{color:#ccc;cursor:pointer;float:right;font-size:28px;font-weight:700}.close:hover,footer{color:#333}footer{background:linear-gradient(135deg,#f5f5f5,#ccc);border-top:2px solid #1e90ff;padding:40px 20px 20px;text-align:center}.footer-content{grid-gap:30px;gap:30px}.newsletter form{display:flex;justify-content:center;margin-bottom:10px}.newsletter input{background-color:#fff;border:1px solid #ccc;border-radius:5px 0 0 5px;flex:1 1;max-width:300px;padding:10px}.newsletter button{background-color:orange;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:10px 15px;transition:background .3s}.newsletter button:hover{background-color:#ff8c00}.message{color:#1e90ff;font-size:.9em}.footer-links ul{list-style:none;padding:0}.footer-links li{margin:5px 0}.footer-links a{color:#333;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#1e90ff}.social-icons .icons{display:flex;gap:15px;justify-content:center}.social-icons a{color:#1e90ff;font-size:1.5em;transition:transform .3s,color .3s}.social-icons a:hover{color:orange;transform:scale(1.2)}.cta-button{background-color:orange;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin:10px;padding:10px 20px;text-decoration:none;transition:background .3s,transform .3s}.cta-button:hover{background-color:#ff8c00;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.top-nav{align-items:flex-start;flex-direction:column}.search-bar{margin:10px 0;width:100%}.user-actions{display:none}.hamburger{align-self:flex-end;display:block}.main-nav{display:none;width:100%}.main-nav.show{display:block}.main-nav ul{flex-direction:column}.category-grid{grid-template-columns:1fr 1fr}.carousel-container{flex-direction:column}.footer-content{gap:20px;grid-template-columns:1fr}.newsletter form{flex-direction:column}.newsletter input{border-radius:5px;margin-bottom:10px}.newsletter button{border-radius:5px}}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:20px}.footer-content h3{border-bottom:2px solid orange;color:#1e90ff;font-size:1.2em;margin-bottom:15px;padding-bottom:5px}.contact-info p{align-items:center;color:#333;display:flex;gap:10px;margin:8px 0}.contact-info svg{color:#1e90ff}.footer-bottom{border-top:1px solid #ccc;color:#666;font-size:.9em;margin-top:30px;padding-top:20px;text-align:center}.footer-content>div{background-color:#fff;border:1px solid #f5f5f5;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}@media (max-width:768px){.footer-content{gap:20px;grid-template-columns:1fr}.contact-info p{font-size:.9em}}
/*# sourceMappingURL=main.9c6b29b0.css.map*/