.colour-preview{position:relative;background:#f1f3f4;line-height:0}.colour-preview>img,.colour-preview>canvas{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.colour-preview>[hidden]{display:none}.preview-label{position:absolute;bottom:16px;left:16px;background:#fff;color:#30373b;max-width:calc(100% - 32px);padding:9px 13px;font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 2px 10px #0001}.colour-controls{border:1px solid #dce0e2;background:#fff;padding:24px;margin:0;min-width:0}.colour-controls legend{float:left;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:32px;line-height:1.15;font-weight:600;color:#30373b;width:100%;margin-bottom:10px}.colour-intro{clear:both;font-size:14px;color:#5b6267;margin:0 0 22px;line-height:1.6}.colour-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.colour-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;min-width:0}.colour-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.swatch{display:grid;place-items:center;height:52px;background:var(--swatch);border:1px solid #0002;border-radius:3px;outline-offset:3px}.swatch-check{display:none;width:24px;height:24px;border-radius:50%;background:#fff;color:#30373b;font-size:16px;text-align:center;line-height:24px;font-weight:700}.colour-choice input:checked+.swatch{outline:2px solid #30373b}.colour-choice input:checked+.swatch .swatch-check{display:block}.colour-choice input:focus-visible+.swatch{outline:3px solid #aa2435;outline-offset:4px}.swatch-text{display:flex;flex-direction:column;line-height:1.4;margin-top:12px;gap:3px}.swatch-text strong{font-size:14px}.swatch-text>span{font-size:13px;color:#5b6267}.colour-selection{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dce0e2;margin-top:22px;padding-top:17px}.colour-selection p{font-size:14px;line-height:1.5;margin:0;color:#30373b;font-weight:600}.colour-selection button{border:0;background:transparent;color:#30373b;text-decoration:underline;text-underline-offset:3px;font-size:14px;padding:8px 0;cursor:pointer;white-space:nowrap;min-height:44px}.colour-disclaimer{font-size:13px!important;line-height:1.7;color:#5b6267;margin:15px 0 0}.colour-enquiry{border-left:3px solid #aa2435;background:#f1f3f4;color:#30373b;padding:10px 14px;font-size:14px;font-weight:600}.colour-controls:disabled .colour-choice{opacity:.55;cursor:wait}@media(max-width:1100px){.colour-controls{padding:20px 16px}.colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.colour-selection{align-items:flex-start;flex-direction:column;gap:2px}.colour-preview>img,.colour-preview>canvas{max-height:none}}@media(max-width:600px){.colour-controls legend{font-size:31px}.swatch{height:48px}.preview-label{font-size:13px;bottom:12px;left:12px}.colour-selection{flex-direction:row;flex-wrap:wrap;gap:5px}}