:root{--navy:#061d55;--blue:#0877f9;--cyan:#12bff3;--pink:#f20b82;--yellow:#ffd52e;--ink:#07163a;--muted:#63708b;--paper:#f4f7fc;--white:#fff;--line:#dce4f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--white)}a{text-decoration:none;color:inherit}.site-header{height:104px;padding:0 max(4vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:white;font:900 26px Poppins;background:linear-gradient(145deg,#02bce8,#0877f9 55%,#0b4ed2);border:5px solid white;box-shadow:0 0 0 4px var(--pink),0 0 0 8px var(--yellow)}.brand strong{display:block;font:900 25px Poppins;color:var(--navy);letter-spacing:-1.4px}.brand small{display:block;font:800 9px Poppins;letter-spacing:1.7px;color:var(--navy)}nav{display:flex;align-items:center;gap:28px;font-weight:700}nav a{padding:10px 0;border-bottom:3px solid transparent}nav a:hover,nav a.active{border-color:var(--pink)}.basket-button,.menu-button{border:0;background:var(--navy);color:white;border-radius:8px;padding:13px 18px;font-weight:800}.basket-button span{display:inline-grid;place-items:center;background:var(--pink);width:23px;height:23px;border-radius:50%;margin-left:6px}.menu-button{display:none}.hero{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy);color:#fff;overflow:hidden}.hero-copy{padding:88px 7vw;position:relative;z-index:2}.eyebrow{font:800 13px Poppins;letter-spacing:2.4px;color:var(--cyan)}.hero h1{font:900 clamp(52px,7vw,104px)/.9 Poppins;margin:22px 0;letter-spacing:-5px}.hero h1 span{color:var(--pink)}.hero-copy>p:not(.eyebrow){max-width:650px;font-size:20px;line-height:1.55;color:#dbe7ff}.primary-button{display:inline-block;margin-top:20px;padding:16px 25px;background:var(--yellow);color:var(--navy);font-weight:900;border-radius:7px}.hero-art{position:relative;background:linear-gradient(140deg,var(--blue),#0b57df);display:flex;align-items:center;justify-content:center;gap:10px;transform:skewX(-10deg);margin-right:-80px}.toner-box{width:92px;height:270px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;padding:25px 0;font:900 48px Poppins;color:white;box-shadow:0 24px 45px #00184366;transform:skewX(10deg) rotate(5deg)}.magenta{background:#ed1986}.cyan{background:#06abd7}.yellow{background:#f8c900;color:#07163a}.black{background:#111}.delivery-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-40px auto 0;background:#fff;box-shadow:0 18px 50px #07163a1c;position:relative;z-index:3}.delivery-strip div{padding:27px 30px;border-right:1px solid var(--line)}.delivery-strip div:last-child{border:0}.delivery-strip strong,.delivery-strip span{display:block}.delivery-strip strong{font:800 18px Poppins;color:var(--navy)}.delivery-strip span{font-size:13px;color:var(--muted);margin-top:4px}.shop{max-width:1240px;margin:0 auto;padding:105px 30px}.shop-heading{display:flex;align-items:end;justify-content:space-between}.shop-heading h2{font:900 clamp(36px,5vw,62px) Poppins;margin:8px 0;letter-spacing:-2.7px}.shop-heading>p{font-weight:700;color:var(--muted)}.blue{color:var(--blue)}.controls{display:flex;gap:18px;justify-content:space-between;align-items:end;margin:28px 0 34px}.search{flex:1;max-width:580px}.search span{display:block;font-weight:800;margin-bottom:8px}.search input{width:100%;border:2px solid var(--line);border-radius:9px;padding:16px 18px;font:500 16px DM Sans}.filters{display:flex;gap:8px}.filter{padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:800;color:var(--navy)}.filter.active{background:var(--navy);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;transition:.2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0c286017}.product-image{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,#f9fbff,#eaf1fb);padding:24px}.pack{width:84%;height:112px;background:#c79a67;border-radius:4px;box-shadow:0 15px 24px #18264b25;display:flex;align-items:center;justify-content:space-between;padding:15px;color:#1c1a18;position:relative}.pack:before{content:'GENUINE TONER';position:absolute;top:10px;left:15px;font:700 8px Poppins;letter-spacing:1px}.pack strong{font:900 18px Poppins}.colour-dot{width:28px;height:28px;border-radius:50%;background:var(--colour,#111)}.card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.maker{font:800 11px Poppins;color:var(--blue);letter-spacing:1px}.card h3{font:800 20px/1.15 Poppins;margin:0}.mpn{font-size:13px;color:var(--muted)}.price{font:900 24px Poppins;color:var(--navy);margin-top:auto}.price small{font:500 12px DM Sans;color:var(--muted)}.condition{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;background:white}.add{width:100%;padding:13px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:900}.load-more{display:block;margin:35px auto 0;padding:15px 26px;border:2px solid var(--navy);background:white;color:var(--navy);border-radius:7px;font-weight:900}.basket{position:fixed;z-index:40;right:0;top:0;height:100%;width:min(440px,100%);background:white;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 50px #061d5530;display:flex;flex-direction:column}.basket.open{transform:translateX(0)}.basket-head{padding:25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.basket-head h2{font:900 28px Poppins;margin:0}.basket-head button{border:0;background:none;font-size:34px}.basket-items,#basketItems{padding:20px;overflow:auto;flex:1}.basket-line{display:grid;grid-template-columns:1fr auto;gap:7px;padding:15px 0;border-bottom:1px solid var(--line)}.basket-line small{color:var(--muted)}.basket-summary{padding:24px;border-top:1px solid var(--line)}.basket-summary>div{display:flex;justify-content:space-between;margin-bottom:12px}.basket-summary .total{font-size:22px}.checkout{width:100%;padding:15px;border:0;border-radius:7px;background:var(--navy);color:white;font-weight:900}.basket-summary small{display:block;text-align:center;color:var(--muted);margin-top:8px}.overlay{display:none;position:fixed;inset:0;background:#061d5580;z-index:30}.overlay.show{display:block}footer{background:#06153e;color:#cfdcff;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center}.footer-brand strong,.footer-brand small{color:white}footer p{line-height:1.6}.empty{text-align:center;padding:70px;grid-column:1/-1;color:var(--muted)}@media(max-width:960px){.menu-button{display:block}.site-header{height:88px}.brand-mark{width:52px;height:52px}.brand strong{font-size:20px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;flex-direction:column;padding:24px;box-shadow:0 20px 30px #07163a1c}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-art{min-height:260px;margin:0;transform:none}.toner-box{transform:rotate(4deg);height:180px;width:70px}.delivery-strip{grid-template-columns:1fr 1fr;margin:0}.product-grid{grid-template-columns:repeat(2,1fr)}.controls{align-items:stretch;flex-direction:column}.filters{overflow:auto}.filter{white-space:nowrap}footer{grid-template-columns:1fr}}@media(max-width:560px){.brand small{display:none}.hero-copy{padding:62px 24px}.hero h1{letter-spacing:-3px}.hero-art{gap:5px}.toner-box{width:58px;height:150px}.delivery-strip{grid-template-columns:1fr}.delivery-strip div{border-right:0;border-bottom:1px solid var(--line)}.shop{padding:75px 18px}.shop-heading{display:block}.product-grid{grid-template-columns:1fr}.filters{width:100%}.filter{flex:1}.product-image{height:190px}}