{"product_id":"maintenance-price-sheet","title":"Maintenance Price Sheet for 1994-1997 7.3L Powerstroke","description":"\u003cbody\u003e\n\u003cp\u003eTry out our price sheet to understand how it works. \u003c\/p\u003e\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eFleet Maintenance Subscription Pricing\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;family=DM+Mono:wght@400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --bg: #0d0f14;\n    --bg2: #13161e;\n    --bg3: #1c2030;\n    --border: #2a2f42;\n    --accent: #e8a020;\n    --accent2: #f0c060;\n    --text: #e8ecf4;\n    --muted: #7a84a0;\n    --t1: #3b82f6;\n    --t2: #10b981;\n    --t3: #8b5cf6;\n    --t4: #ef4444;\n    --green: #22c55e;\n    --red: #f87171;\n  }\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--bg);\n    color: var(--text);\n    min-height: 100vh;\n  }\n\n  \/* HEADER *\/\n  header {\n    background: var(--bg2);\n    border-bottom: 1px solid var(--border);\n    padding: 24px 40px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  header h1 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 2rem;\n    letter-spacing: 3px;\n    color: var(--accent);\n  }\n  header span {\n    color: var(--muted);\n    font-size: 0.85rem;\n    letter-spacing: 1px;\n  }\n\n  .container { max-width: 1600px; margin: 0 auto; padding: 32px 24px; }\n\n  \/* CONTROLS *\/\n  .controls {\n    background: var(--bg2);\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    padding: 24px 28px;\n    margin-bottom: 28px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: flex-end;\n  }\n  .ctrl-group { display: flex; flex-direction: column; gap: 6px; }\n  .ctrl-group label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--muted);\n  }\n  .toggle-row { display: flex; gap: 6px; }\n  .toggle-btn {\n    padding: 8px 18px;\n    border: 1px solid var(--border);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--muted);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.85rem;\n    cursor: pointer;\n    transition: all 0.15s;\n  }\n  .toggle-btn.active {\n    background: var(--accent);\n    border-color: var(--accent);\n    color: #000;\n    font-weight: 600;\n  }\n  .toggle-btn:hover:not(.active) {\n    border-color: var(--accent);\n    color: var(--accent);\n  }\n  .ctrl-group select {\n    background: var(--bg3);\n    border: 1px solid var(--border);\n    color: var(--text);\n    padding: 8px 14px;\n    border-radius: 6px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.9rem;\n    cursor: pointer;\n    outline: none;\n    min-width: 180px;\n  }\n  .margin-input {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .margin-input input {\n    background: var(--bg3);\n    border: 1px solid var(--border);\n    color: var(--accent);\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-family: 'DM Mono', monospace;\n    font-size: 0.9rem;\n    width: 70px;\n    text-align: center;\n    outline: none;\n  }\n  .margin-input span { color: var(--muted); font-size: 0.85rem; }\n  .info-pill {\n    background: var(--bg3);\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    padding: 6px 14px;\n    font-size: 0.75rem;\n    color: var(--muted);\n    align-self: center;\n  }\n\n  \/* TIER HEADERS *\/\n  .tier-tabs {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n  .tier-tab {\n    background: var(--bg2);\n    border: 1px solid var(--border);\n    border-radius: 10px;\n    padding: 16px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n  }\n  .tier-tab::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n  }\n  .tier-tab[data-tier=\"1\"]::before { background: var(--t1); }\n  .tier-tab[data-tier=\"2\"]::before { background: var(--t2); }\n  .tier-tab[data-tier=\"3\"]::before { background: var(--t3); }\n  .tier-tab[data-tier=\"4\"]::before { background: var(--t4); }\n  .tier-tab.active { border-color: var(--accent); }\n  .tier-tab h3 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.3rem;\n    letter-spacing: 2px;\n    margin-bottom: 2px;\n  }\n  .tier-tab[data-tier=\"1\"] h3 { color: var(--t1); }\n  .tier-tab[data-tier=\"2\"] h3 { color: var(--t2); }\n  .tier-tab[data-tier=\"3\"] h3 { color: var(--t3); }\n  .tier-tab[data-tier=\"4\"] h3 { color: var(--t4); }\n  .tier-tab p { font-size: 0.75rem; color: var(--muted); }\n\n  \/* MAIN PRICING TABLE *\/\n  .table-wrap {\n    overflow-x: auto;\n    border-radius: 12px;\n    border: 1px solid var(--border);\n    background: var(--bg2);\n  }\n  table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }\n  thead tr {\n    background: var(--bg3);\n    border-bottom: 2px solid var(--border);\n  }\n  thead th {\n    padding: 14px 16px;\n    text-align: right;\n    font-family: 'DM Mono', monospace;\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--muted);\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n  }\n  thead th:first-child { text-align: left; font-size: 0.7rem; letter-spacing: 1px; text-transform: uppercase; }\n  tbody tr {\n    border-bottom: 1px solid var(--border);\n    transition: background 0.1s;\n  }\n  tbody tr:hover { background: rgba(255,255,255,0.02); }\n  tbody tr:last-child { border-bottom: none; }\n  td {\n    padding: 13px 16px;\n    text-align: right;\n    font-family: 'DM Mono', monospace;\n    font-size: 0.82rem;\n  }\n  td:first-child {\n    text-align: left;\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 500;\n    font-size: 0.85rem;\n    color: var(--text);\n    white-space: nowrap;\n  }\n  .price-cell {\n    color: var(--accent2);\n    font-weight: 500;\n  }\n  .band-label {\n    font-size: 0.7rem;\n    color: var(--muted);\n    display: block;\n  }\n  .highlight-row td { background: rgba(232,160,32,0.05); }\n  .highlight-row td:first-child { color: var(--accent); }\n\n  \/* BREAKDOWN PANEL *\/\n  .breakdown {\n    margin-top: 28px;\n    background: var(--bg2);\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    padding: 24px 28px;\n  }\n  .breakdown h2 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.1rem;\n    letter-spacing: 2px;\n    color: var(--accent);\n    margin-bottom: 16px;\n  }\n  .breakdown-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n  }\n  .breakdown-item {\n    background: var(--bg3);\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n  }\n  .breakdown-item .item-name {\n    font-size: 0.83rem;\n    color: var(--text);\n  }\n  .breakdown-item .item-detail {\n    font-size: 0.7rem;\n    color: var(--muted);\n    margin-top: 2px;\n  }\n  .breakdown-item .item-cost {\n    font-family: 'DM Mono', monospace;\n    font-size: 0.85rem;\n    color: var(--accent2);\n    text-align: right;\n    white-space: nowrap;\n  }\n  .breakdown-item .item-cost small {\n    display: block;\n    font-size: 0.68rem;\n    color: var(--muted);\n  }\n\n  \/* LEGEND *\/\n  .legend {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 20px;\n    padding-top: 20px;\n    border-top: 1px solid var(--border);\n    font-size: 0.75rem;\n    color: var(--muted);\n  }\n  .legend span { display: flex; align-items: center; gap: 6px; }\n  .dot { width: 8px; height: 8px; border-radius: 50%; }\n\n  .note {\n    margin-top: 16px;\n    padding: 12px 16px;\n    background: rgba(232,160,32,0.08);\n    border: 1px solid rgba(232,160,32,0.2);\n    border-radius: 8px;\n    font-size: 0.8rem;\n    color: var(--muted);\n    line-height: 1.6;\n  }\n  .note strong { color: var(--accent); }\n\u003c\/style\u003e\n\n\n\n\u003cheader\u003e\n  \u003cdiv\u003e\n    \u003ch1\u003eMaintenance Subscription Pricing\u003c\/h1\u003e\n    \u003cspan\u003eMonthly cost by mileage band · Configure drivetrain \u0026amp; transmission below\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003cdiv class=\"container\"\u003e\n\n  \u003c!-- CONTROLS --\u003e\n  \u003cdiv class=\"controls\"\u003e\n    \u003cdiv class=\"ctrl-group\"\u003e\n      \u003clabel\u003eDrivetrain\u003c\/label\u003e\n      \u003cdiv class=\"toggle-row\"\u003e\n        \u003cbutton class=\"toggle-btn active\" id=\"btn-4x4\" onclick=\"setDrive('4x4')\"\u003e4×4\u003c\/button\u003e\n        \u003cbutton class=\"toggle-btn\" id=\"btn-2x4\" onclick=\"setDrive('2x4')\"\u003e2×4\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ctrl-group\"\u003e\n      \u003clabel\u003eTransmission\u003c\/label\u003e\n      \u003cdiv class=\"toggle-row\"\u003e\n        \u003cbutton class=\"toggle-btn active\" id=\"btn-auto\" onclick=\"setTrans('auto')\"\u003eAutomatic\u003c\/button\u003e\n        \u003cbutton class=\"toggle-btn\" id=\"btn-manual\" onclick=\"setTrans('manual')\"\u003eManual\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ctrl-group\"\u003e\n      \u003clabel\u003eService Margin\u003c\/label\u003e\n      \u003cdiv class=\"margin-input\"\u003e\n        \u003cinput type=\"number\" id=\"margin\" value=\"0\" min=\"0\" max=\"200\" onchange=\"render()\"\u003e\n        \u003cspan\u003e% markup over parts cost\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"info-pill\"\u003e💡 Prices shown are monthly subscription rates\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TIER TABS --\u003e\n  \u003cdiv class=\"tier-tabs\"\u003e\n    \u003cdiv class=\"tier-tab\" data-tier=\"1\"\u003e\n\u003ch3\u003eTier 1\u003c\/h3\u003e\n\u003cp\u003eOil · Fuel Filter\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"tier-tab\" data-tier=\"2\"\u003e\n\u003ch3\u003eTier 2\u003c\/h3\u003e\n\u003cp\u003e+ Air · Trans · Diff\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"tier-tab\" data-tier=\"3\"\u003e\n\u003ch3\u003eTier 3\u003c\/h3\u003e\n\u003cp\u003e+ Steering · Coolant · Brakes\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"tier-tab\" data-tier=\"4\"\u003e\n\u003ch3\u003eTier 4\u003c\/h3\u003e\n\u003cp\u003eFull Coverage\u003c\/p\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TABLE --\u003e\n  \u003cdiv class=\"table-wrap\"\u003e\n    \u003ctable id=\"mainTable\"\u003e\n      \u003cthead id=\"tableHead\"\u003e\u003c\/thead\u003e\n      \u003ctbody id=\"tableBody\"\u003e\u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BREAKDOWN --\u003e\n  \u003cdiv class=\"breakdown\"\u003e\n    \u003ch2 id=\"breakdownTitle\"\u003e▸ Parts Cost Breakdown — Select a Cell\u003c\/h2\u003e\n    \u003cdiv class=\"breakdown-grid\" id=\"breakdownGrid\"\u003e\n      \u003cdiv style=\"color:var(--muted);font-size:0.85rem;padding:8px;\"\u003e\n        Click any price cell in the table above to see the parts breakdown for that tier, mileage band, and configuration.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"note\"\u003e\n      \u003cstrong\u003eHow pricing is calculated:\u003c\/strong\u003e Each maintenance item has a fixed cost and a mileage interval. Monthly cost = (item cost ÷ interval miles) × monthly miles driven (midpoint of band). All items in the tier are summed, then the service margin is applied. Items used only for certain drivetrains (4×4 transfer case, diff type) adjust automatically.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ ─── RAW DATA ────────────────────────────────────────────────────────────────\nconst ITEMS = {\n  oil:         { name: 'Motorcraft 15W-40 Oil + Oil Filter',  cost: 148.96, interval: 4500 },\n  fuelFilter:  { name: 'Fuel Filter (Motorcraft)',            cost: 44.99,  interval: 8000 },\n  airFilter:   { name: 'Air Filter (Motorcraft)',             cost: 71.99,  interval: 15000 },\n  trans_auto:  { name: 'Auto Trans Fluid+Filter (Mercon LV)', cost: 186.96, interval: 40000 },\n  trans_man:   { name: 'Manual Transmission Service',         cost: 40.22,  interval: 40000 },\n  diff_4x4:    { name: 'Differential Service 4×4 (Valvoline)',cost: 121.53, interval: 60000 },\n  diff_2x4:    { name: 'Differential Service 2×4 (Valvoline)',cost: 51.27,  interval: 60000 },\n  brakeClean2: { name: '2 Bottles Brake Clean + 2 Rags',     cost: 9.20,   interval: 4500 },\n  brakeClean3: { name: '2 Bottles Brake Clean + 3 Rags',     cost: 11.00,  interval: 4500 },\n  brakeClean4: { name: '3 Bottles Brake Clean + 4 Rags',     cost: 14.00,  interval: 4500 },\n  sil_2x4:     { name: 'Silicone Tube (2×4)',                cost: 13.49,  interval: 60000 },\n  sil_4x4:     { name: 'Silicone Tube ×2 (4×4)',             cost: 26.98,  interval: 60000 },\n  steering:    { name: 'Power Steering Fluid (Motorcraft)',   cost: 22.98,  interval: 60000 },\n  coolant:     { name: 'Motorcraft Green Coolant (8 gal)',    cost: 124.80, interval: 85000 },\n  brakeFl:     { name: 'Brake Fluid (Motorcraft)',            cost: 39.08,  interval: 35000 },\n  brakePads:   { name: 'Brake Pads Front + Rear (Motorcraft)',cost: 143.98, interval: 70000 },\n  transfer:    { name: 'Transfer Case Service (4×4 only)',    cost: 27.98,  interval: 50000 },\n  washerFl:    { name: 'Rain-X Windshield Washer Fluid',      cost: 9.98,   interval: 10000 },\n};\n\nconst BANDS = [\n  { label: '200–1,500',   min: 200,   max: 1500,  mid: 850   },\n  { label: '1,500–2,500', min: 1500,  max: 2500,  mid: 2000  },\n  { label: '2,500–4,000', min: 2500,  max: 4000,  mid: 3250  },\n  { label: '4,000–6,000', min: 4000,  max: 6000,  mid: 5000  },\n  { label: '6,000–8,000', min: 6000,  max: 8000,  mid: 7000  },\n  { label: '8,000–10,000',min: 8000,  max: 10000, mid: 9000  },\n  { label: '10,000–12,000',min:10000, max: 12000, mid: 11000 },\n  { label: '12,000–14,000',min:12000, max: 14000, mid: 13000 },\n  { label: '14,000–16,000',min:14000, max: 16000, mid: 15000 },\n  { label: '16,000–18,000',min:16000, max: 18000, mid: 17000 },\n];\n\n\/\/ ─── STATE ───────────────────────────────────────────────────────────────────\nlet drive = '4x4';\nlet trans = 'auto';\n\nfunction setDrive(v) {\n  drive = v;\n  document.getElementById('btn-4x4').classList.toggle('active', v === '4x4');\n  document.getElementById('btn-2x4').classList.toggle('active', v === '2x4');\n  render();\n}\nfunction setTrans(v) {\n  trans = v;\n  document.getElementById('btn-auto').classList.toggle('active', v === 'auto');\n  document.getElementById('btn-manual').classList.toggle('active', v === 'manual');\n  render();\n}\n\n\/\/ ─── TIER ITEM LISTS ──────────────────────────────────────────────────────────\nfunction getTierItems(tier, drv, trn) {\n  const is4x4 = drv === '4x4';\n  const isAuto = trn === 'auto';\n  const diff = is4x4 ? 'diff_4x4' : 'diff_2x4';\n  const sil  = is4x4 ? 'sil_4x4'  : 'sil_2x4';\n  const tr   = isAuto ? 'trans_auto' : 'trans_man';\n\n  if (tier === 1) return ['oil', 'fuelFilter'];\n  if (tier === 2) {\n    const items = ['oil', 'fuelFilter', 'airFilter', tr, diff, 'brakeClean2', sil];\n    return items;\n  }\n  if (tier === 3) {\n    const items = ['oil', 'fuelFilter', 'airFilter', tr, 'steering', 'coolant', 'brakeFl', diff, 'brakeClean3', sil];\n    if (is4x4) items.push('transfer');\n    return items;\n  }\n  if (tier === 4) {\n    const items = ['oil', 'fuelFilter', 'airFilter', tr, 'steering', 'coolant', 'brakeFl', 'brakePads', diff, 'washerFl', 'brakeClean4', sil];\n    if (is4x4) items.push('transfer');\n    return items;\n  }\n  return [];\n}\n\n\/\/ Monthly parts cost for a tier at a given mileage midpoint\nfunction monthlyCost(tier, drv, trn, midMiles) {\n  const keys = getTierItems(tier, drv, trn);\n  return keys.reduce((sum, k) =\u003e {\n    const it = ITEMS[k];\n    return sum + (it.cost \/ it.interval) * midMiles;\n  }, 0);\n}\n\n\/\/ Apply margin\nfunction withMargin(cost, marginPct) {\n  return cost * (1 + marginPct \/ 100);\n}\n\n\/\/ ─── RENDER ──────────────────────────────────────────────────────────────────\nconst TIER_COLORS = { 1: '#3b82f6', 2: '#10b981', 3: '#8b5cf6', 4: '#ef4444' };\n\nfunction render() {\n  const margin = parseFloat(document.getElementById('margin').value) || 0;\n\n  \/\/ Build header\n  const head = document.getElementById('tableHead');\n  head.innerHTML = '';\n  const hRow = document.createElement('tr');\n  const th0 = document.createElement('th');\n  th0.textContent = 'Miles \/ Month';\n  th0.style.textAlign = 'left';\n  hRow.appendChild(th0);\n  [1,2,3,4].forEach(t =\u003e {\n    const th = document.createElement('th');\n    th.innerHTML = `\u003cspan style=\"color:${TIER_COLORS[t]}\"\u003eTIER ${t}\u003c\/span\u003e`;\n    th.style.textAlign = 'right';\n    hRow.appendChild(th);\n  });\n  head.appendChild(hRow);\n\n  \/\/ Build body\n  const body = document.getElementById('tableBody');\n  body.innerHTML = '';\n\n  BANDS.forEach((band, i) =\u003e {\n    const tr = document.createElement('tr');\n    if (i % 2 === 0) tr.style.background = 'rgba(255,255,255,0.015)';\n\n    const td0 = document.createElement('td');\n    td0.innerHTML = `\u003cstrong\u003e${band.label}\u003c\/strong\u003e\u003cspan class=\"band-label\"\u003e~${band.mid.toLocaleString()} mi\/mo avg\u003c\/span\u003e`;\n    tr.appendChild(td0);\n\n    [1,2,3,4].forEach(tier =\u003e {\n      const parts = monthlyCost(tier, drive, trans, band.mid);\n      const total = withMargin(parts, margin);\n      const td = document.createElement('td');\n      td.className = 'price-cell';\n      td.style.cursor = 'pointer';\n      td.dataset.tier = tier;\n      td.dataset.band = i;\n      td.innerHTML = `$${total.toFixed(2)}\u003cspan class=\"band-label\" style=\"color:var(--muted)\"\u003eparts: $${parts.toFixed(2)}\u003c\/span\u003e`;\n      td.addEventListener('click', () =\u003e showBreakdown(tier, band, margin));\n      td.title = `Click for breakdown`;\n      tr.appendChild(td);\n    });\n\n    body.appendChild(tr);\n  });\n}\n\nfunction showBreakdown(tier, band, margin) {\n  const keys = getTierItems(tier, drive, trans);\n  const grid = document.getElementById('breakdownGrid');\n  grid.innerHTML = '';\n\n  const title = document.getElementById('breakdownTitle');\n  const driveLabel = drive === '4x4' ? '4×4' : '2×4';\n  const transLabel = trans === 'auto' ? 'Automatic' : 'Manual';\n  title.textContent = `▸ Tier ${tier} Breakdown — ${band.label} mi\/mo — ${driveLabel} · ${transLabel}`;\n\n  let totalParts = 0;\n\n  keys.forEach(k =\u003e {\n    const it = ITEMS[k];\n    const monthly = (it.cost \/ it.interval) * band.mid;\n    totalParts += monthly;\n\n    const div = document.createElement('div');\n    div.className = 'breakdown-item';\n    div.innerHTML = `\n      \u003cdiv\u003e\n        \u003cdiv class=\"item-name\"\u003e${it.name}\u003c\/div\u003e\n        \u003cdiv class=\"item-detail\"\u003e$${it.cost.toFixed(2)} per ${it.interval.toLocaleString()} mi\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item-cost\"\u003e\n        $${monthly.toFixed(2)}\u003csmall\u003e\/mo\u003c\/small\u003e\n      \u003c\/div\u003e`;\n    grid.appendChild(div);\n  });\n\n  \/\/ Totals row\n  const totalPct = parseFloat(document.getElementById('margin').value) || 0;\n  const total = withMargin(totalParts, totalPct);\n\n  const divT = document.createElement('div');\n  divT.className = 'breakdown-item highlight-row';\n  divT.style.cssText = 'grid-column: 1 \/ -1; background: rgba(232,160,32,0.08); border-color: rgba(232,160,32,0.3);';\n  divT.innerHTML = `\n    \u003cdiv\u003e\n      \u003cdiv class=\"item-name\" style=\"color:var(--accent);font-weight:600\"\u003eTOTAL PARTS COST\u003c\/div\u003e\n      \u003cdiv class=\"item-detail\"\u003eBefore ${totalPct}% service margin\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"item-cost\" style=\"color:var(--accent)\"\u003e\n      $${totalParts.toFixed(2)}\u003csmall\u003e\/mo\u003c\/small\u003e\n    \u003c\/div\u003e`;\n  grid.appendChild(divT);\n\n  const divM = document.createElement('div');\n  divM.className = 'breakdown-item';\n  divM.style.cssText = 'grid-column: 1 \/ -1; background: rgba(232,160,32,0.14); border-color: rgba(232,160,32,0.5);';\n  divM.innerHTML = `\n    \u003cdiv\u003e\n      \u003cdiv class=\"item-name\" style=\"color:var(--accent2);font-weight:700;font-size:1rem\"\u003eMONTHLY SUBSCRIPTION PRICE\u003c\/div\u003e\n      \u003cdiv class=\"item-detail\"\u003eParts + ${totalPct}% service margin\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"item-cost\" style=\"color:var(--accent2);font-size:1.1rem\"\u003e\n      $${total.toFixed(2)}\u003csmall\u003e\/mo\u003c\/small\u003e\n    \u003c\/div\u003e`;\n  grid.appendChild(divM);\n}\n\nrender();\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Powerstroke Central ","offers":[{"title":"Default Title","offer_id":51773438624030,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/pscrepair.com\/products\/maintenance-price-sheet","provider":"Powerstroke Central ","version":"1.0","type":"link"}