:root{--svsp-width:34px;--svsp-height:34px;--svsp-radius:6px;--svsp-selected:#111827;--svsp-scale:1.08;--svsp-tooltip-width:180px}
.svsp-archive-wrap{display:flex;flex-direction:column;gap:7px;margin:10px 0;min-height:var(--svsp-height)}
.svsp-archive-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.svsp-archive-swatch,.svsp-local-item,.woo-variation-swatches .variable-item{position:relative;box-sizing:border-box;min-width:var(--svsp-width);width:auto;height:var(--svsp-height);margin:0!important;border:1px solid #d1d5db;border-radius:var(--svsp-radius)!important;background:#fff;padding:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;line-height:1.1}
.svsp-archive-swatch:hover,.svsp-archive-swatch:focus-visible,.svsp-local-item:hover,.svsp-local-item:focus-visible,.woo-variation-swatches .variable-item:hover,.woo-variation-swatches .variable-item:focus-visible{transform:scale(var(--svsp-scale));z-index:2}
.svsp-archive-swatch.selected,.svsp-local-item.selected,.woo-variation-swatches .variable-item.selected{border-color:var(--svsp-selected)!important;box-shadow:0 0 0 2px var(--svsp-selected)!important}
.svsp-archive-swatch img,.svsp-local-item img,.svsp-auto-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--svsp-radius) - 2px)}
.svsp-button,.svsp-local-item.button-variable-item,.svsp-type-button .variable-item{padding-inline:10px;width:auto;font-size:12px;font-weight:600}
.svsp-color{width:var(--svsp-width);font-size:0}
.svsp-radio,.svsp-type-radio .variable-item,.svsp-local-item.radio-variable-item{width:auto;padding-inline:10px;border:0;background:transparent;justify-content:flex-start}
.svsp-radio:before,.svsp-type-radio .variable-item:before,.svsp-local-item.radio-variable-item:before{content:"";width:16px;height:16px;border:1px solid #9ca3af;border-radius:50%;margin-right:6px;background:#fff}
.svsp-type-radio .variable-item.selected:before,.svsp-local-item.radio-variable-item.selected:before{box-shadow:inset 0 0 0 4px #fff;background:var(--svsp-selected)}
.svsp-featured-attribute{box-shadow:0 0 0 2px #f59e0b!important}
.svsp-featured-attribute:after{content:"★";position:absolute;right:-6px;top:-8px;color:#f59e0b;font-size:12px;text-shadow:0 1px 2px #fff}
.svsp-local-attribute>select{display:none!important}
.svsp-local-attribute .variable-items-wrapper{display:flex;gap:7px;list-style:none;margin:0;padding:0}
.svsp-oos-hide .variable-item.disabled,.svsp-oos-hide .svsp-archive-swatch.is-out-of-stock{display:none!important}
.svsp-oos-blur .variable-item.disabled,.svsp-oos-blur .svsp-archive-swatch.is-out-of-stock{opacity:.35;filter:grayscale(1);cursor:not-allowed}
.svsp-oos-cross .variable-item.disabled:after,.svsp-oos-cross .svsp-archive-swatch.is-out-of-stock:after{content:"";position:absolute;inset:2px;background:linear-gradient(to top right,transparent 46%,#dc2626 47%,#dc2626 53%,transparent 54%);pointer-events:none}
.svsp-more{font-size:12px;font-weight:700;text-decoration:none}
.svsp-tooltip-pop{position:absolute;z-index:999999;display:flex;flex-direction:column;gap:6px;width:min(var(--svsp-tooltip-width),calc(100vw - 24px));padding:8px;background:#111827;color:#fff;border-radius:7px;box-shadow:0 8px 28px rgba(0,0,0,.28);font-size:12px;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-100%) translateY(-5px);transition:opacity .12s ease}
.svsp-tooltip-pop.is-visible{opacity:1}
.svsp-tooltip-pop img{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:4px}
.svsp-filter-swatch{display:inline-block;width:20px;height:20px;margin-right:7px;border:1px solid #d1d5db;border-radius:4px;vertical-align:middle;background-size:cover;background-position:center}
@media(max-width:600px){.svsp-archive-wrap{gap:9px}.svsp-archive-swatch,.svsp-local-item{min-width:38px;height:38px}}