{"product_id":"markdown","title":"Markdown Calculator","description":"\u003cstyle\u003e\n.md-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  color: var(--ink);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  box-shadow: 0 1px 2px rgba(15,23,42,.06);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  margin: 0 auto;\n  max-width: 1200px;\n  overflow-wrap: anywhere;\n  padding: 24px;\n  width: 100%;\n}\n.md-calculator, .md-calculator *, .md-calculator *::before, .md-calculator *::after { box-sizing: border-box; }\n.md-calculator * { min-width: 0; }\n.md-calculator [hidden] { display: none !important; }\n.md-calculator h2, .md-calculator h3, .md-calculator p { margin-top: 0; }\n.md-calculator h2 { font-size: 24px; font-weight: 700; line-height: 1.25; margin-bottom: 8px; }\n.md-calculator h3 { font-size: 18px; font-weight: 650; line-height: 1.35; margin-bottom: 12px; }\n.md-calculator a { color: var(--primary); text-decoration-thickness: 1px; text-underline-offset: 2px; }\n.md-calculator a:hover { text-decoration-thickness: 2px; }\n.md-header { border-bottom: 1px solid var(--border); padding-bottom: 16px; }\n.md-subtitle { color: var(--muted); margin-bottom: 16px; max-width: 760px; }\n.md-pills { display: flex; flex-wrap: wrap; gap: 8px; }\n.md-pill { background: var(--tint); border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: 13px; font-weight: 500; padding: 4px 10px; }\n.md-pill strong { color: var(--ink); font-variant-numeric: tabular-nums; font-weight: 700; }\n.md-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; padding: 16px 0 24px; }\n.md-button { align-items: center; border: 1px solid var(--border); border-radius: 6px; cursor: pointer; display: inline-flex; font: inherit; font-size: 15px; font-weight: 650; gap: 10px; justify-content: center; line-height: 1.2; min-height: 44px; padding: 12px 18px; text-decoration: none; white-space: nowrap; }\n.md-button:focus-visible, .md-calculator input:focus-visible, .md-calculator select:focus-visible, .md-calculator summary:focus-visible { outline: 3px solid rgba(29,78,216,.35); outline-offset: 2px; }\n.md-download { background: var(--accent); border-color: var(--accent); color: #ffffff; }\n.md-download:hover, .md-download:active { background: var(--accent-hover); border-color: var(--accent-hover); }\n.md-download:disabled { background: #64748b; border-color: #64748b; color: #ffffff; cursor: not-allowed; }\n.md-reset { background: var(--surface); color: var(--ink); }\n.md-reset:hover { background: var(--tint); border-color: #cbd5e1; box-shadow: 0 2px 5px rgba(15,23,42,.09); }\n.md-icon { height: 18px; width: 18px; }\n.md-workspace { display: grid; gap: 24px; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); }\n.md-panel { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 20px; }\n.md-panel-title { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px 12px; justify-content: flex-start; }\n.md-panel-title p { color: var(--muted); font-size: 13px; margin-bottom: 12px; }\n.md-form-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.md-field { display: flex; flex-direction: column; gap: 8px; }\n.md-field label, .md-field-label { color: var(--ink); font-size: 14px; font-weight: 600; }\n.md-control-wrap { position: relative; }\n.md-control-wrap input, .md-control-wrap select { appearance: none; background: var(--surface); border: 1px solid #cbd5e1; border-radius: 6px; color: var(--ink); font: inherit; font-size: 15px; height: 44px; padding: 10px 42px 10px 12px; width: 100%; font-variant-numeric: tabular-nums; }\n.md-control-wrap select { background-image: linear-gradient(45deg, transparent 50%, #475569 50%), linear-gradient(135deg, #475569 50%, transparent 50%); background-position: calc(100% - 17px) 18px, calc(100% - 12px) 18px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; }\n.md-unit { color: var(--muted); font-size: 13px; font-weight: 600; pointer-events: none; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }\n.md-help { color: var(--muted); font-size: 13px; font-weight: 500; line-height: 1.4; margin: 0; min-height: 36px; }\n.md-error { color: #b91c1c; font-size: 13px; font-weight: 600; line-height: 1.35; margin: 0; min-height: 18px; }\n.md-results { background: var(--tint); }\n.md-primary-result { border-bottom: 1px solid var(--border); margin-bottom: 16px; padding-bottom: 16px; }\n.md-primary-label { color: var(--muted); font-size: 13px; font-weight: 600; margin-bottom: 4px; }\n.md-primary-value { color: var(--ink); font-size: 30px; font-variant-numeric: tabular-nums; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 6px; }\n.md-result-note { color: var(--muted); font-size: 13px; margin: 0; }\n.md-result-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.md-result-card { background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 14px; }\n.md-result-card span { color: var(--muted); display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; }\n.md-result-card strong { display: block; font-size: 20px; font-variant-numeric: tabular-nums; font-weight: 700; line-height: 1.25; }\n.md-alert { background: #fff7ed; border: 1px solid #fdba74; border-radius: 6px; color: #7c2d12; font-size: 13px; margin-top: 16px; padding: 10px 12px; }\n.md-section { margin-top: 24px; }\n.md-chart-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 20px; }\n.md-chart-lead { color: var(--muted); font-size: 13px; margin-bottom: 16px; }\n.md-chart-total { color: var(--ink); font-size: 20px; font-variant-numeric: tabular-nums; font-weight: 700; margin-left: 6px; }\n.md-chart-cluster { align-items: end; display: grid; gap: 24px; grid-template-columns: minmax(240px, 300px) minmax(0, 420px); justify-content: center; margin: 0 auto; max-width: 760px; }\n.md-plot { align-items: center; display: flex; justify-content: center; min-height: 280px; }\n.md-chart-svg { display: block; height: auto; max-width: 300px; width: 100%; }\n.md-legend { display: grid; gap: 12px; }\n.md-legend-row { align-items: center; display: grid; font-size: 13px; gap: 8px 12px; grid-template-columns: 12px minmax(90px, auto) auto auto; justify-content: start; }\n.md-swatch { border-radius: 3px; height: 12px; width: 12px; }\n.md-legend-name { color: var(--ink); font-weight: 600; }\n.md-legend-value, .md-legend-percent { color: var(--ink); font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }\n.md-empty { background: var(--tint); border: 1px dashed #cbd5e1; border-radius: 6px; color: var(--muted); font-size: 13px; padding: 16px; text-align: center; width: 100%; }\n.md-chart-callout, .md-table-note { background: var(--tint); border: 1px solid var(--border); border-radius: 6px; color: var(--muted); font-size: 13px; margin-top: 16px; padding: 10px 12px; }\n.md-safe-chart-stack .md-chart-cluster { grid-template-columns: 1fr; row-gap: 20px; }\n.md-safe-chart-stack .md-plot { min-height: 250px; }\n.md-safe-chart-stack .md-chart-callout { margin-top: 20px; }\n.md-table-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 20px; }\n.md-table-wrap { overflow-x: auto; width: 100%; }\n.md-table { border-collapse: collapse; min-width: 690px; width: 100%; }\n.md-table th, .md-table td { border-bottom: 1px solid var(--border); padding: 12px; text-align: left; vertical-align: top; }\n.md-table th { background: #0f2747; color: #ffffff; font-size: 13px; font-weight: 700; }\n.md-table td { font-size: 14px; }\n.md-table td:nth-child(2), .md-table td:nth-child(3) { font-variant-numeric: tabular-nums; text-align: right; }\n.md-table tbody tr:hover { background: var(--tint); }\n.md-safe-table-stack .md-table-wrap { height: auto; max-height: none; }\n.md-safe-table-stack .md-table-note { margin-top: 20px; }\n.md-advanced { border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }\n.md-advanced summary { cursor: pointer; font-size: 15px; font-weight: 700; list-style-position: inside; padding: 16px 20px; }\n.md-advanced-content { border-top: 1px solid var(--border); padding: 20px; }\n.md-education { border-top: 1px solid var(--border); margin-top: 32px; padding-top: 28px; }\n.md-education section { margin-bottom: 24px; max-width: 900px; }\n.md-education p, .md-education li { color: #334155; }\n.md-education ul { padding-left: 22px; }\n.md-formula { background: var(--tint); border-left: 4px solid var(--primary); border-radius: 0 6px 6px 0; font-variant-numeric: tabular-nums; padding: 12px 14px; }\n.md-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }\n@media (max-width: 899px) {\n  .md-workspace { grid-template-columns: 1fr; }\n}\n@media (max-width: 639px) {\n  .md-calculator { padding: 16px; }\n  .md-form-grid, .md-result-grid { grid-template-columns: 1fr; }\n  .md-chart-cluster { grid-template-columns: 1fr; row-gap: 20px; }\n  .md-plot { min-height: 250px; }\n  .md-legend { justify-content: center; }\n  .md-legend-row { grid-template-columns: 12px minmax(88px, auto) auto auto; }\n  .md-chart-callout, .md-table-note { margin-top: 16px; }\n}\n@media (max-width: 380px) {\n  .md-calculator { padding: 12px; }\n  .md-panel, .md-chart-card, .md-table-card { padding: 16px; }\n  .md-button { width: 100%; }\n  .md-toolbar { align-items: stretch; }\n  .md-primary-value { font-size: 27px; }\n  .md-legend-row { gap: 6px 8px; grid-template-columns: 12px minmax(78px, auto) auto; }\n  .md-legend-percent { grid-column: 2 \/ 4; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"md-calculator\" data-calculator-root\u003e\n  \u003cheader class=\"md-header\"\u003e\n    \u003ch2\u003eMarkdown Calculator\u003c\/h2\u003e\n    \u003cp class=\"md-subtitle\"\u003eConvert an original price, a new selling price, a markdown amount, or a markdown percentage into a complete retail price-reduction analysis.\u003c\/p\u003e\n    \u003cdiv class=\"md-pills\" aria-label=\"Live summary\"\u003e\n      \u003cspan class=\"md-pill\"\u003eActual price \u003cstrong class=\"md-pill-actual\"\u003e$40.00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"md-pill\"\u003eMarkdown \u003cstrong class=\"md-pill-amount\"\u003e$10.00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"md-pill\"\u003eMarkdown rate \u003cstrong class=\"md-pill-rate\"\u003e25.00%\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"md-pill\"\u003eOriginal-price reduction \u003cstrong class=\"md-pill-standard\"\u003e20.00%\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"md-toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"md-button md-download\" type=\"button\"\u003e\n      \u003csvg class=\"md-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath fill=\"currentColor\" d=\"M12 3a1 1 0 0 1 1 1v9.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.3V4a1 1 0 0 1 1-1ZM5 19a1 1 0 0 1 1 1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cspan\u003eDownload Excel\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cbutton class=\"md-button md-reset\" type=\"button\"\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"md-workspace\"\u003e\n    \u003csection class=\"md-panel md-inputs\" aria-labelledby=\"md-inputs-heading\"\u003e\n      \u003cdiv class=\"md-panel-title\"\u003e\n        \u003ch3 id=\"md-inputs-heading\"\u003ePrice assumptions\u003c\/h3\u003e\n        \u003cp\u003eEnter the original price, then choose the value you already know.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"md-form-grid\"\u003e\n        \u003cdiv class=\"md-field\"\u003e\n          \u003clabel for=\"md-original\"\u003eOriginal selling price\u003c\/label\u003e\n          \u003cdiv class=\"md-control-wrap\"\u003e\n            \u003cinput id=\"md-original\" class=\"md-money-input\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$50.00\" aria-describedby=\"md-original-help md-original-error\"\u003e\n            \u003cspan class=\"md-unit\"\u003eUSD\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cp id=\"md-original-help\" class=\"md-help\"\u003eThe pre-markdown shelf or list price.\u003c\/p\u003e\n          \u003cp id=\"md-original-error\" class=\"md-error\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"md-field\"\u003e\n          \u003clabel for=\"md-mode\"\u003eKnown markdown value\u003c\/label\u003e\n          \u003cdiv class=\"md-control-wrap\"\u003e\n            \u003cselect id=\"md-mode\" aria-describedby=\"md-mode-help\"\u003e\n              \u003coption value=\"percent\" selected\u003eMarkdown percent\u003c\/option\u003e\n              \u003coption value=\"actual\"\u003eActual selling price\u003c\/option\u003e\n              \u003coption value=\"amount\"\u003eMarkdown amount\u003c\/option\u003e\n            \u003c\/select\u003e\n          \u003c\/div\u003e\n          \u003cp id=\"md-mode-help\" class=\"md-help\"\u003eChanging this choice converts the current scenario.\u003c\/p\u003e\n          \u003cp class=\"md-error\" aria-hidden=\"true\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"md-field\"\u003e\n          \u003clabel id=\"md-known-label\" for=\"md-known\"\u003eMarkdown percent\u003c\/label\u003e\n          \u003cdiv class=\"md-control-wrap\"\u003e\n            \u003cinput id=\"md-known\" class=\"md-percent-input\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"25.00%\" aria-describedby=\"md-known-help md-known-error\"\u003e\n            \u003cspan class=\"md-unit md-known-unit\"\u003e%\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cp id=\"md-known-help\" class=\"md-help\"\u003eRate measured against the actual selling price.\u003c\/p\u003e\n          \u003cp id=\"md-known-error\" class=\"md-error\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"md-field\"\u003e\n          \u003clabel class=\"md-field-label\" for=\"md-convention\"\u003eCalculation convention\u003c\/label\u003e\n          \u003cdiv class=\"md-control-wrap\"\u003e\n            \u003cinput id=\"md-convention\" class=\"md-convention\" type=\"text\" value=\"Markdown ÷ actual\" readonly\u003e\n            \u003cspan class=\"md-unit\"\u003eBasis\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"md-help\"\u003eThis matches the calculator’s markdown-rate convention.\u003c\/p\u003e\n          \u003cp class=\"md-error\" aria-hidden=\"true\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"md-panel md-results\" aria-labelledby=\"md-results-heading\"\u003e\n      \u003ch3 id=\"md-results-heading\"\u003eLive results\u003c\/h3\u003e\n      \u003cdiv class=\"md-primary-result\" aria-live=\"polite\" aria-atomic=\"true\"\u003e\n        \u003cdiv class=\"md-primary-label\"\u003eActual selling price\u003c\/div\u003e\n        \u003cdiv class=\"md-primary-value md-actual-value\"\u003e$40.00\u003c\/div\u003e\n        \u003cp class=\"md-result-note md-primary-summary\"\u003eA $10.00 markdown reduces the original price by 20.00%.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"md-result-grid\"\u003e\n        \u003cdiv class=\"md-result-card\"\u003e\n\u003cspan\u003eMarkdown amount\u003c\/span\u003e\u003cstrong class=\"md-amount-value\"\u003e$10.00\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"md-result-card\"\u003e\n\u003cspan\u003eMarkdown percent\u003c\/span\u003e\u003cstrong class=\"md-rate-value\"\u003e25.00%\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"md-result-card\"\u003e\n\u003cspan\u003eReduction vs. original\u003c\/span\u003e\u003cstrong class=\"md-standard-value\"\u003e20.00%\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"md-result-card\"\u003e\n\u003cspan\u003ePrice retained\u003c\/span\u003e\u003cstrong class=\"md-retained-value\"\u003e80.00%\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"md-alert md-result-alert\"\u003eThe markdown percentage here uses actual selling price as its denominator. The reduction relative to the original price is shown separately.\u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"md-advanced md-section\"\u003e\n    \u003csummary\u003eInventory and margin impact\u003c\/summary\u003e\n    \u003cdiv class=\"md-advanced-content\"\u003e\n      \u003cdiv class=\"md-form-grid\"\u003e\n        \u003cdiv class=\"md-field\"\u003e\n          \u003clabel for=\"md-quantity\"\u003eUnits expected to sell\u003c\/label\u003e\n          \u003cdiv class=\"md-control-wrap\"\u003e\n            \u003cinput id=\"md-quantity\" class=\"md-number-input\" type=\"text\" inputmode=\"numeric\" autocomplete=\"off\" value=\"20\" aria-describedby=\"md-quantity-help md-quantity-error\"\u003e\n            \u003cspan class=\"md-unit\"\u003eunits\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cp id=\"md-quantity-help\" class=\"md-help\"\u003eOptional quantity for revenue and total markdown impact.\u003c\/p\u003e\n          \u003cp id=\"md-quantity-error\" class=\"md-error\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"md-field\"\u003e\n          \u003clabel for=\"md-cost\"\u003eUnit cost\u003c\/label\u003e\n          \u003cdiv class=\"md-control-wrap\"\u003e\n            \u003cinput id=\"md-cost\" class=\"md-money-input\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$25.00\" aria-describedby=\"md-cost-help md-cost-error\"\u003e\n            \u003cspan class=\"md-unit\"\u003eUSD\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cp id=\"md-cost-help\" class=\"md-help\"\u003eOptional product cost for gross-profit sensitivity.\u003c\/p\u003e\n          \u003cp id=\"md-cost-error\" class=\"md-error\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003csection class=\"md-section md-chart-card\" aria-labelledby=\"md-chart-heading\"\u003e\n    \u003ch3 id=\"md-chart-heading\"\u003eOriginal price breakdown\u003c\/h3\u003e\n    \u003cp class=\"md-chart-lead\"\u003eThe original price of \u003cspan class=\"md-chart-total\"\u003e$50.00\u003c\/span\u003e is divided between the customer’s final payment and the markdown.\u003c\/p\u003e\n    \u003cdiv class=\"md-chart-cluster\"\u003e\n      \u003cdiv class=\"md-plot\"\u003e\n        \u003csvg class=\"md-chart-svg\" viewbox=\"0 0 300 300\" role=\"img\" aria-labelledby=\"md-chart-title md-chart-desc\"\u003e\n          \u003ctitle id=\"md-chart-title\"\u003eOriginal price breakdown chart\u003c\/title\u003e\n          \u003cdesc id=\"md-chart-desc\"\u003eActual selling price $40.00 and markdown $10.00.\u003c\/desc\u003e\n          \u003cg class=\"md-chart-marks\"\u003e\u003c\/g\u003e\n          \u003cg class=\"md-chart-center\"\u003e\u003c\/g\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"md-empty md-chart-empty\" hidden\u003eEnter values above to see the breakdown.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"md-legend\" aria-label=\"Breakdown legend\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"md-chart-callout md-chart-summary\"\u003eThe customer pays $40.00 and saves $10.00, so the final price retains 80.00% of the original price.\u003c\/div\u003e\n    \u003cp class=\"md-visually-hidden md-chart-data-text\"\u003eActual selling price $40.00, 80.00% of original price; markdown amount $10.00, 20.00% of original price.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"md-section md-table-card\" aria-labelledby=\"md-table-heading\"\u003e\n    \u003ch3 id=\"md-table-heading\"\u003eMarkdown comparison\u003c\/h3\u003e\n    \u003cdiv class=\"md-table-wrap\"\u003e\n      \u003ctable class=\"md-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n\u003cth scope=\"col\"\u003eMetric\u003c\/th\u003e\n\u003cth scope=\"col\"\u003ePer item\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eFor selected quantity\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eInterpretation\u003c\/th\u003e\n\u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody class=\"md-comparison-body\"\u003e\u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"md-table-note\"\u003eQuantity and unit cost are optional. When they are blank or zero, total and margin rows remain neutral rather than inventing assumptions.\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"md-education\"\u003e\n    \u003csection\u003e\n      \u003ch2\u003eWhat does this markdown calculator estimate?\u003c\/h2\u003e\n      \u003cp\u003eThis calculator estimates the price reduction between an original selling price and an actual selling price. It reports the dollar markdown, the markdown percentage used by this model, the reduction as a share of the original price, and the portion of the original price that the customer still pays. Optional inventory inputs extend the same per-item calculation to total revenue, total customer savings, and gross profit.\u003c\/p\u003e\n      \u003cp\u003eRetail teams use markdown analysis when clearing seasonal stock, moving slow-selling products, testing new price points, or planning an end-of-line promotion. The calculator does not predict demand. It isolates the arithmetic of the price change so you can compare scenarios consistently.\u003c\/p\u003e\n    \u003c\/section\u003e\n    \u003csection\u003e\n      \u003ch2\u003eHow should each input be used?\u003c\/h2\u003e\n      \u003cp\u003e\u003cstrong\u003eOriginal selling price\u003c\/strong\u003e is the price before the markdown. Enter a nonnegative U.S. dollar amount. A higher original price increases the possible dollar markdown for any unchanged markdown rate. Common mistakes include entering a wholesale cost instead of the customer-facing price or mixing tax-inclusive and tax-exclusive prices.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eKnown markdown value\u003c\/strong\u003e tells the calculator which second variable you already have. Choose actual selling price when the new shelf price is known, markdown amount when the dollar reduction is known, or markdown percent when the rate is known. Switching this selector converts the active scenario, preserving the calculated economics rather than merely changing the label.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eMarkdown percent\u003c\/strong\u003e follows the convention markdown amount divided by actual selling price. For example, an original price of $50 and an actual price of $40 creates a $10 markdown and a 25% markdown rate because $10 divided by $40 equals 25%. This differs from the more familiar percentage reduction from the original price, which would be 20% in the same example.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eUnits expected to sell\u003c\/strong\u003e is optional and should be a whole number. It scales per-item revenue and savings into total values. Increasing quantity does not change the per-item markdown; it increases the total revenue difference proportionally. \u003cstrong\u003eUnit cost\u003c\/strong\u003e is also optional. It estimates gross profit before and after the markdown. A cost above the actual selling price produces a negative gross profit, which is a valid warning signal rather than a calculation error.\u003c\/p\u003e\n    \u003c\/section\u003e\n    \u003csection\u003e\n      \u003ch2\u003eHow are the results calculated?\u003c\/h2\u003e\n      \u003cp class=\"md-formula\"\u003eMarkdown amount = Original selling price − Actual selling price\u003c\/p\u003e\n      \u003cp class=\"md-formula\"\u003eMarkdown percent = Markdown amount ÷ Actual selling price × 100\u003c\/p\u003e\n      \u003cp class=\"md-formula\"\u003eActual selling price from a markdown percent = Original price ÷ (1 + Markdown percent)\u003c\/p\u003e\n      \u003cp\u003eThe primary result is the actual selling price. The markdown amount is the customer’s dollar saving per item. The markdown percentage expresses that saving relative to the actual selling price. The reduction versus original price uses the original price as the denominator, making it directly comparable to standard sale-percentage language. Price retained is the actual price divided by the original price.\u003c\/p\u003e\n      \u003cp\u003eIf the actual selling price is zero, the dollar markdown remains calculable but the markdown percentage is mathematically undefined because division by zero is not permitted. The calculator displays a dash rather than an infinite or misleading percentage.\u003c\/p\u003e\n    \u003c\/section\u003e\n    \u003csection\u003e\n      \u003ch2\u003eHow should the chart and table be interpreted?\u003c\/h2\u003e\n      \u003cp\u003eThe donut chart decomposes the original price into two parts: the amount paid by the customer and the markdown amount. The colored segments, legend, exact-value summary, and accessible data table all use the same live calculation. A single 100% segment appears only when one component is genuinely zero; an all-zero state shows a compact message instead of a decorative chart.\u003c\/p\u003e\n      \u003cp\u003eThe comparison table translates the same model into per-item and quantity-level figures. Original revenue is the original price multiplied by quantity. Actual revenue is the new selling price multiplied by quantity. Total markdown equals the markdown per item multiplied by quantity. Gross profit equals selling price minus unit cost, multiplied by quantity when quantity is available. These are gross figures before overhead, payment fees, taxes, returns, or additional promotional costs.\u003c\/p\u003e\n    \u003c\/section\u003e\n    \u003csection\u003e\n      \u003ch2\u003eWhat assumptions matter most?\u003c\/h2\u003e\n      \u003cp\u003eThe relationship between price and demand matters more than the markdown arithmetic alone. A lower price may improve sell-through, but it may also reduce gross profit per unit. Evaluate whether the expected increase in units sold is enough to offset the lower contribution per item. Inventory age, storage cost, seasonality, product obsolescence, and cash-flow needs can justify a deeper markdown even when unit margin falls.\u003c\/p\u003e\n      \u003cp\u003eFor broader context, the U.S. Federal Trade Commission explains pricing and advertising principles in its \u003ca href=\"https:\/\/www.ftc.gov\/business-guidance\/advertising-marketing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ebusiness guidance\u003c\/a\u003e. The U.S. Small Business Administration provides practical material on \u003ca href=\"https:\/\/www.sba.gov\/business-guide\/manage-your-business\/marketing-sales\" target=\"_blank\" rel=\"noopener noreferrer\"\u003emarketing and sales management\u003c\/a\u003e. For accounting context, the Financial Accounting Standards Board maintains the authoritative \u003ca href=\"https:\/\/asc.fasb.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eAccounting Standards Codification\u003c\/a\u003e. Retailers should apply the calculator consistently with their own tax, revenue-recognition, and promotional-pricing policies.\u003c\/p\u003e\n    \u003c\/section\u003e\n    \u003csection\u003e\n      \u003ch2\u003eCommon markdown mistakes\u003c\/h2\u003e\n      \u003cul\u003e\n        \u003cli\u003eConfusing markdown percentage with the percentage reduction from the original price.\u003c\/li\u003e\n        \u003cli\u003eComparing a tax-inclusive original price with a tax-exclusive actual price.\u003c\/li\u003e\n        \u003cli\u003eAssuming a deeper markdown automatically increases total profit without estimating demand response.\u003c\/li\u003e\n        \u003cli\u003eIgnoring unit cost, fulfillment fees, returns, and remaining inventory when reviewing gross profit.\u003c\/li\u003e\n        \u003cli\u003eUsing rounded intermediate values. This calculator keeps full precision internally and rounds only for display and export.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/section\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909479964915,"sku":"markdown","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/markdown.webp?v=1783935358","url":"https:\/\/financialmodelslab.com\/products\/markdown","provider":"Financial Models Lab","version":"1.0","type":"link"}