BROTHER TN-325
Brother TN-325 — Toner cartridge. Available in Black, Cyan, Yellow, Magenta. Yield: up to 4,000 pages (black) / 3,500 pages (colour). Compatible with: HL-4140CN, HL-4150CDN, HL-4570CDW, MFC-9460CDN, MFC-9465CDN, MFC-9970CDW, DCP-9055CDN, DCP-9270CDN.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; }
.compat-wrap { max-width: 780px; margin-top: 16px; }
.compat-card { border-radius: 10px; overflow: hidden; box-shadow: 0 3px 14px rgba(0,0,0,0.12); border: 1px solid #e0e0e0; }
.compat-header { background: #1a1a1a; padding: 12px 20px; display: flex; align-items: center; gap: 14px; }
.badge { background: #FFB800; color: #111; font-size: 12px; font-weight: 900; padding: 4px 12px; border-radius: 20px; white-space: nowrap; letter-spacing: 0.5px; }
.header-copy .title { color: #fff; font-size: 14px; font-weight: 700; }
.header-copy .sub { color: #aaa; font-size: 11px; margin-top: 2px; }
.header-copy .sub b { color: #FFB800; }
.compat-body { background: #fff; padding: 14px 20px; display: flex; align-items: center; gap: 16px; }
.compat-img { width: 85px; height: 85px; object-fit: contain; flex-shrink: 0; background: #f9f9f9; border-radius: 8px; border: 1px solid #ebebeb; padding: 6px; }
.info { flex: 1; min-width: 0; }
.prod-name { font-size: 13px; color: #333; line-height: 1.5; margin-bottom: 8px; }
.prices { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.main-price { font-size: 21px; font-weight: 900; color: #111; }
.page-cost { font-size: 12px; color: #777; background: #f2f2f2; padding: 3px 9px; border-radius: 12px; }
.page-cost b { color: #333; }
.cta-btn { background: #FFB800; color: #111; border: none; border-radius: 7px; padding: 13px 22px; font-size: 14px; font-weight: 800; cursor: pointer; flex-shrink: 0; text-decoration: none; display: inline-block; transition: background 0.15s, box-shadow 0.15s; text-align: center; box-shadow: 0 2px 6px rgba(255,184,0,0.35); }
.cta-btn:hover { background: #e5a800; box-shadow: 0 4px 10px rgba(255,184,0,0.4); }
@media (max-width: 580px) { .compat-body { flex-wrap: wrap; } .info { flex: 1 1 calc(100% - 101px); } .cta-btn { width: 100%; margin-top: 10px; padding: 13px; } }
</style>
</head>
<body>
<div class="compat-wrap">
<div class="compat-card">
<div class="compat-header">
<span class="badge">SAVE 45%+</span>
<div class="header-copy">
<div class="title">Save on your printing costs</div>
<div class="sub">Compatible alternative — print <b>500 extra pages</b></div>
</div>
</div>
<div class="compat-body">
<img class="compat-img" src="https://static.wixstatic.com/media/a57af8_89694d3ff21747ad9e9b98330eb549f8~mv2.png" alt="INK SOLUTIONS Compatible Toner TN-325BK" />
<div class="info">
<div class="prod-name">INK SOLUTIONS compatible replaces Brother TN-325BK black toner high capacity</div>
<div class="prices">
<span class="main-price">€29.99</span>
<span class="page-cost">Per page: <b>€0.009</b></span>
</div>
</div>
<a class="cta-btn" href="https://www.inksolutions.be/product-page/tn325" target="_blank">Order Now ›</a>
</div>
</div>
</div>
</body>
</html>