{"product_id":"margin-sales-tax","title":"Margin and Sales Tax Calculator","description":"\u003cstyle\u003e\n.mst-calculator {\n  --ink: #0f172a;\n  --muted: #475569;\n  --border: #e2e8f0;\n  --surface: #ffffff;\n  --tint: #f8fafc;\n  --primary: #1d4ed8;\n  --accent: #c2410c;\n  --accent-hover: #9a3412;\n  --chart-1: #1e40af;\n  --chart-2: #0d9488;\n  --chart-3: #7c3aed;\n  --chart-4: #be185d;\n  --chart-5: #334155;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  color: var(--ink);\n  background: var(--surface);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  container-type: inline-size;\n  overflow-wrap: anywhere;\n}\n.mst-calculator,\n.mst-calculator *,\n.mst-calculator *::before,\n.mst-calculator *::after {\n  box-sizing: border-box;\n}\n.mst-calculator \u003e *,\n.mst-calculator .mst-workspace \u003e *,\n.mst-calculator .mst-input-grid \u003e *,\n.mst-calculator .mst-results-grid \u003e *,\n.mst-calculator .mst-chart-cluster \u003e *,\n.mst-calculator .mst-toolbar \u003e *,\n.mst-calculator .mst-legend-row \u003e * {\n  min-width: 0;\n}\n.mst-calculator h2,\n.mst-calculator h3,\n.mst-calculator p {\n  margin-top: 0;\n}\n.mst-calculator button,\n.mst-calculator input,\n.mst-calculator select {\n  font: inherit;\n}\n.mst-calculator button,\n.mst-calculator input,\n.mst-calculator select,\n.mst-calculator a {\n  -webkit-tap-highlight-color: transparent;\n}\n.mst-calculator .mst-shell {\n  display: grid;\n  gap: 24px;\n  padding: 24px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n}\n.mst-calculator .mst-header {\n  display: grid;\n  gap: 12px;\n}\n.mst-calculator .mst-title {\n  margin: 0;\n  font-size: 24px;\n  line-height: 1.25;\n  font-weight: 700;\n  letter-spacing: -.02em;\n}\n.mst-calculator .mst-subtitle {\n  margin: 0;\n  max-width: 760px;\n  color: var(--muted);\n}\n.mst-calculator .mst-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.mst-calculator .mst-pill {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 8px;\n  padding: 8px 12px;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-pill-value {\n  color: var(--ink);\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n.mst-calculator .mst-button {\n  min-height: 44px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  padding: 11px 18px;\n  cursor: pointer;\n  font-weight: 650;\n  line-height: 1.2;\n  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;\n}\n.mst-calculator .mst-button:hover {\n  box-shadow: 0 2px 5px rgba(15, 23, 42, .12);\n}\n.mst-calculator .mst-button:active {\n  transform: translateY(1px);\n}\n.mst-calculator .mst-button:focus-visible,\n.mst-calculator input:focus-visible,\n.mst-calculator select:focus-visible,\n.mst-calculator a:focus-visible {\n  outline: 3px solid rgba(29, 78, 216, .35);\n  outline-offset: 2px;\n}\n.mst-calculator .mst-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  white-space: nowrap;\n  background: var(--accent);\n  color: #ffffff;\n  border-color: var(--accent);\n}\n.mst-calculator .mst-download:hover {\n  background: var(--accent-hover);\n  border-color: var(--accent-hover);\n}\n.mst-calculator .mst-download-icon {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 18px;\n}\n.mst-calculator .mst-reset {\n  background: var(--surface);\n  color: var(--ink);\n  border-color: #94a3b8;\n}\n.mst-calculator .mst-reset:hover {\n  background: var(--tint);\n  border-color: #64748b;\n}\n.mst-calculator .mst-workspace {\n  display: grid;\n  gap: 24px;\n  align-items: start;\n}\n.mst-calculator .mst-panel,\n.mst-calculator .mst-chart-card,\n.mst-calculator .mst-table-card {\n  display: grid;\n  gap: 16px;\n  padding: 20px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n}\n.mst-calculator .mst-panel-heading,\n.mst-calculator .mst-section-title {\n  margin: 0;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.mst-calculator .mst-section-intro,\n.mst-calculator .mst-helper,\n.mst-calculator .mst-chart-intro,\n.mst-calculator .mst-table-intro {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-input-grid {\n  display: grid;\n  gap: 16px;\n}\n.mst-calculator .mst-field {\n  display: grid;\n  align-content: start;\n  gap: 8px;\n}\n.mst-calculator .mst-label {\n  display: block;\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n}\n.mst-calculator .mst-control {\n  width: 100%;\n  min-height: 44px;\n  padding: 10px 12px;\n  border: 1px solid #94a3b8;\n  border-radius: 6px;\n  background: var(--surface);\n  color: var(--ink);\n  font-size: 15px;\n  font-weight: 400;\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-control:hover {\n  border-color: #64748b;\n}\n.mst-calculator .mst-control[aria-invalid=\"true\"] {\n  border-color: #b91c1c;\n}\n.mst-calculator .mst-error {\n  min-height: 20px;\n  color: #991b1b;\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-primary-result {\n  display: grid;\n  gap: 8px;\n  padding: 18px;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n  background: #eff6ff;\n}\n.mst-calculator .mst-primary-label {\n  color: #1e3a8a;\n  font-size: 13px;\n  font-weight: 650;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n.mst-calculator .mst-primary-value {\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  letter-spacing: -.02em;\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-primary-detail {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-results-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n}\n.mst-calculator .mst-result-card {\n  display: grid;\n  align-content: start;\n  gap: 4px;\n  padding: 14px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--tint);\n}\n.mst-calculator .mst-result-label {\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-result-value {\n  color: var(--ink);\n  font-size: 20px;\n  line-height: 1.25;\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-formula-box {\n  padding: 12px;\n  border-left: 3px solid var(--primary);\n  border-radius: 0 6px 6px 0;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-chart-card {\n  gap: 16px;\n}\n.mst-calculator .mst-chart-cluster {\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  gap: 24px;\n  max-width: 760px;\n  width: 100%;\n  margin: 0 auto;\n}\n.mst-calculator .mst-chart-visual {\n  width: min(100%, 320px);\n  aspect-ratio: 1;\n  margin: 0 auto;\n}\n.mst-calculator .mst-chart-svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.mst-calculator .mst-chart-track {\n  fill: none;\n  stroke: #e2e8f0;\n  stroke-width: 62;\n}\n.mst-calculator .mst-chart-segment {\n  fill: none;\n  stroke-width: 62;\n  stroke-linecap: butt;\n}\n.mst-calculator .mst-chart-center-label {\n  fill: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  text-anchor: middle;\n}\n.mst-calculator .mst-chart-center-value {\n  fill: var(--ink);\n  font-size: 24px;\n  font-weight: 700;\n  text-anchor: middle;\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-legend {\n  display: grid;\n  gap: 10px;\n  justify-content: center;\n}\n.mst-calculator .mst-legend-row {\n  display: grid;\n  grid-template-columns: 12px minmax(88px, max-content) max-content max-content;\n  align-items: center;\n  gap: 8px 12px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-legend-swatch {\n  width: 12px;\n  height: 12px;\n  border-radius: 3px;\n}\n.mst-calculator .mst-legend-name {\n  color: var(--ink);\n  font-weight: 600;\n}\n.mst-calculator .mst-legend-amount,\n.mst-calculator .mst-legend-share {\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-chart-caption,\n.mst-calculator .mst-table-note {\n  margin-top: 16px;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-chart-empty {\n  padding: 16px;\n  border: 1px dashed #94a3b8;\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  text-align: center;\n  font-size: 13px;\n  font-weight: 500;\n}\n.mst-calculator .mst-chart-empty[hidden],\n.mst-calculator .mst-chart-cluster[hidden] {\n  display: none;\n}\n.mst-calculator .mst-safe-stack .mst-chart-cluster {\n  grid-template-columns: 1fr;\n  gap: 20px;\n  max-width: 460px;\n}\n.mst-calculator .mst-safe-stack .mst-chart-caption {\n  margin-top: 20px;\n}\n.mst-calculator .mst-table-overflow {\n  width: 100%;\n  overflow-x: auto;\n  overscroll-behavior-inline: contain;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n}\n.mst-calculator .mst-table {\n  width: 100%;\n  min-width: 620px;\n  border-collapse: collapse;\n  font-variant-numeric: tabular-nums;\n}\n.mst-calculator .mst-table th,\n.mst-calculator .mst-table td {\n  padding: 11px 12px;\n  border-bottom: 1px solid var(--border);\n  text-align: left;\n  vertical-align: top;\n}\n.mst-calculator .mst-table th {\n  background: #172554;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 650;\n}\n.mst-calculator .mst-table td {\n  color: var(--ink);\n  font-size: 14px;\n}\n.mst-calculator .mst-table th:nth-child(n+2),\n.mst-calculator .mst-table td:nth-child(n+2) {\n  text-align: right;\n}\n.mst-calculator .mst-table tbody tr:last-child td {\n  border-bottom: 0;\n  font-weight: 700;\n}\n.mst-calculator .mst-safe-table-stack .mst-table-note {\n  margin-top: 20px;\n}\n.mst-calculator .mst-education {\n  display: grid;\n  gap: 24px;\n  padding-top: 8px;\n}\n.mst-calculator .mst-education-section {\n  padding-top: 20px;\n  border-top: 1px solid var(--border);\n}\n.mst-calculator .mst-education h2 {\n  margin: 0 0 12px;\n  font-size: 20px;\n  line-height: 1.35;\n  font-weight: 700;\n}\n.mst-calculator .mst-education h3 {\n  margin: 18px 0 8px;\n  font-size: 16px;\n  line-height: 1.4;\n  font-weight: 650;\n}\n.mst-calculator .mst-education p {\n  margin-bottom: 12px;\n  color: #334155;\n}\n.mst-calculator .mst-education ul {\n  margin: 0 0 12px;\n  padding-left: 22px;\n  color: #334155;\n}\n.mst-calculator .mst-education li + li {\n  margin-top: 8px;\n}\n.mst-calculator .mst-link {\n  color: var(--primary);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n.mst-calculator .mst-link:hover {\n  color: #1e40af;\n}\n.mst-calculator .mst-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n@container (min-width: 640px) {\n  .mst-calculator .mst-input-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .mst-calculator .mst-chart-cluster {\n    grid-template-columns: minmax(240px, 320px) max-content;\n  }\n}\n@container (min-width: 900px) {\n  .mst-calculator .mst-workspace {\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  }\n}\n@container (max-width: 639px) {\n  .mst-calculator .mst-shell {\n    padding: 16px;\n    gap: 20px;\n  }\n  .mst-calculator .mst-panel,\n  .mst-calculator .mst-chart-card,\n  .mst-calculator .mst-table-card {\n    padding: 16px;\n  }\n  .mst-calculator .mst-results-grid {\n    grid-template-columns: 1fr;\n  }\n  .mst-calculator .mst-chart-cluster {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n  .mst-calculator .mst-chart-caption,\n  .mst-calculator .mst-table-note {\n    margin-top: 12px;\n  }\n  .mst-calculator .mst-legend-row {\n    grid-template-columns: 12px minmax(72px, max-content) max-content;\n  }\n  .mst-calculator .mst-legend-share {\n    grid-column: 2 \/ span 2;\n  }\n}\n@container (max-width: 359px) {\n  .mst-calculator .mst-toolbar {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .mst-calculator .mst-button {\n    width: 100%;\n    justify-content: center;\n  }\n  .mst-calculator .mst-primary-value {\n    font-size: 27px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"mst-calculator\" data-calculator-root\u003e\n  \u003cdiv class=\"mst-shell\"\u003e\n    \u003cheader class=\"mst-header\"\u003e\n      \u003ch2 class=\"mst-title\"\u003eMargin and Sales Tax Calculator\u003c\/h2\u003e\n      \u003cp class=\"mst-subtitle\"\u003eTurn product cost into net price, profit, margin, sales tax, and the customer-facing gross price with one consistent pricing model.\u003c\/p\u003e\n      \u003cdiv class=\"mst-pills\" aria-label=\"Live pricing summary\"\u003e\n        \u003cspan class=\"mst-pill\"\u003eMarkup \u003cspan class=\"mst-pill-value\" data-mst-pill=\"markup\"\u003e—\u003c\/span\u003e\u003c\/span\u003e\n        \u003cspan class=\"mst-pill\"\u003eMargin \u003cspan class=\"mst-pill-value\" data-mst-pill=\"margin\"\u003e—\u003c\/span\u003e\u003c\/span\u003e\n        \u003cspan class=\"mst-pill\"\u003eTax \u003cspan class=\"mst-pill-value\" data-mst-pill=\"tax\"\u003e—\u003c\/span\u003e\u003c\/span\u003e\n        \u003cspan class=\"mst-pill\"\u003eGross price \u003cspan class=\"mst-pill-value\" data-mst-pill=\"gross\"\u003e—\u003c\/span\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"mst-toolbar\" aria-label=\"Calculator actions\"\u003e\n      \u003cbutton class=\"mst-button mst-download\" type=\"button\" data-mst-action=\"download\"\u003e\n        \u003csvg class=\"mst-download-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n          \u003cpath fill=\"currentColor\" d=\"M5 2h10l4 4v16H5V2Zm9 2H7v16h10V7h-3V4Zm1.5 10.5-3 3-3-3 1.1-1.1 1.15 1.15V9h1.5v5.55l1.15-1.15 1.1 1.1ZM8.5 5.5h4V7h-4V5.5Z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003cspan\u003eDownload Excel\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"mst-button mst-reset\" type=\"button\" data-mst-action=\"reset\"\u003eReset\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mst-workspace\"\u003e\n      \u003csection class=\"mst-panel\" aria-labelledby=\"mst-inputs-heading\"\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"mst-panel-heading\" id=\"mst-inputs-heading\"\u003ePricing inputs\u003c\/h3\u003e\n          \u003cp class=\"mst-section-intro\"\u003eChoose the value you already know, then enter sales tax as a percentage of the net selling price.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mst-input-grid\"\u003e\n          \u003cdiv class=\"mst-field\"\u003e\n            \u003clabel class=\"mst-label\" for=\"mst-mode\"\u003ePricing method\u003c\/label\u003e\n            \u003cselect class=\"mst-control\" id=\"mst-mode\" data-mst-input=\"mode\"\u003e\n              \u003coption value=\"markup\"\u003eCost + markup\u003c\/option\u003e\n              \u003coption value=\"margin\"\u003eCost + target margin\u003c\/option\u003e\n              \u003coption value=\"net\"\u003eCost + net price\u003c\/option\u003e\n              \u003coption value=\"gross\"\u003eCost + gross price\u003c\/option\u003e\n              \u003coption value=\"profit\"\u003eCost + profit\u003c\/option\u003e\n            \u003c\/select\u003e\n            \u003cdiv class=\"mst-helper\"\u003eChanging method converts the current result into the selected basis.\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-field\"\u003e\n            \u003clabel class=\"mst-label\" for=\"mst-cost\"\u003eCost\u003c\/label\u003e\n            \u003cinput class=\"mst-control\" id=\"mst-cost\" data-mst-input=\"cost\" data-mst-kind=\"currency\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"100\"\u003e\n            \u003cdiv class=\"mst-error\" id=\"mst-cost-error\" data-mst-error=\"cost\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-field\"\u003e\n            \u003clabel class=\"mst-label\" for=\"mst-basis\" data-mst-basis-label\u003eMarkup\u003c\/label\u003e\n            \u003cinput class=\"mst-control\" id=\"mst-basis\" data-mst-input=\"basis\" data-mst-kind=\"percent\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"40\"\u003e\n            \u003cdiv class=\"mst-error\" id=\"mst-basis-error\" data-mst-error=\"basis\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-field\"\u003e\n            \u003clabel class=\"mst-label\" for=\"mst-tax\"\u003eSales tax\u003c\/label\u003e\n            \u003cinput class=\"mst-control\" id=\"mst-tax\" data-mst-input=\"tax\" data-mst-kind=\"percent\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"8.25\"\u003e\n            \u003cdiv class=\"mst-error\" id=\"mst-tax-error\" data-mst-error=\"tax\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"mst-panel\" aria-labelledby=\"mst-results-heading\"\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"mst-panel-heading\" id=\"mst-results-heading\"\u003eLive results\u003c\/h3\u003e\n          \u003cp class=\"mst-section-intro\"\u003eGross price includes sales tax; profit and margin are calculated before sales tax.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mst-primary-result\"\u003e\n          \u003cspan class=\"mst-primary-label\"\u003eCustomer pays\u003c\/span\u003e\n          \u003cstrong class=\"mst-primary-value\" data-mst-output=\"gross\"\u003e$151.55\u003c\/strong\u003e\n          \u003cp class=\"mst-primary-detail\" data-mst-output=\"primaryDetail\"\u003e$140.00 net price plus $11.55 sales tax.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mst-results-grid\"\u003e\n          \u003cdiv class=\"mst-result-card\"\u003e\n            \u003cspan class=\"mst-result-label\"\u003eNet price\u003c\/span\u003e\n            \u003cstrong class=\"mst-result-value\" data-mst-output=\"net\"\u003e$140.00\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-result-card\"\u003e\n            \u003cspan class=\"mst-result-label\"\u003eProfit\u003c\/span\u003e\n            \u003cstrong class=\"mst-result-value\" data-mst-output=\"profit\"\u003e$40.00\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-result-card\"\u003e\n            \u003cspan class=\"mst-result-label\"\u003eMarkup\u003c\/span\u003e\n            \u003cstrong class=\"mst-result-value\" data-mst-output=\"markup\"\u003e40.00%\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-result-card\"\u003e\n            \u003cspan class=\"mst-result-label\"\u003eMargin\u003c\/span\u003e\n            \u003cstrong class=\"mst-result-value\" data-mst-output=\"margin\"\u003e28.57%\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-result-card\"\u003e\n            \u003cspan class=\"mst-result-label\"\u003eSales tax amount\u003c\/span\u003e\n            \u003cstrong class=\"mst-result-value\" data-mst-output=\"taxAmount\"\u003e$11.55\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mst-result-card\"\u003e\n            \u003cspan class=\"mst-result-label\"\u003eCost share of net price\u003c\/span\u003e\n            \u003cstrong class=\"mst-result-value\" data-mst-output=\"costShare\"\u003e71.43%\u003c\/strong\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mst-formula-box\" data-mst-output=\"formula\"\u003eNet price = cost × (1 + markup). Gross price = net price × (1 + sales tax).\u003c\/div\u003e\n        \u003cdiv class=\"mst-sr-only\" aria-live=\"polite\" data-mst-live\u003e\u003c\/div\u003e\n      \u003c\/section\u003e\n    \u003c\/div\u003e\n\n    \u003csection class=\"mst-chart-card\" data-mst-chart-card aria-labelledby=\"mst-chart-heading\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"mst-section-title\" id=\"mst-chart-heading\"\u003eGross price composition\u003c\/h3\u003e\n        \u003cp class=\"mst-chart-intro\"\u003eThe gross customer price is separated into product cost, pre-tax profit, and sales tax.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mst-chart-empty\" data-mst-chart-empty hidden\u003eEnter values above to see the price breakdown.\u003c\/div\u003e\n      \u003cdiv class=\"mst-chart-cluster\" data-mst-chart-cluster\u003e\n        \u003cdiv class=\"mst-chart-visual\" data-mst-chart-visual\u003e\n          \u003csvg class=\"mst-chart-svg\" data-mst-chart-svg viewbox=\"0 0 320 320\" role=\"img\" aria-labelledby=\"mst-chart-heading mst-chart-summary\"\u003e\n            \u003ccircle class=\"mst-chart-track\" cx=\"160\" cy=\"160\" r=\"112\"\u003e\u003c\/circle\u003e\n            \u003cg data-mst-chart-segments\u003e\u003c\/g\u003e\n            \u003ctext class=\"mst-chart-center-label\" x=\"160\" y=\"151\"\u003eGross price\u003c\/text\u003e\n            \u003ctext class=\"mst-chart-center-value\" x=\"160\" y=\"181\" data-mst-chart-total\u003e$151.55\u003c\/text\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mst-legend\" data-mst-legend\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mst-chart-caption\" data-mst-chart-caption\u003eProfit contributes 26.39% of the gross price, while sales tax contributes 7.62%.\u003c\/div\u003e\n      \u003cdiv class=\"mst-sr-only\" id=\"mst-chart-summary\" data-mst-chart-summary\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"mst-table-card\" data-mst-table-card aria-labelledby=\"mst-table-heading\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"mst-section-title\" id=\"mst-table-heading\"\u003ePricing bridge\u003c\/h3\u003e\n        \u003cp class=\"mst-table-intro\"\u003eEach row reconciles the amount added between cost and the final customer price.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mst-table-overflow\" data-mst-table-overflow\u003e\n        \u003ctable class=\"mst-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth scope=\"col\"\u003eStage\u003c\/th\u003e\n              \u003cth scope=\"col\"\u003eAmount\u003c\/th\u003e\n              \u003cth scope=\"col\"\u003eChange\u003c\/th\u003e\n              \u003cth scope=\"col\"\u003eShare of gross\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody data-mst-table-body\u003e\u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mst-table-note\" data-mst-table-note\u003eSales tax is collected from the customer and is not included in pre-tax profit or gross margin.\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003carticle class=\"mst-education\" aria-label=\"Margin and sales tax guide\"\u003e\n      \u003csection class=\"mst-education-section\"\u003e\n        \u003ch2\u003eWhat does this margin and sales tax calculator estimate?\u003c\/h2\u003e\n        \u003cp\u003eThis calculator connects the main values used in product pricing: cost, markup, net selling price, gross margin, sales tax, gross customer price, and profit. It is designed for a single unit or transaction, so “cost” means the direct cost assigned to that item. The net price is the price before sales tax. The gross price is what the customer pays after tax is added.\u003c\/p\u003e\n        \u003cp\u003eThe calculator is useful when you know one pricing basis but need the rest of the pricing bridge. For example, a retailer may know cost and markup, while a service provider may work backward from a target margin or an advertised gross price. The model keeps these perspectives consistent and makes the difference between markup and margin explicit.\u003c\/p\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"mst-education-section\"\u003e\n        \u003ch2\u003eHow should each input be used?\u003c\/h2\u003e\n        \u003ch3\u003ePricing method\u003c\/h3\u003e\n        \u003cp\u003eThe pricing method tells the calculator which value should drive the net selling price. “Cost + markup” adds a percentage of cost. “Cost + target margin” solves for the net price needed to keep a selected percentage of revenue as pre-tax profit. “Cost + net price” uses a known pre-tax selling price. “Cost + gross price” removes sales tax from a tax-inclusive customer price. “Cost + profit” adds a chosen dollar profit to cost. Changing methods converts the current calculated result rather than simply relabeling the same number.\u003c\/p\u003e\n        \u003ch3\u003eCost\u003c\/h3\u003e\n        \u003cp\u003eEnter the direct cost of the product or service unit in dollars. This field is required for meaningful markup, profit, and margin calculations. Cost may include purchase cost, direct materials, direct labor, inbound freight, or another consistently allocated unit cost. A higher cost reduces profit and margin when the selling price is unchanged. Avoid mixing unit cost with monthly overhead unless the overhead has been allocated to the same unit basis.\u003c\/p\u003e\n        \u003ch3\u003eMarkup, margin, net price, gross price, or profit\u003c\/h3\u003e\n        \u003cp\u003eThe third field changes with the selected pricing method. Markup is profit divided by cost, while margin is profit divided by net selling price. A 40% markup does not equal a 40% margin: on a $100 cost, a 40% markup produces a $140 net price and a 28.57% margin. Net and gross price methods accept dollar amounts. Profit can be negative to model a deliberate loss, but the composition chart is hidden when a negative component cannot be represented honestly in a donut.\u003c\/p\u003e\n        \u003ch3\u003eSales tax\u003c\/h3\u003e\n        \u003cp\u003eEnter the combined sales tax rate that applies to the transaction. Sales tax is optional and may be zero. A higher tax rate increases the gross price and tax collected but does not change pre-tax profit, markup, or margin. Rates can vary by state, locality, product, buyer, and transaction type, so verify the correct treatment with the relevant tax authority. The \u003ca class=\"mst-link\" href=\"https:\/\/www.streamlinedsalestax.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eStreamlined Sales Tax Governing Board\u003c\/a\u003e provides multistate resources, while the \u003ca class=\"mst-link\" href=\"https:\/\/www.sba.gov\/business-guide\/manage-your-business\/pay-taxes\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eU.S. Small Business Administration\u003c\/a\u003e offers general guidance on business tax responsibilities.\u003c\/p\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"mst-education-section\"\u003e\n        \u003ch2\u003eHow are the results calculated and interpreted?\u003c\/h2\u003e\n        \u003cp\u003eUnder the markup method, net price equals cost multiplied by one plus the markup rate. Under the target-margin method, net price equals cost divided by one minus the margin rate. Profit is net price minus cost. Markup equals profit divided by cost, and margin equals profit divided by net price. Sales tax equals net price multiplied by the tax rate. Gross price equals net price plus sales tax.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eCustomer pays\u003c\/strong\u003e is the gross, tax-inclusive amount. \u003cstrong\u003eNet price\u003c\/strong\u003e is the seller’s pre-tax revenue for the unit. \u003cstrong\u003eProfit\u003c\/strong\u003e is the amount remaining after the entered cost but before other operating expenses and income taxes. \u003cstrong\u003eMarkup\u003c\/strong\u003e measures profit relative to cost, while \u003cstrong\u003emargin\u003c\/strong\u003e measures profit relative to net revenue. \u003cstrong\u003eSales tax amount\u003c\/strong\u003e is the tax collected from the customer. \u003cstrong\u003eCost share of net price\u003c\/strong\u003e shows the percentage of pre-tax revenue consumed by the entered cost.\u003c\/p\u003e\n        \u003cp\u003eA zero result can be legitimate. Zero tax means gross and net price are the same. Zero profit means net price equals cost, producing 0% markup and 0% margin. A negative profit indicates that the net price is below cost. Undefined ratios, such as markup when cost is zero, are shown as unavailable rather than as infinity.\u003c\/p\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"mst-education-section\"\u003e\n        \u003ch2\u003eHow should the chart and pricing bridge be read?\u003c\/h2\u003e\n        \u003cp\u003eThe donut chart decomposes gross price into three current-state components: cost, positive pre-tax profit, and sales tax. Its legend uses the same values as the calculator model and shows each component’s share of gross price. If all inputs are empty, the total is zero, or price is below cost, the chart is replaced with a compact explanation instead of displaying a misleading visual.\u003c\/p\u003e\n        \u003cp\u003eThe pricing bridge table follows the transaction from cost to net price and then to gross price. “Change” shows the amount introduced at each stage. “Share of gross” helps distinguish a large percentage markup from the actual share of the customer’s final payment. The Excel export uses these same model values, so the workbook remains consistent with the visible results after any input change.\u003c\/p\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"mst-education-section\"\u003e\n        \u003ch2\u003eWhat common pricing and sales tax mistakes should be avoided?\u003c\/h2\u003e\n        \u003cul\u003e\n          \u003cli\u003eDo not use markup and margin interchangeably. They have different denominators and therefore different percentages for the same transaction.\u003c\/li\u003e\n          \u003cli\u003eDo not treat collected sales tax as revenue or profit. It is generally an amount collected for remittance to a taxing authority.\u003c\/li\u003e\n          \u003cli\u003eDo not assume one sales tax rate applies everywhere. Confirm sourcing, nexus, exemptions, and product taxability for the transaction.\u003c\/li\u003e\n          \u003cli\u003eDo not omit card fees, marketplace commissions, discounts, returns, or overhead from broader profitability analysis. This calculator measures unit gross profit based only on the entered cost.\u003c\/li\u003e\n          \u003cli\u003eDo not round intermediate calculations manually. Keep full precision and round only the final displayed or invoiced values according to your accounting policy.\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eFor federal information on deductible state and local taxes, see the \u003ca class=\"mst-link\" href=\"https:\/\/www.irs.gov\/taxtopics\/tc503\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInternal Revenue Service overview of state and local taxes\u003c\/a\u003e. Sales tax registration, collection, filing, and remittance are legal compliance matters, so consult the applicable state or local revenue department when the result will be used operationally.\u003c\/p\u003e\n      \u003c\/section\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909488517363,"sku":"margin-sales-tax","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/margin-sales-tax.webp?v=1783935558","url":"https:\/\/financialmodelslab.com\/products\/margin-sales-tax","provider":"Financial Models Lab","version":"1.0","type":"link"}