.sb-variant-guide{box-sizing:border-box;flex:0 0 100%;width:100%;margin:12px 0 18px;padding:16px;background:#fff;border:1px solid #e4d2dc;border-radius:10px;color:#38232c;text-align:left}
.sb-variant-guide h3{font:700 13px/1.5 Manrope,sans-serif;margin:0 0 6px;color:#641b3b}
.sb-variant-guide p{font:400 14px/1.6 Manrope,sans-serif;margin:0 0 10px}
.sb-variant-guide .sb-guide-images{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.sb-variant-guide a.sb-guide-image{display:flex;flex-direction:column;align-items:center;gap:5px;width:112px;max-width:100%;font:600 10px/1.5 Manrope,sans-serif;text-align:center;color:#641b3b;text-decoration:none;cursor:zoom-in}
.sb-variant-guide a.sb-guide-image img{display:block;width:112px;height:112px;max-width:100%;object-fit:contain;border:1px solid #ecdee5;background:white;border-radius:6px;transition:none}
.sb-variant-guide a.sb-guide-image:hover img{border-color:#641b3b}
.sb-variant-guide a.sb-guide-image:focus-visible{outline:2px solid #641b3b;outline-offset:4px}
.sb-variant-guide p.sb-guide-hint{font-size:10px;color:#78606d;margin:10px 0 0}
.sb-guide-dialog{box-sizing:border-box;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid #dbc4d0;border-radius:12px;background:#fff;color:#38232c;overflow:auto;box-shadow:0 16px 80px #32122530}
.sb-guide-dialog::backdrop{background:#201019ba}
.sb-guide-dialog .sb-guide-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.sb-guide-dialog .sb-guide-dialog-title{font:700 16px/1.5 Manrope,sans-serif;margin:0}
.sb-guide-dialog button.sb-guide-close{flex:none;width:auto;min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #dac2ce;border-radius:6px;background:white;color:#641b3b;font:600 14px/1.5 Manrope,sans-serif;cursor:pointer}
.sb-guide-dialog .sb-guide-dialog-photo{display:block;width:auto;max-width:100%;height:auto;max-height:72dvh;object-fit:contain;margin:0 auto}
.sb-guide-dialog .sb-guide-dialog-note{font:400 11px/1.6 Manrope,sans-serif;margin:12px 0 0;color:#78606d}
@media(max-width:480px){.sb-variant-guide{padding:12px}.sb-variant-guide .sb-guide-images{gap:8px}.sb-variant-guide a.sb-guide-image{width:calc((100% - 16px)/3);min-width:68px;max-width:112px}.sb-variant-guide a.sb-guide-image img{height:auto;aspect-ratio:1}.sb-guide-dialog{padding:12px}.sb-guide-dialog .sb-guide-dialog-title{font-size:16px}}
.sb-bundle-option:has(>.sb-variant-guide){flex-wrap:wrap;align-items:flex-start}.sb-bundle-option>.sb-variant-guide{margin:0}.sb-variant-guide .sb-guide-images:has(>a:only-child) a{width:112px;max-width:100%}