.ux-swatch__color {
        box-shadow: 0 0 2px hsl(0 0% 0% / 0.2);
}

[data-value="animal-print-leopard"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="animal-print-leopard"]) .ux-swatch__color{
    background: radial-gradient(circle, #000000 40%, transparent 41%),radial-gradient(circle at bottom left, #000000 20%, transparent 21%),radial-gradient(circle at bottom right, #000000 20%, transparent 21%),radial-gradient(circle at top left, #000000 20%, transparent 21%),radial-gradient(circle at top right, #000000 20%, transparent 21%);
    background-size: 1em 1em;
    background-color: #e9d68b;
    opacity: 1;
}

:is([data-value="denim-jean"], [data-value="jean"]) .ux-swatch__color,
.ux-swatch--color:has(~a:is([href*="denim-jean"],[href*="jean"])) .ux-swatch__color{
    background: linear-gradient(135deg, #2d4897 25%, transparent 25%) , linear-gradient(45deg, #2d4897 25%, transparent 25%) ,linear-gradient(135deg, transparent 24%,#5473b9 25%, #5473b9 30%, transparent 31%, transparent 39%,#5473b9 40%, #5473b9 45%, transparent 45%),linear-gradient(45deg, transparent 24%,#5473b9 25%, #5473b9 30%, transparent 31%, transparent 39%,#5473b9 40%, #5473b9 45%, transparent 45%);
    background-size: 1em 1em;
    background-color: #2d4897;
    opacity: 1
}

[data-value="jean-anoichto"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="jean-anoichto"]) .ux-swatch__color{
    background: linear-gradient(135deg, #7e91c7 25%, transparent 25%) , linear-gradient(45deg, #7e91c7 25%, transparent 25%) ,linear-gradient(135deg, transparent 24%,#6880bb 25%, #6880bb 30%, transparent 31%, transparent 39%,#6880bb 40%, #6880bb 45%, transparent 45%),linear-gradient(45deg, transparent 24%,#6880bb 25%, #6880bb 30%, transparent 31%, transparent 39%,#6880bb 40%, #6880bb 45%, transparent 45%);
    background-size: 1em 1em;
    background-color: #7e91c7;
    opacity: 1
}

[data-value="jean-mple-skoyro"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="jean-mple-skoyro"]) .ux-swatch__color{
    background: linear-gradient(135deg, #0b1c4c 25%, transparent 25%) , linear-gradient(45deg, #0b1c4c 25%, transparent 25%) ,linear-gradient(135deg, transparent 24%,#1b3883 25%, #1b3883 30%, transparent 31%, transparent 39%,#1b3883 40%, #1b3883 45%, transparent 45%),linear-gradient(45deg, transparent 24%,#1b3883 25%, #1b3883 30%, transparent 31%, transparent 39%,#1b3883 40%, #1b3883 45%, transparent 45%);
    background-size: 1em 1em;
    background-color: #0b1c4c;
    opacity: 1
}

/* 
[data-value="aspro-mayro"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="aspro-mayro"]) .ux-swatch__color{
    background: linear-gradient(to bottom right, white 50%, black 50%);
    border: .5px solid black;
}

[data-value="kafe-mayroo"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="kafe-mayro"]) .ux-swatch__color{
    background: linear-gradient(to bottom right, #916442 50%, black 50%);
}

[data-value="kafe-leyko"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="kafe-leyko"]) .ux-swatch__color{
    background: linear-gradient(to bottom right, #916442 50%, white 50%);
    border: .5px solid #916442;
}

[data-value="ladi-leyko"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="ladi-leyko"]) .ux-swatch__color{
    background: linear-gradient(to bottom right, #929b2d 50%, white 50%);
    border: .5px solid #929b2d;
}

[data-value*="leyko"]:not([href*="-leyko"]) .ux-swatch__color,
.ux-swatch--color:has(~a[href$="leyko"]:not([href*="-leyko"])) .ux-swatch__color{
    border: .5px solid black;
}

[data-value="roz-siel"] .ux-swatch__color,
.ux-swatch--color:has(~a[href*="roz-siel"]) .ux-swatch__color{
    background: linear-gradient(to bottom right, #ff6d9e 50%, #4d9ec1 50%);
} */