*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5faf8;color:#17352d}a{text-decoration:none;color:inherit}.wrap{max-width:1100px;margin:auto;padding:0 20px}header{background:#087f5b;color:white;position:sticky;top:0;z-index:10}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;gap:18px;align-items:center}.nav button{padding:8px 12px}.hero{padding:80px 0;background:linear-gradient(135deg,#dff7ee,#f6fffb)}.hero h1{font-size:48px;margin:12px 0}.hero p{max-width:620px;font-size:18px;line-height:1.6}.btn{background:#087f5b;color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:bold;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product,.cards>div,section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 20px #124c3a12}.product .pic{height:140px;display:grid;place-items:center;font-size:70px;background:#e7f7f1;border-radius:12px}.price{font-size:22px;font-weight:bold;color:#087f5b}.product button{width:100%;margin-top:10px}.steps{margin:55px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cart{position:fixed;right:0;top:0;width:390px;height:100vh;background:white;padding:25px;z-index:30;box-shadow:-10px 0 30px #0002;overflow:auto}.cart input,.cart textarea,.modalbox input,.modalbox textarea,.admin input{width:100%;padding:12px;margin:7px 0;border:1px solid #ccd8d4;border-radius:9px}.floating{position:fixed;right:25px;bottom:25px;border:0;border-radius:50px;padding:15px 20px;background:#087f5b;color:white;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stats div{background:#e7f7f1;padding:18px;border-radius:12px}.stats b{display:block;font-size:25px;margin-top:8px}.admin section{margin:20px 0}.row{padding:12px 0;border-bottom:1px solid #e5ece9}.modal{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:40}.modalbox{background:white;padding:25px;border-radius:15px;width:min(500px,92%)}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #ddd;text-align:left}select{padding:8px}@media(max-width:800px){.grid,.cards,.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}.cart{width:100%}}@media(max-width:500px){.grid,.cards,.stats{grid-template-columns:1fr}.nav nav a{display:none}}