/* ══ Öne Çıkan Fırsatlar — koyu lüks tema, uzun kart + tam-kanama poster banner ══ */

/* ── Section ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section {
  width: 100%;
  --vp: 72px;
  padding: var(--vp) 0;
  font-family: system-ui, -apple-system, sans-serif;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-padding="compact"] { --vp: 40px; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-padding="normal"] { --vp: 72px; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-padding="spacious"] { --vp: 100px; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-padding="extra"] { --vp: 140px; }

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(40px, 8vw, 120px);
}

/* ── Section header (bakır rule ÜSTTE, başlık altta — koyu lüks kalıp) ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-header {
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(28px, 3vw, 46px);
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-header[data-align="center"] { align-items: center; text-align: center; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-header[data-align="right"] { align-items: flex-end;  text-align: right; }

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-accent-line {
  display: block;
  width: 40px;
  height: 2px;
  margin-bottom: 16px;
  border-radius: 2px;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-title {
  font-family: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2.8vw, 37px);
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0;
  line-height: 1.12;
}

/* ── İki kart yan yana ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 2.2vw, 32px);
  align-items: start;
}

/* ── Kart: içerik + tam-kanama uzun banner (kutu-içinde-kutu YOK) ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-card {
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--ocf-line, #2A2520);
  align-items: stretch;
  min-width: 0;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-card--mirror { flex-direction: row-reverse; }

/* ── Banner: poster görselin TAMAMI görünür (crop yok), uzun ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-banner {
  flex: 0 0 46%;
  max-width: 46%;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: #0B0A09;
  overflow: hidden;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-banner-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-card:hover .ocf-banner-img { transform: scale(1.03); }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-banner-ph {
  width: 100%;
  min-height: 420px;
  align-self: stretch;
  background: radial-gradient(circle at 50% 35%, rgba(198, 143, 97, 0.16), transparent 60%), #1C1916;
}

/* ── İçerik ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-content {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(18px, 2vw, 28px);
  padding: clamp(24px, 3vw, 40px);
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-content-top { display: flex; flex-direction: column; }

/* ── Etiket / eyebrow ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-eyebrow {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

/* ── Küçük dönen foto galeri (ikincil öğe) ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-gallery { margin-bottom: 18px; }

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-frame {
  position: relative;
  width: clamp(96px, 11vw, 124px);
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: #1C1916;
  border: 1px solid var(--ocf-line, #2A2520);
}

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(0.8);
  transition:
    opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-slide--on { opacity: 1; transform: scale(1); }

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-disc {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  font-size: 10px;
  font-weight: 700;
  color: var(--ocf-cta-text, #0B0A09);
  padding: 3px 7px;
  border-radius: 999px;
  letter-spacing: 0.04em;
}

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-dots {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: #4a4038;
  cursor: pointer;
  transition: transform 0.25s ease, background 0.25s ease;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-dot--on { transform: scale(1.25); }

/* ── Ürün adı / açıklama ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-name {
  font-size: clamp(18px, 1.7vw, 23px);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0 0 10px;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-desc {
  font-size: clamp(13px, 1vw, 14.5px);
  line-height: 1.6;
  opacity: 0.62;
  margin: 0 0 16px;
}

/* ── Öne çıkanlar listesi ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-features {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-feature {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 13.5px;
  line-height: 1.35;
  opacity: 0.9;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-feature-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
}

/* ── "Yorumları Gör" linki ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-reviews {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  font-size: 13px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  border-bottom: 1.5px solid;
  padding-bottom: 2px;
  transition: opacity 0.2s ease;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-reviews:hover { opacity: 0.62; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-reviews-star { font-size: 14px; line-height: 1; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-rc { font-weight: 400; opacity: 0.6; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-reviews-arrow { transition: transform 0.2s ease; }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-reviews:hover .ocf-reviews-arrow { transform: translateX(3px); }

/* ── Alt blok: fiyat + kampanya + buton ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-content-bottom { display: flex; flex-direction: column; }

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-now {
  font-size: clamp(20px, 2.1vw, 26px);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-old {
  font-size: 13px;
  opacity: 0.42;
  text-decoration: line-through;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-save {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 999px;
  padding: 3px 9px;
}

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-kampanya {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid;
  border-radius: 12px;
  padding: 10px 13px;
  margin-bottom: 16px;
  background: rgba(198, 143, 97, 0.08);
}

.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-add {
  border: none;
  border-radius: 12px;
  padding: 15px 18px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--ocf-cta-text, #0B0A09);
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.15s ease, filter 0.2s ease;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-add:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-1px); }
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-add--sold {
  background: #2A2520;
  color: #7C7166;
  cursor: not-allowed;
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-add--added { background: #4b7a52 !important; color: #fff !important; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-grid { grid-template-columns: 1fr; }
  .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-card, .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-card--mirror { flex-direction: column; }
  /* mobilde poster banner gosterilmez */
  .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-banner { display: none; }
}
@media (max-width: 600px) {
  .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-inner { padding: 0 20px; }
  .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-content { padding: 24px 22px; }
}

/* ── Ember kart-altı ışık: bakır under-glow (kullanıcı listesi, 2026-07-08) ── */
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-glow="true"] .ocf-card {
  box-shadow:
    0 26px 60px -12px color-mix(in srgb, var(--ocf-glow, #C68F61) 55%, transparent),
    0 10px 22px -10px rgba(0, 0, 0, 0.6);
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-glow="true"] .ocf-card:hover {
  box-shadow:
    0 32px 74px -12px color-mix(in srgb, var(--ocf-glow, #C68F61) 72%, transparent),
    0 12px 26px -10px rgba(0, 0, 0, 0.65);
}
.cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-glow="false"] .ocf-card, .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section[data-glow="false"] .ocf-card:hover {
  box-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.45);
}

/* Mobil: ağır glow yerine sade gölge */
@media (max-width: 760px) {
  .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section .ocf-card, .cc_Z0fv8wUkj4_TUTtmSH2LE .ocf-section .ocf-card:hover {
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.5);
  }
}