
/* ===== Variant Badge Layout ===== */

/* ---- Layout ---- */
.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__groups, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__groups, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__groups, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__groups {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__groups--l, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__groups--l, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__groups--l, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__groups--l {
  gap: 1.5rem;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__group, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__group, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__group, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__group {
  display: flex;
  flex-direction: column;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__label, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__label, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__label, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__label {
  color: var(--kombos-gray-900);
  margin-bottom: 0.375rem;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__row, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__row, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__row, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__row--l, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__row--l, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__row--l, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__row--l {
  gap: 0.75rem;
}

/* ===== Detail page (size l): round swatches + label underneath ===== */

/* Variant type heading ("AROMA:", "BOYUT:") */
.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__groups--l .kombos-variant-badge__label, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__groups--l .kombos-variant-badge__label, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__groups--l .kombos-variant-badge__label, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__groups--l .kombos-variant-badge__label {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

/* Keep non-detail media badges as plain flex children (transparent wrapper) */
.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__media-wrap, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__media-wrap, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__media-wrap, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__media-wrap {
  display: contents;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__swatch, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__swatch, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__swatch, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  width: 4rem;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__swatch-media, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__swatch-media, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__swatch-media, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__swatch-media {
  position: relative;
  line-height: 0;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__value-label, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__value-label, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__value-label, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__value-label {
  text-align: center;
  color: var(--kombos-gray-500);
  line-height: 1.25;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__swatch--selected .kombos-variant-badge__value-label, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__swatch--selected .kombos-variant-badge__value-label, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__swatch--selected .kombos-variant-badge__value-label, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__swatch--selected .kombos-variant-badge__value-label {
  color: var(--kombos-gray-900);
  font-weight: 600;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__swatch--nonstock .kombos-variant-badge__value-label, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__swatch--nonstock .kombos-variant-badge__value-label, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__swatch--nonstock .kombos-variant-badge__value-label, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__swatch--nonstock .kombos-variant-badge__value-label {
  color: var(--kombos-gray-400);
}

/* Selected check badge in the circle's top-right corner */
.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__check, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__check, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__check, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__check {
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  font-size: 1.125rem;
  color: var(--kombos-gray-900);
  background: var(--kombos-white);
  border-radius: 50%;
  display: flex;
}

/* Round image/colour badges at size l */
.kombos-badge--l.kombos-badge--image,
.kombos-badge--l.kombos-badge--color,
.cc_7yyaqlnf_product_detail_bundle_product .kombos-badge--l.kombos-badge--variant-img, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-badge--l.kombos-badge--variant-img, .cc_7yyaqlnf_card_product_variants .kombos-badge--l.kombos-badge--variant-img, .cc_7yyaqlnf_product_detail_variant .kombos-badge--l.kombos-badge--variant-img {
  width: 3.5rem;
  height: 3.5rem;
  min-width: 3.5rem;
  border-radius: 50%;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-badge--l.kombos-badge--image .kombos-badge__img, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-badge--l.kombos-badge--image .kombos-badge__img, .cc_7yyaqlnf_card_product_variants .kombos-badge--l.kombos-badge--image .kombos-badge__img, .cc_7yyaqlnf_product_detail_variant .kombos-badge--l.kombos-badge--image .kombos-badge__img {
  border-radius: 50%;
}

/* Selected ring (gap + dark ring) around the round swatch */
.kombos-badge--l.kombos-badge--image.kombos-badge--selected,
.cc_7yyaqlnf_product_detail_bundle_product .kombos-badge--l.kombos-badge--color.kombos-badge--selected, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-badge--l.kombos-badge--color.kombos-badge--selected, .cc_7yyaqlnf_card_product_variants .kombos-badge--l.kombos-badge--color.kombos-badge--selected, .cc_7yyaqlnf_product_detail_variant .kombos-badge--l.kombos-badge--color.kombos-badge--selected {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--kombos-white), 0 0 0 4px var(--kombos-gray-900);
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__row--scrollable, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__row--scrollable, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__row--scrollable, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__row--scrollable {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__row--scrollable::-webkit-scrollbar, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__row--scrollable::-webkit-scrollbar, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__row--scrollable::-webkit-scrollbar, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__row--scrollable::-webkit-scrollbar {
  display: none;
}

.cc_7yyaqlnf_product_detail_bundle_product .kombos-variant-badge__row--scrollable .kombos-badge, .cc_7yyaqlnf_product_detail_bundle_furniture .kombos-variant-badge__row--scrollable .kombos-badge, .cc_7yyaqlnf_card_product_variants .kombos-variant-badge__row--scrollable .kombos-badge, .cc_7yyaqlnf_product_detail_variant .kombos-variant-badge__row--scrollable .kombos-badge {
  flex-shrink: 0;
}
