.trial-launch{width:100%;border:0;border-radius:22px;padding:18px;background:#087b4a;color:white;font-size:16px;font-weight:700;margin:0 0 20px;cursor:pointer}.trial-head h1{font-size:28px;line-height:1.15}.trial-head p,.trial-note,.trial-row small,.trial-totals small{font-size:14px;line-height:1.5}.trial-note{background:#edf8f1;padding:16px;border-radius:18px;margin:16px 0;color:#20513b}.trial-add{display:flex;align-items:end;gap:12px;margin:20px 0}.trial-add label{flex:1}.trial-add label,.trial-selected label,.trial-row label{display:grid;gap:6px;font-size:14px}.trial-add select,.trial-serving-label input,.trial-selected input,.trial-row input{border:1px solid #d2dfd7;border-radius:14px;background:white;padding:12px;font:inherit;min-width:0;width:100%;box-sizing:border-box}.trial-selected{display:flex;align-items:center;gap:12px;background:white;border-radius:20px;padding:14px;margin:12px 0;border:1px solid #e0e8e3}.trial-name{flex:1;border:0;background:transparent;font:inherit;font-weight:700;text-align:left;color:#145b3d;cursor:pointer}.trial-selected label{width:78px}.trial-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.trial-totals>div{border-radius:22px;background:#edf8f1;padding:20px;display:grid;gap:8px}.trial-totals>div:last-child{background:#075d3b;color:white}.trial-totals strong{font-size:28px}.trial-row{display:grid;grid-template-columns:1fr 170px;gap:14px;padding:20px;border:1px solid #e0e8e3;border-radius:22px;margin:12px 0;background:white}.trial-row h3{margin:0 0 5px;font-size:18px}.trial-row p{margin:8px 0}.trial-pack{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid #edf0ed;padding-top:14px}.trial-pack small{grid-column:1/-1;color:#53645b}.trial-bottom{padding:18px 0 100px}.trial-bottom .primary{width:100%}.trial-ingredient{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e2e9e4;font-size:16px}.trial-serving-label{display:flex;align-items:center;gap:15px;margin:15px 0}.trial-serving-label input{max-width:95px}.trial-empty{padding:28px 0}.trial-row input:focus,.trial-add select:focus{outline:2px solid #087b4a;outline-offset:2px}@media(max-width:520px){.trial-add{flex-direction:column;align-items:stretch}.trial-row{grid-template-columns:1fr}.trial-row label{max-width:100%}.trial-selected{flex-wrap:wrap}.trial-name{min-width:140px}.trial-selected .btn{padding:10px}.trial-totals>div{padding:15px}.trial-totals strong{font-size:24px}}
