/* Scoped to product colour fields; material and font pickers keep their UI. */
#pdp select.nw-color-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;margin:0!important;padding:0!important;border:0!important}
#pdp select.nw-color-native+.nw-wheel{display:none!important}
#pdp[data-card-studio=true] .fld.nw-color-field{display:grid!important}
#pdp .nw-color-swatches{margin:8px 0 0;min-width:0;text-transform:none;letter-spacing:normal;color:var(--ink,#30271f)}
#pdp .nw-color-swatches[hidden],#pdp .nw-color-stock[hidden],#pdp .nw-color-error[hidden]{display:none!important}
#pdp .nw-color-options{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
#pdp .nw-color-option{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;box-sizing:border-box;flex:0 0 auto;width:84px;min-height:66px;max-width:100%;margin:0;padding:5px;border:2px solid #9c856a80;border-radius:5px;background:transparent;color:inherit;box-shadow:none;font:inherit;text-align:center;text-transform:none;letter-spacing:normal;cursor:pointer;transition:border-color .15s,background-color .15s}
#pdp .nw-color-option:hover{background:#7c5e3810;border-color:#9c856a}
#pdp .nw-color-option.is-selected{border-color:#59452f;background:#fff8ec;color:#30271f}
#pdp .nw-color-option:focus-visible{outline:3px solid #765430;outline-offset:3px}
#pdp .nw-color-sample{display:block;position:relative;box-sizing:border-box;width:100%;height:30px;border:1px solid #30271f3d;border-radius:2px;background:var(--nw-color-fill,#b6afa3)}
#pdp .nw-color-check{position:absolute;right:3px;top:3px;display:none;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#fff8ec;color:#30271f;font:700 13px/1 system-ui,sans-serif;box-shadow:0 0 0 1px #30271f59}
#pdp .nw-color-option.is-selected .nw-color-check{display:flex}
#pdp .nw-color-label{font-family:inherit;font-weight:500;line-height:1.25;font-size:12px;overflow-wrap:anywhere}
#pdp .nw-color-stock{font-size:10px;line-height:1.2;color:#745f4b}
#pdp .nw-color-option:disabled{opacity:.55;cursor:not-allowed}
#pdp .nw-color-option:disabled .nw-color-sample:after{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:#fff;box-shadow:0 0 0 1px #30271f50;transform:rotate(-20deg)}
#pdp .nw-color-error{margin:10px 0 0;font-size:13px;line-height:1.4;color:#943a2f}
@media(max-width:650px){#pdp .nw-color-options{gap:6px}#pdp .nw-color-option{width:min(84px,calc((100% - 18px) / 4));padding:4px;min-width:0}}
@media(prefers-reduced-motion:reduce){#pdp .nw-color-option{transition:none}}
@media(forced-colors:active){#pdp .nw-color-option.is-selected{border-color:Highlight}#pdp .nw-color-sample{forced-color-adjust:none}#pdp .nw-color-option:focus-visible{outline-color:Highlight}}
