/* The original SII symbol has transparency; keep its colours and proportions. */
.certification-band{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:52px;padding:48px 7%;background:#e4e8da;border-block:1px solid #bec8ae;color:#22311f}.quality-certification{display:flex;align-items:flex-start;gap:25px;min-width:0}.quality-certification>div{min-width:0}.quality-mark{flex:0 0 124px;display:block;padding:0;background:transparent;align-self:flex-start;line-height:0}.quality-mark img{display:block;width:100%;height:auto;aspect-ratio:487/551;object-fit:contain;filter:none;mix-blend-mode:normal;background:transparent}.certification-band .quality-eyebrow{font:10px/1.6 monospace;letter-spacing:1.2px;direction:ltr;color:#526b36;margin:0 0 11px}.certification-band h2{font-size:23px;line-height:1.45;letter-spacing:0;font-weight:500;color:#22311f;margin:0 0 12px}.certification-band .quality-standard{font:24px/1.35 monospace;color:#3b552d;text-align:start;margin:0 0 13px}.certification-band .quality-description{font-size:14px;line-height:1.85;color:#46583d;margin:0 0 14px}.certification-band .quality-holder{font-size:12px;line-height:1.8;color:#5b6c50;margin:0}.approved-suppliers{min-width:0}.approved-suppliers ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0}.approved-suppliers li{display:flex;align-items:flex-start;gap:11px;border:1px solid #b6c2a7;padding:15px 13px;min-width:0}.supplier-tick{color:#4d6b34;line-height:1.4;font-size:18px;flex-shrink:0}.approved-suppliers li>div{min-width:0}.approved-suppliers li div>span{display:block;font-size:12px;color:#596e49;line-height:1.6;margin-bottom:4px}.approved-suppliers strong{display:block;font-size:15px;line-height:1.55;font-weight:500;color:#2e4126;overflow-wrap:normal}
.access-gateway .certification-band{margin-top:35px;padding:28px;gap:28px;border:1px solid #bec8ae;background:#e4e8da}.access-gateway .quality-certification{gap:20px}.access-gateway .quality-mark{flex-basis:106px;padding:0;background:transparent}.access-gateway .certification-band h2{font-size:21px}.access-gateway .quality-standard{font-size:22px}.access-gateway .approved-suppliers li{padding:12px 10px}.access-gateway .certification-band .quality-eyebrow{font-size:9px;letter-spacing:1px}
@media(max-width:1100px){.certification-band{grid-template-columns:1fr;gap:30px}.quality-certification{max-width:730px}.approved-suppliers ul{grid-template-columns:repeat(4,minmax(0,1fr))}.access-gateway .approved-suppliers ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.certification-band{padding:32px 6%;gap:28px}.quality-certification{gap:20px}.quality-mark{flex-basis:110px}.certification-band h2{font-size:21px}.certification-band .quality-standard{font-size:22px}.approved-suppliers ul{grid-template-columns:repeat(2,minmax(0,1fr))}.access-gateway .certification-band{padding:26px 22px}.certification-band .quality-description{font-size:14px}}
@media(max-width:480px){.certification-band{padding:28px 6%;gap:27px}.quality-certification,.access-gateway .quality-certification{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:17px;row-gap:0;align-items:start;max-width:none}.quality-certification>div{display:contents}.quality-mark,.access-gateway .quality-mark{grid-column:1;grid-row:1/4;width:86px;min-width:0;max-width:86px;flex-basis:auto;padding:0;align-self:center}.quality-certification .quality-eyebrow{grid-column:2;grid-row:1;font-size:8px;letter-spacing:.6px;margin:0 0 7px}.quality-certification h2,.access-gateway .quality-certification h2{grid-column:2;grid-row:2;font-size:20px;line-height:1.4;margin:0 0 9px}.quality-certification .quality-standard,.access-gateway .quality-standard{grid-column:2;grid-row:3;font-size:20px;letter-spacing:-.4px;line-height:1.3;margin:0;white-space:nowrap}.quality-certification .quality-description{grid-column:1/-1;grid-row:4;margin:20px 0 12px;font-size:14px;line-height:1.8}.quality-certification .quality-holder{grid-column:1/-1;grid-row:5;font-size:12px;line-height:1.8}.approved-suppliers h2,.access-gateway .approved-suppliers h2{font-size:20px;line-height:1.45;margin-bottom:12px}.approved-suppliers .quality-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:8px}.approved-suppliers ul,.access-gateway .approved-suppliers ul{grid-template-columns:1fr;gap:0;margin-top:14px}.approved-suppliers li,.access-gateway .approved-suppliers li{padding:13px 0;gap:11px;border:0;border-top:1px solid #b6c2a7}.approved-suppliers li>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;flex:1}.approved-suppliers li div>span{font-size:13px;margin:0;white-space:nowrap}.approved-suppliers strong{font-size:15px;line-height:1.55}.supplier-tick{font-size:17px}.access-gateway .certification-band{padding:25px 20px}}
@media(max-width:350px){.quality-certification,.access-gateway .quality-certification{grid-template-columns:72px minmax(0,1fr);column-gap:12px}.quality-mark,.access-gateway .quality-mark{width:72px;max-width:72px}.quality-certification h2,.access-gateway .quality-certification h2{font-size:18px}.quality-certification .quality-standard,.access-gateway .quality-standard{font-size:17px}.quality-certification .quality-eyebrow,.access-gateway .quality-certification .quality-eyebrow{font-size:7px;letter-spacing:.3px}}

/* Centre the quality block as a single unit on desktop as well. */
@media(min-width:761px){.quality-certification,.access-gateway .quality-certification{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;text-align:center;max-width:none}.quality-mark,.access-gateway .quality-mark{flex-basis:auto;width:112px;max-width:112px;align-self:center}.quality-certification>div{width:100%;max-width:580px;margin-inline:auto}.quality-certification .quality-eyebrow,.quality-certification h2,.quality-certification .quality-standard,.quality-certification .quality-description,.quality-certification .quality-holder,.access-gateway .quality-standard{text-align:center}.quality-certification .quality-description{max-width:520px;margin-inline:auto}.approved-suppliers>.quality-eyebrow,.approved-suppliers>h2{text-align:center}}

/* Graphite tone close to the surrounding page, with a quiet separation. */
.certification-band,.access-gateway .certification-band{background:#19251f;color:#e2eadd;border-color:#415342}.certification-band h2{color:#e2eadd}.certification-band .quality-eyebrow{color:#adc28e}.certification-band .quality-standard{color:#d0e0b3}.certification-band .quality-description{color:#b8c7af}.certification-band .quality-holder{color:#9fb395}.approved-suppliers li{border-color:#4d6046}.supplier-tick{color:#b2c98e}.approved-suppliers li div>span{color:#a2b696}.approved-suppliers strong{color:#e0e9d8}.quality-mark img{filter:drop-shadow(0 0 .7px #dce8cf)}
