.niva-swatch-king {
    display:flex;
    gap:10px;
    margin-top:12px;
}

.niva-swatch {
    position:relative;
    border:1px solid rgba(255,255,255,0.28);
    overflow:hidden;
    cursor:pointer;
    transition:.15s ease;
    border-radius:8px;
}

.niva-swatch img {
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Zoom hover */
.niva-swatch:hover {
    transform:scale(1.12);
    border-color:white;
}

/* Tooltip */
.niva-tooltip {
    opacity:0;
    pointer-events:none;
    position:absolute;
    bottom:110%;
    left:50%;
    transform:translateX(-50%);
    background:black;
    color:white;
    padding:4px 8px;
    font-size:11px;
    border-radius:4px;
    white-space:nowrap;
    transition:.12s ease;
}

.niva-swatch:hover .niva-tooltip {
    opacity:1;
}