.t4-grid:has(:nth-child(4)) {
width: calc(4 * var(--size) + ((4 + 1)* 10px));
}
.t4-grid:has(:nth-child(5)) {
width: calc(5 * var(--size) + ((5 + 1)* 10px));
}
@for $i from 2 through 10 {
.t4-grid:has(:nth-child(#{$i})) {
width: calc($i * var(--size) + (($i + 1)* 10px));
}
}
// .item__img
&__img {