/* ===== OTS RENK VARYANT - YENİ YUVARLAK TASARIM ===== */
.otsVariantStrip {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
margin-bottom: 10px;
width: 100%;
}
.otsVariantThumb {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
cursor: pointer;
text-decoration: none;
flex: 0 0 auto;
}
.otsVariantThumb img {
width: 44px; /* BÜYÜTÜLDÜ */
height: 44px; /* BÜYÜTÜLDÜ */
object-fit: cover;
border-radius: 50%;
display: block;
background: #f5f5f5;
border: 1px solid #eaeaea;
transition: all .2s ease;
}
.otsVariantThumb:hover img {
transform: scale(1.05);
}
.otsVariantThumb span {
font-size: 10px;
color: #111;
font-weight: bold !important;
text-align: center;
line-height: 1.2;
max-width: 52px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.otsVariantMoreWrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
cursor: pointer;
text-decoration: none;
}
.otsVariantMoreCircle {
width: 44px; /* BÜYÜTÜLDÜ */
height: 44px; /* BÜYÜTÜLDÜ */
border-radius: 50%;
background: #f0f0f0;
color: #333;
font-weight: bold;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
}