@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172a28;--green:#2e7048;--lime:#d2ef83;--muted:#66746d;--line:#dce3dc;--paper:#f7f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #72a74c;outline-offset:4px}.topline{padding:12px 5%;background:var(--ink);color:#e3eadf;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em}header{padding:20px 5%;background:white;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.logo img{width:130px;height:59px;object-fit:contain}nav{display:flex;gap:28px;font-size:13px}nav a:hover,.textlink:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 23px;background:var(--ink);color:white;border-radius:5px;font-size:14px;font-weight:600;white-space:nowrap}.button:hover{background:var(--green)}.small{padding:13px 17px;font-size:12px}.hero{max-width:1440px;margin:auto;padding:64px 5% 56px;display:grid;grid-template-columns:1.04fr 1fr;gap:6%;align-items:center}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:19px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0;font-weight:800;letter-spacing:-.045em}h1{font-size:clamp(42px,5vw,70px);line-height:1.08}h1 span{color:var(--green)}.hero-copy>p{font-size:16px;line-height:1.8;max-width:475px;color:var(--muted);margin:24px 0 28px}.actions{display:flex;gap:24px;align-items:center}.textlink{font-size:13px;font-weight:600}.hero-foot{margin-top:40px;display:flex;gap:25px;font-size:11px;color:var(--muted)}.hero-foot span:before{content:'✓';color:var(--green);margin-right:8px}.hero-art{background:#e7ede4;border-radius:12px;padding:27px 25px 22px;position:relative;overflow:hidden}.art-tag{font-size:10px;letter-spacing:.15em}.art-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.art-images img{width:100%;height:140px;object-fit:contain;border-radius:7px;mix-blend-mode:multiply}.art-bottom{border-top:1px solid #c7d1c4;padding-top:17px;display:flex;flex-direction:column;gap:6px;font-size:13px}.art-bottom span{font-size:11px;color:var(--muted)}.catalogue{padding:54px 5% 70px;background:white;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}h2{font-size:36px;line-height:1.2}.section-heading p{font-size:13px;color:var(--muted)}.searchbar{padding:17px 22px;background:var(--paper);border:1px solid var(--line);border-radius:7px;display:flex;gap:28px;align-items:center;margin-bottom:32px}.searchbar label{font-size:12px;font-weight:600;white-space:nowrap}.searchbar>div{display:flex;width:100%;align-items:center;gap:12px}.searchbar input{width:100%;background:none;border:0;outline:none;padding:5px;color:var(--ink)}#clear{border:0;background:none;font-size:23px;color:var(--muted)}.catalogue-layout{display:grid;grid-template-columns:220px 1fr;gap:35px}.filter-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:15px}#categories{display:flex;flex-direction:column;gap:3px}.category{border:0;border-radius:5px;display:flex;justify-content:space-between;text-align:left;padding:11px 12px;font-size:12px;background:none;color:var(--muted);gap:8px}.category.active{background:#e9f0e4;color:var(--ink);font-weight:700}.category:hover{background:var(--paper)}.category span{font-size:10px;opacity:.7}.pdf-card{display:flex;flex-direction:column;padding:25px 20px;background:var(--ink);color:white;margin-top:30px;border-radius:7px;gap:17px}.pdf-card span{font-size:8px;letter-spacing:.13em;color:var(--lime)}.pdf-card strong{line-height:1.5;font-size:17px}.pdf-card small{font-size:11px}.results-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:20px;gap:10px}.results-heading select{padding:8px;border:1px solid var(--line);border-radius:4px;background:white;font-size:11px;color:var(--ink);margin-left:6px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:white;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 22px #172a2810;transform:translateY(-3px)}.image-button{padding:12px;background:#f6f7f4;border:0;width:100%}.image-button img{height:190px;width:100%;object-fit:contain}.card-content{padding:17px;display:flex;flex-direction:column;flex:1}.brand{font-size:9px;letter-spacing:.15em;color:var(--green);margin-bottom:10px}.card h3{font-size:15px;letter-spacing:-.02em;line-height:1.4;text-transform:capitalize}.code{font-size:11px;font-weight:700;margin:9px 0;color:var(--green)}.fitment{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 16px}.enquire{display:block;margin-top:auto;padding:11px 6px;text-align:center;border:1px solid #b8cdb5;border-radius:4px;color:var(--green);font-size:11px;font-weight:700}.enquire:hover{background:#eaf2e3}.load-more{display:block;margin:30px auto 0;padding:14px 28px;background:white;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:12px}#empty{text-align:center;padding:60px 10px}#empty p{color:var(--muted)}.help{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:55px 7%;background:var(--lime)}.help p{font-size:14px;line-height:1.8;max-width:640px;margin-bottom:0}.about{padding:70px 7%;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.about p{line-height:1.9;font-size:14px;color:var(--muted);margin-top:0}footer{background:var(--ink);color:#d5dfd6;padding:40px 5% 35px;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer>div{display:flex;flex-direction:column;gap:10px;font-size:13px}footer strong{font-family:Manrope;font-size:23px;color:white}footer span{font-size:11px;color:#a4b7a7}footer p{max-width:700px;font-size:11px;line-height:1.7}footer small{font-size:10px;text-align:right;align-self:end}.floating{position:fixed;bottom:22px;right:22px;background:#267544;color:white;padding:15px 22px;font-size:13px;border-radius:40px;box-shadow:0 5px 20px #0003;z-index:10}dialog{border:0;border-radius:12px;width:min(540px,92vw);padding:32px;color:var(--ink)}dialog::backdrop{background:#0f252ab3}#closeDialog{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px}#detailContent img{display:block;width:100%;height:300px;object-fit:contain;margin-bottom:20px}#detailContent p{line-height:1.7;font-size:13px;color:var(--muted)}#detailContent .button{margin-top:15px} [hidden]{display:none!important}@media(min-width:1500px){.catalogue{padding-left:max(5%,calc((100% - 1300px)/2));padding-right:max(5%,calc((100% - 1300px)/2))}}@media(max-width:1050px){nav{gap:16px}header>.button{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:4%}.hero-foot{flex-direction:column;gap:8px}.actions{flex-direction:column;align-items:start}.catalogue-layout{grid-template-columns:185px 1fr;gap:22px}.art-images img{height:120px}}@media(max-width:700px){.topline{font-size:9px;letter-spacing:0}.topline span{max-width:150px}header{padding:14px 5%}.logo img{width:95px;height:43px}nav{gap:14px;font-size:11px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero-copy>p{font-size:14px}.actions{flex-direction:row;align-items:center;gap:15px}.actions .button{font-size:11px;padding:15px}.hero-foot{flex-direction:row;gap:15px;margin-top:25px;font-size:9px}.hero-art{padding:20px}.art-images{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.art-images img{height:82px}.catalogue{padding-top:35px}.section-heading{display:block}h2{font-size:29px}.section-heading p{margin:10px 0 0}.searchbar{display:block;padding:13px}.searchbar label{display:block;margin-bottom:8px}.searchbar input{font-size:12px}.catalogue-layout{display:block}#categories{flex-direction:row;overflow:auto;padding-bottom:10px;margin-bottom:15px}.category{white-space:nowrap;background:var(--paper)}.filter-title,.pdf-card{display:none}.results-heading{font-size:11px}.results-heading select{max-width:130px}.grid{gap:12px}.image-button{padding:7px}.image-button img{height:145px}.card-content{padding:12px}.card h3{font-size:12px}.fitment{font-size:9px}.help{display:block;padding:35px 6%}.help .button{margin-top:20px}.about{display:block;padding:40px 6%}.about>div+div{margin-top:22px}footer{grid-template-columns:1fr;padding-bottom:85px;gap:20px}footer small{text-align:left}.floating{padding:13px 18px;font-size:11px;bottom:15px;right:15px}}

/* Clear, large catalogue layout for busy workshops. */
body{font-size:18px}.topline{font-size:14px;letter-spacing:.03em}nav{font-size:17px}.button,.small{font-size:17px;min-height:52px}.eyebrow{font-size:14px}.hero{padding-top:38px;padding-bottom:38px}.hero-copy>p{font-size:19px;line-height:1.65}.hero-foot,.art-bottom span{font-size:14px}.textlink{font-size:17px}h2{font-size:40px}.section-heading p{font-size:18px}.category-directory{margin:24px 0 36px}.category-directory h3{font-size:26px;letter-spacing:-.02em}.category-directory>p{font-size:17px;color:var(--muted);margin:10px 0 20px}.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tile{display:flex;flex-direction:column;text-align:left;border:1px solid #c7d6c7;background:white;border-radius:12px;overflow:hidden;color:var(--ink);padding:0;box-shadow:0 3px 12px #172a2808}.category-tile:hover,.category-tile:focus-visible{border-color:var(--green);background:#f1f6ec}.category-tile img{width:100%;height:130px;object-fit:contain;background:#f5f7f2;padding:12px}.category-tile>div{padding:17px;display:flex;flex-direction:column;gap:9px;flex:1}.category-tile strong{font-size:22px;line-height:1.25}.category-tile span{font-size:15px;line-height:1.4;color:#4d6055}.category-tile small{font-size:15px;font-weight:700;color:var(--green);margin-top:auto}.searchbar{border:2px solid var(--green);padding:20px;scroll-margin-top:24px}.searchbar label{font-size:18px}.searchbar input{font-size:20px;min-height:44px}.catalogue-layout{grid-template-columns:255px 1fr;gap:28px}.filter-title{font-size:16px}.category{font-size:17px;padding:15px 12px;min-height:52px}.category span{font-size:14px}.results-heading{font-size:17px}.results-heading select{font-size:16px;min-height:44px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.image-button img{height:245px}.card-content{padding:22px}.brand{font-size:13px;line-height:1.5}.card h3{font-size:24px;line-height:1.35}.code{font-size:22px;overflow-wrap:anywhere;margin:12px 0}.fitment{font-size:17px;line-height:1.6}.enquire{font-size:17px;min-height:52px;padding:15px 8px}.load-more{font-size:18px;min-height:54px}.help p,.about p{font-size:18px}.floating{font-size:17px}footer>div,footer p{font-size:16px}footer span,footer small{font-size:14px}#detailContent p{font-size:18px}dialog{width:min(700px,94vw)}
@media(max-width:1050px){.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-layout{grid-template-columns:220px 1fr}.card h3{font-size:21px}.image-button img{height:210px}}
@media(max-width:700px){.topline{font-size:12px}.topline span{max-width:180px}nav{font-size:16px}.hero-copy>p{font-size:18px}.actions{flex-wrap:wrap}.actions .button{font-size:17px}.hero-foot{font-size:13px;flex-wrap:wrap}.hero-art{display:none}h2{font-size:32px}.section-heading p{font-size:17px}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile img{height:105px}.category-tile>div{padding:13px}.category-tile strong{font-size:20px}.category-tile span,.category-tile small{font-size:14px}.searchbar input{font-size:18px}.catalogue-layout{display:block}.filter-title{display:block}#categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.category{font-size:15px;white-space:normal;align-items:center;border:1px solid var(--line)}.category.active{border-color:var(--green)}.results-heading{font-size:15px;flex-wrap:wrap;margin-top:20px}.results-heading select{font-size:15px;max-width:none}.grid{grid-template-columns:1fr;gap:20px}.image-button img{height:260px}.card h3{font-size:25px}.card-content{padding:22px}.brand{font-size:13px}.fitment{font-size:18px}.enquire{font-size:18px}.floating{font-size:16px}.pdf-card{display:none}}