.canvas .calc{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(1.4rem,4vw,3rem);background:var(--bg-2);border:1px solid var(--line);border-radius:clamp(12px,2vw,20px);padding:clamp(1.4rem,4vw,2.6rem);box-shadow:0 28px 64px -36px #0006}@media(max-width:720px){.canvas .calc{grid-template-columns:1fr}}.canvas .calc-inputs{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.canvas .calc-field{display:flex;flex-direction:column;gap:.5rem}.canvas .calc-label{font-family:var(--font-body);font-size:.95rem;color:var(--text-dim)}.canvas .calc-label strong{color:var(--accent)}.canvas .calc-input{font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.canvas .calc-range{accent-color:var(--accent);inline-size:100%}.canvas .calc-results{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.4rem);background:var(--bg);border-radius:clamp(10px,1.5vw,14px);padding:clamp(1.2rem,3vw,2rem)}.canvas .calc-headline{display:flex;flex-direction:column;gap:.3rem}.canvas .calc-headline-label{font-family:var(--font-body);font-size:.9rem;color:var(--text-dim)}.canvas .calc-headline-val{font-size:clamp(2.4rem,6vw,3.4rem);line-height:1;color:var(--accent);letter-spacing:var(--track-tighter)}.canvas .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.4rem;margin:0}.canvas .calc-grid dt{font-family:var(--font-body);font-size:.85rem;color:var(--text-dim)}.canvas .calc-grid dd{font-family:var(--font-body);font-weight:700;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text);margin:0}.canvas .calc-profit{color:var(--accent)!important}.canvas .calc-send{justify-content:center}.canvas .calc-note{font-family:var(--font-body);font-size:.82rem;color:var(--text-dim);line-height:1.5}.canvas .seo-tool .seo-hero{padding-block:clamp(96px,13vh,150px) clamp(1rem,2.5vw,1.5rem)}.canvas .dishcalc-section{padding-block-start:0}.canvas .dishcalc{display:flex;flex-direction:column;gap:clamp(.9rem,2.2vw,1.4rem)}.canvas .dishcalc .calc-input{min-block-size:42px;transition:border-color .15s ease,box-shadow .15s ease}.canvas .dishcalc .calc-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.canvas .dishcalc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2rem);background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,2.6vw,1.4rem) clamp(1.2rem,3vw,1.8rem)}.canvas .dishcalc-guests{display:flex;flex-direction:column;gap:.45rem;inline-size:150px;flex:0 0 auto}.canvas .dishcalc-guests-label{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-dim)}.canvas .dishcalc-kpis{display:flex;flex:1 1 auto;justify-content:space-evenly}.canvas .dishcalc-kpi{display:flex;flex-direction:column;gap:.25rem;padding-inline:clamp(1rem,3vw,2rem) 0;border-inline-start:1px solid var(--line)}.canvas .dishcalc-kpi:first-child{padding-inline-start:0;border-inline-start:none}.canvas .dishcalc-kpi-label{font-family:var(--font-body);font-size:.8rem;color:var(--text-dim)}.canvas .dishcalc-kpi-val{font-family:var(--font-body);font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:700;color:var(--text);letter-spacing:var(--track-tight);white-space:nowrap}.canvas .dishcalc-kpi--profit .dishcalc-kpi-val{color:var(--accent)}.canvas .dishcalc-kpi-pct{font-style:normal;font-size:.66em;font-weight:600;color:var(--text-dim)}.canvas .dishcard{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.2rem);background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:clamp(1.1rem,2.8vw,1.5rem) clamp(1.2rem,3vw,1.8rem);box-shadow:0 14px 36px -30px color-mix(in srgb,var(--text) 55%,transparent)}.canvas .dishcard-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem .9rem;padding-block-end:clamp(.8rem,2vw,1.1rem);border-block-end:1px solid var(--line)}.canvas .dishcard-idx{align-self:center;flex:0 0 auto;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:5px 11px;border-radius:999px}.canvas .dishcard-name{flex:1 1 200px;font-weight:600;font-size:1.05rem}.canvas .dishcard-price{display:flex;flex-direction:column;gap:.4rem;inline-size:168px;flex:0 0 auto}.canvas .dishcard-price .calc-label{font-size:.8rem}.canvas .dishcard-remove,.canvas .ing-remove{align-self:center;flex:0 0 auto;font:inherit;line-height:1;cursor:pointer;background:none;border:none;color:var(--text-dim);padding:6px 8px;border-radius:7px;transition:color .15s ease,background .15s ease}.canvas .dishcard-remove:hover,.canvas .ing-remove:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.canvas .dishcalc-scroll{overflow-x:auto}.canvas .ing-table{inline-size:100%;border-collapse:collapse;font-family:var(--font-body)}.canvas .ing-table col.col-name{inline-size:100%}.canvas .ing-table th{font-size:.76rem;font-weight:600;color:var(--text-dim);text-align:start;padding:0 .6rem .55rem;line-height:1.25;vertical-align:bottom}.canvas .ing-table td{padding:.32rem .6rem;vertical-align:middle}.canvas .ing-table tbody tr+tr td{border-block-start:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.canvas .ing-table .calc-input{min-block-size:38px;padding:7px 10px}.canvas .ing-name{inline-size:100%;min-inline-size:120px}.canvas .ing-qty{inline-size:74px;text-align:center}.canvas .ing-price{inline-size:86px;text-align:center}.canvas .ing-cost,.canvas .ing-order-num{font-weight:700;color:var(--text);white-space:nowrap}.canvas .ing-order{display:flex;align-items:center;gap:.45rem}.canvas .ing-order-num{color:var(--accent);min-inline-size:2.2ch;text-align:end}.canvas .ing-unit{inline-size:74px;flex:0 0 auto;min-block-size:38px}.canvas .ing-table td:last-child{text-align:center}.canvas .ing-add{align-self:flex-start;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;background:none;border:1px dashed color-mix(in srgb,var(--line) 78%,var(--accent) 22%);color:var(--accent);padding:8px 14px;border-radius:9px;transition:background .15s ease}.canvas .ing-add:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.canvas .dishcard-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(1rem,3vw,2.2rem);padding-block-start:clamp(.8rem,2vw,1.1rem);border-block-start:1px solid var(--line)}.canvas .dishcard-metric{display:flex;flex-direction:column;gap:.15rem;text-align:start}.canvas .dishcard-metric span{font-family:var(--font-body);font-size:.78rem;color:var(--text-dim)}.canvas .dishcard-metric strong{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--text);white-space:nowrap}.canvas .dishcard-metric--profit strong{color:var(--accent)}.canvas .calcq-add{align-self:flex-start;font-family:var(--font-body);font-weight:600;cursor:pointer;background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:11px 18px;border-radius:10px;transition:border-color .15s ease,color .15s ease}.canvas .calcq-add:hover{border-color:var(--accent);color:var(--accent)}.canvas .dishcalc-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:.7rem}.canvas .calc-export{font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:0 22px;min-block-size:52px;border-radius:12px;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.canvas .calc-export:hover{border-color:var(--accent);color:var(--accent)}.canvas .dishcalc-actions .calc-send{flex:1 1 260px}.canvas .dishcalc-reminder{font-family:var(--font-body);font-size:.98rem;line-height:1.55;color:var(--text);background:color-mix(in srgb,var(--accent) 7%,var(--bg-2));border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:12px;padding:clamp(.9rem,2.2vw,1.15rem) clamp(1.1rem,2.6vw,1.4rem)}.canvas .dishcalc-reminder strong{color:var(--accent)}.canvas .dishcalc-reminder-en{display:block;margin-block-start:.4rem;font-size:.85rem;color:var(--text-dim);direction:ltr;text-align:start}@media(max-width:560px){.canvas .dishcalc-bar{flex-direction:column;align-items:stretch}.canvas .dishcalc-guests{inline-size:100%}.canvas .dishcalc-kpis{margin-inline-start:0;justify-content:space-between}.canvas .dishcalc-kpi{padding-inline-start:clamp(.8rem,4vw,1.4rem)}}