.nk-colors{--nk-accent:#223b2d;color:#171b18;margin:24px 0;font:inherit}
.nk-colors *{box-sizing:border-box}.nk-colors h2,.nk-colors h3{font-family:inherit;font-weight:700;font-size:clamp(20px,2vw,27px);line-height:1.2;margin:0 0 9px;letter-spacing:-.02em}
.nk-colors p{font-size:14px;line-height:1.5;margin:7px 0 16px;color:#525b55}.nk-colors .nk-order{font-weight:600;color:#283f30}
.nk-color-display{margin:0;min-width:0}.nk-color-display>.product-photo,.nk-config-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:12px}
.nk-config-photo{margin:12px 0 20px;max-height:420px}.nk-colors fieldset{border:0;padding:0;margin:0;min-width:0}.nk-colors legend{font-size:14px;font-weight:700;margin:0 0 12px;padding:0}
.nk-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.nk-swatch{display:flex!important;flex-direction:row;align-items:center;gap:8px;position:relative;padding:10px 8px;min-height:49px;border:1px solid #d8ded9;border-radius:7px;cursor:pointer;font-size:12px!important;font-weight:600;background:#fff;line-height:1.25;transition:border-color .15s,background .15s}
.nk-swatch input{position:absolute;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0}
.nk-swatch .nk-dot{display:block;width:24px;height:24px;flex:0 0 24px;border:1px solid #9ca49f;border-radius:50%;background:var(--paint);box-shadow:inset 0 1px 2px #ffffff70}
.nk-swatch:has(input:checked){background:#f1f5f0;border:2px solid var(--nk-accent);padding:9px 7px}.nk-swatch:has(input:checked) .nk-dot:after{content:'✓';color:var(--tick,#fff);display:block;text-align:center;line-height:22px;font-size:15px;font-weight:800}
.nk-swatch:has(input:focus-visible){outline:3px solid #426bca;outline-offset:3px}.nk-swatch:hover{border-color:#46664e}
.nk-color-status{min-height:22px;font-size:12px!important;margin-bottom:0!important}.nk-color-finish{font-size:11px!important;color:#69716b!important;margin-top:4px!important}
.nk-color-selected{display:flex;align-items:center;gap:8px;font-size:14px;margin:15px 0 0}.nk-color-selected b{color:#14251b}
.nk-config-colors{border-top:1px solid #dce2dc;padding-top:22px}.nk-summary-color{padding:10px 0;border-top:1px solid #dce2dc;font-size:15px}.nk-summary-color strong{display:block;margin-top:4px}.nk-consult-color{width:100%}.nk-consult-color select{width:100%}
@media(min-width:1000px){.nk-color-display{align-self:start}.nk-color-display .nk-colors{margin-top:14px}}
@media(max-width:480px){.nk-swatches{gap:7px}.nk-swatch{font-size:11px!important;padding:9px 6px;gap:6px}.nk-swatch:has(input:checked){padding:8px 5px}.nk-swatch .nk-dot{width:21px;height:21px;flex-basis:21px}.nk-swatch:has(input:checked) .nk-dot:after{line-height:19px}.nk-colors{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.nk-swatch{transition:none}}