/* Ürün sayfası — renk / paket seçici (derlenmiş Tailwind paketinden bağımsız) */
.kg-variants { margin: 1.5rem 0 1.25rem; display: grid; gap: 1.25rem; }
.kg-variants__title { margin: 0 0 .6rem; font-size: .8125rem; color: rgba(17, 17, 20, .55); letter-spacing: .02em; }
.kg-variants__title strong { color: #111114; font-weight: 600; }
.kg-variants__list { display: flex; flex-wrap: wrap; gap: .5rem; }
.kg-variants__chip {
    display: inline-flex; align-items: center; gap: .5rem;
    border: 1px solid rgba(17, 17, 20, .14); border-radius: .75rem;
    background: #fff; color: #111114; text-decoration: none;
    font-size: .8125rem; line-height: 1.2;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.kg-variants__chip:hover { border-color: rgba(17, 17, 20, .45); transform: translateY(-1px); }
.kg-variants__chip.is-active { border-color: #b8893d; box-shadow: 0 0 0 2px rgba(184, 137, 61, .25); }
.kg-variants__chip--color { padding: .3rem .7rem .3rem .3rem; }
.kg-variants__chip--color img { width: 44px; height: 44px; object-fit: cover; border-radius: .5rem; background: #f3f3f2; display: block; }
.kg-variants__chip--text { padding: .55rem .95rem; font-weight: 500; }
@media (max-width: 480px) {
    .kg-variants__chip--color span { max-width: 7.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}