.ph-colour-browser{margin:20px 0 12px;padding:18px;border:1px solid #dedbd6;border-radius:10px;background:#faf9f7;color:#232323;max-width:100%;box-sizing:border-box}
.ph-colour-browser h3{font-size:20px;margin:0 0 16px;font-weight:600}
.ph-colour-browser .ph-colour-step{font-size:14px;font-weight:600;margin:14px 0 9px}
.ph-colour-levels{display:flex;flex-wrap:wrap;gap:7px}
.ph-colour-levels button{font:inherit;font-size:13px;line-height:1.3;min-height:44px;padding:9px 12px;border:1px solid #d1cdc6;border-radius:6px;background:#fff;color:#242424;cursor:pointer}
.ph-colour-levels button[aria-pressed=true]{background:#252525;border-color:#252525;color:#fff}
.ph-colour-levels button:hover{border-color:#252525}
.ph-colour-search-label{display:block;font-size:13px;margin:18px 0 6px}
.ph-colour-browser .ph-colour-search{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:46px;border:1px solid #aaa49b;border-radius:6px;background:#fff;color:#232323;padding:10px 12px;font:inherit;font-size:16px}
.ph-colour-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;font-size:13px;margin-top:6px}
.ph-colour-tools label{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer}
.ph-colour-tools input{width:18px;height:18px;accent-color:#252525}
.ph-colour-reset{font:inherit;text-decoration:underline;background:none;border:0;min-height:44px;padding:5px 0;color:#333;cursor:pointer}
.ph-colour-browser .ph-colour-count{font-size:13px;margin:0;color:#57534d}
.ph-colour-browser .ph-colour-notice{font-size:13px;line-height:1.5;margin:10px 0 0;padding:10px;background:#f0ece4;border-radius:5px}
.ph-colour-browser [hidden],.ph-colour-shades .ph-colour-filtered{display:none!important}
.ph-colour-shades .product-form__input{max-width:100%}
.ph-colour-shades input[type=radio]+label{min-height:44px;box-sizing:border-box;line-height:1.5;max-width:100%;white-space:normal}
.ph-colour-shades .ph-colour-sold{display:block;font-size:11px;opacity:.8}
.ph-colour-browser button:focus-visible,.ph-colour-browser input:focus-visible{outline:2px solid #2463a8;outline-offset:3px}
@media(max-width:480px){.ph-colour-browser{padding:14px}.ph-colour-levels button{flex:1 1 calc(50% - 7px)}.ph-colour-shades input[type=radio]+label{margin-right:5px}}

.ph-colour-shades .ph-colour-sold[hidden]{display:none!important}