.container-wide{max-width:1100px;margin:0 auto;padding:0 20px}.oil-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;transition:all .18s;background:#fff}.oil-chip:hover{border-color:var(--pink-mid);background:var(--pink-light)}.oil-chip input[type=checkbox]{accent-color:var(--pink);width:15px;height:15px}.oil-chip-label{font-size:13px;font-weight:500;color:var(--gray-800);cursor:pointer}.oil-chip input:checked~.oil-chip-label{color:var(--pink-dark);font-weight:600}.results-panel.show{display:block}.result-item{background:#fff;border:1px solid var(--pink-mid);border-radius:var(--radius-sm);padding:14px 16px;text-align:center}.result-item .r-label{font-size:11px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.result-item .r-val{font-size:22px;font-weight:800;color:var(--pink);line-height:1}.result-item .r-unit{font-size:11px;color:var(--gray-400);font-weight:500}.recipe-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:13px}.recipe-row:last-child{border-bottom:none}.recipe-row .r-name{color:var(--gray-800);font-weight:500}.recipe-row .r-amount{font-weight:700;color:var(--pink)}.recipe-row .r-pct{font-size:11px;color:var(--gray-400);margin-left:6px}.bar-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;transition:width .5s ease;overflow:hidden;white-space:nowrap}.faq-q.open .faq-icon{transform:rotate(45deg)}.faq-a.open{display:block}hr.styled{border:none;border-top:1px solid var(--gray-200);margin:48px 0}