:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202a24;background:#f7f9f7;color-scheme:light;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:40px 24px}header{margin-bottom:28px}h1{font-size:36px;letter-spacing:-1.2px;margin:4px 0}h2{font-size:23px;margin:0}p{margin:8px 0;color:#56635b}.eyebrow{font-size:12px;letter-spacing:2px;color:#285943;font-weight:700}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.toolbar label{flex:1;min-width:180px}label{display:block;font-size:14px;font-weight:600}select,input,textarea,button{font:inherit}select,input,textarea{background:#fff;color:#202a24;border:1px solid #c5cec7;border-radius:8px;padding:10px}select{width:100%;margin-top:6px}input{width:100px;min-height:44px;font-size:16px}textarea{width:100%;margin-top:8px;resize:vertical;font-weight:400;line-height:1.65;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #285943;border-radius:8px;background:#285943;color:white;padding:11px 18px;min-height:46px;cursor:pointer;text-decoration:none;font-weight:600}.secondary{background:#fff;color:#285943}.button:disabled{opacity:.5;cursor:default}.button:hover:not(:disabled){filter:brightness(.95)}.link-button{background:none;border:0;padding:8px 0;color:#285943;text-decoration:underline;cursor:pointer;min-height:44px}.status-line,.section-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.status-line{margin-top:12px;font-size:13px}.hint{font-size:13px;font-weight:400;color:#56635b}.table-wrap{margin-top:12px}table{width:100%;border-collapse:collapse;table-layout:fixed}th{text-align:left;font-size:12px;color:#56635b;border-bottom:2px solid #d4ddd6;padding:12px 8px}td{padding:14px 8px;vertical-align:middle;border-bottom:1px solid #dde4df}th:first-child{width:29%}th:nth-child(2){width:29%}th:nth-child(3){width:14%}th:nth-child(4){width:15%}th:nth-child(5){width:13%}.product-name{font-weight:600}.detail{font-size:13px;color:#56635b;margin-top:3px;overflow-wrap:anywhere}.number{text-align:right;font-variant-numeric:tabular-nums}.chosen{background:#edf4ee}#your-order{margin-top:40px;background:#fff;border:1px solid #dce4de;border-radius:14px;padding:24px;scroll-margin-top:20px}.actions{justify-content:flex-start;margin:12px 0}.total{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #dce4de;padding-top:20px;margin-top:24px}.total strong{font-size:27px;font-variant-numeric:tabular-nums}.total small{display:block;color:#56635b;font-size:12px}.order-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #edf1ee;font-size:14px}#selected{margin-bottom:20px}footer{margin-top:24px;font-size:12px;color:#56635b}.error{background:#fff2ee;color:#8c301a;border-radius:8px;padding:14px;margin-top:10px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #91b49e;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){main{padding:24px 14px}h1{font-size:30px}.toolbar label{min-width:130px}.toolbar>a{width:100%}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{display:grid;grid-template-columns:1fr 110px;padding:12px 0;border-bottom:1px solid #d4ddd6;gap:4px 12px}td{border:0;padding:0}td:nth-child(1){grid-column:1;grid-row:1}td:nth-child(2){grid-column:1;grid-row:2}td:nth-child(3){grid-column:1;grid-row:3;text-align:left;color:#56635b;font-size:13px}td:nth-child(3)::before{content:'KSh ' }td:nth-child(3)::after{content:' / kg'}td:nth-child(4){grid-column:2;grid-row:1/3}td:nth-child(4)::before{content:'Qty (kg)';display:block;font-size:12px;color:#56635b;margin-bottom:4px}td:nth-child(5){grid-column:2;grid-row:3;text-align:left;font-size:13px}td:nth-child(5)::before{content:'KSh ' }#your-order{padding:18px}.total strong{font-size:25px}}