/* ===== Variant Badge — Stitch redesign (urun-detay.html "Selectors") =====
 * Pulls in the shared Badge primitives, then re-skins them to the Stitch
 * palette/typography. Badge itself is out of this task's scope (still on
 * the old Kombos gray tokens) — overriding here via the CSS cascade keeps
 * Badge's markup/behavior intact while matching the approved design.
 */
/* Imported from: ../Badge/styles.css */
/* ===== Badge Primitives ===== */

/* ---- Base badge ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge, .cc_t2dowgyg_card_product_variants .kombos-badge, .cc_t2dowgyg_product_detail_variant .kombos-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  min-width: 2.25rem;
  cursor: pointer;
  border: 1px solid var(--mh-outline-subtle);
  /* Taban yaricap. Metin ve renk rozetleri asagida TAM HAP'a (999px)
   * cikiyor; fotograf rozetleri bu daha yumusak degerde kaliyor. */
  border-radius: 0.75rem;
  background: var(--mh-on-primary);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  /* Reset for <button> */
  padding: 0;
  font: inherit;
  /* Reset for <a> */
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease;
}

/* ---- Size: xs ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--xs, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--xs, .cc_t2dowgyg_card_product_variants .kombos-badge--xs, .cc_t2dowgyg_product_detail_variant .kombos-badge--xs {
  height: 1.75rem;
  min-width: 1.75rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--xs.kombos-badge--color, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--xs.kombos-badge--color, .cc_t2dowgyg_card_product_variants .kombos-badge--xs.kombos-badge--color, .cc_t2dowgyg_product_detail_variant .kombos-badge--xs.kombos-badge--color, .cc_t2dowgyg_product_detail_bundle_product .kombos-badge--xs.kombos-badge--image, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--xs.kombos-badge--image, .cc_t2dowgyg_card_product_variants .kombos-badge--xs.kombos-badge--image, .cc_t2dowgyg_product_detail_variant .kombos-badge--xs.kombos-badge--image {
  width: 1.75rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--image.kombos-badge--variant-img.kombos-badge--xs, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--image.kombos-badge--variant-img.kombos-badge--xs, .cc_t2dowgyg_card_product_variants .kombos-badge--image.kombos-badge--variant-img.kombos-badge--xs, .cc_t2dowgyg_product_detail_variant .kombos-badge--image.kombos-badge--variant-img.kombos-badge--xs {
  width: 3.25rem;
  height: auto;
  aspect-ratio: 3 / 4;
}

/* ---- Type: text ---- */
/* Tam hap. Temanin geri kalani zaten bu dili konusuyor — filtre haplari,
 * kategori cipleri, arama kutusu hepsi 999px. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--text {
  border-radius: 999px;
  color: var(--mh-inverse-surface);
  transition: border-color 0.15s ease, color 0.15s ease;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--xs.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--xs.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--xs.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--xs.kombos-badge--text {
  padding: 0 0.375rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--s.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--s.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--s.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--s.kombos-badge--text {
  padding: 0 0.5rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--m.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--m.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--m.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--m.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_product .kombos-badge--l.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--l.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--l.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--l.kombos-badge--text {
  padding: 0 0.75rem;
}

/* ---- Type: color ---- */
/* Kare rozet daire olur — renk ornekleri icin alisildik bicim. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--color, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--color, .cc_t2dowgyg_card_product_variants .kombos-badge--color, .cc_t2dowgyg_product_detail_variant .kombos-badge--color {
  width: 2.25rem;
  padding: 0;
  border-radius: 999px;
}

/* ---- Type: image ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--image, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--image, .cc_t2dowgyg_card_product_variants .kombos-badge--image, .cc_t2dowgyg_product_detail_variant .kombos-badge--image {
  width: 2.25rem;
  padding: 0;
}

/* Fotograf rozetleri TAM HAP YAPILMADI: 3:4 dikey bir urun fotografi
 * 999px yaricapla mercimek bicimine giriyor ve gorselin ust/alt kenarindaki
 * icerik (yastik, yatak basi) kirpiliyor. Yumusak kose fotografi bozmadan
 * ayni dili konusuyor. Ic yaricap disin 1px kenarligi kadar eksik. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge__img, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge__img, .cc_t2dowgyg_card_product_variants .kombos-badge__img, .cc_t2dowgyg_product_detail_variant .kombos-badge__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: calc(0.75rem - 1px);
}

/* Variant product image — urun fotografiyla ayni 3:4 dikey oran */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_card_product_variants .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_product_detail_variant .kombos-badge--image.kombos-badge--variant-img {
  width: 5.5rem;
  height: auto;
  aspect-ratio: 3 / 4;
}

/* ---- States ---- */

/* Hover (skip disabled buttons and out-of-stock) */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_card_product_variants .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_variant .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock) {
  border-color: var(--mh-on-surface);
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_card_product_variants .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_variant .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock) {
  color: var(--mh-on-surface);
}

/* Selected */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected, .cc_t2dowgyg_card_product_variants .kombos-badge--selected, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected {
  border-color: var(--mh-on-surface);
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--text {
  background: var(--mh-surface);
  color: var(--mh-on-surface);
}

/* Out of stock */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--nonstock, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--nonstock, .cc_t2dowgyg_card_product_variants .kombos-badge--nonstock, .cc_t2dowgyg_product_detail_variant .kombos-badge--nonstock {
  cursor: not-allowed;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--nonstock.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--nonstock.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--nonstock.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--nonstock.kombos-badge--text {
  color: var(--mh-outline-text);
}

/* Diagonal strike line */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge__strike, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge__strike, .cc_t2dowgyg_card_product_variants .kombos-badge__strike, .cc_t2dowgyg_product_detail_variant .kombos-badge__strike {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to top left,
    transparent calc(50% - 0.5px),
    var(--mh-outline) calc(50% - 0.5px),
    var(--mh-outline) calc(50% + 0.5px),
    transparent calc(50% + 0.5px)
  );
}

/* End import: ../Badge/styles.css */

/* ---- Layout ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__groups, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__groups, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__groups, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__groups {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__groups--l, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__groups--l, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__groups--l, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__groups--l {
  gap: 1.5rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__group, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__group, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__group, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__group {
  display: flex;
  flex-direction: column;
}

/* "RENK  Slate Blue" — brooklinen'deki gibi tur adi ile secili deger yan yana,
 * iki farkli agirlikta. Tur adi label-md (14/20 w600 uppercase), secili deger
 * body-md w600 duz yazim. Iki nokta ustuste yok, ayrim boslukla kuruluyor. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__label, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__label, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__label, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__label {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__label-name, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__label-name, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__label-name, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__label-name {
  font-family: var(--mh-font-body);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mh-on-surface-variant);
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__label-value, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__label-value, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__label-value, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__label-value {
  font-family: var(--mh-font-body);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--mh-primary);
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__row, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__row, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__row, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__row--l, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__row--l, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__row--l, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__row--l {
  gap: 0.75rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__row--scrollable, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__row--scrollable, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__row--scrollable, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__row--scrollable {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__row--scrollable::-webkit-scrollbar, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__row--scrollable::-webkit-scrollbar, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__row--scrollable::-webkit-scrollbar, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__row--scrollable::-webkit-scrollbar {
  display: none;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-variant-badge__row--scrollable .kombos-badge, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-variant-badge__row--scrollable .kombos-badge, .cc_t2dowgyg_card_product_variants .kombos-variant-badge__row--scrollable .kombos-badge, .cc_t2dowgyg_product_detail_variant .kombos-variant-badge__row--scrollable .kombos-badge {
  flex-shrink: 0;
}

/* ------------------------------------------------------------------ */
/*  Badge overrides — Stitch skin                                     */
/* ------------------------------------------------------------------ */

/* Base: Work Sans govde yazisi, seffaf zemin.
 *
 * `border-radius` BURADA VERILMIYOR. Onceki hali `2px`ti (Stitch "rounded")
 * ve bu dosya Badge'den SONRA yuklendigi icin Badge'in kendi yaricaplarini
 * — metin rozetlerinde tam hap, fotograflarda yumusak kose — sessizce
 * eziyordu. Yaricap tek yerde, Badge'de kalsin. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge, .cc_t2dowgyg_card_product_variants .kombos-badge, .cc_t2dowgyg_product_detail_variant .kombos-badge {
  border-color: var(--mh-outline-variant);
  background: transparent;
  font-family: var(--mh-font-body);
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

/* ---- Fabric / Size chips (text badges) ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--text {
  height: auto;
  min-width: 0;
  padding: 0.5rem 1rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--mh-on-surface-variant);
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--l.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--l.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--l.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--l.kombos-badge--text {
  padding: 0.5rem 1rem;
}

/* Hover: yalnizca kenarlik koyulasir, zemin cok hafif. Dolu bir zemin
 * secili durumla karisiyor. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock):not(.kombos-badge--selected), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock):not(.kombos-badge--selected), .cc_t2dowgyg_card_product_variants .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock):not(.kombos-badge--selected), .cc_t2dowgyg_product_detail_variant .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock):not(.kombos-badge--selected) {
  border-color: var(--mh-primary);
  background-color: color-mix(in srgb, var(--mh-surface-variant) 25%, transparent);
  color: var(--mh-on-surface);
}

/* Secili durum: DOLU KOYU DEGIL.
 *
 * Onceki hali rozetin tamamini lacivertle dolduruyordu; sayfanin geri
 * kalani acik ve ince cizgili oldugu icin secili rozet tek basina agir
 * bir blok gibi duruyordu — ustelik uzerine gelince de ayni koyulukta
 * kaliyordu. Vurgu artik kenarlik + cok hafif bir zemin tonuyla veriliyor.
 *
 * Kalinlik `border-width` yerine `inset box-shadow` ile artiriliyor:
 * kenarligi 2px yapmak rozetin ic olcusunu degistirip satirdaki diger
 * rozetleri oynatiyordu. */
/* ===== SECILI DURUM — altin gradyan =====
 * Tasarim: codepen.io/toshihide2000/pen/xxjWORZ "button(Gold)"
 * (uiverse.io / @ToshihideMiyake). Gradyan duraklari, 800% 400%
 * background-size, 5s sure ve cubic-bezier(.62,.28,.23,.99) egrisi pen'den
 * BIREBIR alindi — parlama bandinin altin uzerinde gezinmesi bu dorduzunun
 * birlikte calismasindan cikiyor, biri degisirse etki bozulur.
 *
 * Yazi rengi de pen'deki gibi BEYAZ (kullanici karari, 2026-09-01).
 * Olcum: beyaz bu gradyanin taban altini uzerinde 2.08:1, parlama bandi
 * altina geldiginde 1.21:1 — WCAG AA metin esigi 4.5:1, yani gecmiyor.
 * Bilerek boyle; degistirilecekse iki yol var: (a) `color` --mh-primary
 * olur (ayni gradyanda 7.83:1), (b) gradyan koyulastirilir ve beyaz kalir,
 * ama o zaman pen'in altini degismis olur.
 *
 * Ayrica dolgunun etrafinda --mh-gold cerceve var: gradyanin acik durağı
 * krem sayfa zeminimizde kayboluyor, cipin nerede bittigi belirsizlesiyordu.
 *
 * Onceki hal (2026-09-01 sabahi) duz altin kenarlik + %10 zemin tintiydi;
 * ondan onceki hal --mh-cta-green'di. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--text {
  border-color: var(--mh-gold, #B07A16);
  box-shadow: none;
  background: var(--mh-gold-gradient);
  background-size: 800% 400%;
  animation: kombos-badge-gold 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99)
    both;
  color: var(--mh-on-primary, #ffffff);
  font-weight: 600;
}

/* Hover'da Badge TABANI devreye giriyordu ve altini siliyordu: taban
 * `.kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock)` kenarligi
 * --mh-on-surface yapiyor, `.kombos-badge--text:hover:not(...)` de yaziyi.
 * Ikisi de `--selected`i DISLAMIYOR ve ozgullukleri (0,3,0)/(0,4,0) buradaki
 * (0,2,0) kuraldan yuksek. Yani secili cip, uzerine gelindiginde koyu
 * kenarlikli ve koyu yazili hale geliyordu — yesil donemde de boyleydi,
 * fark edilmemisti. Bu kural (0,5,0) ile ikisini de geri aliyor. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock) {
  border-color: var(--mh-gold, #B07A16);
  color: var(--mh-on-primary, #ffffff);
}

/* Fotograf rozetinde ayni gradyan HALKA olarak: kenarlik saydam birakilip
 * gradyan `background-origin/clip: border-box` ile kenarlik alanina
 * boyaniyor, <img> ise content box'i kapladigi icin gradyan yalnizca
 * cerceve olarak gorunuyor. `box-sizing: border-box` sayesinde rozetin dis
 * olcusu degismiyor, satirdaki digerleri oynamiyor. */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--image, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--image, .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--image, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--image {
  border: 3px solid transparent;
  box-shadow: none;
  background-image: var(--mh-gold-gradient);
  background-size: 800% 400%;
  background-origin: border-box;
  background-clip: border-box;
  animation: kombos-badge-gold 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99)
    both;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--image:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--image:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--image:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--image:hover:not(:disabled):not(.kombos-badge--nonstock) {
  border-color: transparent;
}

/* Renk ornegi rozetinde gradyan KULLANILAMAZ: BadgeColor rengi inline
 * `style={{backgroundColor}}` ile veriyor ve gradyan onu tamamen ortecegi
 * icin secenegin kendi rengi kaybolurdu. Duz altin halka kaliyor.
 * (Bu magazada varyant olmadigi icin BadgeColor su an hic render edilmiyor;
 * kural ileriye donuk duruyor.) */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--color, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--color, .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--color, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--color {
  border-color: var(--mh-gold, #B07A16);
  box-shadow: inset 0 0 0 1px var(--mh-gold, #B07A16);
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock) {
  border-color: var(--mh-gold, #B07A16);
}

@keyframes kombos-badge-gold {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Sonsuz donen bir animasyon; hareket hassasiyeti ayari aciksa duruyor.
 * Duruş karesi gradyanin taban altini (#DAAF08) — renk ve okunaklilik
 * aynen kaliyor, yalnizca parlama gezinmiyor. */
@media (prefers-reduced-motion: reduce) {
  .cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_product .kombos-badge--selected.kombos-badge--image, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--image, .cc_t2dowgyg_card_product_variants .kombos-badge--selected.kombos-badge--image, .cc_t2dowgyg_product_detail_variant .kombos-badge--selected.kombos-badge--image {
    animation: none;
  }
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--nonstock.kombos-badge--text, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--nonstock.kombos-badge--text, .cc_t2dowgyg_card_product_variants .kombos-badge--nonstock.kombos-badge--text, .cc_t2dowgyg_product_detail_variant .kombos-badge--nonstock.kombos-badge--text {
  color: color-mix(in srgb, var(--mh-on-surface-variant) 50%, transparent);
  border-color: var(--mh-outline-variant);
}

/* ---- Color swatches — plain hex circles ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--color, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--color, .cc_t2dowgyg_card_product_variants .kombos-badge--color, .cc_t2dowgyg_product_detail_variant .kombos-badge--color {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border-width: 1px;
  box-sizing: border-box;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--l.kombos-badge--color, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--l.kombos-badge--color, .cc_t2dowgyg_card_product_variants .kombos-badge--l.kombos-badge--color, .cc_t2dowgyg_product_detail_variant .kombos-badge--l.kombos-badge--color {
  width: 2.5rem;
  height: 2.5rem;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_card_product_variants .kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_t2dowgyg_product_detail_variant .kombos-badge--color:hover:not(:disabled):not(.kombos-badge--nonstock) {
  border-color: color-mix(in srgb, var(--mh-primary) 50%, transparent);
}

/* Eski lacivert halka kuralı yerini yukaridaki altin halkaya birakti;
 * `border-width: 2px` de kalkti — kenarligi kalinlastirmak rozetin ic
 * olcusunu degistirip satirdaki digerlerini oynatiyordu, ayni isi
 * `inset box-shadow` boyut degistirmeden yapiyor. */

/* ---- Thumbnail / variant images — keep circular for the same row ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--image, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--image, .cc_t2dowgyg_card_product_variants .kombos-badge--image, .cc_t2dowgyg_product_detail_variant .kombos-badge--image {
  border-radius: 9999px;
}

.cc_t2dowgyg_product_detail_bundle_product .kombos-badge__img, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge__img, .cc_t2dowgyg_card_product_variants .kombos-badge__img, .cc_t2dowgyg_product_detail_variant .kombos-badge__img {
  border-radius: 9999px;
}

/* NOT: burada bir zamanlar ikinci bir `.kombos-badge--selected
 * .kombos-badge--image` kurali vardi (`border-width: 2px` + lacivert
 * `--mh-primary`). Ayni ozgullukte ve DAHA SONRA geldigi icin yukaridaki
 * secim halkasini fotograf rozetlerinde sessizce eziyordu: Ebat haplari
 * yesil/altin secili gorunurken Renk-Desen fotograflari lacivert halkayla
 * kaliyordu. Kaldirildi (2026-09-01) — secim rengi tek. Halka kalinligi
 * 1px kenarlik + 1px inset golge ile zaten 2px, boyut da degismiyor. */

/* ---- Urun fotografi rozetleri: daire DEGIL, 3:4 dikey kart ----
 * Ustteki .kombos-badge--image kurallari daire yapiyor; fotograf
 * rozetlerinde bunu geri aliyoruz (Stitch "rounded" = 2px). */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_card_product_variants .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_product_detail_variant .kombos-badge--image.kombos-badge--variant-img, .cc_t2dowgyg_product_detail_bundle_product .kombos-badge--image.kombos-badge--variant-img .kombos-badge__img, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge--image.kombos-badge--variant-img .kombos-badge__img, .cc_t2dowgyg_card_product_variants .kombos-badge--image.kombos-badge--variant-img .kombos-badge__img, .cc_t2dowgyg_product_detail_variant .kombos-badge--image.kombos-badge--variant-img .kombos-badge__img {
  border-radius: 2px;
}

/* ---- Out-of-stock strike, recolored to the Stitch outline token ---- */
.cc_t2dowgyg_product_detail_bundle_product .kombos-badge__strike, .cc_t2dowgyg_product_detail_bundle_furniture .kombos-badge__strike, .cc_t2dowgyg_card_product_variants .kombos-badge__strike, .cc_t2dowgyg_product_detail_variant .kombos-badge__strike {
  background: linear-gradient(
    to top left,
    transparent calc(50% - 0.5px),
    var(--mh-outline) calc(50% - 0.5px),
    var(--mh-outline) calc(50% + 0.5px),
    transparent calc(50% + 0.5px)
  );
}