.builder-intro{background:linear-gradient(90deg,#f4f3ec 45%,#f4f3ecbb),url('assets/photo-10.jpg') center/cover}.builder-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;background:#f4f3ed}.mix-card{background:white;padding:32px;border:1px solid #dfe5dd;border-radius:12px}.mix-card h2,.mix-summary h2{font-size:28px;line-height:1.2;margin:0 0 14px}.ingredient{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:20px;border-bottom:1px solid #e4e8e3;padding:12px 0}.ingredient input{width:100%;padding:10px;border:1px solid #bbc9c1;border-radius:5px;font-size:17px}.ingredient label{font-size:18px}.headings,.total{background:#f1f4f0;padding:15px 10px;border:0}.mix-summary{background:#112f40;color:white;padding:32px;border-radius:12px}.mix-summary h2{color:white}.weight-circle{border:3px solid #b8a25c;border-radius:50%;width:190px;height:190px;margin:26px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.weight-circle strong{font-size:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.metrics strong,.metrics span{display:block}.metrics strong{font-size:24px}.metrics span{font-size:13px;margin-top:8px}.mix-summary p{border-top:1px solid #ffffff40;margin-top:24px;padding-top:18px;font-size:14px}.mix-summary small{color:#c7d6d7}.quote{margin-top:20px}.quote .button{width:100%;justify-content:center}.reset{background:transparent;border:0;text-decoration:underline;padding:15px 0;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:850px){.builder-layout{grid-template-columns:1fr}.mix-card,.mix-summary{padding:22px}.ingredient{grid-template-columns:1fr 100px}.builder-intro h1{font-size:44px}.metrics{gap:6px}}