{"product_id":"discount-calculator","title":"Discount Calculator","description":"\u003cstyle\u003e\n.dsc-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: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n  container-type: inline-size;\n  container-name: dsc;\n}\n.dsc-calculator,\n.dsc-calculator *,\n.dsc-calculator *::before,\n.dsc-calculator *::after {\n  box-sizing: border-box;\n}\n.dsc-calculator * {\n  min-width: 0;\n}\n.dsc-calculator h2,\n.dsc-calculator h3,\n.dsc-calculator p {\n  margin-top: 0;\n}\n.dsc-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.dsc-calculator h3 {\n  margin-bottom: 12px;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.dsc-calculator a {\n  color: var(--primary);\n  text-underline-offset: 2px;\n}\n.dsc-calculator a:hover {\n  text-decoration-thickness: 2px;\n}\n.dsc-calculator button,\n.dsc-calculator input,\n.dsc-calculator select {\n  font: inherit;\n}\n.dsc-calculator button,\n.dsc-calculator input,\n.dsc-calculator select,\n.dsc-calculator summary,\n.dsc-calculator a {\n  outline: none;\n}\n.dsc-calculator button:focus-visible,\n.dsc-calculator input:focus-visible,\n.dsc-calculator select:focus-visible,\n.dsc-calculator summary:focus-visible,\n.dsc-calculator a:focus-visible {\n  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.28);\n  border-radius: 6px;\n}\n.dsc-calculator .dsc-header {\n  padding: 24px;\n  border: 1px solid var(--border);\n  border-bottom: 0;\n  border-radius: 8px 8px 0 0;\n  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n}\n.dsc-calculator .dsc-header-copy {\n  max-width: 760px;\n  margin-bottom: 16px;\n  color: var(--muted);\n}\n.dsc-calculator .dsc-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.dsc-calculator .dsc-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 34px;\n  padding: 6px 10px;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  background: var(--surface);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.dsc-calculator .dsc-pill strong {\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.dsc-calculator .dsc-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 24px;\n  border: 1px solid var(--border);\n  background: var(--surface);\n}\n.dsc-calculator .dsc-button {\n  min-height: 46px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  padding: 12px 18px;\n  cursor: pointer;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 1;\n  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;\n}\n.dsc-calculator .dsc-button:hover {\n  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.12);\n}\n.dsc-calculator .dsc-button:active {\n  transform: translateY(1px);\n}\n.dsc-calculator .dsc-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: #ffffff;\n  background: var(--accent);\n  white-space: nowrap;\n}\n.dsc-calculator .dsc-download:hover {\n  background: var(--accent-hover);\n}\n.dsc-calculator .dsc-download-icon {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 18px;\n}\n.dsc-calculator .dsc-reset {\n  color: var(--ink);\n  border-color: #cbd5e1;\n  background: var(--surface);\n}\n.dsc-calculator .dsc-reset:hover {\n  background: var(--tint);\n  border-color: #94a3b8;\n}\n.dsc-calculator .dsc-workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\n  gap: 24px;\n  padding: 24px;\n  border: 1px solid var(--border);\n  background: var(--tint);\n  align-items: start;\n}\n.dsc-calculator .dsc-panel,\n.dsc-calculator .dsc-section-card {\n  min-width: 0;\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.dsc-calculator .dsc-panel {\n  padding: 20px;\n}\n.dsc-calculator .dsc-panel-intro {\n  margin-bottom: 16px;\n  color: var(--muted);\n}\n.dsc-calculator .dsc-fieldset {\n  margin: 0 0 20px;\n  padding: 0;\n  border: 0;\n}\n.dsc-calculator .dsc-fieldset:last-child {\n  margin-bottom: 0;\n}\n.dsc-calculator .dsc-legend-label,\n.dsc-calculator .dsc-label {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n}\n.dsc-calculator .dsc-segmented {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 4px;\n  padding: 4px;\n  border: 1px solid #cbd5e1;\n  border-radius: 7px;\n  background: #f1f5f9;\n}\n.dsc-calculator .dsc-segmented.dsc-three {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.dsc-calculator .dsc-radio-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  opacity: 0;\n  pointer-events: none;\n}\n.dsc-calculator .dsc-segment-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 8px 10px;\n  border: 1px solid transparent;\n  border-radius: 5px;\n  cursor: pointer;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 650;\n  text-align: center;\n  line-height: 1.25;\n}\n.dsc-calculator .dsc-radio-input:checked + .dsc-segment-label {\n  color: #ffffff;\n  border-color: var(--primary);\n  background: var(--primary);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);\n}\n.dsc-calculator .dsc-radio-input:focus-visible + .dsc-segment-label {\n  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.28);\n}\n.dsc-calculator .dsc-fields {\n  display: grid;\n  gap: 16px;\n}\n.dsc-calculator .dsc-field {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.dsc-calculator .dsc-input-wrap {\n  position: relative;\n}\n.dsc-calculator .dsc-prefix,\n.dsc-calculator .dsc-suffix {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--muted);\n  font-size: 15px;\n  font-weight: 600;\n  pointer-events: none;\n}\n.dsc-calculator .dsc-prefix {\n  left: 13px;\n}\n.dsc-calculator .dsc-suffix {\n  right: 13px;\n}\n.dsc-calculator .dsc-input,\n.dsc-calculator .dsc-select {\n  width: 100%;\n  min-height: 46px;\n  border: 1px solid #94a3b8;\n  border-radius: 6px;\n  background: var(--surface);\n  color: var(--ink);\n  font-size: 15px;\n  line-height: 1.2;\n  font-variant-numeric: tabular-nums;\n}\n.dsc-calculator .dsc-input {\n  padding: 11px 13px;\n}\n.dsc-calculator .dsc-input.dsc-has-prefix {\n  padding-left: 31px;\n}\n.dsc-calculator .dsc-input.dsc-has-suffix {\n  padding-right: 36px;\n}\n.dsc-calculator .dsc-input[readonly] {\n  color: #1e3a8a;\n  border-color: #93c5fd;\n  background: #eff6ff;\n  font-weight: 650;\n}\n.dsc-calculator .dsc-input[aria-invalid=\"true\"] {\n  border-color: #b91c1c;\n  background: #fff7f7;\n}\n.dsc-calculator .dsc-help,\n.dsc-calculator .dsc-error {\n  min-height: 20px;\n  margin-top: 5px;\n  font-size: 13px;\n  line-height: 1.4;\n}\n.dsc-calculator .dsc-help {\n  color: var(--muted);\n}\n.dsc-calculator .dsc-error {\n  color: #991b1b;\n  font-weight: 600;\n}\n.dsc-calculator .dsc-results {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.dsc-calculator .dsc-primary-result {\n  padding: 20px;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n  background: #eff6ff;\n}\n.dsc-calculator .dsc-eyebrow {\n  margin-bottom: 4px;\n  color: #1e3a8a;\n  font-size: 13px;\n  font-weight: 650;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.dsc-calculator .dsc-primary-value {\n  margin-bottom: 6px;\n  color: #172554;\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n}\n.dsc-calculator .dsc-primary-note {\n  margin-bottom: 0;\n  color: #1e3a8a;\n}\n.dsc-calculator .dsc-result-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n.dsc-calculator .dsc-result-card {\n  padding: 16px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n}\n.dsc-calculator .dsc-result-label {\n  margin-bottom: 6px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n}\n.dsc-calculator .dsc-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.dsc-calculator .dsc-formula-box {\n  padding: 14px 16px;\n  border-left: 4px solid var(--primary);\n  border-radius: 0 6px 6px 0;\n  background: var(--tint);\n  color: var(--muted);\n}\n.dsc-calculator .dsc-formula-box strong {\n  color: var(--ink);\n}\n.dsc-calculator .dsc-breakdown,\n.dsc-calculator .dsc-table-section,\n.dsc-calculator .dsc-education {\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.dsc-calculator .dsc-section-head {\n  max-width: 760px;\n  margin-bottom: 16px;\n}\n.dsc-calculator .dsc-section-head p {\n  margin-bottom: 0;\n  color: var(--muted);\n}\n.dsc-calculator .dsc-chart-card {\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.dsc-calculator .dsc-chart-title-row {\n  margin-bottom: 16px;\n}\n.dsc-calculator .dsc-chart-title-row h3 {\n  margin-bottom: 4px;\n}\n.dsc-calculator .dsc-chart-interpretation {\n  margin-bottom: 0;\n  color: var(--muted);\n  font-size: 13px;\n}\n.dsc-calculator .dsc-chart-cluster {\n  display: grid;\n  grid-template-columns: minmax(240px, 320px) minmax(260px, 430px);\n  justify-content: center;\n  align-items: center;\n  gap: 24px;\n  max-width: 800px;\n  margin: 0 auto;\n}\n.dsc-calculator .dsc-plot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 260px;\n}\n.dsc-calculator .dsc-chart-svg {\n  display: block;\n  width: min(100%, 320px);\n  height: auto;\n  aspect-ratio: 1 \/ 1;\n  overflow: visible;\n}\n.dsc-calculator .dsc-empty-state {\n  width: 100%;\n  max-width: 430px;\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}\n.dsc-calculator .dsc-legend {\n  display: grid;\n  gap: 12px;\n  align-content: center;\n}\n.dsc-calculator .dsc-legend-row {\n  display: grid;\n  grid-template-columns: 14px minmax(90px, max-content) max-content max-content;\n  align-items: center;\n  justify-content: start;\n  gap: 8px 14px;\n  padding: 10px 0;\n  border-bottom: 1px solid var(--border);\n  font-size: 13px;\n}\n.dsc-calculator .dsc-legend-row:last-child {\n  border-bottom: 0;\n}\n.dsc-calculator .dsc-swatch {\n  width: 14px;\n  height: 14px;\n  border-radius: 3px;\n}\n.dsc-calculator .dsc-legend-name {\n  color: var(--ink);\n  font-weight: 650;\n}\n.dsc-calculator .dsc-legend-amount,\n.dsc-calculator .dsc-legend-percent {\n  color: var(--muted);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.dsc-calculator .dsc-chart-summary {\n  margin-top: 16px;\n}\n.dsc-calculator .dsc-chart-caption {\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}\n.dsc-calculator .dsc-safe-stack .dsc-chart-cluster {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 20px;\n}\n.dsc-calculator .dsc-safe-stack .dsc-plot {\n  min-height: 0;\n}\n.dsc-calculator .dsc-safe-stack .dsc-legend,\n.dsc-calculator .dsc-safe-stack .dsc-chart-caption {\n  margin-top: 16px;\n}\n.dsc-calculator .dsc-table-card {\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.dsc-calculator .dsc-table-overflow {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n.dsc-calculator .dsc-table {\n  width: 100%;\n  min-width: 620px;\n  border-collapse: collapse;\n  font-variant-numeric: tabular-nums;\n}\n.dsc-calculator .dsc-table th,\n.dsc-calculator .dsc-table td {\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--border);\n  text-align: left;\n  vertical-align: top;\n}\n.dsc-calculator .dsc-table th {\n  color: #ffffff;\n  background: #1e293b;\n  font-size: 13px;\n  font-weight: 650;\n}\n.dsc-calculator .dsc-table th:first-child {\n  border-radius: 6px 0 0 0;\n}\n.dsc-calculator .dsc-table th:last-child {\n  border-radius: 0 6px 0 0;\n}\n.dsc-calculator .dsc-table td {\n  color: var(--ink);\n}\n.dsc-calculator .dsc-table td.dsc-num,\n.dsc-calculator .dsc-table th.dsc-num {\n  text-align: right;\n  white-space: nowrap;\n}\n.dsc-calculator .dsc-table tbody tr:last-child td {\n  border-bottom: 0;\n}\n.dsc-calculator .dsc-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}\n.dsc-calculator .dsc-safe-table-stack .dsc-table-note {\n  margin-top: 20px;\n}\n.dsc-calculator .dsc-education {\n  border-radius: 0 0 8px 8px;\n}\n.dsc-calculator .dsc-education-inner {\n  max-width: 900px;\n}\n.dsc-calculator .dsc-education h2 {\n  margin-top: 0;\n}\n.dsc-calculator .dsc-education h3 {\n  margin-top: 28px;\n}\n.dsc-calculator .dsc-education p,\n.dsc-calculator .dsc-education li {\n  color: #334155;\n}\n.dsc-calculator .dsc-education ul {\n  margin: 0 0 16px;\n  padding-left: 22px;\n}\n.dsc-calculator .dsc-education li + li {\n  margin-top: 8px;\n}\n.dsc-calculator .dsc-formula {\n  padding: 12px 14px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.dsc-calculator .dsc-visually-hidden {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n@container dsc (max-width: 899px) {\n  .dsc-calculator .dsc-workspace {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n@container dsc (max-width: 639px) {\n  .dsc-calculator .dsc-header,\n  .dsc-calculator .dsc-toolbar,\n  .dsc-calculator .dsc-workspace,\n  .dsc-calculator .dsc-breakdown,\n  .dsc-calculator .dsc-table-section,\n  .dsc-calculator .dsc-education {\n    padding: 16px;\n  }\n  .dsc-calculator .dsc-panel,\n  .dsc-calculator .dsc-chart-card,\n  .dsc-calculator .dsc-table-card {\n    padding: 16px;\n  }\n  .dsc-calculator .dsc-result-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .dsc-calculator .dsc-chart-cluster {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 20px;\n  }\n  .dsc-calculator .dsc-plot {\n    min-height: 0;\n  }\n  .dsc-calculator .dsc-legend-row {\n    grid-template-columns: 14px minmax(88px, max-content) max-content;\n    gap: 8px 10px;\n  }\n  .dsc-calculator .dsc-legend-percent {\n    grid-column: 2 \/ 4;\n    padding-left: 0;\n  }\n  .dsc-calculator .dsc-segmented.dsc-three {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .dsc-calculator .dsc-toolbar .dsc-button {\n    flex: 1 1 auto;\n    justify-content: center;\n  }\n}\n@container dsc (max-width: 359px) {\n  .dsc-calculator .dsc-toolbar {\n    align-items: stretch;\n  }\n  .dsc-calculator .dsc-toolbar .dsc-button {\n    width: 100%;\n  }\n  .dsc-calculator .dsc-primary-value {\n    font-size: 27px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"dsc-calculator\" data-calculator-root\u003e\n  \u003csection class=\"dsc-header\"\u003e\n    \u003ch2\u003eDiscount Calculator\u003c\/h2\u003e\n    \u003cp class=\"dsc-header-copy\"\u003eFind the sale price, original price, or discount from any two known values. Switch between percentage and fixed-amount discounts without leaving the calculator.\u003c\/p\u003e\n    \u003cdiv class=\"dsc-pills\" aria-label=\"Live calculation summary\"\u003e\n      \u003cspan class=\"dsc-pill\"\u003eYou pay \u003cstrong class=\"dsc-pill-pay\"\u003e$40.50\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"dsc-pill\"\u003eYou save \u003cstrong class=\"dsc-pill-save\"\u003e$4.50\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"dsc-pill\"\u003eEffective discount \u003cstrong class=\"dsc-pill-rate\"\u003e10.00%\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"dsc-toolbar\" role=\"toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"dsc-button dsc-download\" type=\"button\"\u003e\n      \u003csvg class=\"dsc-download-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n        \u003cpath fill=\"currentColor\" d=\"M11 3a1 1 0 0 1 2 0v9.59l2.3-2.3a1 1 0 1 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42l2.3 2.3V3Z\"\u003e\u003c\/path\u003e\n        \u003cpath fill=\"currentColor\" d=\"M5 15a1 1 0 0 1 1 1v3h12v-3a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n      \u003cspan\u003eDownload Excel\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cbutton class=\"dsc-button dsc-reset\" type=\"button\"\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"dsc-workspace\" aria-label=\"Discount calculator workspace\"\u003e\n    \u003cdiv class=\"dsc-panel dsc-inputs-panel\"\u003e\n      \u003ch3\u003eInputs\u003c\/h3\u003e\n      \u003cp class=\"dsc-panel-intro\"\u003eChoose the discount format and the value to solve for. The other two fields remain editable and results update as you type.\u003c\/p\u003e\n\n      \u003cfieldset class=\"dsc-fieldset\"\u003e\n        \u003clegend class=\"dsc-legend-label\"\u003eDiscount type\u003c\/legend\u003e\n        \u003cdiv class=\"dsc-segmented\"\u003e\n          \u003cinput class=\"dsc-radio-input\" type=\"radio\" name=\"dsc-discount-type\" id=\"dsc-type-percent\" value=\"percent\" checked\u003e\n          \u003clabel class=\"dsc-segment-label\" for=\"dsc-type-percent\"\u003ePercent off\u003c\/label\u003e\n          \u003cinput class=\"dsc-radio-input\" type=\"radio\" name=\"dsc-discount-type\" id=\"dsc-type-fixed\" value=\"fixed\"\u003e\n          \u003clabel class=\"dsc-segment-label\" for=\"dsc-type-fixed\"\u003eFixed amount off\u003c\/label\u003e\n        \u003c\/div\u003e\n      \u003c\/fieldset\u003e\n\n      \u003cfieldset class=\"dsc-fieldset\"\u003e\n        \u003clegend class=\"dsc-legend-label\"\u003eSolve for\u003c\/legend\u003e\n        \u003cdiv class=\"dsc-segmented dsc-three\"\u003e\n          \u003cinput class=\"dsc-radio-input\" type=\"radio\" name=\"dsc-solve-for\" id=\"dsc-solve-final\" value=\"final\" checked\u003e\n          \u003clabel class=\"dsc-segment-label\" for=\"dsc-solve-final\"\u003ePrice after discount\u003c\/label\u003e\n          \u003cinput class=\"dsc-radio-input\" type=\"radio\" name=\"dsc-solve-for\" id=\"dsc-solve-original\" value=\"original\"\u003e\n          \u003clabel class=\"dsc-segment-label\" for=\"dsc-solve-original\"\u003ePrice before discount\u003c\/label\u003e\n          \u003cinput class=\"dsc-radio-input\" type=\"radio\" name=\"dsc-solve-for\" id=\"dsc-solve-discount\" value=\"discount\"\u003e\n          \u003clabel class=\"dsc-segment-label\" for=\"dsc-solve-discount\"\u003eDiscount\u003c\/label\u003e\n        \u003c\/div\u003e\n      \u003c\/fieldset\u003e\n\n      \u003cdiv class=\"dsc-fields\"\u003e\n        \u003cdiv class=\"dsc-field\"\u003e\n          \u003clabel class=\"dsc-label\" for=\"dsc-original\"\u003ePrice before discount\u003c\/label\u003e\n          \u003cdiv class=\"dsc-input-wrap\"\u003e\n            \u003cspan class=\"dsc-prefix\" aria-hidden=\"true\"\u003e$\u003c\/span\u003e\n            \u003cinput class=\"dsc-input dsc-has-prefix\" id=\"dsc-original\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"45.00\" aria-describedby=\"dsc-original-help dsc-original-error\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"dsc-help\" id=\"dsc-original-help\"\u003eThe regular price before the markdown.\u003c\/div\u003e\n          \u003cdiv class=\"dsc-error\" id=\"dsc-original-error\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dsc-field\"\u003e\n          \u003clabel class=\"dsc-label\" for=\"dsc-discount\"\u003eDiscount\u003c\/label\u003e\n          \u003cdiv class=\"dsc-input-wrap dsc-discount-wrap\"\u003e\n            \u003cinput class=\"dsc-input dsc-has-suffix\" id=\"dsc-discount\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"10.00\" aria-describedby=\"dsc-discount-help dsc-discount-error\"\u003e\n            \u003cspan class=\"dsc-suffix dsc-discount-unit\" aria-hidden=\"true\"\u003e%\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"dsc-help\" id=\"dsc-discount-help\"\u003eEnter the percent taken off the original price.\u003c\/div\u003e\n          \u003cdiv class=\"dsc-error\" id=\"dsc-discount-error\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dsc-field\"\u003e\n          \u003clabel class=\"dsc-label\" for=\"dsc-final\"\u003ePrice after discount\u003c\/label\u003e\n          \u003cdiv class=\"dsc-input-wrap\"\u003e\n            \u003cspan class=\"dsc-prefix\" aria-hidden=\"true\"\u003e$\u003c\/span\u003e\n            \u003cinput class=\"dsc-input dsc-has-prefix\" id=\"dsc-final\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"40.50\" readonly aria-describedby=\"dsc-final-help dsc-final-error\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"dsc-help\" id=\"dsc-final-help\"\u003eThe sale price after applying the discount.\u003c\/div\u003e\n          \u003cdiv class=\"dsc-error\" id=\"dsc-final-error\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dsc-panel dsc-results-panel\"\u003e\n      \u003ch3\u003eLive results\u003c\/h3\u003e\n      \u003cdiv class=\"dsc-results\"\u003e\n        \u003cdiv class=\"dsc-primary-result\"\u003e\n          \u003cdiv class=\"dsc-eyebrow\"\u003ePrice after discount\u003c\/div\u003e\n          \u003cdiv class=\"dsc-primary-value\"\u003e$40.50\u003c\/div\u003e\n          \u003cp class=\"dsc-primary-note\"\u003eYou keep 90.00% of the original price.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dsc-result-grid\"\u003e\n          \u003cdiv class=\"dsc-result-card\"\u003e\n            \u003cdiv class=\"dsc-result-label\"\u003eYou saved\u003c\/div\u003e\n            \u003cdiv class=\"dsc-result-value dsc-save-value\"\u003e$4.50\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"dsc-result-card\"\u003e\n            \u003cdiv class=\"dsc-result-label\"\u003eEffective discount\u003c\/div\u003e\n            \u003cdiv class=\"dsc-result-value dsc-rate-value\"\u003e10.00%\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"dsc-result-card\"\u003e\n            \u003cdiv class=\"dsc-result-label\"\u003ePercent paid\u003c\/div\u003e\n            \u003cdiv class=\"dsc-result-value dsc-paid-rate-value\"\u003e90.00%\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dsc-formula-box\" aria-live=\"polite\"\u003e\n          \u003cstrong class=\"dsc-formula-title\"\u003eCalculation:\u003c\/strong\u003e\n          \u003cspan class=\"dsc-formula-text\"\u003e$45.00 × (1 − 10.00%) = $40.50\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsc-visually-hidden dsc-live\" aria-live=\"polite\"\u003ePrice after discount is $40.50. You save $4.50.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsc-breakdown\"\u003e\n    \u003cdiv class=\"dsc-section-head\"\u003e\n      \u003ch2\u003ePrice breakdown\u003c\/h2\u003e\n      \u003cp\u003eSee how the original price is split between the amount paid and the amount saved.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dsc-chart-card\" data-dsc-chart-card\u003e\n      \u003cdiv class=\"dsc-chart-title-row\"\u003e\n        \u003ch3\u003eOriginal price allocation\u003c\/h3\u003e\n        \u003cp class=\"dsc-chart-interpretation\"\u003eThe discount removes 10.00% of the original price.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsc-chart-cluster\"\u003e\n        \u003cdiv class=\"dsc-plot\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"dsc-legend\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsc-chart-summary dsc-visually-hidden\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"dsc-chart-caption\"\u003eThe two segments always add back to the original price, so the chart also provides a quick cross-check of the calculation.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsc-table-section\"\u003e\n    \u003cdiv class=\"dsc-section-head\"\u003e\n      \u003ch2\u003eCalculation details\u003c\/h2\u003e\n      \u003cp\u003eThe table uses the same current-state values as the results, chart, and Excel workbook.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dsc-table-card\" data-dsc-table-card\u003e\n      \u003cdiv class=\"dsc-table-overflow\"\u003e\n        \u003ctable class=\"dsc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth scope=\"col\"\u003eMetric\u003c\/th\u003e\n              \u003cth scope=\"col\" class=\"dsc-num\"\u003eAmount\u003c\/th\u003e\n              \u003cth scope=\"col\" class=\"dsc-num\"\u003eShare of original\u003c\/th\u003e\n              \u003cth scope=\"col\"\u003eInterpretation\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody class=\"dsc-table-body\"\u003e\u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsc-table-note\"\u003eAmounts are rounded to cents for display. The calculator keeps full precision internally before formatting.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsc-education\"\u003e\n    \u003cdiv class=\"dsc-education-inner\"\u003e\n      \u003ch2\u003eHow to calculate and interpret a discount\u003c\/h2\u003e\n      \u003cp\u003eThis calculator estimates one missing value from the relationship among the price before discount, the discount, and the price after discount. It supports the two most common retail formats: a percentage reduction and a fixed cash reduction. The result is useful for checking a sale tag, comparing coupons, validating a quote, or working backward from a known sale price.\u003c\/p\u003e\n\n      \u003ch3\u003eChoose the correct discount type\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003ePercent off\u003c\/strong\u003e expresses the reduction as a share of the original price. Enter 20 for a 20% discount, not 0.20. A higher percentage increases the savings and lowers the final price. Percent discounts normally run from 0% to 100%. A value above 100% would imply a negative sale price, so this calculator treats it as invalid.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eFixed amount off\u003c\/strong\u003e subtracts a specific currency amount, such as a $15 coupon. In this mode, the discount field changes from a percent input to a dollar input. A larger fixed discount lowers the final price dollar for dollar. The discount should not exceed the original price when solving for the final price.\u003c\/p\u003e\n\n      \u003ch3\u003eField-by-field guide\u003c\/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003cstrong\u003eSolve for:\u003c\/strong\u003e Select the value you do not know. The selected field becomes read-only, while the other two remain editable. This avoids ambiguity when all three fields contain numbers.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003ePrice before discount:\u003c\/strong\u003e Enter the regular, list, or quoted price before the reduction. This value is required unless you are solving for it. Use the same currency throughout; the dollar symbol is a display convention rather than a currency conversion.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eDiscount:\u003c\/strong\u003e Enter either a percent or a fixed amount, depending on the selected discount type. This field is required unless the calculator is solving for the discount. Do not combine separate coupons into one percentage unless they are explicitly additive.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003ePrice after discount:\u003c\/strong\u003e Enter the final sale price when working backward. It is required unless you are solving for it. A final price above the original price represents a markup rather than a discount and is flagged as invalid.\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003ch3\u003eWhat each result means\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003ePrice after discount\u003c\/strong\u003e is the amount remaining after the reduction. A lower result means a deeper discount, assuming the same original price. A zero result means the item is fully discounted. \u003cstrong\u003eYou saved\u003c\/strong\u003e is the absolute difference between the original and final prices. It is especially useful when comparing fixed coupons. \u003cstrong\u003eEffective discount\u003c\/strong\u003e expresses the savings as a percentage of the original price, which makes discounts on differently priced products easier to compare. \u003cstrong\u003ePercent paid\u003c\/strong\u003e is the complement of the effective discount: a 25% discount means you pay 75% of the original price.\u003c\/p\u003e\n\n      \u003ch3\u003eCore formulas\u003c\/h3\u003e\n      \u003cp class=\"dsc-formula\"\u003e\u003cstrong\u003ePercent discount:\u003c\/strong\u003e Final price = Original price × (1 − Discount rate)\u003c\/p\u003e\n      \u003cp class=\"dsc-formula\"\u003e\u003cstrong\u003eFixed discount:\u003c\/strong\u003e Final price = Original price − Discount amount\u003c\/p\u003e\n      \u003cp\u003eWhen solving in reverse, the calculator rearranges the same equation. For example, if the final price is $80 after a 20% discount, the original price is $80 ÷ 0.80 = $100. Simply adding 20% to $80 would be incorrect because the 20% discount was based on the higher original price.\u003c\/p\u003e\n\n      \u003ch3\u003eReading the chart and table\u003c\/h3\u003e\n      \u003cp\u003eThe donut chart divides the original price into the amount paid and the amount saved. The legend shows each amount and its exact percentage. The chart is omitted when the inputs do not produce positive drawable values; this prevents an empty or misleading visual. The detail table provides the same values in a form that is easier to audit or copy. Its rows should cross-foot: amount paid plus savings equals the original price, and the two percentage shares total 100%.\u003c\/p\u003e\n\n      \u003ch3\u003eStacked discounts and common mistakes\u003c\/h3\u003e\n      \u003cp\u003eSuccessive percent discounts are generally multiplicative, not additive. A 20% discount followed by another 10% discount leaves 72% of the original price, which is a 28% effective discount rather than 30%. Apply the first discount, then use the resulting price as the starting price for the next calculation. The \u003ca href=\"https:\/\/www.calculator.net\/percent-off-calculator.html\" target=\"_blank\" rel=\"noopener noreferrer\"\u003epercent-off calculator\u003c\/a\u003e provides additional examples of stacked reductions.\u003c\/p\u003e\n      \u003cp\u003eOther common errors include entering 0.20 instead of 20, subtracting a percentage as though it were a currency amount, reversing the original and sale prices, or comparing prices that include different taxes and fees. Consumer prices may also be subject to local rules on advertised reference prices and sales tax treatment. For U.S. consumer guidance, see the \u003ca href=\"https:\/\/consumer.ftc.gov\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eFederal Trade Commission consumer resources\u003c\/a\u003e. For general information on sales taxes, see the \u003ca href=\"https:\/\/www.irs.gov\/businesses\/small-businesses-self-employed\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eIRS small-business resources\u003c\/a\u003e. Definitions and practical examples of percentage discounts are also available from \u003ca href=\"https:\/\/www.investopedia.com\/terms\/d\/discount.asp\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInvestopedia\u003c\/a\u003e.\u003c\/p\u003e\n\n      \u003ch3\u003eUsing the Excel export\u003c\/h3\u003e\n      \u003cp\u003eThe Download Excel button creates a real workbook from the current calculator state. It includes summary results, all entered assumptions, the chart breakdown values, and calculation notes. Recalculate first by editing the visible fields; the export always uses the values currently shown, not the initial example. The workbook is intended for documentation and comparison, not personalized tax, legal, or financial advice.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909480947955,"sku":"discount-calculator","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/discount-calculator.webp?v=1783935383","url":"https:\/\/financialmodelslab.com\/products\/discount-calculator","provider":"Financial Models Lab","version":"1.0","type":"link"}