*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f4fff7;color:#123}
a{text-decoration:none;color:inherit}
.header{background:#073b1f;color:white;padding:14px 6%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
.logo{font-size:26px;font-weight:bold;color:#7cff9b}
.nav a{margin-left:18px;font-weight:bold}
.btn{background:#20c45a;color:white;padding:10px 18px;border-radius:25px;border:none;cursor:pointer}
.hero{padding:0}
.slider{height:420px;overflow:hidden;position:relative}
.slider img{width:100%;height:420px;object-fit:cover;display:block}
.heroText{position:absolute;top:35%;left:8%;color:white;background:rgba(0,0,0,.45);padding:25px;border-radius:18px}
.heroText h1{font-size:46px}
.container{padding:40px 6%}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.card{background:white;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.08);overflow:hidden}
.card img{width:100%;height:220px;object-fit:cover}
.cardBody{padding:18px}
.price{color:#0a9f3f;font-size:22px;font-weight:bold;margin:8px 0}
.formBox{max-width:430px;margin:60px auto;background:white;padding:30px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.1)}
input,textarea{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:10px}
.adminLayout{padding:30px 6%}
.table{width:100%;border-collapse:collapse;background:white}
.table th,.table td{padding:12px;border-bottom:1px solid #ddd;text-align:left}
.adminMenu a{display:inline-block;background:#073b1f;color:white;padding:10px 16px;border-radius:10px;margin:6px}
.cartItem{background:white;padding:15px;border-radius:14px;margin-bottom:12px}

@media(max-width:992px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .heroText h1{font-size:34px}
}
@media(max-width:600px){
  .header{flex-direction:column;gap:12px}
  .nav a{margin:6px}
  .grid{grid-template-columns:1fr}
  .slider,.slider img{height:300px}
  .heroText{left:5%;right:5%;top:25%}
  .heroText h1{font-size:28px}
}