*{margin:0px;}
	
html {
  scroll-behavior: smooth;
  scroll-padding-top: 280px; 
}

body{font-family:palatino;   }
.itemcover{ overflow-y:auto; margin-top:50px; width:100%;}
.itemcover img{height:150px;  }
.box{display:inline-block; width:200px; margin-left:25px; vertical-align:top;}
.innerbox{width:100%; height:200px; overflow:hidden; text-align:center; }
h2{margin-left:20px; margin-top:60px;}
b{color:#999900; margin-bottom:5px;}

#whatsappicon{width:40px; height:40px; display:block; position:fixed; bottom:50px; right:50px;}

#btn{width:40px; height:40px; float:right; margin:25px 20px 0px 0px;}
#btn span{background:#00A859; height:3px; width:100%; display:block; margin-top:4px;}

#menunav{width:100%;  text-align:center; font-family:inter; height:auto; font-weight:bold;}	
#menunav a{ display:inline-block; cursor:pointer; margin:0px 20px;}	
#menunav img{height:40px;}	
#menunav span{float:right; margin-left:10px; margin-top:10px;}	
	
#head{width:90%; padding:10px 5%; font-family:inter; background:white; position:fixed;}
#head .logo{float:left;}
#head .logo img{height:100px; margin-top:-20px;}
#head .nav{float:right;}


#drop{height:100%; width:300px; background:#00A859; position:fixed; z-index:1000; overflow:auto; display:none;}
#drop h2{margin:40px 0px 20px 40px; color:gold;}
#drop a{ display:block; color:white; text-decoration:none; margin:10px 0px 0px 40px;}
 
#cart{width:24px; padding-left:22px;  height:40px;  background:url(cart.png) no-repeat; background-size:90%; background-position:0px; float:right; margin:20px 20px 0px 0px;}
#cart span{background:#00a859; color:white; padding:5px 8px; border-radius:20px; font-weight:bold;}
.add_to_cart{float:right; font-size:12px; width:90px; line-height:32px; background:#00A859; color:white; text-align:center; cursor:pointer; border-radius:5px; text-decoration:none; transition:background .2s ease, transform .2s ease;}
.add_to_cart:hover{background:#00894a; transform:translateY(-1px);}
 
 
 #cartcover p{margin-left:6%;  margin-top:5px; }
 #cartcover input[type=text]{width:88%; background:white; height:40px; margin-left:6%;  margin-top:5px; border:none; padding-left:10px;}
 #cartcover input[type=button]{width:40px; height:40px; margin:0px 20px;}
 #cartcover .remov{color:red; cursor:pointer;}
#cartcover{background:white;overflow-y:auto; display:none; height:98%; padding:1% 0px; position:fixed; right:0; top:0; left:0; z-index:5000; color:black; font-family:inter; }
#cartcover table img{width:100px; border-radius:6px;}
#cartcover table {width:96%;margin-left:6%;  margin-top:5px; border-collapse:collapse;}
#cartcover table td{padding:20px 10px; vertical-align:top; color:black; border-bottom:1px solid rgba(255,255,255);}
#cartcover .summ{float:left; margin-left:50px; line-height:35px; font-weight:bold; color:#c8a23a;}
#cartcover .cartclose{float:right; margin-right:50px; line-height:35px; text-align:center; font-size:25px; width:35px; border:1px solid #c8a23a; border-radius:35px; color:#c8a23a; cursor:pointer; }
#cartcover #clear{margin:10px 6% 0px 6%; text-align:right;}
#cartcover #clear button{background:transparent; color:#c8a23a; border:1px solid #c8a23a; padding:6px 12px; cursor:pointer; border-radius:4px;}
#cartcover .cart-summary-line{margin:10px 6%; font-weight:bold; color:#c8a23a;}
#cartcover .cart-item-title{font-weight:bold;}
#cartcover .cart-item-meta{color:#d1d1d1; margin:4px 0px;}
#cartcover .cart-item-actions{display:flex; align-items:center; gap:8px;}
#cartcover .cart-item-actions button{padding:4px 10px; cursor:pointer; background:#00a859; border:none;  border-radius:4px;}
#cartcover .cart-item-actions .remove{color:#ff5c5c; border:1px solid #ff5c5c; }
#cartcover .qty{min-width:24px; text-align:center; display:inline-block;}
.add_to_cart{margin-top:8px;}
#cartcover .cart-select-line{margin:10px 6%; display:flex; flex-direction:column; align-items:flex-start; gap:6px;}
#cartcover .cart-select-line label{font-size:14px; color:#c8a23a; font-weight:bold;}
#cartcover .cart-select-line select{width:100%; max-width:240px; padding:10px 12px; border-radius:6px; border:1px solid #c8a23a; background:white; color:#0f3f29; font-weight:bold;}
 

#foot{width:90%; padding:20px 5%; background:black;  display:flex; flex-wrap:wrap; font-family:inter; font-size:12px;}
#foot .fbox,#foot .sbox {width:25%; text-align:center; padding:50px 0px;}
#foot .fbox img{height:100px;  margin-top:-40px;}
#foot .fbox a{color:white; font-weight:bold;display:block; text-decoration:none; margin-top:20px; letter-spacing:1px;}
#foot .fbox h3,#foot .sbox h3{font-size:12px; padding-bottom:5px;letter-spacing:2px; color:lime;}
#foot .sbox a{display:inline-block; text-decoration:none; margin:20px 5px;}
#foot .sbox img{width:30px; height:30px; border-radius:10px;}
#totop{position:fixed; text-decoration:none; right:50px; bottom:50px; height:40px; width:40px;  }
#totop img{width:40px;  }


#menubtn{width:200px; margin:-100px auto 0px auto; color:white; background:grey; height:45px; line-height:45px; display:block; text-align:center; text-decoration:none; font-family:inter;}


#cover{width:100%;  color:#363636;  margin-top:0px;  text-align:center;color:white;  background:linear-gradient(135deg, #0f3f29, #00a859); padding:80px 0px 40px 0px ;}
#cover input[type=text]{padding-left:10px;background:white; border:0px; outline:0px; width:300px; height:50px;  font-size:16px; border-radius:6px;}
#cover input[type=submit]{background:#c8a23a; border:0px; outline:0px; width:90px; color:white; height:50px;  font-size:16px; border-radius:6px;}