:root{--charcoal:#111827;--charcoal-2:#1f2937;--green:#2e7d32;--green-2:#4caf50;--orange:#f59e0b;--orange-soft:#fff7e6;--cream:#fffdf7;--gray:#f3f4f6;--gray-2:#6b7280;--border:#e5e7eb;--danger:#dc2626;--danger-soft:#fef2f2;--white:#fff;--shadow:0 12px 35px #11182712}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--charcoal);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Arabic,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1380px,100% - 36px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff0;height:72px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.brand-logo{width:190px;height:auto;display:block}.brand-logo-small{object-fit:contain;object-position:center;width:158px;max-height:38px}.btn{border:1px solid #0000;border-radius:11px;padding:10px 14px;font-weight:750;line-height:1;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 5px 14px #2e7d322e}.btn-primary:hover{background:#256b29}.btn-orange{background:var(--orange);color:var(--charcoal)}.btn-soft{background:var(--gray);color:var(--charcoal);border-color:#e5e7eb}.btn-soft:hover{background:#e9eaec}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.hero{background:radial-gradient(circle at 85% 15%, #f59e0b21, transparent 28%), radial-gradient(circle at 10% 10%, #2e7d321a, transparent 26%), var(--cream);padding:62px 0 42px}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:34px;display:grid}.hero h1{letter-spacing:-.055em;margin:16px 0;font-size:clamp(40px,5.2vw,66px);line-height:.98}.hero p{color:#4b5563;max-width:720px;margin:0;font-size:18px;line-height:1.7}.pill{letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.hero-stat{background:var(--charcoal);color:#fff;box-shadow:var(--shadow);border-radius:20px;padding:22px}.hero-stat .big{letter-spacing:-.04em;color:var(--orange);font-variant-numeric:tabular-nums;margin-top:8px;font-size:34px;font-weight:900}.hero-stat-label{color:#ffffffb8;font-size:12px;font-weight:750}.card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}.card-pad{padding:22px}.section-title{letter-spacing:-.015em;font-size:18px;font-weight:850}.section-subtitle{color:var(--gray-2);margin-top:4px;font-size:12px;line-height:1.55}.muted{color:var(--gray-2)}.label{color:#4b5563;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.input,.select{width:100%;min-height:42px;color:var(--charcoal);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:9px 11px}.input:focus,.select:focus{border-color:var(--green);box-shadow:0 0 0 3px #2e7d321c}.recipe-grid{grid-template-columns:minmax(0,2fr) minmax(90px,.8fr) minmax(105px,.7fr);gap:12px;display:grid}.calculator-layout{grid-template-columns:minmax(0,1fr) minmax(360px,400px);align-items:start;gap:24px;display:grid}.left-stack{gap:16px;min-width:0;display:grid}.sticky-result{align-self:start;width:100%;min-width:0;position:sticky;top:92px}.card{min-width:0}.ingredients-table{min-width:0;margin-top:18px;overflow-x:auto}.ingredient-head,.ingredient-row{grid-template-columns:minmax(150px,1.7fr) minmax(75px,.7fr) minmax(85px,.75fr) minmax(155px,1.35fr) minmax(105px,.9fr) minmax(80px,.65fr) 38px;align-items:end;gap:8px;min-width:820px;display:grid}.ingredient-head{color:var(--gray-2);padding:0 0 7px;font-size:11px;font-weight:850}.ingredient-row{border-top:1px solid #f0f1f2;padding:9px 0}.package-field{grid-template-columns:1fr 82px;gap:5px;display:grid}.cost-line{grid-column:1/-1;min-height:17px;font-size:12px;font-weight:800}.cost-ok{color:var(--green)}.cost-error{color:var(--danger)}.accordions{overflow:hidden}.accordion{border-bottom:1px solid var(--border)}.accordion:last-child{border-bottom:0}.accordion-trigger{width:100%;color:var(--charcoal);text-align:start;background:#fff;border:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;font-weight:850;display:flex}.accordion-trigger:hover{background:#fafafa}.optional{background:var(--gray);color:var(--gray-2);margin-inline-start:8px}.accordion-body{padding:0 20px 20px}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.helper-box{color:#4b5563;background:#fafafa;border:1px solid #eef0f2;border-radius:12px;padding:12px;font-size:12px;line-height:1.55}.results-card{overflow:hidden}.results-header{border-bottom:1px solid var(--border);padding:20px 22px}.result-list{padding:8px 22px 0}.result-line{justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:13px;display:flex}.result-line+.result-line{border-top:1px solid #f2f3f4}.result-total{background:linear-gradient(135deg,#f5fbf5,#fffaf0);border-block:1px solid #dcebdd;padding:22px}.result-total-label{color:var(--gray-2);font-size:12px;font-weight:800}.price-output{background:linear-gradient(135deg,#2e7d3212,#fffffff2);border:1px solid #2e7d322e;border-radius:14px;padding:12px 14px}.price-output-value{color:var(--green);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:clamp(28px,4vw,38px);font-weight:950;line-height:1}.result-number{color:var(--orange);letter-spacing:-.06em;font-variant-numeric:tabular-nums;text-shadow:0 1px #1118270a;margin-top:3px;font-size:clamp(44px,5vw,58px);font-weight:950;line-height:.98}.metric-grid{grid-template-columns:1fr 1fr;gap:9px;padding:16px 22px 22px;display:grid}.metric{background:#f9fafb;border:1px solid #eef0f2;border-radius:12px;padding:13px}.metric-label{color:var(--gray-2);font-size:11px;font-weight:750;line-height:1.3}.metric-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:19px;font-weight:900}.scale-card{margin-top:14px}.scale-highlight{background:var(--orange-soft);border:1px solid #fde7b1;border-radius:13px;margin-top:14px;padding:13px}.scale-list{gap:7px;margin-top:12px;display:grid}.scale-item{justify-content:space-between;gap:12px;font-size:13px;display:flex}.action-bar{flex-wrap:wrap;gap:8px;display:flex}.how-section{border-top:1px solid var(--border);background:#fff;padding:76px 0}.content-narrow{max-width:1000px}.content-heading{letter-spacing:-.035em;margin:13px 0 8px;font-size:36px}.content-lead{max-width:820px;color:var(--gray-2);margin:0;line-height:1.75}.how-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.how-item{border:1px solid var(--border);background:var(--cream);border-radius:16px;padding:20px}.how-number{color:var(--orange);font-size:12px;font-weight:900}.how-item h3{margin:8px 0 7px;font-size:18px}.how-item p{color:var(--gray-2);margin:0;font-size:14px;line-height:1.6}.seo-copy{max-width:860px;margin-top:42px}.seo-copy h2{letter-spacing:-.025em;margin:34px 0 10px;font-size:26px}.seo-copy p{color:#4b5563;margin:0 0 16px;line-height:1.8}.formula-card{background:var(--orange-soft);border:1px solid #f0dfb6;border-radius:14px;margin:18px 0;padding:18px;line-height:1.8;overflow-x:auto}.faq-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.faq-grid details{border:1px solid var(--border);background:#fff;border-radius:14px;padding:15px 17px}.faq-grid summary{cursor:pointer;font-weight:800}.faq-grid p{margin:10px 0 0;font-size:14px}.footer-links{gap:16px;display:flex}.footer-links a{color:#ffffffdb}.footer-links a:hover{color:#fff;text-decoration:underline}.site-footer{background:var(--charcoal);color:#fff;padding:28px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex}.ad-slot{color:#9ca3af;background:#fafafa;border:1px dashed #d7dce2;border-radius:12px;place-items:center;min-height:90px;margin:22px 0;font-size:11px;display:grid}.rtl .hero h1{letter-spacing:0}.ltr{direction:ltr;unicode-bidi:plaintext}@media (max-width:980px){.calculator-layout{grid-template-columns:1fr}.sticky-result{position:static}.hero-grid,.how-grid{grid-template-columns:1fr}}@media (max-width:760px){.container{width:min(100% - 22px,1180px)}.site-header{height:64px}.brand-logo-small{width:145px;max-height:34px}.header-actions .btn-soft:first-child,.header-actions a{display:none}.hero{padding:38px 0 28px}.hero p{font-size:16px}.recipe-grid{grid-template-columns:1fr 1fr}.recipe-grid>:first-child{grid-column:1/-1}.ingredient-head{display:none}.ingredient-row{grid-template-columns:1fr 1fr;gap:9px;padding:14px 0}.ingredient-row>:first-child{grid-column:1/-1}.package-field{grid-template-columns:1fr 95px}.cost-line{grid-column:1/-1}.field-grid{grid-template-columns:1fr}.card-pad{padding:17px}.results-header,.result-list,.metric-grid,.result-total{padding-inline:17px}.result-number{font-size:46px}.faq-grid{grid-template-columns:1fr}.content-heading{font-size:30px}}@media (max-width:460px){.hero h1{font-size:38px}.hero-stat .big{font-size:29px}.ingredient-row{grid-template-columns:1fr}.ingredient-row>*{grid-column:1/-1!important}.package-field{grid-template-columns:1fr 100px}.metric-grid{grid-template-columns:1fr}}@media print{.no-print,.site-header,.hero,.how-section,.site-footer{display:none!important}body{background:#fff}.calculator-layout{display:block}.sticky-result{position:static}.card{box-shadow:none}}.nutrition-editor{background:#fbfdfb;border:1px solid #edf0ed;border-radius:12px;grid-column:1/-1;margin-top:6px;overflow:hidden}.nutrition-editor summary{cursor:pointer;color:var(--green);padding:10px 12px;font-size:12px;font-weight:850;list-style:none}.nutrition-editor summary::-webkit-details-marker{display:none}.nutrition-editor summary:before{content:"＋";margin-inline-end:7px;font-weight:900;display:inline-block}.nutrition-editor[open] summary:before{content:"−"}.nutrition-editor-grid{grid-template-columns:minmax(180px,1.4fr) repeat(7,minmax(78px,1fr));align-items:end;gap:8px;padding:0 12px 12px;display:grid}.basis-grid{grid-template-columns:1fr 82px;gap:5px;display:grid}.nutrition-result{border-top:1px solid var(--border);background:linear-gradient(#fff,#fbfdfb);padding:18px 22px 20px}.nutrition-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.nutrition-metric{background:#f7fbf7;border:1px solid #e6eee7;border-radius:11px;padding:10px}.nutrition-metric span{color:var(--gray-2);font-size:10px;font-weight:800;display:block}.nutrition-metric strong{margin-top:3px;font-size:17px;font-weight:950;display:inline-block}.nutrition-metric small{color:var(--gray-2);margin-inline-start:4px;font-size:10px}@media (max-width:980px){.nutrition-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nutrition-editor-grid>:first-child{grid-column:1/-1}}@media (max-width:600px){.nutrition-editor-grid{grid-template-columns:1fr 1fr}.nutrition-grid{grid-template-columns:repeat(2,1fr)}}.static-page{background:var(--cream);min-height:100vh;padding:70px 18px}.static-wrap{border:1px solid var(--border);max-width:820px;box-shadow:var(--shadow);background:#fff;border-radius:20px;margin:0 auto;padding:34px}.static-wrap h1{letter-spacing:-.05em;margin:20px 0 18px;font-size:clamp(36px,6vw,54px);line-height:1}.static-wrap h2{margin:30px 0 10px;font-size:24px}.static-wrap p,.static-wrap li{color:#4b5563;line-height:1.8}.static-wrap ul{padding-inline-start:22px}.back-link{color:var(--green);font-weight:800}.small-note{font-size:13px;color:var(--gray-2)!important}@media (max-width:600px){.static-page{padding:25px 12px}.static-wrap{border-radius:16px;padding:22px}}.print-recipe{display:none}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important}.no-print{display:none!important}.print-recipe{color:#18201b;font-family:Arial,Helvetica,sans-serif;display:block!important}.print-brand-row{border-bottom:2px solid #173f2d;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:12px;display:flex}.print-logo{object-fit:contain;object-position:left center;width:190px;height:auto;max-height:44px}.print-meta{text-align:right;color:#6b7280;font-size:9px;line-height:1.6}.print-kicker{color:#c77800;letter-spacing:.12em;font-size:9px;font-weight:900}.print-title-row{justify-content:space-between;align-items:center;gap:18px;padding:20px 0 16px;display:flex}.print-title-row h1{letter-spacing:-.03em;color:#17231c;margin:0 0 5px;font-size:30px;line-height:1.05}.print-title-row p{color:#6b7280;margin:0;font-size:11px}.print-portion-badge{text-align:right;background:#fff8e8;border:1px solid #e5c77e;border-radius:10px;min-width:120px;padding:10px 13px}.print-portion-badge span,.print-info-grid span,.print-price-grid span,.print-notes span{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:800;display:block}.print-portion-badge strong{color:#173f2d;margin-top:2px;font-size:17px;display:block}.print-info-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px;display:grid}.print-info-grid>div{background:#fafcfb;border:1px solid #e2e6e3;border-radius:8px;padding:9px 11px}.print-info-grid strong{margin-top:3px;font-size:12px;display:block}.print-section-heading{align-items:center;gap:9px;margin:18px 0 9px;display:flex}.print-section-heading>span{color:#fff;background:#173f2d;border-radius:6px;place-items:center;width:23px;height:23px;font-size:8px;font-weight:900;display:grid}.print-section-heading h2{letter-spacing:-.01em;margin:0;font-size:15px}.print-section-heading p{color:#7b827d;margin:2px 0 0;font-size:8px}.print-section-heading.compact{margin-top:0}.print-ingredients{border-collapse:collapse;width:100%;font-size:9px}.print-ingredients th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#173f2d;padding:7px 6px;font-size:8px}.print-ingredients td{vertical-align:middle;border-bottom:1px solid #e8ebe9;padding:7px 6px}.print-ingredients tbody tr:nth-child(2n){background:#fafcfb}.print-ingredients th:first-child,.print-ingredients td:first-child{text-align:center;width:25px}.print-ingredient-name{font-weight:800}.print-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.print-panel{break-inside:avoid;border:1px solid #dfe5e1;border-radius:10px;padding:12px}.print-cost-list{border-top:1px solid #edf0ee}.print-cost-list>div{border-bottom:1px solid #edf0ee;justify-content:space-between;gap:12px;padding:6px 0;font-size:9px;display:flex}.print-cost-list .print-total{border-bottom:0;margin-top:4px;padding:9px 0 1px;font-size:11px;font-weight:900}.print-pricing-panel{background:#fbfdfb}.print-price-main{background:#fff8e8;border:1px solid #f1d38d;border-radius:8px;margin-bottom:8px;padding:10px 11px}.print-price-main span{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800;display:block}.print-price-main strong{color:#c77800;margin-top:3px;font-size:24px;line-height:1;display:block}.print-price-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.print-price-grid>div{background:#fff;border:1px solid #e4e9e5;border-radius:7px;padding:8px}.print-price-grid strong{margin-top:3px;font-size:11px;display:block}.print-notes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.print-notes>div{border:1px solid #e2e6e3;border-radius:7px;padding:8px 9px}.print-notes strong{margin-top:3px;font-size:10px;display:block}.print-footer{color:#7b827d;border-top:1px solid #dfe5e1;justify-content:space-between;gap:12px;margin-top:22px;padding-top:9px;font-size:8px;display:flex}}.pricing-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.pricing-breakdown>div:not(.price-output){border:1px solid var(--line);background:#fafafa;border-radius:14px;padding:12px 14px}.pricing-breakdown>div:not(.price-output) span{color:var(--muted);font-size:11px;font-weight:700;display:block}.pricing-breakdown>div:not(.price-output) strong{margin-top:4px;font-size:19px;display:block}.pricing-breakdown .price-output{grid-column:1/-1}@media (max-width:700px){.pricing-breakdown{grid-template-columns:1fr}.pricing-breakdown .price-output{grid-column:auto}}.ingredients-table{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:18px;overflow:hidden}.ingredient-head{border-bottom:1px solid var(--border);color:var(--gray-2);text-transform:uppercase;letter-spacing:.04em;background:#f7f9f7;grid-template-columns:minmax(180px,1.45fr) minmax(150px,1fr) minmax(160px,1.1fr) minmax(120px,.8fr) minmax(90px,.55fr) minmax(90px,.65fr) 42px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;font-weight:900;display:grid}.ingredient-row{border-bottom:1px solid #edf0ed;grid-template-columns:minmax(180px,1.45fr) minmax(150px,1fr) minmax(160px,1.1fr) minmax(120px,.8fr) minmax(90px,.55fr) minmax(90px,.65fr) 42px;align-items:center;gap:8px;padding:12px;display:grid}.ingredient-row:last-of-type{border-bottom:0}.ingredient-name-field{align-items:center;gap:8px;min-width:0;display:flex}.ingredient-number{width:24px;height:24px;color:var(--green);background:#eef5ef;border-radius:7px;flex:0 0 24px;place-items:center;font-size:10px;font-weight:900;display:grid}.ingredient-field{min-width:0}.ingredient-field:before{display:none}.ingredient-field .input,.ingredient-field .select{width:100%}.package-field{grid-template-columns:1fr 76px;gap:6px;min-width:0;display:grid}.ingredient-row .input,.ingredient-row .select{min-width:0;padding:11px 12px}.ingredient-row .cost-line{text-align:right;font-size:13px;font-weight:900}.ingredient-row .cost-ok{color:var(--green)}.ingredient-remove{place-items:center;width:36px;height:36px;padding:0;display:grid}.ingredients-total-row{background:linear-gradient(#fbfdfb,#f5faf6);border-top:1px solid #e4ebe5;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.ingredients-total-row strong{color:var(--green);font-size:18px}.production-costs-card{overflow:hidden}.production-costs-heading{padding:20px 22px 4px}.derived-value{background:#f7faf7;border:1px solid #e0e8e1}@media (max-width:760px){.hero-stat{display:none}.ingredients-table{background:0 0;border:0;overflow:visible}.ingredient-head{display:none}.ingredient-row{border:1px solid var(--border);background:#fff;border-radius:16px;margin:0 0 12px;padding:16px;display:block;box-shadow:0 6px 20px #1423190d}.ingredient-name-field{margin-bottom:14px}.ingredient-name-field .input{font-size:16px;font-weight:800}.ingredient-field{margin-top:12px}.ingredient-field:before{content:attr(data-label);color:var(--gray-2);margin-bottom:6px;font-size:11px;font-weight:850;display:block}.ingredient-field .input,.ingredient-field .select{min-height:48px;font-size:16px}.ingredient-field[data-label=Quantity\ used]>.input{width:100%}.package-field{grid-template-columns:1fr 92px}.ingredient-row .cost-line{text-align:left;background:#f5faf6;border-radius:10px;margin-top:14px;padding:12px 13px;font-size:15px}.ingredient-row .cost-error{background:#fff2f2}.ingredient-remove{border-radius:9px;width:34px;height:34px;margin-top:-54px;position:absolute;inset-inline-end:28px}.ingredients-total-row{border:1px solid #dfe8e1;border-radius:14px;margin-top:4px;padding:15px}.production-costs-heading{padding:18px 17px 4px}}@media (max-width:460px){.container{width:min(100% - 18px,1180px)}.card-pad{padding:15px}.ingredient-row{padding:14px}.ingredient-remove{inset-inline-end:26px}}.hero-quick{grid-template-columns:1fr 1fr;align-self:end;gap:10px;display:grid}.hero-quick>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;padding:18px}.hero-quick span{color:#ffffffb3;font-size:11px;font-weight:800;display:block}.hero-quick strong{color:#fff;margin-top:4px;font-size:26px;line-height:1;display:block}.result-price-card{background:linear-gradient(135deg,#f5fbf5,#fffaf0);border:1px solid #dcebdc;border-radius:16px;margin:0 22px 18px;padding:16px 17px}.result-price-card>div:first-child{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.result-price-card span{color:var(--gray-2);font-size:11px;font-weight:850;display:block}.result-price-card strong{color:var(--green);font-size:30px;line-height:1;display:block}.result-price-notes{flex-wrap:wrap;gap:14px;margin-top:9px;display:flex}.result-price-notes span{color:#6b7280;font-size:10px;font-weight:700}@media (max-width:760px){.hero-quick{display:none}.result-price-card{margin-inline:17px}.result-price-card>div:first-child{align-items:center}}@media (min-width:981px){.calculator-layout{grid-template-columns:minmax(0,1fr) 390px}.left-stack,.left-stack>.card{min-width:0;max-width:100%}.ingredients-table{width:100%;overflow:auto visible}.ingredients-table>*{max-width:none}.ingredient-head,.ingredient-row{width:max-content;min-width:820px}.ingredients-total-row{width:100%;min-width:0}.sticky-result{z-index:2}}@media (min-width:1200px){.calculator-layout{grid-template-columns:minmax(0,1fr) 410px}}@media (max-width:980px) and (min-width:761px){.calculator-layout{grid-template-columns:1fr}.sticky-result{position:static}}@media (max-width:760px){.ingredients-table{min-width:0}.ingredient-head,.ingredient-row{width:auto;min-width:0}}@media (min-width:761px){.ingredients-table{width:100%;overflow:hidden}.ingredient-head,.ingredient-row{grid-template-columns:minmax(145px,1.35fr) minmax(125px,1.15fr) minmax(145px,1.3fr) minmax(105px,.95fr) minmax(72px,.62fr) minmax(72px,.72fr) 36px;gap:7px;width:100%;min-width:0}.ingredient-head{white-space:nowrap;align-items:center;padding:10px}.ingredient-row{align-items:center;padding:11px 10px}.ingredient-name-field{min-width:0}.ingredient-name-field .input,.ingredient-field .input,.ingredient-field .select,.package-field .input,.package-field .select{box-sizing:border-box;min-width:0}.ingredient-row .input,.ingredient-row .select{padding:10px 9px;font-size:13px}.package-field{grid-template-columns:minmax(0,1fr) 64px;gap:5px}.ingredient-row .cost-line{text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ingredient-remove{width:34px;height:34px}}@media (min-width:761px) and (max-width:1120px){.ingredient-head,.ingredient-row{grid-template-columns:minmax(125px,1.25fr) minmax(112px,1.1fr) minmax(130px,1.2fr) minmax(95px,.9fr) minmax(62px,.55fr) minmax(68px,.65fr) 34px;gap:5px}.ingredient-row .input,.ingredient-row .select{padding:9px 7px;font-size:12px}.package-field{grid-template-columns:minmax(0,1fr) 58px;gap:4px}}