:root{--green:#175b3d;--yellow:#ffda59;--cream:#fffdf2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#193e2e;font:16px system-ui,Arial}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 5%;background:white;border-bottom:1px solid #e4eadc;gap:12px}nav{display:flex;gap:15px;flex-wrap:wrap}a{color:var(--green)}.brand{font-size:23px;font-weight:900;text-decoration:none}main{max-width:1180px;padding:24px 18px;margin:auto;min-height:75vh}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{padding:22px;background:white;border:1px solid #dfe8d7;border-radius:18px;margin:12px 0;box-shadow:0 7px 22px #123d2510}h1,h2,h3{color:var(--green)}label{display:block;font-weight:650;margin:12px 0}input,select,textarea{display:block;width:100%;margin:5px 0;padding:11px;border:1px solid #bbcdbb;border-radius:9px;font:inherit}button,.button{background:var(--green);color:white;border:0;border-radius:10px;padding:12px 16px;cursor:pointer;display:inline-block;text-decoration:none;font-weight:700;margin:5px 3px 5px 0}.yellow{background:var(--yellow);color:#193e2e}.notice{background:#fff0ad;padding:15px;border-radius:12px;margin-bottom:15px}.muted{color:#647569}.price{font-size:24px;font-weight:800}img.product{width:100%;height:180px;object-fit:cover;border-radius:12px}.emoji{font-size:70px}table{border-collapse:collapse;width:100%;background:white;min-width:700px}th,td{padding:11px;text-align:left;border-bottom:1px solid #e0e7d8}th{background:#e9f4cf}.scroll{overflow-x:auto}footer{text-align:center;background:#12442e;color:white;padding:30px;margin-top:35px}.badge{background:#e9f4cf;border-radius:12px;padding:5px 10px}small{color:#52665a}
