.ob-variants{margin:24px 0;padding:18px 0;border-top:1px solid #e7e4df;border-bottom:1px solid #e7e4df}.ob-variants h3{margin:0 0 8px;font-size:17px}.ob-variants>p{font-size:13px;color:#696963;line-height:1.6}.ob-variant-pieces{display:flex;gap:10px;overflow-x:auto;padding:8px 0;scroll-snap-type:x proximity}.ob-variant-piece{box-sizing:border-box;flex:0 0 150px;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid #e4e2dc;border-radius:12px;text-decoration:none;color:#232420;background:white;scroll-snap-align:start}.ob-variant-piece.is-selected{border:2px solid #302f27;padding:9px;background:#fffbea}.ob-variant-piece img{width:100%;height:110px;object-fit:contain;background:white}.ob-variant-piece strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.ob-variant-piece span,.ob-variant-piece small{font-size:12px;color:#707069}.ob-variant-piece b{font-size:15px}.ob-variant-piece:focus-visible{outline:3px solid #ad8e4e;outline-offset:2px}