/* Every option is named; availability does not depend on colour alone. */
.product-options{border:0;padding:0;margin:24px 0;min-width:0}
.product-options legend{font:500 .8rem var(--sans);margin-bottom:14px;float:none;width:auto}
.option-choices{display:flex;flex-wrap:wrap;gap:10px}
.option-choice{position:relative;flex:0 1 185px;cursor:pointer;min-width:0}
.option-choice input{position:absolute;opacity:0;width:1px;height:1px;top:50%;left:10px}
.option-tile{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);height:100%;background:var(--surface);transition:border-color .15s}
.option-tile img{object-fit:cover;width:52px;height:60px;flex-shrink:0}
.option-tile strong{display:block;font-size:.75rem;font-weight:500;overflow-wrap:anywhere}
.option-tile small{display:block;font-size:.65rem;color:var(--muted);margin-top:4px}
.option-choice:hover .option-tile,.option-choice input:checked+.option-tile{border-color:var(--gold)}
.option-choice input:checked+.option-tile{box-shadow:inset 0 0 0 1px var(--gold);background:#211c14}
.option-choice input:focus-visible+.option-tile{outline:2px solid var(--gold);outline-offset:3px}
.option-sold-out .option-tile small{color:#e1b6a3}
.product-thumbnails{flex-wrap:wrap}
.product-thumbnails button{flex-shrink:0}
.quick-add.sold-out{transform:none;justify-content:center}
.stock-badge{background:#342923;color:#f9e4d5}
[data-stock-label]{min-height:1.5em}
@media(max-width:480px){.option-choice{flex-basis:calc(50% - 5px)}.option-tile{padding:7px;gap:7px}.option-tile img{width:40px;height:48px}}
