/* ===== Taji Brand Duo — birebir Figma 130:3001 (iki 944px panel, 32px ara) ===== */

.cc_y2bdekpl_JNPpFqUXnT .taji-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-panel {
  position: relative;
  display: block;
  aspect-ratio: 944 / 916;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}

/* <picture> yalnız sarmalayıcı — kendi kutusu düzene karışmasın (görsel zaten
   mutlak konumlu ve panele göre yerleşiyor) */
.cc_y2bdekpl_JNPpFqUXnT .taji-duo-picture {
  display: block;
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  /* Sığdırma tercihi panelden gelen değişkenle — mobilde ayrı değişken kullanılır
     ki oran uyuşmazlığında görsel gerilmesin (bkz. index.tsx notu) */
  object-fit: var(--duo-fit, cover);
  object-position: center;
}

/* Alt degrade — 400px, saydam → rgba(17,17,17,0.3) */
.cc_y2bdekpl_JNPpFqUXnT .taji-duo-gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 44%;
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.3));
  pointer-events: none;
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-caption {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 2.1875vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--taji-white, #ffffff);
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-brand {
  margin: 0;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 600;
  font-size: 1.0417vw;
  line-height: 1.6667vw;
  text-transform: uppercase;
  color: var(--taji-white, #ffffff);
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-desc {
  margin: 0;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 1.0417vw;
  line-height: 1.6667vw;
  color: var(--taji-white, #ffffff);
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-desc strong {
  font-weight: 600;
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-cta {
  margin-top: 0.4167vw;
  padding-bottom: 0.3125vw;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 1.1979vw;
  line-height: 0.6250vw;
  color: var(--taji-white, #ffffff);
  border-bottom: 1px solid var(--taji-white, #ffffff);
  transition: opacity 0.2s ease;
}

.cc_y2bdekpl_JNPpFqUXnT .taji-duo-panel:hover .taji-duo-cta {
  opacity: 0.75;
}

/* ===== Mobil — birebir Figma 0:1436 / 0:1526: tam ekran paneller alt alta ===== */
@media (max-width: 768px) {
  .cc_y2bdekpl_JNPpFqUXnT .taji-duo {
    grid-template-columns: 1fr;
    gap: 0;
  }

  /* Panel ekranı doldurur (440×829 oran), degrade 311/829 */
  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-panel {
    aspect-ratio: 440 / 829;
  }

  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-media {
    object-fit: var(--duo-fit-mobile, cover);
  }

  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-gradient {
    height: 37.5%;
  }

  /* REVİZE (5 Ağu — müşteri: "mobilde marka ismi çok küçük kalmış"): mobil blokta
     yalnız açıklama ve buton override edilmiş, marka satırı unutulmuştu; masaüstünün
     1.0417vw'si mobilde ~4px'e düşüyordu. Figma mobil (0:1444) marka satırı da
     açıklamayla aynı: Demi 16/32. */
  /* 7 Ağu: sabit 16px, 440'tan dar ekranlarda açıklamayı ikinci satıra düşürüyordu
     (Figma 0:1447 tek satır, metin 386px / kutu 392px — sıfır pay). Fotoğraf üstü
     metin konvansiyonuna geçildi: 440 taban → vw, böylece her genişlikte oran sabit. */
  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-brand {
    font-size: 3.6364vw; /* 16 */
    line-height: 7.2727vw; /* 32 */
  }

  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-desc {
    font-size: 3.6364vw; /* 16 */
    line-height: 7.2727vw; /* 32 */
  }

  /* Metin kenarları: Figma Gran Sasso panelinde 17px'e kadar iniyor (kutu 406px);
     12px verip payı büyütüyoruz. Küme alttan 64px (Safari çubuğu payı). */
  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-caption {
    left: 2.7273vw; /* 12 */
    right: 2.7273vw;
    bottom: 64px;
  }

  .cc_y2bdekpl_JNPpFqUXnT .taji-duo-cta {
    margin-top: 8px;
    font-size: 23px;
    line-height: 12px;
    padding-bottom: 6px;
  }
}