{"product_id":"sales-tax-calculator","title":"Sales Tax Calculator","description":"\u003cstyle\u003e\n.stc-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  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  container-type: inline-size;\n}\n.stc-calculator,\n.stc-calculator *,\n.stc-calculator *::before,\n.stc-calculator *::after {\n  box-sizing: border-box;\n}\n.stc-calculator * {\n  min-width: 0;\n}\n.stc-calculator h2,\n.stc-calculator h3,\n.stc-calculator p {\n  margin-top: 0;\n}\n.stc-calculator h2 {\n  margin-bottom: 8px;\n  font-size: 24px;\n  line-height: 1.25;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n}\n.stc-calculator h3 {\n  margin-bottom: 12px;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.stc-calculator a {\n  color: var(--primary);\n  text-decoration-thickness: 1px;\n  text-underline-offset: 3px;\n}\n.stc-calculator a:hover {\n  text-decoration-thickness: 2px;\n}\n.stc-calculator button,\n.stc-calculator input,\n.stc-calculator select {\n  font: inherit;\n}\n.stc-calculator button,\n.stc-calculator select,\n.stc-calculator input {\n  min-height: 44px;\n}\n.stc-calculator button:focus-visible,\n.stc-calculator input:focus-visible,\n.stc-calculator select:focus-visible,\n.stc-calculator a:focus-visible {\n  outline: 3px solid rgba(29, 78, 216, 0.34);\n  outline-offset: 2px;\n}\n.stc-header {\n  padding: 24px;\n  border: 1px solid var(--border);\n  border-bottom: 0;\n  border-radius: 8px 8px 0 0;\n  background: var(--surface);\n}\n.stc-header-copy {\n  max-width: 760px;\n  margin-bottom: 16px;\n  color: var(--muted);\n}\n.stc-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.stc-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 32px;\n  padding: 6px 10px;\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  line-height: 1.35;\n  font-variant-numeric: tabular-nums;\n}\n.stc-pill strong {\n  color: var(--ink);\n  font-weight: 650;\n}\n.stc-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 24px;\n  border-right: 1px solid var(--border);\n  border-left: 1px solid var(--border);\n  background: var(--tint);\n}\n.stc-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 44px;\n  padding: 10px 16px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 1.2;\n  white-space: nowrap;\n  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;\n}\n.stc-button:hover {\n  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.12);\n}\n.stc-button:active {\n  transform: translateY(1px);\n}\n.stc-download {\n  border-color: var(--accent);\n  background: var(--accent);\n  color: #ffffff;\n}\n.stc-download:hover,\n.stc-download:active {\n  border-color: var(--accent-hover);\n  background: var(--accent-hover);\n}\n.stc-excel-icon {\n  display: inline-grid;\n  width: 22px;\n  height: 22px;\n  place-items: center;\n  border: 1px solid rgba(255, 255, 255, 0.85);\n  border-radius: 3px;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1;\n}\n.stc-reset {\n  border-color: #cbd5e1;\n  background: var(--surface);\n  color: var(--ink);\n}\n.stc-reset:hover {\n  border-color: #94a3b8;\n  background: #f1f5f9;\n}\n.stc-workspace {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  padding: 24px;\n  border: 1px solid var(--border);\n  background: #f8fafc;\n}\n.stc-panel {\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, 0.06);\n}\n.stc-panel-intro {\n  margin-bottom: 16px;\n  color: var(--muted);\n}\n.stc-form-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n  gap: 16px;\n}\n.stc-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.stc-label {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.35;\n}\n.stc-control {\n  width: 100%;\n  min-height: 44px;\n  padding: 10px 12px;\n  border: 1px solid #cbd5e1;\n  border-radius: 6px;\n  background: var(--surface);\n  color: var(--ink);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.35;\n  font-variant-numeric: tabular-nums;\n}\n.stc-control:hover {\n  border-color: #94a3b8;\n}\n.stc-control[readonly] {\n  border-style: dashed;\n  background: #f1f5f9;\n  color: #334155;\n}\n.stc-helper,\n.stc-error {\n  min-height: 35px;\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.35;\n}\n.stc-helper {\n  color: var(--muted);\n}\n.stc-error {\n  color: #b42318;\n}\n.stc-results-top {\n  display: grid;\n  gap: 12px;\n  padding: 16px;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n  background: #eff6ff;\n}\n.stc-primary-label {\n  margin: 0;\n  color: #1e3a8a;\n  font-size: 13px;\n  font-weight: 650;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.stc-primary-value {\n  margin: 0;\n  color: #172554;\n  font-size: 30px;\n  font-weight: 700;\n  line-height: 1.1;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n}\n.stc-result-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));\n  gap: 12px;\n  margin-top: 16px;\n}\n.stc-result-card {\n  padding: 14px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n}\n.stc-result-card span {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.35;\n}\n.stc-result-card strong {\n  display: block;\n  color: var(--ink);\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n}\n.stc-formula {\n  margin: 16px 0 0;\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  line-height: 1.45;\n}\n.stc-section {\n  padding: 24px;\n  border-right: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  border-left: 1px solid var(--border);\n  background: var(--surface);\n}\n.stc-section-heading {\n  margin-bottom: 4px;\n}\n.stc-section-copy {\n  margin-bottom: 20px;\n  color: var(--muted);\n}\n.stc-chart-card {\n  max-width: 860px;\n  margin: 0 auto;\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, 0.06);\n}\n.stc-chart-head {\n  margin-bottom: 16px;\n}\n.stc-chart-title {\n  margin-bottom: 4px;\n  font-size: 18px;\n  font-weight: 650;\n}\n.stc-chart-interpretation {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.stc-chart-total {\n  margin: 0 0 12px;\n  color: var(--ink);\n  text-align: center;\n  font-size: 13px;\n  font-weight: 650;\n  line-height: 1.35;\n  font-variant-numeric: tabular-nums;\n}\n.stc-chart-cluster {\n  display: grid;\n  grid-template-columns: 1fr;\n  justify-items: center;\n  gap: 20px;\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n}\n.stc-chart-visual {\n  display: grid;\n  width: min(100%, 320px);\n  aspect-ratio: 1;\n  place-items: center;\n}\n.stc-chart-svg {\n  display: block;\n  width: 100%;\n  height: auto;\n  overflow: visible;\n}\n.stc-chart-center-value {\n  fill: var(--ink);\n  font-size: 19px;\n  font-weight: 700;\n  text-anchor: middle;\n  font-variant-numeric: tabular-nums;\n}\n.stc-chart-center-label {\n  fill: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  text-anchor: middle;\n}\n.stc-legend {\n  display: grid;\n  width: min(100%, 330px);\n  align-content: center;\n  gap: 10px;\n}\n.stc-legend-row {\n  display: grid;\n  grid-template-columns: 12px minmax(110px, auto) auto auto;\n  align-items: center;\n  justify-content: start;\n  gap: 8px 12px;\n  color: var(--ink);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.35;\n  font-variant-numeric: tabular-nums;\n}\n.stc-legend-swatch {\n  width: 12px;\n  height: 12px;\n  border-radius: 3px;\n}\n.stc-legend-name {\n  font-weight: 650;\n}\n.stc-legend-amount,\n.stc-legend-percent {\n  white-space: nowrap;\n}\n.stc-chart-summary {\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  max-width: 1px;\n  min-width: 1px;\n}\n.stc-chart-callout {\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  line-height: 1.45;\n}\n.stc-chart-empty {\n  width: 100%;\n  max-width: 460px;\n  margin: 0 auto;\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.stc-safe-stack .stc-chart-cluster {\n  grid-template-columns: 1fr;\n  row-gap: 24px;\n}\n.stc-safe-stack .stc-chart-visual,\n.stc-safe-stack .stc-legend {\n  justify-self: center;\n}\n.stc-safe-stack .stc-chart-callout {\n  margin-top: 20px;\n}\n.stc-table-overflow {\n  width: 100%;\n  overflow-x: auto;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n}\n.stc-table {\n  width: 100%;\n  min-width: 600px;\n  border-collapse: collapse;\n  font-variant-numeric: tabular-nums;\n}\n.stc-table th,\n.stc-table td {\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--border);\n  text-align: left;\n  vertical-align: middle;\n}\n.stc-table th {\n  background: #0f172a;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 650;\n}\n.stc-table td {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 400;\n}\n.stc-table tr:last-child td {\n  border-bottom: 0;\n}\n.stc-table .stc-number {\n  text-align: right;\n  white-space: nowrap;\n}\n.stc-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  line-height: 1.45;\n}\n.stc-safe-table-stack .stc-table-note {\n  margin-top: 20px;\n}\n.stc-education {\n  padding: 32px 24px;\n  border: 1px solid var(--border);\n  border-top: 0;\n  border-radius: 0 0 8px 8px;\n  background: var(--surface);\n}\n.stc-education-inner {\n  max-width: 900px;\n  margin: 0 auto;\n}\n.stc-education h2 {\n  margin-top: 28px;\n  margin-bottom: 10px;\n  font-size: 22px;\n}\n.stc-education h2:first-child {\n  margin-top: 0;\n}\n.stc-education h3 {\n  margin-top: 22px;\n  margin-bottom: 8px;\n}\n.stc-education p,\n.stc-education li {\n  color: #334155;\n}\n.stc-education ul {\n  margin: 0 0 16px;\n  padding-left: 22px;\n}\n.stc-education li + li {\n  margin-top: 8px;\n}\n.stc-disclaimer {\n  margin-top: 24px;\n  padding: 12px 14px;\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@container (min-width: 640px) {\n  .stc-chart-cluster {\n    grid-template-columns: minmax(240px, 320px) minmax(260px, 330px);\n    align-items: stretch;\n    justify-content: center;\n    gap: 24px;\n  }\n  .stc-legend {\n    align-self: end;\n    padding-bottom: 4px;\n  }\n}\n@container (min-width: 900px) {\n  .stc-workspace {\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\n  }\n}\n@container (max-width: 639px) {\n  .stc-header,\n  .stc-workspace,\n  .stc-section,\n  .stc-education {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n  .stc-toolbar {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n  .stc-button {\n    flex: 1 1 auto;\n  }\n  .stc-chart-card,\n  .stc-panel {\n    padding: 16px;\n  }\n  .stc-legend-row {\n    grid-template-columns: 12px minmax(90px, auto) auto;\n  }\n  .stc-legend-percent {\n    grid-column: 2 \/ span 2;\n    padding-left: 0;\n  }\n  .stc-chart-callout,\n  .stc-table-note {\n    margin-top: 16px;\n  }\n}\n@media (max-width: 899px) {\n  .stc-workspace {\n    grid-template-columns: 1fr;\n  }\n}\n@media (max-width: 639px) {\n  .stc-chart-cluster {\n    grid-template-columns: 1fr;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .stc-button {\n    transition: none;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"stc-calculator\" data-calculator-root\u003e\n  \u003csection class=\"stc-header\"\u003e\n    \u003ch2\u003eSales Tax Calculator\u003c\/h2\u003e\n    \u003cp class=\"stc-header-copy\"\u003eCalculate a tax-inclusive price, reverse a total to find the pre-tax price, or derive the effective sales tax rate from a receipt.\u003c\/p\u003e\n    \u003cdiv class=\"stc-pills\" aria-label=\"Live calculation summary\"\u003e\n      \u003cspan class=\"stc-pill\"\u003eSolving for \u003cstrong data-stc-pill-mode\u003eAfter-tax price\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"stc-pill\"\u003eTax rate \u003cstrong data-stc-pill-rate\u003e6.50%\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"stc-pill\"\u003eTax share \u003cstrong data-stc-pill-share\u003e6.10%\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003cdiv class=\"stc-toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"stc-button stc-download\" type=\"button\" data-stc-download\u003e\u003cspan class=\"stc-excel-icon\" aria-hidden=\"true\"\u003eX\u003c\/span\u003e\u003cspan\u003eDownload Excel\u003c\/span\u003e\u003c\/button\u003e\n    \u003cbutton class=\"stc-button stc-reset\" type=\"button\" data-stc-reset\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003csection class=\"stc-workspace\"\u003e\n    \u003cdiv class=\"stc-panel\"\u003e\n      \u003ch3\u003eTransaction inputs\u003c\/h3\u003e\n      \u003cp class=\"stc-panel-intro\"\u003eChoose the value to calculate, then enter the other two values. The selected target updates automatically.\u003c\/p\u003e\n      \u003cdiv class=\"stc-form-grid\"\u003e\n        \u003cdiv class=\"stc-field\"\u003e\n          \u003clabel class=\"stc-label\" for=\"stc-solve\"\u003eCalculate\u003c\/label\u003e\n          \u003cselect class=\"stc-control\" id=\"stc-solve\" data-stc-solve aria-describedby=\"stc-solve-help stc-solve-error\"\u003e\n            \u003coption value=\"\"\u003eChoose a value\u003c\/option\u003e\n            \u003coption value=\"after\" selected\u003eAfter-tax price\u003c\/option\u003e\n            \u003coption value=\"before\"\u003eBefore-tax price\u003c\/option\u003e\n            \u003coption value=\"rate\"\u003eSales tax rate\u003c\/option\u003e\n          \u003c\/select\u003e\n          \u003cp class=\"stc-helper\" id=\"stc-solve-help\"\u003eThe selected field becomes a calculated, read-only value.\u003c\/p\u003e\n          \u003cp class=\"stc-error\" id=\"stc-solve-error\" data-stc-solve-error aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stc-field\"\u003e\n          \u003clabel class=\"stc-label\" for=\"stc-before\"\u003eBefore-tax price\u003c\/label\u003e\n          \u003cinput class=\"stc-control\" id=\"stc-before\" data-stc-before type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$100.00\" aria-describedby=\"stc-before-help stc-before-error\"\u003e\n          \u003cp class=\"stc-helper\" id=\"stc-before-help\" data-stc-before-help\u003eEnter the taxable price before sales tax.\u003c\/p\u003e\n          \u003cp class=\"stc-error\" id=\"stc-before-error\" data-stc-before-error aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stc-field\"\u003e\n          \u003clabel class=\"stc-label\" for=\"stc-rate\"\u003eSales tax rate\u003c\/label\u003e\n          \u003cinput class=\"stc-control\" id=\"stc-rate\" data-stc-rate type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"6.50%\" aria-describedby=\"stc-rate-help stc-rate-error\"\u003e\n          \u003cp class=\"stc-helper\" id=\"stc-rate-help\" data-stc-rate-help\u003eUse the combined applicable state and local rate.\u003c\/p\u003e\n          \u003cp class=\"stc-error\" id=\"stc-rate-error\" data-stc-rate-error aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stc-field\"\u003e\n          \u003clabel class=\"stc-label\" for=\"stc-after\"\u003eAfter-tax price\u003c\/label\u003e\n          \u003cinput class=\"stc-control\" id=\"stc-after\" data-stc-after type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$106.50\" readonly aria-describedby=\"stc-after-help stc-after-error\"\u003e\n          \u003cp class=\"stc-helper\" id=\"stc-after-help\" data-stc-after-help\u003eCalculated automatically from price and rate.\u003c\/p\u003e\n          \u003cp class=\"stc-error\" id=\"stc-after-error\" data-stc-after-error aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stc-panel\"\u003e\n      \u003ch3\u003eLive results\u003c\/h3\u003e\n      \u003cdiv class=\"stc-results-top\" aria-live=\"polite\" aria-atomic=\"true\"\u003e\n        \u003cp class=\"stc-primary-label\" data-stc-primary-label\u003eAfter-tax price\u003c\/p\u003e\n        \u003cp class=\"stc-primary-value\" data-stc-primary-value\u003e$106.50\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"stc-result-grid\"\u003e\n        \u003cdiv class=\"stc-result-card\"\u003e\n\u003cspan\u003eBefore-tax price\u003c\/span\u003e\u003cstrong data-stc-result-before\u003e$100.00\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"stc-result-card\"\u003e\n\u003cspan\u003eSales tax amount\u003c\/span\u003e\u003cstrong data-stc-result-tax\u003e$6.50\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"stc-result-card\"\u003e\n\u003cspan\u003eAfter-tax price\u003c\/span\u003e\u003cstrong data-stc-result-after\u003e$106.50\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"stc-result-card\"\u003e\n\u003cspan\u003eEffective tax rate\u003c\/span\u003e\u003cstrong data-stc-result-rate\u003e6.50%\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"stc-formula\" data-stc-formula\u003eAfter-tax price = before-tax price × (1 + tax rate).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"stc-section stc-breakdown\"\u003e\n    \u003ch3 class=\"stc-section-heading\"\u003ePrice breakdown\u003c\/h3\u003e\n    \u003cp class=\"stc-section-copy\"\u003eSee how much of the final amount is the original price and how much is sales tax.\u003c\/p\u003e\n    \u003cdiv class=\"stc-chart-card\" data-stc-chart-card\u003e\n      \u003cdiv class=\"stc-chart-head\"\u003e\n        \u003cp class=\"stc-chart-title\"\u003eComposition of the amount paid\u003c\/p\u003e\n        \u003cp class=\"stc-chart-interpretation\" data-stc-chart-interpretation\u003eSales tax adds $6.50 to the $100.00 pre-tax price.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv data-stc-chart-host\u003e\u003c\/div\u003e\n      \u003cdiv class=\"stc-chart-callout\" data-stc-chart-callout\u003eThe tax portion is 6.10% of the final price. This differs from the 6.50% tax rate because the rate is applied to the pre-tax price.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"stc-section stc-detail\"\u003e\n    \u003ch3 class=\"stc-section-heading\"\u003eCalculation detail\u003c\/h3\u003e\n    \u003cp class=\"stc-section-copy\"\u003eAll rows use the same current-state model as the headline result, chart, and Excel export.\u003c\/p\u003e\n    \u003cdiv class=\"stc-table-overflow\" data-stc-table-wrap\u003e\n      \u003ctable class=\"stc-table\" data-stc-table\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n\u003cth scope=\"col\"\u003eComponent\u003c\/th\u003e\n\u003cth scope=\"col\" class=\"stc-number\"\u003eAmount\u003c\/th\u003e\n\u003cth scope=\"col\" class=\"stc-number\"\u003eShare of final price\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eCalculation\u003c\/th\u003e\n\u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody data-stc-table-body\u003e\u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stc-table-note\" data-stc-table-note\u003eDisplayed currency values are rounded to cents. The calculator keeps full precision internally before formatting the result.\u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"stc-education\"\u003e\n    \u003cdiv class=\"stc-education-inner\"\u003e\n      \u003ch2\u003eWhat this sales tax calculator estimates\u003c\/h2\u003e\n      \u003cp\u003eThis calculator connects three transaction values: the price before tax, the sales tax rate, and the final price after tax. Select which value you want to solve for and provide the other two. It is useful for adding tax to a listed price, removing included tax from a receipt total, or estimating the effective rate shown by a transaction.\u003c\/p\u003e\n      \u003cp\u003eThe tool performs arithmetic only. It does not determine whether a product or service is taxable, which jurisdiction governs a sale, whether a buyer qualifies for an exemption, or whether a seller has a collection obligation. Those questions depend on current state and local rules, sourcing rules, product classifications, and the facts of the transaction.\u003c\/p\u003e\n\n      \u003ch2\u003eHow to use every input\u003c\/h2\u003e\n      \u003ch3\u003eCalculate\u003c\/h3\u003e\n      \u003cp\u003eChoose \u003cstrong\u003eAfter-tax price\u003c\/strong\u003e when you know the listed pre-tax amount and the applicable rate. Choose \u003cstrong\u003eBefore-tax price\u003c\/strong\u003e when a receipt or advertised amount already includes sales tax and you want to reverse it. Choose \u003cstrong\u003eSales tax rate\u003c\/strong\u003e when both the pre-tax and final prices are known. The selected target becomes read-only so the two source values remain unambiguous.\u003c\/p\u003e\n      \u003ch3\u003eBefore-tax price\u003c\/h3\u003e\n      \u003cp\u003eThis is the taxable base before sales tax is added. Enter a nonnegative dollar amount. A higher pre-tax price increases the tax amount proportionally when the rate stays constant. A common mistake is entering a total that already includes tax while also selecting After-tax price; for a tax-inclusive total, switch the calculation target to Before-tax price instead.\u003c\/p\u003e\n      \u003ch3\u003eSales tax rate\u003c\/h3\u003e\n      \u003cp\u003eEnter the combined rate applicable to the transaction, expressed as a percentage. The combined rate may include state, county, city, district, or other local components. The correct rate can depend on the exact destination or origin address and on the product category. Because rates and boundaries change, verify the rate with the relevant state tax authority or a current address-level lookup rather than relying on an old receipt or a general ZIP-code average.\u003c\/p\u003e\n      \u003ch3\u003eAfter-tax price\u003c\/h3\u003e\n      \u003cp\u003eThis is the amount paid after sales tax is added. When solving for the pre-tax price, the calculator divides the final amount by one plus the rate; it does not simply subtract the rate percentage from the total. When solving for the rate, the final price must be at least as large as the pre-tax price, and the pre-tax price must be greater than zero.\u003c\/p\u003e\n\n      \u003ch2\u003eUnderstanding the results\u003c\/h2\u003e\n      \u003cp\u003e\u003cstrong\u003eBefore-tax price\u003c\/strong\u003e is the taxable base. \u003cstrong\u003eSales tax amount\u003c\/strong\u003e is the dollar difference between the final and pre-tax prices. \u003cstrong\u003eAfter-tax price\u003c\/strong\u003e is the total paid. \u003cstrong\u003eEffective tax rate\u003c\/strong\u003e is the tax amount divided by the pre-tax price, which should match the entered rate except for small display-rounding effects.\u003c\/p\u003e\n      \u003cp\u003eThe donut chart separates the final price into the original price and the tax portion. The percentages in the legend are shares of the final amount, not rates applied to the pre-tax base. For example, a 6.50% tax rate produces a tax share slightly below 6.50% of the final total because the denominator includes both the base and tax.\u003c\/p\u003e\n      \u003cp\u003eThe detail table cross-checks the same model. The before-tax row shows the taxable base, the tax row shows the added amount, and the final row shows their sum. A zero tax rate produces a single, clearly labeled 100% pre-tax component rather than a decorative empty ring.\u003c\/p\u003e\n\n      \u003ch2\u003eFormulas used\u003c\/h2\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003cstrong\u003eSales tax amount:\u003c\/strong\u003e before-tax price × tax rate ÷ 100.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eAfter-tax price:\u003c\/strong\u003e before-tax price × (1 + tax rate ÷ 100).\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eBefore-tax price:\u003c\/strong\u003e after-tax price ÷ (1 + tax rate ÷ 100).\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eSales tax rate:\u003c\/strong\u003e (after-tax price ÷ before-tax price − 1) × 100.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003eThe reverse formula matters. Subtracting 6.5% from a tax-inclusive total does not correctly recover the base because the 6.5% rate was originally applied to the smaller pre-tax amount.\u003c\/p\u003e\n\n      \u003ch2\u003eRates, exemptions, and compliance\u003c\/h2\u003e\n      \u003cp\u003eU.S. sales tax is generally administered by state and local jurisdictions rather than as one federal retail sales tax. The applicable rate and taxability can vary by address, item, buyer, and transaction type. Remote sellers may also need to consider economic nexus and marketplace-facilitator rules. The \u003ca href=\"https:\/\/www.streamlinedsalestax.org\/for-businesses\/remote-seller-faqs\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eStreamlined Sales Tax Governing Board\u003c\/a\u003e provides educational material for remote sellers, while the \u003ca href=\"https:\/\/taxadmin.org\/state-tax-agencies\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eFederation of Tax Administrators\u003c\/a\u003e maintains links to state tax agencies.\u003c\/p\u003e\n      \u003cp\u003eSales tax paid during the year is a different topic from calculating tax on one purchase. Individuals considering an itemized federal deduction should review the \u003ca href=\"https:\/\/www.irs.gov\/credits-deductions\/individuals\/use-the-sales-tax-deduction-calculator\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eIRS sales tax deduction guidance\u003c\/a\u003e. Keep transaction records when they are needed for accounting, returns, exemptions, or deductions.\u003c\/p\u003e\n\n      \u003ch2\u003eCommon mistakes and practical checks\u003c\/h2\u003e\n      \u003cul\u003e\n        \u003cli\u003eUsing a state base rate while ignoring local additions or special district rates.\u003c\/li\u003e\n        \u003cli\u003eApplying a general rate to exempt, reduced-rate, or specially taxed goods and services.\u003c\/li\u003e\n        \u003cli\u003eSubtracting a percentage directly from a tax-inclusive total instead of dividing by one plus the rate.\u003c\/li\u003e\n        \u003cli\u003eRounding intermediate values too early. This calculator retains full precision and rounds only for display and export.\u003c\/li\u003e\n        \u003cli\u003eAssuming a calculated rate proves the correct legal rate. Receipt-level rounding, fees, discounts, mixed taxability, and multiple items can produce an apparent rate that needs further review.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003eTo test a result, confirm that the before-tax price plus the tax amount equals the final price and that the tax amount divided by the pre-tax price equals the rate. Changing the price should change the tax dollars proportionally, while changing only the rate should leave the pre-tax base unchanged.\u003c\/p\u003e\n      \u003cdiv class=\"stc-disclaimer\"\u003eThis calculator provides general estimates and educational information, not personalized tax, legal, accounting, or financial advice. Confirm current rates and taxability with the appropriate jurisdiction or a qualified professional.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909484323059,"sku":"sales-tax-calculator","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/sales-tax-calculator.webp?v=1783935440","url":"https:\/\/financialmodelslab.com\/products\/sales-tax-calculator","provider":"Financial Models Lab","version":"1.0","type":"link"}