.formula-hero{background:#2d1f1c;color:#fff;padding:22px 19px;border-radius:20px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.formula-hero h2{font-family:serif;font-size:28px;margin:0}.formula-hero p{margin:6px 0 0;color:#d8c9bb}.formula-add{width:48px;height:48px;border:0;border-radius:10px;background:#faf6ee;font-size:30px;color:#2d1f1c}.formula-search{position:relative}.formula-search:before{content:'⌕';position:absolute;left:15px;top:8px;font-size:24px;color:#745f55}.formula-search input{padding-left:46px}.formula-empty{padding:28px 0}.formula-empty h3{font-family:serif;font-size:22px;margin-bottom:4px}.formula-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfc2b2;border-bottom:1px solid #cfc2b2;margin:18px 0}.formula-steps div{padding:12px 7px;border-right:1px solid #cfc2b2;font-size:12px}.formula-steps div:last-child{border:0}.formula-steps b{display:block;color:#84332f}.formula-card{border-left:4px solid #84332f}.formula-card .formula-meta{color:#816e64;font-size:12px}.formula-card .formula-total{float:right;font-family:serif;font-size:18px}.formula-form-title{background:#2d1f1c;color:white;margin:-19px -17px 15px;padding:24px 18px}.formula-form-title h2{font-family:serif;margin:0}.formula-subtitle{color:#816e64;font-size:12px;margin-top:-7px}.ingredient-row{border-top:1px solid #d6c9ba;padding:14px 0;position:relative}.ingredient-head{display:flex;justify-content:space-between}.ingredient-grid{display:grid;grid-template-columns:1fr 110px;gap:8px}.ingredient-remove{border:0;background:none;color:#a64b45}.quick-materials{display:flex;gap:6px;margin-top:7px}.quick-materials button{flex:1;border:1px solid #d4c8bb;background:#fbf8f1;border-radius:5px;padding:7px}.weight-box{background:#e9e2d8;border:1px solid #cfc2b2;padding:14px;border-radius:7px;margin:14px 0}.weight-box strong{font-size:25px;float:right}.formula-save{background:#84332f!important}.privacy-line{padding:10px 0;color:#84332f;font-size:13px}.ingredient-table{width:100%;border-collapse:collapse}.ingredient-table td{padding:8px 3px;border-bottom:1px solid var(--line)}
