/* Kart varyantları küçük tutulur (mobilde taşmasın). Renk/görsel = küçük daire,
   yazı = küçük hap. */
.cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-variant-badge__row {
  gap: 0.375rem;
}

/* Renk ve görsel: küçük yuvarlak (mobilde daha küçük) */
.cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--color, .cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--image, .cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--image.kombos-badge--variant-img {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--color, .cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--image, .cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--image.kombos-badge--variant-img {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
  }
}

.cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge__img {
  border-radius: 50%;
}

/* Yazı: küçük */
.cc_wgto8cwq_card_product_variants .kombos-card-product-variants .kombos-badge--text {
  height: 1.625rem;
  min-width: 0;
  padding: 0 0.4rem;
  font-size: 0.6875rem;
}