/*
 * TÜRKÇE ELLE AYAR ALANI - ÜRÜN DETAY VARYANT KARTLARI
 * Görsel boyutu, kart boşluğu, radius, renk ve seçili çerçeve buradan değişir.
 */
.dekohop-product-variants {
  --dekohop-varyant-gorsel: 74px;
  --dekohop-varyant-bosluk: 10px;
  --dekohop-varyant-radius: 14px;
  --dekohop-varyant-cerceve: #d6e1dd;
  --dekohop-varyant-secili: #3b9078;
  --dekohop-varyant-arkaplan: #f8fbfa;
  margin: 18px 0;
}
.dekohop-product-variants__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.dekohop-product-variants__heading h3 { margin: 0 0 10px; }
.dekohop-product-variants__heading small { color: #6b7974; }
.dekohop-product-variant-group + .dekohop-product-variant-group { margin-top: 16px; }
.dekohop-product-variant-group__title { margin: 0 0 8px; color: #273730; font-size: 1em; font-weight: 700; }
.dekohop-product-variants__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--dekohop-varyant-bosluk); }
.dekohop-product-variant { display: flex; gap: 10px; min-width: 0; padding: 8px; border: 1px solid var(--dekohop-varyant-cerceve); border-radius: var(--dekohop-varyant-radius); background: var(--dekohop-varyant-arkaplan); color: inherit; text-decoration: none; }
.dekohop-product-variant:hover, .dekohop-product-variant:focus { border-color: var(--dekohop-varyant-secili); color: inherit; text-decoration: none; }
.dekohop-product-variant.is-current { box-shadow: inset 0 0 0 2px var(--dekohop-varyant-secili); }
.dekohop-product-variant img { width: var(--dekohop-varyant-gorsel); height: var(--dekohop-varyant-gorsel); flex: 0 0 var(--dekohop-varyant-gorsel); object-fit: cover; border-radius: calc(var(--dekohop-varyant-radius) - 5px); }
.dekohop-product-variant__body { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.dekohop-product-variant__body strong { line-height: 1.25; }
.dekohop-product-variant__values { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 4px; }
.dekohop-product-variant__values em { color: #5a6863; font-size: 0.88em; font-style: normal; }
.dekohop-product-variant__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 10px; margin-top: auto; padding-top: 5px; font-weight: 700; }
.dekohop-product-variant__price s { color: #c93f4b; font-size: 0.9em; font-weight: 500; }
.dekohop-product-variant__price b { color: #111820; font-size: 1.05em; }