.ondas-swatches-wrapper{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px;margin-top:10px}.ondas-swatch{cursor:pointer;transition:all 0.2s ease;position:relative;user-select:none}.ondas-swatch.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.swatch-color{width:50px;height:50px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.swatch-color:hover{transform:scale(1.1);border-color:#111;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.swatch-color.selected{border-color:var(--color-primary,#6c9064);border-width:3px;box-shadow:0 0 0 2px rgb(108 144 100 / .2);transform:scale(1.05)}.swatch-color .swatch-check{display:none;color:#fff;font-size:20px;font-weight:700;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.swatch-color.selected .swatch-check{display:block}.swatch-measure{min-width:60px;height:44px;padding:8px 16px;border:2px solid #ddd;border-radius:6px;background:#fff;color:#111;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center}.swatch-measure:hover{border-color:#111;box-shadow:0 2px 6px rgb(0 0 0 / .1)}.swatch-measure.selected{background:var(--color-primary,#6c9064);border-color:var(--color-primary,#6c9064);color:#fff;box-shadow:0 2px 8px rgb(108 144 100 / .3)}.swatch-image{width:50px;height:50px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.swatch-image img{width:100%;height:100%;object-fit:cover}.swatch-image .swatch-initial{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.swatch-image:hover{transform:scale(1.1);border-color:#111;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.swatch-image.selected{border-color:var(--color-primary,#6c9064);border-width:3px;box-shadow:0 0 0 2px rgb(108 144 100 / .2);transform:scale(1.05)}.swatch-image .swatch-ring{display:none;position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:3px solid var(--color-primary,#6c9064);border-radius:50%;pointer-events:none}.swatch-image.selected .swatch-ring{display:block}.variations .label{margin-bottom:8px}.variations .label label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#111;margin-bottom:8px;display:block}select.swatch-converted{display:none!important}.reset_variations{display:inline-block;margin-top:10px;font-size:13px;color:#666;text-decoration:underline;cursor:pointer;transition:color 0.2s}.reset_variations:hover{color:var(--color-primary,#6c9064)}@media (max-width:768px){.swatch-color,.swatch-image{width:45px;height:45px}.swatch-measure{min-width:55px;height:40px;padding:6px 12px;font-size:13px}}.ondas-swatch[title]:hover::after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:10;pointer-events:none}.ondas-swatch[title]:hover::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border:4px solid #fff0;border-bottom-color:#111;z-index:10;pointer-events:none}