.dynamic-colour-swatches{margin:10px 0;display:block;width:100%}.swatches-container{display:flex;gap:8px;flex-wrap:wrap}.colour-swatch{width:80px;height:100px;border:1px solid #ddd;border-radius:4px;cursor:pointer;overflow:hidden;transition:.2s}.colour-swatch.active{border:2px solid #2b2b2b;box-shadow:0 0 5px rgba(0,0,0,.1)}.colour-swatch img{width:100%;height:100%;object-fit:cover}.swatch-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:10px;background:#eee;text-align:center}