.bw-variation-guide{margin:10px 0 14px;padding:12px 14px;background:#f8fafc;border:1px solid #e4eaf2;border-radius:10px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.bw-variation-guide strong{display:block;font-size:13px}.bw-variation-guide[data-state=ready]{border-color:#b9ddca;background:#f3faf6}.bw-variation-guide[data-state=unavailable]{border-color:#edd8c0;background:#fffbf5}
.bw-variation-extra-photos{display:flex;gap:10px;overflow-x:auto;padding:5px 3px 10px;margin:10px 0;max-width:100%}
.bw-variation-extra-photos[hidden]{display:none!important}
.bw-variation-extra-photos button{flex:0 0 62px;width:62px;height:70px;padding:3px;background:#fff;border:1px solid #dce4ef;border-radius:8px;cursor:pointer}
.bw-variation-extra-photos button[aria-pressed=true]{border:2px solid var(--bw-action,#5684f6)}
.bw-variation-extra-photos img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.bw-variation-extra-photos button:focus-visible,.bw-variation-swatches button:focus-visible{outline:2px solid var(--bw-action,#5684f6);outline-offset:3px}
.bw-variation-swatch.is-out-of-stock:not(:disabled){background-image:linear-gradient(135deg,transparent 48%,#9b5c4b 49%,#9b5c4b 51%,transparent 52%)}
@media(max-width:782px){.bw-variation-swatches{gap:10px}.bw-variation-swatch,.bw-variation-swatch.is-color{min-width:44px;min-height:44px}.bw-variation-swatch.is-color{width:44px;height:44px}.bw-variation-guide{padding:11px 12px}.bw-variation-extra-photos button{flex-basis:66px;width:66px;height:74px}}