.colour-filter{margin:0 0 26px;color:var(--ink,#102d50)}
.colour-details{display:flex;align-items:center;gap:18px}.colour-details summary{display:none}.colour-palette{border:0;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.colour-palette legend{float:left;margin:12px 18px 0 0;font-weight:600;font-size:14px}.colour-choice{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.colour-choice input{position:absolute;width:1px;height:1px;opacity:0}.colour-disc{width:24px;height:24px;border:1px solid #ccd1d8;border-radius:50%;background:var(--swatch);display:block}.colour-choice input:checked+.colour-disc{outline:2px solid #102d50;outline-offset:4px}.colour-choice input:focus-visible+.colour-disc{outline:3px solid #0866cf;outline-offset:5px}.colour-name{position:absolute;top:100%;z-index:2;padding:4px 8px;background:#102d50;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}.colour-choice:hover .colour-name,.colour-choice:focus-within .colour-name{opacity:1}.colour-apply{margin:8px 0}.colour-filter.is-enhanced .colour-apply{display:none}.colour-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.colour-chips a{display:flex;align-items:center;gap:8px;border:1px solid #d5dce5;border-radius:30px;padding:8px 12px;font-size:13px;color:inherit;text-decoration:none;min-height:40px;box-sizing:border-box}.colour-chips i,.colour-mini i{display:block;width:14px;height:14px;background:var(--swatch);border:1px solid #c9cfd9;border-radius:50%}.colour-chips a.colour-clear{border:0;text-decoration:underline}.colour-mini{display:flex;margin-left:auto}.colour-mini i{width:16px;height:16px;margin-left:-3px;border:2px solid white}.colour-count{background:#102d50;color:white;border-radius:20px;min-width:22px;text-align:center;font-size:12px;line-height:22px}.colour-details:not([open])>.colour-palette,.colour-details:not([open])>.colour-apply{display:none}
@media(min-width:701px){.colour-details:not([open])>.colour-palette{display:flex}.colour-details:not([open])>.colour-apply{display:inline-flex}.colour-filter.is-enhanced .colour-details>.colour-apply{display:none}}

.colour-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}.colour-sort{display:flex;align-items:center;gap:12px}.colour-sort label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.colour-sort select{min-height:46px;padding:10px 38px 10px 12px;border:1px solid var(--line,#cbd4df);border-radius:6px;background-color:var(--surface,#fff);color:inherit;font:inherit;font-size:13px;max-width:245px}
@media(max-width:700px){
 .colour-toolbar{display:block;position:relative}.colour-details{display:block}.colour-details summary{display:flex;align-items:center;gap:7px;list-style:none;border:1px solid #cbd4df;border-radius:6px;padding:0 12px;height:46px;box-sizing:border-box;width:calc(50% - 6px);font-size:13px;font-weight:600;cursor:pointer}.colour-details summary::-webkit-details-marker{display:none}.colour-details summary svg{margin-left:auto;flex:none}.colour-details[open] summary svg{transform:rotate(180deg)}.colour-mini{margin-left:auto}.colour-mini i{width:12px;height:12px;border-width:1px;margin-left:-3px}.colour-sort{position:absolute;top:0;right:0;width:calc(50% - 6px)}.colour-sort select{height:46px;min-width:0;width:100%;font-size:12px}.colour-sort noscript{position:absolute;top:48px;right:0}.colour-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 0 6px;gap:8px 4px}.colour-palette legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.colour-choice{flex-direction:column;gap:10px;min-height:68px}.colour-name{position:static;opacity:1;background:transparent;color:inherit;padding:0;font-size:12px}.colour-chips{padding-top:2px}.sd-category:has(.colour-filter) .shop-catalogue-heading{margin-bottom:18px}.sd-category:has(.colour-filter) .sd-tools,.sd-category:has(.colour-filter) .sd-search{width:100%}
}