.tsg-pcm-variant-selector{margin:22px 0 26px;padding:18px;border:1px solid #dfe4ea;border-radius:12px;background:#fff}.tsg-pcm-variant-selector__title{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;color:#4b5563;font-size:14px}.tsg-pcm-variant-selector__title strong{color:#111827;font-size:16px}.tsg-pcm-variant-selector__options{display:flex;flex-wrap:wrap;gap:10px}.tsg-pcm-variant-option{appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:6px 12px 6px 7px;border:1px solid #cfd6df;border-radius:10px;background:#fff;color:#111827;cursor:pointer;font:inherit;line-height:1.2;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.tsg-pcm-variant-option:hover{border-color:#72bddf;background:#f7fbfd}.tsg-pcm-variant-option:focus-visible{outline:3px solid rgba(114,189,223,.35);outline-offset:2px}.tsg-pcm-variant-option.is-active{border-color:#72bddf;box-shadow:0 0 0 2px rgba(114,189,223,.25)}.tsg-pcm-variant-option img{width:42px;height:42px;object-fit:contain;border-radius:6px;background:#f4f6f8}.tsg-pcm-variant-option__swatch{display:block;width:34px;height:34px;border-radius:50%;background:var(--tsg-pcm-swatch);border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}.tsg-pcm-variant-fallback-preview{margin-top:15px}.tsg-pcm-variant-fallback-preview img{display:block;max-width:100%;height:auto;max-height:520px;object-fit:contain;margin:auto}@media(max-width:600px){.tsg-pcm-variant-selector{padding:14px}.tsg-pcm-variant-selector__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tsg-pcm-variant-option{width:100%;justify-content:flex-start}}