/* --- tooltip photo (both modes) --- */
.swatch-option-tooltip.pti-has-image,
.swatch-option-tooltip-layered.pti-has-image {
    height: auto;
}
.swatch-option-tooltip.pti-has-image .image,
.swatch-option-tooltip-layered.pti-has-image .image {
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff;
}

/* --- image-as-swatch (mode: image) --- */
.swatch-option.color.pti-image-swatch {
    border-radius: 2px;              /* square */
    border: 1px solid #d5d5d5;
    background-clip: padding-box;
    outline-offset: 1px;
}
.swatch-option.color.pti-image-swatch.selected,
.swatch-option.color.pti-image-swatch:hover {
    outline: 2px solid #1e1e1e;
}