/* FULL WIDTH - remove global side paddings */
.ast-container,
.ast-page-builder-template .ast-container,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.entry-content {
  margin: 0 !important;
}

.wp-block-cover.alignfull,
.wp-block-group.alignfull,
.alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

/* =========================
   CH2 – DUO IMAGES (YAN YANA)
========================= */
.cg-story--light .cg-stage--duo{
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.cg-duo{
  width: min(980px, 92vw);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 2.2vw, 22px);
  align-items: stretch;
  margin: 0 auto;
}

.cg-duoFigure{
  margin: 0;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
  background: rgba(255,255,255,.03);
}

/* İkisi de aynı oran = aynı hissiyat */
.cg-duoImg{
  width: 100%;
  aspect-ratio: 3 / 4;   /* istersen 2/3 ya da 4/5 yap, ikisi de aynı kalsın */
  object-fit: cover;
  display: block;
}

.cg-duoText{
  width: min(980px, 92vw);
  margin: 18px auto 0;
  text-align: center;
  max-width: 820px;
}

/* Mobilde alt alta */
/* =========================
   DUO IMAGES – MOBILDE DE YAN YANA
========================= */
@media (max-width: 920px){
  .cg-duo{
    grid-template-columns: 1fr 1fr !important; /* ✅ mobilde de 2 kolon */
    gap: 10px !important;
    width: min(980px, 96vw) !important;
  }

  .cg-duoImg{
    aspect-ratio: 3 / 4;  /* aynı kalsın */
    width: 100%;
  }
}

/* Çok dar ekranlar (opsiyonel): yine yan yana kalsın ama daha sıkı */
@media (max-width: 380px){
  .cg-duo{
    gap: 8px !important;
  }
}


/* =========================================
   CJ STYLE (GLOBAL TOKENS)
========================================= */
:root{
  --cj-gold: #c9a24d;      /* Altın / Sarı */
  --cj-black: #111;
  --cj-text: #222;
  --cj-muted: #6b6b6b;
  --cj-line: rgba(17,17,17,.10);
  --cj-card: #ffffff;
}

/* =========================================
   CJ - Öne Çıkan Tasarımlar: desktop 4 sütun, mobil 2 sütun
========================================= */
.cj-grid-4{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 28px;
  align-items: start;
}

@media (max-width: 781px){
  .cj-grid-4{
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
  }
}

/* =========================================
   MY ACCOUNT – CARTIER-LIKE (SARI AKSAN)
========================================= */

/* Genel sayfa boşluğu */
.woocommerce-account .site-content{
  padding-top: 46px;
  padding-bottom: 80px;
}

/* Konteyner genişliği + biraz daha ortalama */
.woocommerce-account .woocommerce{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 18px;
}

/* 2 kolon: sol menü + içerik  (biraz daha sağa kaydırma) */
.woocommerce-account .woocommerce-MyAccount{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 56px;                 /* içerik daha sağda hissetsin */
  align-items: start;
  padding-left: 36px;        /* genel bloğu biraz sağa kaydırır */
}

/* Mobil: tek kolon */
@media (max-width: 781px){
  .woocommerce-account .woocommerce-MyAccount{
    grid-template-columns: 1fr;
    gap: 22px;
    padding-left: 0;
  }
}

/* Sol menü kutusu (istersen kart gibi) */
.woocommerce-account .woocommerce-MyAccount-navigation{
  border: 0;
  padding-top: 6px;
}

/* Menü liste */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Menü item */
.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--cj-line);
}

/* Menü link */
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: inline-block;
  width: 100%;
  padding: 14px 0;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  color: var(--cj-text);
  text-decoration: none;
  position: relative;
}

/* Hover sarı */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  color: var(--cj-gold);
}

/* Aktif link: kırmızı yok, sarı alt çizgi */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a{
  color: var(--cj-text);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:44px;
  height:2px;
  background: var(--cj-gold);
}

/* İçerik alanı */
.woocommerce-account .woocommerce-MyAccount-content{
  padding: 0;
}

/* Başlıklar: Alegreya */
.woocommerce-account .woocommerce h1,
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3{
  font-family: "Alegreya", serif;
  letter-spacing: .03em;
}

/* Dashboard üst metni biraz daha düzenli */
.woocommerce-account .woocommerce-MyAccount-content p{
  color: var(--cj-text);
  line-height: 1.8;
  max-width: 760px;
}

/* İçerikteki linklerin tamamı sarı */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button),
.woocommerce-account .woocommerce-MyAccount-content p a{
  color: var(--cj-gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(201,162,77,.55);
  padding-bottom: 2px;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover{
  border-bottom-color: rgba(201,162,77,.95);
}

/* Form alanları: minimal */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row input[type="email"],
.woocommerce-account .woocommerce form .form-row input[type="password"],
.woocommerce-account .woocommerce form .form-row input[type="text"],
.woocommerce-account .woocommerce form .form-row input[type="tel"]{
  border: 0;
  border-bottom: 1px solid var(--cj-black);
  border-radius: 0;
  padding: 14px 8px;
  background: transparent;
  box-shadow: none;
}

/* Label + helper metin */
.woocommerce-account .woocommerce form .form-row label{
  color: var(--cj-muted);
  letter-spacing: .02em;
}

/* Woo mesajları (hata/bilgi) daha temiz */
.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-info{
  border: 1px solid var(--cj-line);
  background: #fff;
  color: var(--cj-text);
}

/* Buton: siyah, hover sarı çerçeve */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button.button{
  background: var(--cj-black) !important;
  color: #fff !important;
  border-radius: 0 !important;
  border: 1px solid var(--cj-black) !important;
  padding: 12px 22px;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button.button:hover{
  background: #000 !important;
  border-color: var(--cj-gold) !important;
}

/* Logout linki de sarı */
.woocommerce-account .woocommerce a.woocommerce-MyAccount-navigation-link--customer-logout{
  color: var(--cj-text);
}
.woocommerce-account .woocommerce a.woocommerce-MyAccount-navigation-link--customer-logout:hover{
  color: var(--cj-gold);
}

/* Avatarı her nerede olursa olsun gizle */
.woocommerce-account img.avatar,
.woocommerce-account .avatar,
.woocommerce-account .wp-user-avatar,
.woocommerce-account .user-avatar,
.woocommerce-account .customer-avatar,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-user,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-user *{
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* My Account üst boşluğu azalt */
.woocommerce-account .site-content{
  padding-top: 18px !important;
}

/* Siparişler boş durum kutusunu ortala ve daha şık yap */
.woocommerce-account .woocommerce-info{
  max-width: 820px;
  margin: 0 auto !important;
  border: 1px solid rgba(17,17,17,.10);
}


/* =========================================
   CJ – TYPO REFINEMENTS (BUTON 19px + BASLIKLAR KUCULT)
   En alta ekle
========================================= */

/* Buton yazıları 19px */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce-info .button{
  font-size: 19px !important;
  line-height: 1.1 !important;
}

/* Büyük H1'leri (Siparişler / Adresler / Hediye Kartları gibi) küçült */
.woocommerce-account .woocommerce-MyAccount-content h1{
  font-size: 44px !important;
  line-height: 1.05 !important;
  letter-spacing: .02em !important;
}

/* H2 / H3 biraz daha zarif */
.woocommerce-account .woocommerce-MyAccount-content h2{
  font-size: 30px !important;
  line-height: 1.15 !important;
  letter-spacing: .03em !important;
}

.woocommerce-account .woocommerce-MyAccount-content h3{
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: .03em !important;
}

/* Mobilde başlıkları daha da küçült */
@media (max-width: 781px){
  .woocommerce-account .woocommerce-MyAccount-content h1{ font-size: 36px !important; }
  .woocommerce-account .woocommerce-MyAccount-content h2{ font-size: 26px !important; }
  .woocommerce-account .woocommerce-MyAccount-content h3{ font-size: 20px !important; }
  .woocommerce-account .woocommerce .button,
  .woocommerce-account .woocommerce button.button,
  .woocommerce-account .woocommerce a.button{
    font-size: 17px !important;
  }
}












/*logo */

.gold-video-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 36px 0; /* biraz nefes */
}

.gold-logo-img{
  max-width: 280px;   /* 🔥 220 → 320 */
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 768px){
  .gold-logo-img{
    max-width: 320px;
  }
}




.gold-video-wrap{
  max-width: 420px;
  margin: 60px auto 8px;
  height: 70px;          /* ✅ görünmesi için yükseklikheight: 70px; /* ✅ görünmesi için yükseklik */
  overflow: hidden;      /* ✅ kırpma */
  border-radius: 14px;   /* ✅ köşe kırpma wrapper’da */
  position: relative;    /* ✅ içerik konumlandırma */
}

/* VideoPress iframe & video */
.gold-video-wrap iframe,
.gold-video-wrap video{
  width: 100%;
  height: 120px;         /* ✅ biraz büyük: crop alanı oluşsun */
  transform: translateY(-20px); /* 🔥 üstten kesmek için yukarı it */
  pointer-events: none;
  border-radius: 0;      /* ✅ wrapper zaten kırpıyor */
  display: block;        /* ✅ boşluk/çökme engeli */
}


/* Mobilde gold video daha kompakt */
@media (max-width: 781px){
  .gold-video-wrap{
    max-width: 50vw;   /* biraz dar */
    height: 70px;      /* 90 → 70 */
    margin: 0 auto 6px;
    border-radius: 12px;
  }

  .gold-video-wrap iframe,
  .gold-video-wrap video{
    height: 100px;     /* 120 → 100 */
    transform: translateY(-14px); /* daha az crop */
  }
}



/*form*/
textarea{
  min-height: 110px !important;
  height: 110px !important;
  line-height: 1.6;
  padding: 14px;
}






/* MOBIL AÇILIR MENÜ: yazılar her zaman sarı olsun */
:root{ --cj-gold:#c9a24d; }

/* Astra mobil popup / off-canvas menü linkleri */
.ast-header-break-point .ast-mobile-popup-drawer a,
.ast-header-break-point .ast-mobile-popup-drawer .main-header-menu a,
.ast-header-break-point .ast-mobile-popup-drawer .ast-nav-menu a,
.ast-header-break-point .ast-mobile-popup-drawer .menu-link{
  color: var(--cj-gold) !important;
  opacity: 1 !important;
}

/* Normal header menü linkleri (mobil kırılımda) */
.ast-header-break-point .main-header-menu a,
.ast-header-break-point .ast-builder-menu a{
  color: var(--cj-gold) !important;
  opacity: 1 !important;
}

/* Hover / aktif / current zaten sarı kalsın */
.ast-header-break-point .main-header-menu a:hover,
.ast-header-break-point .ast-builder-menu a:hover,
.ast-header-break-point .main-header-menu .current-menu-item > a,
.ast-header-break-point .main-header-menu .current_page_item > a,
.ast-header-break-point .main-header-menu .current-menu-ancestor > a{
  color: var(--cj-gold) !important;
}






/* ===== CETINKAYA STORY (fullpage scroll scenes) ===== */
/* =========================
   CH2 – MOBİL SAĞA YAPIŞMA FIX (FINAL OVERRIDE)
   EN ALTA YAPIŞTIR
========================= */
@media (max-width: 920px){

  /* Flow konteyneri tekrar "min(...vw)" ile ortala */
  #cg-ch2 .cg-flow{
    width: min(1100px, 96vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* Split sahne: içeriği kesin ortala */
  #cg-ch2 .cg-stage--split{
    width: 100% !important;
    margin: 0 auto !important;
    justify-items: center !important;
    align-items: center !important;
  }

  /* Figure sol blok: ortada kalsın */
  #cg-ch2 .cg-leftPhoto{
    width: min(560px, 96vw) !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }

  /* Görsel: blok + ortalama */
  #cg-ch2 .cg-leftPhoto img{
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* Sağ metin de ortada */
  #cg-ch2 .cg-rightCopy{
    width: min(560px, 96vw) !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }
}
.cg-story{ background:#000; color:#fff; }

/* HERO */
.cg-hero{
  position:relative;
  height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cg-hero__video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  filter:saturate(.95) contrast(1.05);
}
.cg-hero__overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 500px at 50% 60%, rgba(0,0,0,.10), rgba(0,0,0,.78) 70%),
    linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.85) 100%);
}
.cg-hero__content{
  position:relative;
  text-align:center;
  padding:0 22px;
  transform: translateY(6vh);
}
.cg-hero__logo{ width:min(320px, 70vw); opacity:.95; margin:0 auto 12px; display:block; }
.cg-hero__kicker{
  font-size:12px; letter-spacing:.34em; opacity:.85;
  margin-bottom:14px;
}
.cg-hero__title{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight:500;
  font-size: clamp(38px, 5vw, 64px);
  line-height:1.05;
  margin:0 0 10px;
}
.cg-hero__sub{
  max-width:720px;
  margin:0 auto;
  font-size: clamp(14px, 1.6vw, 18px);
  opacity:.9;
  line-height:1.6;
}
.cg-hero__hint{
  margin-top:26px;
  font-size:12px;
  letter-spacing:.28em;
  opacity:.75;
}

/* CHAPTERS (each chapter = sticky 100vh + extra scroll hold) */
.cg-chapter{
  position:relative;
  /* “2-3 scroll” hissi buradan geliyor:
     spacer ne kadar büyükse, sahne o kadar uzun sürer */
}
.cg-chapter__sticky{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}
.cg-chapter__bg{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size:cover;
  background-position:center;
  filter:contrast(1.03) saturate(.98);
  transform: scale(1.02);
}
.cg-chapter__veil{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 600px at 45% 45%, rgba(0,0,0,.08), rgba(0,0,0,.78) 72%),
    linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.18) 52%, rgba(0,0,0,.88) 100%);
}
.cg-chapter__text{
  position:relative;
  z-index:2;
  width:min(980px, 92vw);
  margin:0 auto;
  padding:0 10px 10vh;
  opacity:0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
}
.cg-chapter.is-active .cg-chapter__text{
  opacity:1;
  transform: translateY(0);
}
.cg-chapter__tag{
  font-size:12px;
  letter-spacing:.32em;
  opacity:.85;
  margin-bottom:14px;
}
.cg-chapter__title{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight:500;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height:1.06;
  margin:0 0 10px;
}
.cg-chapter__p{
  max-width:720px;
  font-size: clamp(14px, 1.6vw, 18px);
  line-height:1.65;
  opacity:.9;
}

/* this creates the “hold before next chapter starts” */
.cg-chapter__spacer{
  height:130vh; /* artır: daha uzun sahne / azalt: daha hızlı geçiş */
  background:#000;
}

/* mobile tweaks */
@media (max-width: 768px){
  .cg-hero__content{ transform: translateY(7vh); }
  .cg-chapter__text{ padding-bottom: 12vh; }
  .cg-chapter__spacer{ height:110vh; }
}






/* CH1 RICH FLOW (only chapter 1) */
.cg-chapter--rich{ min-height: 420vh; }
.cg-spacer--rich{ height: 300vh; }

.cg-flow{
  position: relative;
  z-index: 3;
  height: 100vh;
  width: min(1100px, 92vw);
  margin: 0 auto;
  padding: 0 var(--padX);
  display: grid;
  align-content: end;
  padding-bottom: clamp(36px, 9vh, 90px);
}

.cg-step{
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform 1s ease;
  pointer-events: none;
}
.cg-step.is-on{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.cg-inner--grid{
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(16px, 3vw, 34px);
  align-items: end;
}

.cg-fig{
  margin:0;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
}
.cg-img{
  width:100%;
  height: min(62vh, 520px);
  object-fit: cover;
  display:block;
  opacity: .95;
  transform: scale(1.02);
}
.cg-cap{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .75;
  padding: 10px 12px 12px;
  background: rgba(0,0,0,.55);
  border-top: 1px solid rgba(255,255,255,.08);
}

.cg-copy--wide{ max-width: none; }
.cg-inner--center{
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 16px;
}

.cg-teaserText{
  margin:0;
  font-size: 12px;
  letter-spacing: .32em;
  text-transform: uppercase;
  opacity: .8;
}

.cg-teaserCard{
  width: min(340px, 70vw);
  aspect-ratio: 4/3;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  transform: translateY(8px) scale(.92);
  opacity: .9;
  box-shadow: 0 30px 80px rgba(0,0,0,.65);
  border: 1px solid rgba(255,255,255,.10);
}
.cg-teaserCard img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  filter: contrast(1.05) saturate(.98);
  transform: scale(1.02);
}
.cg-teaserLabel{
  position:absolute;
  left: 14px;
  bottom: 12px;
  font-size: 12px;
  letter-spacing: .26em;
  text-transform: uppercase;
  background: rgba(0,0,0,.55);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
}

/* MORPH overlay */
.cg-morph{
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  opacity: 0;
  transition: opacity .25s ease;
}
.cg-morph.is-on{ opacity: 1; }

.cg-morph__img{
  position: absolute;
  left: 50%;
  top: 72%;
  width: min(340px, 70vw);
  aspect-ratio: 4/3;
  transform: translate(-50%, -50%) scale(.92);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 35px 90px rgba(0,0,0,.75);
  border: 1px solid rgba(255,255,255,.10);
  will-change: transform, width, height, left, top, border-radius;
}
.cg-morph__img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

@media (max-width: 820px){
  .cg-inner--grid{ grid-template-columns: 1fr; }
  .cg-img{ height: 44vh; }
}








/* =========================
   CETINKAYA STORY (RICH FLOW)
   CLEAN CSS (CH1–CH4)
========================= */
/* =========================
   CHAPTER 2 – CHAPTER 1 GİBİ ORTALAMA FIX
   (sağa yapışmayı keser)
========================= */

/* Split sahnesi: ortalı container */
#cg-ch2 .cg-stage--split{
  width: min(1100px, 92vw) !important;
  margin-inline: auto !important;
}

/* Sol görsel alanı: ortala + taşmayı engelle */
#cg-ch2 .cg-leftPhoto{
  width: min(520px, 92vw) !important;
  margin-inline: auto !important;
  justify-self: center !important;
  align-self: center !important;
}

/* Görselin kendisi: block + ortalı */
#cg-ch2 .cg-leftPhoto img{
  display: block !important;
  width: 100% !important;
    height: min(56vh, 560px) !important;
}

/* Sağ metin: ortalı container (mobilde daha da önemli) */
#cg-ch2 .cg-rightCopy{
  width: min(520px, 92vw) !important;
  margin-inline: auto !important;
}

/* Mobil: tek kolonken de her şey ortada kalsın */
@media (max-width: 920px){
  #cg-ch2 .cg-stage--split{
    width: min(980px, 96vw) !important;
    margin-inline: auto !important;
  }

  #cg-ch2 .cg-leftPhoto,
  #cg-ch2 .cg-rightCopy{
    width: min(560px, 96vw) !important;
    margin-inline: auto !important;
  }
}

:root{
  --padX: clamp(18px, 4vw, 72px);
}

/* Wrapper */
.cg-story{
  overflow: visible !important;
}

/* Light theme base (sayfanın geri kalanı için) */
.cg-story--light{
  background:#f6f3ee;
  color:#111;
}

/* Chapter */
.cg-story--light .cg-chapter{
  position: relative;
  min-height: 460vh;          /* rich flow uzunluğu */
  overflow: visible !important;
}

/* Sticky frame */
.cg-story--light .cg-sticky{
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden !important;
}

/* Background layer (varsa) */
.cg-story--light .cg-bg{
  position: absolute;
  inset: 0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  opacity: .18;              /* CH1/CH3/CH4’de sinematik görünürlük */
  filter: saturate(.95) contrast(1.05);
}

/* Paper overlay */
.cg-story--light .cg-paper{
  position: absolute;
  inset: 0;
}

/* Dark paper (CH1/CH2/CH3/CH4 kullandığın) */
.cg-story--light .cg-paper--dark{
  background:
    radial-gradient(900px 520px at 45% 35%, rgba(0,0,0,.25), rgba(0,0,0,.82) 70%),
    linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.92) 100%);
}

/* Flow stack */
.cg-story--light .cg-flow{
  position: relative;
  z-index: 3;
  height: 100vh;
  width: min(1200px, 92vw);
  margin: 0 auto;
  padding: 0 var(--padX);
  display: grid;
  align-content: center;
}

/* Steps */
.cg-story--light .cg-step{
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform 1s ease;
  pointer-events: none;
}
.cg-story--light .cg-step.is-on{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Stage layouts */
.cg-story--light .cg-stage{
  width: 100%;
  height: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cg-story--light .cg-stage--center{ align-items:center; text-align:center; }
.cg-story--light .cg-stage--media{ justify-content:center; align-items:center; }
.cg-story--light .cg-stage--text{ justify-content:center; max-width: 1080px; margin: 0 auto; }

.cg-story--light .cg-stage--split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(18px, 4vw, 54px);
  align-items:center;
}

.cg-story--light .cg-stage--teaser{
  justify-content:flex-end;
  align-items:center;
  padding-bottom: clamp(42px, 9vh, 110px);
}

/* Typography */
.cg-story--light .cg-mini{
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .85;
  margin-bottom: 18px;
}

.cg-story--light .cg-heroTitle{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(56px, 6.6vw, 108px);
  line-height: .95;
  margin: 0 0 18px;
}
.cg-story--light .cg-heroTitle span{
  font-style: italic;
  font-weight: 300;
}

.cg-story--light .cg-heroLogo{
  width: min(420px, 72vw);
  height: auto;
  display:block;
  margin: 0 auto;
}

.cg-story--light .cg-bigText{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(30px, 4.2vw, 62px);
  line-height: 1.12;
  margin: 0 0 16px;
}
.cg-story--light .cg-bigText em{ font-style: italic; }

.cg-story--light .cg-subText{
  max-width: 860px;
  font-size: clamp(14px, 1.45vw, 18px);
  line-height: 1.9;
  opacity: .88;
  margin: 0;
}

/* Split: left image */
.cg-story--light .cg-leftPhoto{ margin:0; }
.cg-story--light .cg-leftPhoto img{
  width:100%;
  height: min(78vh, 860px);
  object-fit: cover;
  display:block;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
}
.cg-story--light .cg-leftPhoto figcaption{
  margin-top: 12px;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .75;
}

/* Split: right copy */
.cg-story--light .cg-rightCopy{ max-width: 520px; }

.cg-story--light .cg-h2{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(24px, 2.4vw, 34px);
  margin: 0 0 12px;
}
.cg-story--light h2.cg-h2{
  color: #C6A769 !important;
}

.cg-story--light .cg-rightCopy p{
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.9;
  opacity: .92;
}

/* Full image block (CH3/CH4) */
.cg-story--light .cg-fullFigure{ margin:0; width:min(860px, 92vw); }
.cg-story--light .cg-fullImg{
  width:100%;
  height: min(86vh, 920px);
  object-fit: cover;
  display:block;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
}

/* Video */
.cg-flowVideo{
  width: min(980px, 92vw);
  height: min(70vh, 720px);
  object-fit: cover;
  display:block;
  margin: 0 auto;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
}

/* Teaser */
.cg-story--light .cg-nextMini{
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .75;
  margin-bottom: 18px;
}
.cg-story--light .cg-teaserWrap{
  width: 100%;
  display:flex;
  justify-content:center;
}
.cg-story--light .cg-teaserCard{
  width: min(360px, 72vw);
  aspect-ratio: 3/4;
  overflow:hidden;
  position: relative;
  box-shadow: 0 30px 90px rgba(0,0,0,.16);
  transform: translateY(6px) scale(.96);
}
.cg-story--light .cg-teaserCard img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.cg-story--light .cg-teaserLabel{
  position:absolute;
  left: 14px;
  bottom: 12px;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  background: rgba(0,0,0,.55);
  color:#fff;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
}

/* Rich spacer (scroll hold) */
.cg-story--light .cg-spacer--rich{
  height: 320vh;
  background: transparent;
}

/* Mobile */
@media (max-width: 920px){
  .cg-story--light .cg-stage--split{ grid-template-columns: 1fr; }
  .cg-story--light .cg-leftPhoto img{
    height: 42vh;
    max-height: 420px;
  }
  .cg-flowVideo{ height: 56vh; }

  /* 1 swipe = 1 step hissi için */
  .cg-story--light .cg-chapter{ min-height: 520vh; }
  .cg-story--light .cg-spacer--rich{ height: 440vh; }
}

/* =========================
   TEXT COLOR RULES
   (dark paper = white)
========================= */
/* =========================
   TEXT COLOR RULES (dark paper)
   Gövde metinleri beyaz, başlıklar gold
========================= */

/* Varsayılan: dark paper içinde tüm metin beyaz */
.cg-story--light .cg-paper--dark ~ .cg-flow{
  color:#fff !important;
}

/* Gövde metinleri beyazı miras alsın (explicit) */
.cg-story--light .cg-paper--dark ~ .cg-flow p,
.cg-story--light .cg-paper--dark ~ .cg-flow li,
.cg-story--light .cg-paper--dark ~ .cg-flow .cg-subtitle,
.cg-story--light .cg-paper--dark ~ .cg-flow .cg-subText,
.cg-story--light .cg-paper--dark ~ .cg-flow .cg-mini{
  color:#fff !important;
}

/* Başlık: gold */
.cg-story--light .cg-paper--dark ~ .cg-flow h2.cg-h2{
  color:#C6A769 !important;
}

.ortala{
  text-align: center;  /* Yazıyı ortalar */
  margin: 0 auto;      /* Bloğu ortalar */
}

/* =========================
   CH2: bg image kapalı + dark paper vignette
   (senin istediğin tam siyah sinema)
========================= */
#cg-ch2{ --bg: none !important; }
#cg-ch2 .cg-bg{ display:none !important; }

#cg-ch2 .cg-paper--dark{
  background:
    radial-gradient(900px 520px at 50% 40%, rgba(255,255,255,.08), rgba(0,0,0,.85) 70%),
    linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.94) 100%) !important;
}


/* =========================
   MOBILE: split görseller ortalı dursun
   (CH1–CH4)
========================= */
@media (max-width: 920px){

  /* split sahnede içerikleri ortala */
  .cg-story--light .cg-stage--split{
    grid-template-columns: 1fr !important;
    justify-items: center !important; /* ✅ sağa yapışmayı keser */
  }

  /* sol görsel kapsayıcısı ortada + kontrollü genişlik */
  .cg-story--light .cg-leftPhoto{
    justify-self: center !important;
    width: 100% !important;
    max-width: 560px;          /* ✅ istersen 520/600 yap */
    margin: 0 auto !important;
  }

  /* görselin kendisi kesin ortalansın */
  .cg-story--light .cg-leftPhoto img{
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important; /* ✅ */
    object-position: center !important;
  }

  /* full görseller de ortada dursun */
  .cg-story--light .cg-fullFigure{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .cg-story--light .cg-fullImg{
    display: block !important;
    margin: 0 auto !important;
  }
}





.gold-video-link{
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.gold-video-link .gold-video-wrap{
  cursor: pointer;
}

/* subtitle / açıklama metni */
.cg-story--light .cg-subtitle{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.75;
  color: #6b6b6b;
  margin: 0 0 8px;
  letter-spacing: 0.25px;
}

/* son satır boşluk bırakmasın */
.cg-story--light .cg-subtitle:last-child{
  margin-bottom: 0;
}



/*en alt icon*/

/* Sosyal ikon tablosu – tüm kenarlıkları kaldır */
.wp-block-table,
.wp-block-table table,
.wp-block-table td,
.wp-block-table th {
  border: none !important;
}

/* Hücreler arası çizgi/boşluk kalmasın */
.wp-block-table table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

/* Hücre ortalama + boşluk */
.wp-block-table td {
  text-align: center;        /* yatay ortala */
  vertical-align: middle;   /* dikey ortala */
  padding: 12px 16px;        /* nefes aldır */
  background: transparent;  /* beyaz arka planı da öldür */
}

/* İkonların kendisi */
.wp-block-table td img {
  display: inline-block;
  margin: 0 auto;
  transition: transform .2s ease, opacity .2s ease;
}

/* Hover – zarif Cartier havası */
.wp-block-table td img:hover {
  transform: scale(1.08);
  opacity: 0.85;
}

/* =========================
CETINKAYA SOCIAL – COPYRIGHT ARASI DENGELİ BOŞLUK
========================= */

.wp-block-table.is-style-regular{
  margin-bottom: 32px !important;   /* 64 → 32 */
}

.wp-block-table{
  display: block !important;
  padding-bottom: 18px !important;  /* 48 → 18 */
}

/* copyright satırı */
footer .site-info,
.ast-footer-copyright,
.copyright{
  padding-top: 16px !important;     /* 36 → 16 */
}

/* Mobil */
@media (max-width: 768px){
  .wp-block-table.is-style-regular{
    margin-bottom: 22px !important;
  }

  footer .site-info,
  .ast-footer-copyright,
  .copyright{
    padding-top: 12px !important;
  }
}




/* SOCIAL TABLE RESET */
.cj-social td{
  text-align:center;
  border:none !important;
  padding:6px 18px !important;
}

/* ikon boyutu */
.cj-social img{
  width:40px;
  height:auto;
  display:block;
  margin:0 auto 6px auto;
  transition:transform .25s ease, opacity .25s ease;
}

/* hover */
.cj-social a:hover img{
  transform:translateY(-3px);
  opacity:.8;
}

/* yazılar */
.cj-social-labels td{
  font-family: "Alegreya", serif;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#b8963a;
  padding-top:0 !important;
}



/* CJ SOCIAL – ikonları birbirine yaklaştır */
table.cj-social{
  width: auto !important;          /* 100% yayılmayı kes */
  margin: 0 auto !important;       /* ortala */
  table-layout: auto !important;   /* sabit kolon yayılmasın */
  border-collapse: collapse !important;
}

table.cj-social td{
  padding: 6px 60px !important;    /* 👈 18 → 10 (daha yakın) */
}

/* mobilde daha da yakın */
@media (max-width: 768px){
  table.cj-social td{
    padding: 6px 7px !important;
  }
}

/* Sadece bu mini gold */
.cg-story--light .cg-paper--dark ~ .cg-flow .cg-mini--gold{
  color: var(--cj-gold) !important;
}








/* =========================
   GTRANSLATE HEADER COLORS
========================= */
/* ========================*/ 

/* Hepsi: büyük harf + sarı */
.gt_switcher a,
#gtranslate_wrapper a{
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  color: #c9a14a !important;
}

/* EN aktifken → English siyah (senin sitede bu çalışıyordu) */
html[lang^="en"] a[data-gt-lang="en"]{
  color:#000 !important;
}

/* TR aktifken → Turkish siyah
   HTML lang TR'yi yakalamıyorsa: "çeviri aktif değilse" TR say */
html:not([lang^="en"]) a[data-gt-lang="tr"]{
  color:#000 !important;
}

/* Ek garanti: bazı kurulumlarda çeviri aktifken translated-ltr eklenir */
html.translated-ltr a[data-gt-lang="en"]{
  color:#000 !important;
}
html.translated-ltr a[data-gt-lang="tr"]{
  color:#c9a14a !important;
}






/* =========================================
   CETINKAYA STORY – CLEAN (CH1 STYLE FOR ALL)
   Only story-related classes
========================================= */

:root{
  --cj-gold: #c9a24d;
  --padX: clamp(18px, 4vw, 72px);
}

/* Full width pages (optional but you already use) */
.ast-container,
.ast-page-builder-template .ast-container,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single{
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.entry-content{ margin:0 !important; }


/* ===== STORY WRAPPER ===== */
section.cg-story{
  overflow: visible !important;
  background:#000;
  color:#fff;
}

/* Chapter frame (Rich) */
section.cg-story .cg-chapter{
  position: relative;
  min-height: 460vh;          /* chapter length */
  overflow: visible !important;
}

section.cg-story .cg-sticky{
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden !important;
}
section.cg-story .cg-sticky{
  overflow-x: clip !important;
}

section.cg-story .cg-bg{
  position: absolute;
  inset: 0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  opacity: .18;
  filter: saturate(.95) contrast(1.05);
}

section.cg-story .cg-paper{
  position: absolute;
  inset: 0;
}

/* Dark cinematic overlay (CH1 style) */
section.cg-story .cg-paper--dark{
  background:
    radial-gradient(900px 520px at 45% 35%, rgba(0,0,0,.25), rgba(0,0,0,.82) 70%),
    linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.92) 100%);
}

/* Flow */
section.cg-story .cg-flow{
  position: relative;
  z-index: 3;
  height: 100vh;
  width: min(1200px, 92vw);
  margin: 0 auto;
  padding: 0 var(--padX);
  display: grid;
  align-content: center;
  box-sizing: border-box;
}

/* Step fade */
section.cg-story .cg-step{
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform 1s ease;
  pointer-events: none;
}
section.cg-story .cg-step.is-on{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Stages */
section.cg-story .cg-stage{
  width: 100%;
  height: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

section.cg-story .cg-stage--center{ align-items:center; text-align:center; }
section.cg-story .cg-stage--media{ justify-content:center; align-items:center; }
section.cg-story .cg-stage--text{ justify-content:center; max-width: 1080px; margin: 0 auto; }

section.cg-story .cg-stage--split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(18px, 4vw, 54px);
  align-items:center;
}

section.cg-story .cg-stage--teaser{
  justify-content:flex-end;
  align-items:center;
  padding-bottom: clamp(42px, 9vh, 110px);
}

/* Typography */
section.cg-story .cg-mini{
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .85;
  margin-bottom: 18px;
}
section.cg-story .cg-mini--gold{ color: var(--cj-gold) !important; }

section.cg-story .cg-heroTitle{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(56px, 6.6vw, 108px);
  line-height: .95;
  margin: 0 0 18px;
}
section.cg-story .cg-heroTitle span{
  font-style: italic;
  font-weight: 300;
}

section.cg-story .cg-bigText{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(30px, 4.2vw, 62px);
  line-height: 1.12;
  margin: 0 0 16px;
}
section.cg-story .cg-bigText em{ font-style: italic; }

section.cg-story .cg-subtitle{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.75;
  color: #fff;                 /* dark paper = white */
  opacity: .88;
  margin: 0 0 8px;
  letter-spacing: .25px;
}
section.cg-story .cg-subtitle:last-child{ margin-bottom: 0; }

/* Headings in right copy */
section.cg-story .cg-h2{
  font-family: ui-serif, "Georgia", "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(24px, 2.4vw, 34px);
  margin: 0 0 12px;
  color: #C6A769 !important;
}

/* Split: left image */
section.cg-story .cg-leftPhoto{ margin:0; }
section.cg-story .cg-leftPhoto img{
  width:100%;
  height: min(78vh, 860px);
  object-fit: cover;
  display:block;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
}
section.cg-story .cg-leftPhoto figcaption{
  margin-top: 12px;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .75;
  color:#fff;
}

/* Right copy width */
section.cg-story .cg-rightCopy{ max-width: 520px; }

/* Video */
section.cg-story .cg-flowVideo{
  width: min(980px, 92vw);
  height: min(70vh, 720px);
  object-fit: cover;
  display:block;
  margin: 0 auto;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
}

/* Teaser */
section.cg-story .cg-nextMini{
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .75;
  margin-bottom: 18px;
  color:#fff;
}
section.cg-story .cg-teaserWrap{
  width: 100%;
  display:flex;
  justify-content:center;
}
section.cg-story .cg-teaserCard{
  width: min(360px, 72vw);
  aspect-ratio: 3/4;
  overflow:hidden;
  position: relative;
  box-shadow: 0 30px 90px rgba(0,0,0,.16);
  transform: translateY(6px) scale(.96);
  border: 1px solid rgba(255,255,255,.10);
}
section.cg-story .cg-teaserCard img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
section.cg-story .cg-teaserLabel{
  position:absolute;
  left: 14px;
  bottom: 12px;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  background: rgba(0,0,0,.55);
  color:#fff;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
}

/* Spacer hold */
section.cg-story .cg-spacer--rich{
  height: 320vh;
  background: transparent;
}

/* ===== DUO (CH2) ===== */
section.cg-story .cg-stage--duo{
  justify-content: center;
  align-items: center;
  gap: 16px;
}

section.cg-story .cg-duo{
  width: min(980px, 92vw);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 2.2vw, 22px);
  align-items: stretch;
  margin: 0 auto;
}

section.cg-story .cg-duoFigure{
  margin: 0;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.14);
  background: rgba(255,255,255,.03);
}

section.cg-story .cg-duoImg{
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}

/* Utility */
.ortala{ text-align:center; margin:0 auto; }

/* ===== CH2: background off (pure cinema black) ===== */
#cg-ch2{ --bg: none !important; }
#cg-ch2 .cg-bg{ display:none !important; }
#cg-ch2 .cg-paper--dark{
  background:
    radial-gradient(900px 520px at 50% 40%, rgba(255,255,255,.08), rgba(0,0,0,.85) 70%),
    linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.94) 100%) !important;
}

/* ===== MOBILE ===== */
@media (max-width: 920px){
  section.cg-story .cg-stage--split{
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  section.cg-story .cg-leftPhoto{
    width: 100% !important;
    max-width: 560px;
    margin: 0 auto !important;
  }
  section.cg-story .cg-leftPhoto img{
    height: 42vh;
    max-height: 420px;
    margin: 0 auto !important;
    object-position: center !important;
  }

  section.cg-story .cg-rightCopy{
    width: 100%;
    max-width: 560px;
    margin: 0 auto !important;
  }

  /* Duo: mobilde de yan yana kalsın */
  section.cg-story .cg-duo{
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: min(980px, 96vw) !important;
  }

  section.cg-story .cg-flowVideo{
    height: 56vh;
  }

  section.cg-story .cg-chapter{ min-height: 520vh; }
  section.cg-story .cg-spacer--rich{ height: 440vh; }
}

@media (max-width: 380px){
  section.cg-story .cg-duo{ gap: 8px !important; }
}






/* =========================
   CJ CANLI PİYASA (CLEAN)
========================= */

/* TICKER BAR */
.cj-ticker{
  background:#111;
  border:1px solid rgba(201,162,77,.25);
  border-radius:14px;
  overflow:hidden;
  padding:14px 16px;
}

.cj-ticker__row{
  display:flex;
  align-items:center;
  white-space:nowrap;
}

.cj-ticker__track{
  overflow:hidden;
  flex:1;
  min-width:0;
}

.cj-ticker__marquee{ overflow:hidden; }

/* INNER KAYAN ALAN */
.cj-ticker__inner{
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation: cjMarquee 260s linear infinite;
}

/* ✅ HOVER'DA DURMA YOK (özellikle kaldır) */
.cj-ticker:hover .cj-ticker__inner,
.cj-ticker:hover .cj-ticker__marquee{
  animation-play-state: running !important;
}

/* 2 set => -50% */
@keyframes cjMarquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

.cj-ticker__set{
  display:flex;
  align-items:center;
}

/* ITEM: KART/ÇEMBER YOK + NOKTA YOK + MESAFE VAR */
.cj-tick{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:0;
  margin-right:44px;      /* aralıklı */
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
}

.cj-tick__name{
  color:#c9a24d;
  font-weight:800;
  font-size:18px;
  letter-spacing:.3px;
}

.cj-tick__dash{
  color:rgba(255,255,255,.45);
  font-weight:900;
  font-size:18px;
}

.cj-tick__sell{
  color:#fff;
  font-weight:900;
  font-size:20px;
  letter-spacing:.2px;
}

/* TABLE */
.cj-altin-box{
  background:#000;
  padding:18px;
  border:1px solid rgba(201,162,77,.25);
  border-radius:14px;
  overflow:hidden;
}

.cj-altin-err, .cj-altin-loading{
  color:rgba(255,255,255,.8);
  padding:10px 0;
}

.cj-altin{
  width:100%;
  border-collapse:collapse;
  background:#000;
  color:#eaeaea;
  font-family:"Cormorant Garamond", serif;
  letter-spacing:.2px;
  border:1px solid rgba(201,162,77,.25);
  border-radius:14px;
  overflow:hidden;
}

.cj-altin thead th{
  color:#c9a24d;
  font-weight:600;
  font-size:18px;
  padding:18px 14px;
  border-bottom:1px solid rgba(201,162,77,.45);
  text-align:left;
  white-space:nowrap;
}

.cj-altin tbody td{
  padding:14px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:17px;
  white-space:nowrap;
}

.cj-altin td, .cj-altin th{ border-right:none !important; }

.cj-altin tbody tr:hover{
  background:linear-gradient(90deg, rgba(201,162,77,.10), rgba(0,0,0,0));
}

.cj-name{ color:#fff; font-weight:600; white-space:normal; }

.cj-change.neg{ color:#c9a24d; font-weight:800; }
.cj-change.pos{ color:#58c27d; font-weight:800; }
.cj-change.neu{ color:#cfcfcf; font-weight:800; }

/* MOBİL */
@media(max-width:768px){
  .cj-tick__name{ font-size:16px; }
  .cj-tick__dash{ font-size:16px; }
  .cj-tick__sell{ font-size:18px; }
  .cj-tick{ margin-right:34px; }

  .cj-altin thead{ display:none; }
  .cj-altin, .cj-altin tbody, .cj-altin tr, .cj-altin td{ display:block; width:100%; }
  .cj-altin tr{ padding:14px 0; border-bottom:1px solid rgba(201,162,77,.35); }
  .cj-altin td{ padding:6px 0; text-align:right; }
  .cj-name{ text-align:left; font-size:20px; color:#c9a24d; margin-bottom:6px; }
}







section.cg-story{
  overflow-x:hidden;
}

section.cg-story .cg-flow{
  width: min(1200px, 92vw);
  margin: 0 auto;
  padding: 0 clamp(18px,4vw,72px);
  box-sizing:border-box;
}

section.cg-story .cg-stage--split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(18px,4vw,54px);
  align-items:center;
}

@media(max-width:920px){
  section.cg-story .cg-stage--split{
    grid-template-columns:1fr;
    justify-items:center;
  }

  section.cg-story .cg-leftPhoto,
  section.cg-story .cg-rightCopy{
    width:100%;
    max-width:560px;
    margin:0 auto;
  }
}





/* =========================
   CH2 + CH3 – MOBILE: FIGCAPTION ORTALAMA KAPAT (GÜÇLÜ KÖKLER GİBİ)
   EN ALTA YAPIŞTIR
========================= */
@media (max-width: 920px){

  /* Resim altı yazılar: ortalama yok, hafif sola */
  #cg-ch2 .cg-leftPhoto figcaption,
  #cg-ch3 .cg-leftPhoto figcaption{
    text-align: left !important;
    width: 100% !important;
    max-width: 560px !important;     /* resim bloğunla aynı */
    margin: 12px auto 0 !important;  /* blok ortada kalsın */
    padding-left: 14px !important;   /* yazıyı “biraz sola” çek */
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  /* Eğer bir yerde figcaption’a center basan başka kural varsa: kesin ez */
  #cg-ch2 .cg-leftPhoto,
  #cg-ch3 .cg-leftPhoto{
    text-align: left !important;     /* sadece caption/alt metin için yardımcı */
  }
}






/* =========================
   CH2 + CH3 – MOBILE: FRAME + SOLA KAYDIR (TRANSFORM İLE / FINAL)
   EN ALTA YAPIŞTIR
========================= */
@media (max-width: 920px){

  :root{ --cg-imgShift: 12px; }  /* 8 / 12 / 16 deneyebilirsin */

  /* Frame: yanlarda siyah alan + ortalı */
  #cg-ch2 .cg-stage--split > figure.cg-leftPhoto,
  #cg-ch3 .cg-stage--split > figure.cg-leftPhoto{
    width: min(520px, 86vw) !important;
    margin: 0 auto !important;                 /* ortalı frame */
    transform: translateX(calc(var(--cg-imgShift) * -1)) !important; /* 🔥 sola kaydır */
  }

  /* Resim: frame’i doldursun */
  #cg-ch2 .cg-stage--split > figure.cg-leftPhoto > img,
  #cg-ch3 .cg-stage--split > figure.cg-leftPhoto > img{
    display: block !important;
    width: 100% !important;
    height: 42vh !important;
    max-height: 420px !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

  /* Caption: aynı frame’de kalsın, sola yakın dursun */
  #cg-ch2 .cg-stage--split > figure.cg-leftPhoto > figcaption,
  #cg-ch3 .cg-stage--split > figure.cg-leftPhoto > figcaption{
    margin-top: 12px !important;
    padding-left: 14px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
}





/* =========================
   CH2 + CH3 – MOBILE: TEXT FRAME SABİT + HAFİF SOLA KAYDIR (TÜM STEPLER)
   EN ALTA YAPIŞTIR
========================= */
@media (max-width: 920px){

  :root{ --cg-imgShift: 12px; } /* 8 / 12 / 16 */

  /* CH2 & CH3: text stage'ler step değişse de aynı kalsın */
  #cg-ch2 .cg-stage--text,
  #cg-ch3 .cg-stage--text{
    width: min(520px, 86vw) !important;
    margin: 0 auto !important;

    /* transform yerine: sabit kaydırma (step değişince bozulmaz) */
    position: relative !important;
    left: calc(var(--cg-imgShift) * -1) !important;

    text-align: left !important;
  }

  /* iç metinlerin kendi sola boşlukları varsa sıfırla */
  #cg-ch2 .cg-stage--text .cg-bigText,
  #cg-ch3 .cg-stage--text .cg-bigText,
  #cg-ch3 .cg-stage--text .cg-subtitle{
    margin-left: 0 !important;
  }
}




/* =========================
   CH2 – DUO RESİMLERİ DE SOLA KAYDIR
========================= */
@media (max-width: 920px){

  /* aynı shift kullan */
  #cg-ch2 .cg-stage--duo .cg-duo{
    width: min(520px, 86vw) !important;
    margin: 0 auto !important;
    transform: translateX(calc(var(--cg-imgShift) * -1)) !important;
  }

  /* alt yazı da aynı hizaya gelsin */
  #cg-ch2 .cg-stage--duo .cg-duoText{
    width: min(520px, 86vw) !important;
    margin: 14px auto 0 auto !important;
    transform: translateX(calc(var(--cg-imgShift) * -1)) !important;
    text-align: left !important;
  }
}


/* =========================
   CH3 – TEKLİ MEDIA RESMİ SOLA KAYDIR
========================= */
@media (max-width: 920px){

  /* video + image container */
  #cg-ch3 .cg-stage--media{
    width: min(520px, 86vw) !important;
    margin: 0 auto !important;
    transform: translateX(calc(var(--cg-imgShift) * -1)) !important;
  }

  /* resmin kendisi */
  #cg-ch3 .cg-stage--media img,
  #cg-ch3 .cg-stage--media video{
    width: 100% !important;
    display: block !important;
  }

  /* alt yazı hizası */
  #cg-ch3 .cg-stage--media .cg-subtitle{
    text-align: left !important;
    margin-left: 0 !important;
  }
}




.cj-altin-wrap{
  width:100%;
  overflow:auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  padding:14px;
}

.cj-altin-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
  font-size:15px;
}

.cj-altin-table th{
  background:#111;
  color:#d4af37;
  text-align:left;
  padding:14px 12px;
  font-weight:700;
}

.cj-altin-table td{
  padding:12px;
  border-bottom:1px solid #ececec;
  color:#222;
}

.cj-altin-table tr:hover td{
  background:#faf8f1;
}

.cj-altin-error{
  padding:16px;
  background:#fff4f4;
  color:#a40000;
  border-radius:12px;
}