/* SKU Color Circles */
.product-sku__el.has-color {
    position: relative;
    font-size: 0 !important;
    width: 30px !important;
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-sku__el.has-color .color {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
}
/* Tooltip при hover */
.product-sku__el.has-color[title]:hover::after {
    content: attr(title);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-black2, #262625);
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
    letter-spacing: 0.02em;
}
/* Border — карточка каталога */
.product-sku__el.has-color:before {
    border-radius: 50% !important;
    left: 1px !important;
    top: 2px !important;
    width: calc(100% + 2px) !important;
    height: calc(100% + 1px) !important;
}
/* Border — детальная страница */
.product-sku-block .product-sku .product-sku__el.has-color:before {
    left: -1px !important;
    top: 0px !important;
    width: calc(100% + 3px) !important;
    height: calc(100% + 3px) !important;
}
/* Карточка каталога — размеры кружков */
.product-card__pannel .product-sku .product-sku__el.has-color {
    width: 30px !important;
    height: 30px !important;
}
.product-card__pannel .product-sku .product-sku__el.has-color .color {
    width: 20px;
    height: 20px;
}