/* Copyright (c) 2026 Gold Standard Builder Services LLC. Visible product options, release 2026. */
.pd-visible-options{display:grid;gap:24px;min-width:0;padding:4px 0}
.pd-visible-options+.pd-option-fields[hidden]{display:none!important}
.pd-visible-options .pd-option-group{border:0;padding:0;margin:0;min-width:0}
.pd-visible-options legend{padding:0;margin:0 0 11px;font-size:14px;font-weight:650;line-height:1.4;letter-spacing:.01em}
.pd-visible-options .pd-option-list{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.pd-visible-options .pd-choice{position:relative;display:inline-flex;min-width:48px;margin:0;cursor:pointer}
.pd-visible-options .pd-choice>input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.pd-visible-options .pd-choice-face{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;box-sizing:border-box;min-height:46px;min-width:48px;padding:11px 14px;border:1px solid #b9b4ae;background:#fff;color:#171717;font:inherit;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0}
.pd-visible-options .pd-choice>input:checked+.pd-choice-face{border-color:#171717;box-shadow:inset 0 0 0 1px #171717;background:#f3f0eb;font-weight:650}
.pd-visible-options .pd-choice>input:focus-visible+.pd-choice-face{outline:3px solid #6840cf;outline-offset:3px}
.pd-visible-options .pd-choice>input:not(:disabled):hover+.pd-choice-face{border-color:#171717}
.pd-visible-options .pd-choice>input:disabled{cursor:not-allowed}
.pd-visible-options .pd-choice>input:disabled+.pd-choice-face{border-color:#d5d0ca;background:#f5f3ef;color:#6d655e}
.pd-visible-options .pd-choice-unavailable{display:block;flex-basis:100%;font-size:11px;font-weight:400;line-height:1.3;text-align:center}
.pd-visible-options .pd-color-dot{display:inline-block;flex:0 0 18px;width:18px;height:18px;border:1px solid #9b958e;border-radius:50%;box-sizing:border-box}
.pd-visible-options .pd-fixed-color{margin:0!important}
.pd-visible-options .pd-fixed-color .pd-choice-face{padding:0;min-height:30px;justify-content:flex-start;background:transparent;border:0;font-weight:500}
.pd-visible-options [hidden]{display:none!important}
@media(max-width:480px){.pd-visible-options{gap:20px}.pd-visible-options .pd-option-list{gap:8px}.pd-visible-options .pd-choice-face{padding:10px 12px;min-height:46px}.pd-visible-options .pd-fixed-color .pd-choice-face{padding:0;min-height:30px}}
@media(forced-colors:active){.pd-visible-options .pd-choice>input:checked+.pd-choice-face{outline:2px solid Highlight;outline-offset:-3px}.pd-visible-options .pd-choice>input:focus-visible+.pd-choice-face{outline:3px solid Highlight;outline-offset:3px}}
