*{margin:0;padding:0;box-sizing: border-box;font-family: "Poppins",sans-serif;}
body{background: #fdfdfd;color: #333;}
header{display: flex;justify-content: space-between;align-items: center;padding: 15px 8%;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.1) green, blue, alpha;position:sticky;top:0;z-index: 100;}
.logo{font-size: 22px;font-weight: bold;color: #8b5e3c;}
nav ul{list-style: none;display: flex;gap: 25px;}
nav ul li a{text-decoration: none;color: #333;font-weight: 500;transition: 0.3s;}
nav ul li a:hover
nav ul li a.active{color: #8b5e3c;}
.hero{height: 90vh;background: url(banner.jpeg);center/cover no-repeat;display: flex;align-items: center;padding: 0.8%;}
.hero-text h1{max-width: 48px;margin-bottom: 15px;}
.hero-text{max-width: 500px;color:#fff;}
.hero-text p{font-size: 18px;margin-bottom: 20px;}
.btn{display: inline-block;background: #8b5e3c;color:#fff;padding: 12px 25px;border-radius: 5px;text-decoration: none;transition: 0.3s;}
.btn:hover{background: #6a4227;}
.categories{padding: 60px 8%;text-align: center;}
.categories h2{font-size: 28px;margin-bottom: 30px;}
.category-grid{display: flex;justify-content: flex-start;gap: 20px;margin-top: 30px;flex-wrap: wrap;}
.category-card{flex: 0 0 200px;background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: transform 0.3s;cursor: pointer;text-align: center;}
.category-card:hover{transform: translateY(-5px);}
.category-card img{width:100%;height: 150 px;display: block;object-fit: cover;}
.category-card h3{padding: 12px;font-size: 18px;color: #8b5e3c;text-align: center;}
.featured{padding: 60px 8%;text-align: center;}
.featured h2{font-size: 28px;margin-bottom: 30px;}
.product-grid{display: flex;justify-content: flex-start;gap: 20px;flex-wrap: wrap;}
.product-card{background: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);text-align: center;transition: transform 0.3s;flex: 1 1 30%;max-width: 300px;}
.product-card:hover{transform: translateY(-5px);}
.product-card img{width: 100%;height: 150 px;object-fit: cover;display: block;}
.product-card h3{font-size: 14px;margin-bottom: 12px;color: #555;}
.price{display: block;font-size: 18px;font-weight: bold;color: #8b5e3c;margin-bottom: 12px;}
footer{background: #333;color: #fff;text-align: center;padding: 20px;margin-top: 50px;}
.about-hero{color: white;text-align: center;padding: 100px 20px;background: url("banner 2.jpeg")center/cover no-repeat;}
.about-hero h1{font-size: 40px;margin-bottom: 10px;}
.about-section h2{font-size: 28px;margin-bottom: 20px;color: #8b5e3c;}
.mission-vision{background: #f9f9f9;padding: 50px 20px;}
.mission-vision.grid-2{display: grid;grid-template-columns: repeat(2 1fr);gap: 40px;max-width: 1000px;margin: auto;}
.why-choose{padding: 60px 20px;}
.why-choose h2{text-align: center;margin-bottom: 30px;color: #8b5e3c;}
.why-choose.grid-3{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;max-width: 1000px;margin: auto;}
.why-choose.card{background: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);text-align: center;}
.products{padding: 60px 20px;text-align: center;}
.products h2{font-size: 2rem;margin-bottom: 40px;color: #333;}
.product-grid{display: flex;flex-wrap: wrap;justify-content: center;gap: 25px;}
.product-card{background: #fff;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);padding: 20px;width: 300px;text-align: center;transition: transform 0.3s;}
.product-card:hover{transform: translateY(-5px);}
.product-card img{width:100%;height:220px;object-fit: cover;border-radius: 10px;}
.product-card h3{font: size 1.2em;margin: 12px 0;color: #444;}
.product-card.price{font-size: 1.1rem;color: #e67e22;font-weight: bold;margin-bottom: 10px;}
.product-card input[type="number"]{width: 60px;padding: 5px;margin: 10px 0;text-align: center;border: 1px solid #ccc;border-radius: 5px;}
.product-card.btn{display: block;margin-top: 10px;padding: 10px;background: #27ae60;color: #fff;text-decoration: none;border-radius: 6px;transition: background o.3s;}
.product-card.btn:hover{background: #219150;}
.btn{display: inline-block;padding: 10px 20px;background: #c49a6c;color: #fff;border-radius: 5px;text-decoration: none;transition: background 0.3s ease;}
.product-card p{font-size: 0.9rem;color: #666;margin-bottom: 15px;}
.btn:hover{background: #a67c52;}
.product-detail{display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;padding: 50px 10%;align-items: start;}
.product-image img{width: 100%;border-radius: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.product-info h1{font-size: 2rem;margin-bottom: 10px;color: #333;}
.product-info.price{font-size: 1.5rem;font-weight: bold;color: #b87333;margin-bottom: 15px;}
.product-info.short-desc{font-size: 16px;margin-bottom: 20px;line-height: 1.7;margin-top: 15px;}
.specs{width: 100%;border-collapse: collapse;margin-bottom: 20px;}
.specs td{padding: 8px 10px;border-bottom: 1px solid #eee;font-size: 0.95rem;}
.actions input{width: 60px;padding: 5px;margin: 0 10px;}
.btn.whatsapp{display: inline-block;padding: 10px 20px;background: #25d366;color: white;text-decoration: none;border-radius: 5px;font-weight: bold;transition: 0.3s;}
.btn.whatsapp:hover{background: #1ebe5a;}
.back-link{display: inline-block;margin-top: 10px;color: #555;text-decoration: none;}
.back-link:hover{text-decoration: underline;}
.contact-page{padding: 40px;max-width: 1100px;margin: auto;text-align: center;}
.contact-page{font-size: 2rem;margin-bottom: 10px;}
.contact-page p{margin-bottom: 25px;line-height: 1.6;color: #444;}
.contact-container{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.contact-info,.contact-form{flex: 1;min-width: 300px;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,0.8);text-align: left;}
.contact-info h3,.contact-form h3{margin-bottom: 15px;font-size: 1.3rem;color: #222;}
.contact-info p{margin: 10px 0;font-size: 1rem;}
.contact-info i{color: #b8860b;margin-right: 8px;}
.contact-info a{color: #333;text-decoration: none;}
.contact-form form{display: flex;flex-direction: column;}
.contact-form input,.contact-form textarea{margin-bottom: 15px;padding: 12px;border: 1px;scrollbar-width: 1px solid #ccc;border-radius: 8px;font-size: 1rem;}
.contact-form button{background: #b8860b;color: #fff;border: none;padding: 12px;border-radius: 8px;cursor: pointer;transition: background 0.3ease;}
.map{margin-top: 40px;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
footer.socials{margin-top: 10px;}
footer.socials a{color: #333;margin: 0 8px;font-size: 1.4rem;}
footer.social a:hover{color: #b8860b;}