#inci20{
  all:initial; display:block;
  --d-cr1   :#FAFAF7;
  --d-cr2   :#F2EFE7;
  --d-cr3   :#E5E2DC;
  --d-cr4   :#D8D4CB;
  --d-an1   :#1F2329;
  --d-an2   :#2C3038;
  --d-an3   :#3D434D;
  --d-an4   :#5C6470;
  --d-au1   :#C9A961;
  --d-au2   :#D4B574;
  --d-au3   :#E8C77A;
  --d-au4   :#A88B45;
  --d-st    :#7A8290;
  --d-grad  :linear-gradient(135deg, #C9A961, #D4B574, #E8C77A);
  --d-grad2 :linear-gradient(135deg, #E8C77A, #C9A961, #A88B45);
  --d-grad3 :linear-gradient(135deg, #2C3038, #3D434D, #5C6470);
  --d-glow  :0 0 24px rgba(201,169,97,.30);
  --d-glowb :0 0 48px rgba(201,169,97,.55);
  --d-sh    :0 30px 60px -15px rgba(31,35,41,.18);
  --d-ease  :cubic-bezier(.23,1,.32,1);
  --d-lux   :cubic-bezier(.19,1,.22,1);

  position:relative; width:100%;
  font-family:'Montserrat', sans-serif;
  -webkit-font-smoothing:antialiased;
  background:var(--d-cr1);
  color:var(--d-an1);
  overflow:hidden;
}
#inci20 *, #inci20 *::before, #inci20 *::after{
  box-sizing:border-box; margin:0; padding:0;
  -webkit-tap-highlight-color:transparent;
}

/* ═══════════════════════════════════════════════════
   KAYAN YAZI - ANTRASİT ŞERİT
   ═══════════════════════════════════════════════════ */
#inci20 .d-tk{
  position:relative; z-index:50;
  width:100%; height:40px;
  background:linear-gradient(90deg, var(--d-an1) 0%, var(--d-an2) 50%, var(--d-an1) 100%);
  border-bottom:1px solid var(--d-au1);
  display:flex; align-items:center; overflow:hidden;
}
#inci20 .d-tk::before, #inci20 .d-tk::after{
  content:''; position:absolute; top:0; bottom:0;
  width:70px; z-index:2; pointer-events:none;
}
#inci20 .d-tk::before{left:0; background:linear-gradient(90deg, var(--d-an1), transparent)}
#inci20 .d-tk::after{right:0; background:linear-gradient(-90deg, var(--d-an1), transparent)}
#inci20 .d-tk-t{display:flex; align-items:center; white-space:nowrap; animation:dTk 38s linear infinite}
#inci20 .d-tk-i{
  display:inline-flex; align-items:center; gap:12px;
  padding:0 28px;
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase;
  color:rgba(250,250,247,.7);
}
#inci20 .d-tk-i.g{color:var(--d-au3); font-weight:700; text-shadow:0 0 10px rgba(201,169,97,.5)}
#inci20 .d-tk-d{
  width:6px; height:6px;
  background:var(--d-au1);
  transform:rotate(45deg);
}
#inci20 .d-tk-i.g .d-tk-d{background:var(--d-au3); box-shadow:0 0 10px var(--d-au3)}
@keyframes dTk{to{transform:translateX(-50%)}}

/* ═══════════════════════════════════════════════════
   STAGE
   ═══════════════════════════════════════════════════ */
#inci20 .d-stage{
  position:relative; width:100%;
  height:calc(100vh - 76px);
  min-height:680px;
  overflow:hidden;
  background:var(--d-cr1);
}
#inci20.has-ticker .d-stage{height:calc(100vh - 76px - 40px)}
@media(max-width:1024px){
  #inci20 .d-stage{height:calc(100vh - 64px); min-height:620px}
  #inci20.has-ticker .d-stage{height:calc(100vh - 64px - 40px)}
}
@media(max-width:767px){
  #inci20 .d-stage{height:calc(100svh - 64px); min-height:600px}
  #inci20.has-ticker .d-stage{height:calc(100svh - 64px - 40px); min-height:580px}
}

/* MERMER DOKU ARKAPLAN (subtle SVG) */
#inci20 .d-marble{
  position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(ellipse 70% 50% at 15% 25%, rgba(216,212,203,.4) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 85% 75%, rgba(201,169,97,.06) 0%, transparent 55%),
    radial-gradient(ellipse 50% 70% at 50% 90%, rgba(229,226,220,.3) 0%, transparent 50%),
    linear-gradient(135deg, var(--d-cr1) 0%, var(--d-cr2) 60%, var(--d-cr3) 100%);
  pointer-events:none;
}

/* Mermer çizgileri (SVG inline) */
#inci20 .d-marble-lines{
  position:absolute; inset:0; z-index:1;
  pointer-events:none;
  opacity:.12;
}
#inci20 .d-marble-lines svg{width:100%; height:100%}
#inci20 .d-marble-lines path{
  fill:none;
  stroke:var(--d-an3);
  stroke-width:.5;
}

/* ELMAS KESİM DIAGONAL ÇİZGİLER */
#inci20 .d-cuts{
  position:absolute; inset:0; z-index:2;
  pointer-events:none;
}
#inci20 .d-cut{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--d-au2), transparent);
  box-shadow:0 0 8px rgba(201,169,97,.3);
  opacity:0;
  animation:dCutShine 6s ease-in-out infinite;
}
#inci20 .d-cut-1{
  top:18%; left:-10%; width:50%;
  transform:rotate(35deg);
  animation-delay:0s;
}
#inci20 .d-cut-2{
  top:65%; right:-10%; width:60%;
  transform:rotate(-25deg);
  animation-delay:2s;
}
#inci20 .d-cut-3{
  top:40%; left:30%; width:40%;
  transform:rotate(55deg);
  animation-delay:4s;
}
@keyframes dCutShine{
  0%,100%{opacity:0}
  50%{opacity:.6}
}

/* ═══════════════════════════════════════════════════
   SLIDE - slideInHero
   ═══════════════════════════════════════════════════ */
#inci20 .d-slide{
  position:absolute; inset:0;
  opacity:0; visibility:hidden;
  transform:translateX(100%) scale(.92);
  z-index:1; overflow:hidden;
}
#inci20 .d-slide.on{
  opacity:1; visibility:visible;
  transform:none; z-index:5;
  animation:dSlideIn 1.4s var(--d-ease) forwards;
}
#inci20 .d-slide.out{
  animation:dSlideOut 1.4s var(--d-ease) forwards;
  z-index:4;
}
@keyframes dSlideIn{
  0%{transform:translateX(100%) scale(.92); clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)}
  50%{transform:translateX(0) scale(1)}
  100%{transform:translateX(0) scale(1); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
}
@keyframes dSlideOut{
  0%{transform:translateX(0) scale(1); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity:1}
  50%{transform:translateX(-15%) scale(.96)}
  100%{transform:translateX(-100%) scale(.92); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); opacity:0}
}

/* GRID LAYOUT - Sol içerik, sağ görsel */
#inci20 .d-grid{
  position:relative; z-index:10;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:clamp(30px,5vw,80px);
  align-items:center;
  height:100%;
  padding:clamp(60px,8vh,90px) clamp(24px,5vw,80px) clamp(80px,11vh,110px);
  max-width:1500px; margin:0 auto;
}
@media(max-width:1024px){
  #inci20 .d-grid{
    grid-template-columns:1fr;
    gap:clamp(20px,3vh,32px);
    text-align:center;
    padding:clamp(60px,8vh,80px) 24px clamp(90px,12vh,110px);
  }
}

/* SOL İÇERİK */
#inci20 .d-left{position:relative}
@media(max-width:1024px){#inci20 .d-left{order:2}}

/* BADGE - Altın çift çizgili */
#inci20 .d-badge{
  display:inline-flex; align-items:center; gap:14px;
  font-family:'JetBrains Mono', monospace;
  font-size:clamp(.68rem,.78vw,.82rem);
  font-weight:600;
  color:var(--d-au4);
  text-transform:uppercase;
  letter-spacing:.36em;
  margin-bottom:20px;
  opacity:0; transform:translateY(20px);
  transition:all .8s var(--d-ease) .3s;
}
#inci20 .d-slide.on .d-badge{opacity:1; transform:none}
#inci20 .d-badge::before{
  content:''; width:36px; height:1.5px;
  background:var(--d-grad);
  box-shadow:0 0 6px rgba(201,169,97,.5);
}
#inci20 .d-badge::after{
  content:'◆'; color:var(--d-au2); font-size:10px;
}
@media(max-width:1024px){
  #inci20 .d-badge{justify-content:center}
}
@media(max-width:767px){
  #inci20 .d-badge{
    font-size:.6rem;
    letter-spacing:.24em;
    margin-bottom:12px;
    gap:10px;
  }
  #inci20 .d-badge::before{width:24px}
}

/* BAŞLIK - Cormorant + italic altın vurgu */
#inci20 .d-title{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(2.6rem, 7vw, 6.5rem);
  font-weight:700;
  line-height:.95;
  color:var(--d-an1);
  letter-spacing:-.02em;
  margin-bottom:20px;
  opacity:0; transform:translateY(40px);
  transition:all 1.1s var(--d-ease) .5s;
}
#inci20 .d-slide.on .d-title{opacity:1; transform:none}
#inci20 .d-t1{display:block; font-style:normal; text-transform:uppercase}
#inci20 .d-t2{
  display:inline-block;
  font-style:italic;
  background:var(--d-grad2);
  background-size:200% 200%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  position:relative;
  animation:dGradShift 6s ease-in-out infinite;
}
@keyframes dGradShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
/* Altın alt çizgi */
#inci20 .d-t2::after{
  content:''; position:absolute;
  bottom:-8px; left:0;
  width:100%; height:3px;
  background:var(--d-grad);
  transform:scaleX(0); transform-origin:left;
  animation:dUnderline 1.4s var(--d-ease) 1.8s forwards;
  box-shadow:0 0 12px rgba(201,169,97,.5);
}
@keyframes dUnderline{to{transform:scaleX(1)}}

/* AÇIKLAMA */
#inci20 .d-desc{
  font-family:'Montserrat', sans-serif;
  font-size:clamp(.92rem,1.1vw,1.1rem);
  font-weight:400;
  line-height:1.75;
  color:var(--d-an4);
  max-width:520px;
  margin-bottom:24px;
  opacity:0; transform:translateY(20px);
  transition:all .8s var(--d-ease) .75s;
}
@media(max-width:1024px){#inci20 .d-desc{margin-left:auto; margin-right:auto}}
#inci20 .d-slide.on .d-desc{opacity:1; transform:none}

/* ÖZELLİK KARTLARI - Premium beyaz, altın çizgi */
#inci20 .d-feats{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:10px;
  max-width:520px;
  margin-bottom:26px;
  opacity:0; transform:translateY(20px);
  transition:all .8s var(--d-ease) .9s;
}
@media(max-width:1024px){#inci20 .d-feats{margin-left:auto; margin-right:auto}}
@media(max-width:420px){#inci20 .d-feats{grid-template-columns:1fr}}
#inci20 .d-slide.on .d-feats{opacity:1; transform:none}

#inci20 .d-feat{
  display:flex; align-items:center; gap:11px;
  padding:11px 14px;
  background:#fff;
  border:1px solid var(--d-cr3);
  border-left:3px solid var(--d-au1);
  text-align:left;
  box-shadow:0 4px 14px rgba(31,35,41,.06);
  transition:all .35s ease;
}
#inci20 .d-feat:hover{
  border-left-color:var(--d-au3);
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(201,169,97,.18);
}
#inci20 .d-feat-ic{
  width:32px; height:32px;
  background:var(--d-grad);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  color:var(--d-an1); font-size:13px;
  font-weight:700;
  clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
#inci20 .d-feat-tx{flex:1; min-width:0}
#inci20 .d-feat-tt{
  font-family:'Montserrat', sans-serif;
  font-size:12.5px; font-weight:700;
  color:var(--d-an1);
  letter-spacing:.02em;
  line-height:1.2;
  text-transform:uppercase;
}
#inci20 .d-feat-st{
  font-size:10.5px;
  color:var(--d-an4);
  font-weight:500;
  margin-top:1px;
}

/* BUTONLAR - Premium */
#inci20 .d-btns{
  display:flex; gap:12px; flex-wrap:wrap;
  opacity:0; transform:translateY(20px);
  transition:all .8s var(--d-ease) 1.05s;
}
@media(max-width:1024px){#inci20 .d-btns{justify-content:center}}
@media(max-width:480px){#inci20 .d-btns{flex-direction:column; align-items:center; width:100%}}
#inci20 .d-slide.on .d-btns{opacity:1; transform:none}

#inci20 .d-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 28px;
  font-family:'Montserrat', sans-serif;
  font-size:12px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase;
  text-decoration:none;
  border:2px solid transparent;
  transition:all .4s var(--d-ease);
  position:relative; overflow:hidden;
  cursor:pointer;
}
#inci20 .d-btn::before{
  content:''; position:absolute;
  top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transition:left .6s ease;
}
#inci20 .d-btn:hover::before{left:100%}

#inci20 .d-btn.primary{
  background:var(--d-grad);
  color:var(--d-an1);
  border-color:var(--d-au1);
  box-shadow:0 10px 24px rgba(201,169,97,.32);
}
#inci20 .d-btn.primary:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:0 18px 36px rgba(201,169,97,.5);
  background:linear-gradient(135deg, #D4B574, #C9A961, #E8C77A);
}

#inci20 .d-btn.gold{
  background:var(--d-an1);
  color:#fff !important;
  border-color:var(--d-an1);
  box-shadow:0 8px 20px rgba(31,35,41,.25);
}
#inci20 .d-btn.gold span{color:#fff}
#inci20 .d-btn.gold svg{stroke:#fff}
#inci20 .d-btn.gold:hover{
  background:var(--d-grad);
  color:var(--d-an1) !important;
  border-color:var(--d-au1);
  transform:translateY(-4px) scale(1.03);
}
#inci20 .d-btn.gold:hover span{color:var(--d-an1)}
#inci20 .d-btn.gold:hover svg{stroke:var(--d-an1)}

#inci20 .d-btn.ghost{
  background:#fff;
  color:var(--d-an1);
  border-color:var(--d-an2);
}
#inci20 .d-btn.ghost:hover{
  background:var(--d-an1);
  color:#fff;
  transform:translateY(-4px);
}

#inci20 .d-btn.danger{
  background:#DC2626; color:#fff;
  border-color:#DC2626;
}
#inci20 .d-btn.danger:hover{
  background:#B91C1C;
  transform:translateY(-4px) scale(1.03);
}

#inci20 .d-btn svg{
  width:13px; height:13px;
  fill:none; stroke:currentColor; stroke-width:2.5;
  position:relative; z-index:1;
  transition:transform .3s;
}
#inci20 .d-btn:hover svg{transform:translateX(4px)}
#inci20 .d-btn span{
  position:relative; z-index:1;
  color:inherit;
}
@media(max-width:480px){
  #inci20 .d-btn{width:88%; max-width:280px; justify-content:center}
}

/* ═══════════════════════════════════════════════════
   SAĞ - GÖRSEL ALANI (Elmas çerçeve + dönen dişli)
   ═══════════════════════════════════════════════════ */
#inci20 .d-right{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  height:100%;
}
@media(max-width:1024px){
  #inci20 .d-right{order:1; height:auto; max-height:280px}
}
@media(max-width:767px){
  #inci20 .d-right{max-height:220px}
}

/* ELMAS ÇERÇEVE - polygon kesimli görsel */
#inci20 .d-frame{
  position:relative;
  width:min(500px, 95%);
  aspect-ratio:1;
  opacity:0; transform:rotate(-5deg) scale(.85);
  transition:all 1.2s var(--d-ease) .5s;
}
@media(max-width:1024px){#inci20 .d-frame{width:min(280px, 65%)}}
@media(max-width:767px){#inci20 .d-frame{width:min(220px, 60%)}}
#inci20 .d-slide.on .d-frame{opacity:1; transform:none}

#inci20 .d-frame-img{
  position:absolute; inset:0;
  /* Elmas kesim - dikdörtgenin 4 köşesi kesik */
  clip-path:polygon(15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0 85%, 0 15%);
  overflow:hidden;
  background:linear-gradient(135deg, var(--d-cr3), var(--d-cr2));
  box-shadow:
    0 30px 60px rgba(31,35,41,.2),
    inset 0 0 40px rgba(0,0,0,.05);
}
#inci20 .d-frame-img img{
  width:100%; height:100%;
  object-fit:cover;
  transition:transform 8s ease;
}
#inci20 .d-slide.on .d-frame-img img{transform:scale(1.08)}
#inci20 .d-frame-ph{
  width:100%; height:100%;
  background:linear-gradient(135deg, var(--d-an2), var(--d-an4));
  display:flex; align-items:center; justify-content:center;
  color:var(--d-au2); font-size:80px;
}

/* Altın border dış çerçeve */
#inci20 .d-frame-border{
  position:absolute; inset:-8px;
  clip-path:polygon(15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0 85%, 0 15%);
  background:var(--d-grad);
  z-index:-1;
  filter:blur(2px);
  opacity:.5;
}

/* DÖNEN DİŞLİ (logodaki teması) */
#inci20 .d-gear{
  position:absolute;
  top:-8%; right:-8%;
  width:30%; height:30%;
  z-index:5;
  animation:dGearRot 25s linear infinite;
  opacity:.85;
  filter:drop-shadow(0 6px 18px rgba(201,169,97,.4));
}
#inci20 .d-gear svg{width:100%; height:100%}
@keyframes dGearRot{to{transform:rotate(360deg)}}

/* KÜÇÜK DİŞLİ alt */
#inci20 .d-gear-2{
  position:absolute;
  bottom:-6%; left:-6%;
  width:22%; height:22%;
  z-index:5;
  animation:dGearRotRev 18s linear infinite;
  opacity:.7;
  filter:drop-shadow(0 4px 14px rgba(201,169,97,.3));
}
@keyframes dGearRotRev{to{transform:rotate(-360deg)}}

/* KALİTE DAMGASI - sağ alt mühür */
#inci20 .d-stamp{
  position:absolute;
  bottom:8%; right:8%;
  width:100px; height:100px;
  z-index:6;
  background:var(--d-an1);
  border:2px solid var(--d-au2);
  border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:var(--d-au3);
  text-align:center;
  box-shadow:0 8px 24px rgba(31,35,41,.25);
  transform:rotate(-12deg);
  opacity:0;
  animation:dStampIn 1s var(--d-lux) 1.5s forwards;
}
@keyframes dStampIn{
  0%{opacity:0; transform:rotate(-12deg) scale(0)}
  60%{opacity:1; transform:rotate(-12deg) scale(1.1)}
  100%{opacity:1; transform:rotate(-12deg) scale(1)}
}
#inci20 .d-stamp-1{
  font-family:'Cormorant Garamond', serif;
  font-style:italic;
  font-size:18px; font-weight:700;
  line-height:1;
}
#inci20 .d-stamp-2{
  font-family:'JetBrains Mono', monospace;
  font-size:7px; font-weight:600;
  letter-spacing:.18em;
  margin-top:4px;
  color:var(--d-cr2);
}
@media(max-width:767px){#inci20 .d-stamp{width:70px; height:70px}
  #inci20 .d-stamp-1{font-size:13px}
  #inci20 .d-stamp-2{font-size:6px}
}

/* ═══════════════════════════════════════════════════
   COUNTER (sağ üst)
   ═══════════════════════════════════════════════════ */
#inci20 .d-counter{
  position:absolute;
  top:clamp(24px,3.5vh,40px); right:clamp(24px,4vw,50px);
  z-index:30;
  display:flex; align-items:baseline; gap:8px;
}
#inci20 .d-c-cur{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(2rem,3.5vw,3.2rem);
  font-weight:700;
  background:var(--d-grad2);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1;
}
#inci20 .d-c-sep{
  color:var(--d-an4);
  font-size:1.2rem;
}
#inci20 .d-c-tot{
  font-family:'Montserrat', sans-serif;
  font-size:.9rem;
  color:var(--d-an4);
  font-weight:600;
  letter-spacing:.1em;
}
@media(max-width:767px){
  #inci20 .d-counter{top:14px; right:14px}
  #inci20 .d-c-cur{font-size:1.4rem}
  #inci20 .d-c-tot{font-size:.7rem}
}

/* TELEFON CTA (sol üst) */
#inci20 .d-tel{
  position:absolute;
  top:clamp(24px,3.5vh,40px); left:clamp(24px,4vw,50px);
  z-index:30;
  display:flex; align-items:center; gap:10px;
  padding:9px 18px 9px 9px;
  background:#fff;
  border:1.5px solid var(--d-au1);
  border-radius:50px;
  box-shadow:0 8px 24px rgba(201,169,97,.18);
  text-decoration:none;
  transition:all .3s ease;
}
#inci20 .d-tel:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(201,169,97,.3);
  border-color:var(--d-au2);
}
#inci20 .d-tel-ic{
  width:32px; height:32px;
  background:var(--d-grad);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
#inci20 .d-tel-ic svg{width:14px; height:14px; fill:none; stroke:var(--d-an1); stroke-width:2.5}
#inci20 .d-tel-n{
  font-family:'Montserrat', sans-serif;
  font-size:13px; font-weight:700;
  color:var(--d-an1);
}
@media(max-width:767px){
  #inci20 .d-tel{
    top:14px; left:14px;
    padding:6px 14px 6px 6px;
    gap:8px;
  }
  #inci20 .d-tel-ic{width:26px; height:26px}
  #inci20 .d-tel-ic svg{width:11px; height:11px}
  #inci20 .d-tel-n{font-size:11px}
}

/* NAV OKLAR - Sovereign tarzı büyük daire */
#inci20 .d-navs{
  position:absolute;
  top:50%; transform:translateY(-50%);
  width:100%;
  display:flex; justify-content:space-between;
  padding:0 clamp(16px,4vw,80px);
  z-index:25;
  pointer-events:none;
}
#inci20 .d-nav{
  width:clamp(50px,6.5vw,80px);
  height:clamp(50px,6.5vw,80px);
  background:#fff;
  border:2.5px solid var(--d-an2);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; padding:0;
  pointer-events:all;
  box-shadow:0 12px 30px rgba(31,35,41,.15);
  transition:all .5s var(--d-ease);
  font-family:inherit;
  position:relative; overflow:hidden;
}
#inci20 .d-nav::before{
  content:''; position:absolute; inset:0;
  background:var(--d-grad);
  border-radius:50%;
  transform:scale(0);
  transition:transform .5s var(--d-ease);
}
#inci20 .d-nav:hover::before{transform:scale(1)}
#inci20 .d-nav:hover{
  border-color:var(--d-au2);
  transform:scale(1.12);
  box-shadow:0 18px 40px rgba(201,169,97,.35);
}
#inci20 .d-nav svg{
  width:clamp(15px,1.8vw,20px); height:clamp(15px,1.8vw,20px);
  fill:none; stroke:var(--d-an1); stroke-width:2.5;
  position:relative; z-index:1;
  transition:stroke .3s;
}
#inci20 .d-nav:hover svg{stroke:var(--d-an1)}

@media(max-width:480px){
  #inci20 .d-navs{padding:0 10px}
  #inci20 .d-nav{width:44px; height:44px; border-width:2px}
}

/* DOTS */
#inci20 .d-dotsn{
  position:absolute;
  bottom:24px; left:50%;
  transform:translateX(-50%);
  z-index:25;
  display:flex; gap:10px;
  align-items:center;
}
#inci20 .d-dt{
  width:10px; height:10px;
  background:transparent;
  border:1.5px solid rgba(31,35,41,.35);
  padding:0; cursor:pointer;
  transform:rotate(45deg);
  transition:all .4s var(--d-ease);
}
#inci20 .d-dt.on{
  width:34px;
  background:var(--d-grad);
  border-color:var(--d-au1);
  border-radius:2px;
  transform:rotate(0deg);
  box-shadow:0 0 12px rgba(201,169,97,.5);
}

/* PROGRESS BAR (her slide içinde) */
#inci20 .d-sprog{
  position:absolute; bottom:0; left:0;
  height:4px; width:100%;
  background:var(--d-grad);
  z-index:10;
  transform-origin:left; transform:scaleX(0);
  box-shadow:0 0 16px rgba(201,169,97,.4);
}
#inci20 .d-slide.on .d-sprog{
  animation:dProg 9s linear forwards;
}
@keyframes dProg{0%{transform:scaleX(0)} 100%{transform:scaleX(1)}}

/* MOBİL */
@media(max-width:767px){
  #inci20 .d-title{
    font-size:clamp(1.8rem, 8vw, 2.6rem);
    margin-bottom:14px;
  }
  #inci20 .d-desc{
    font-size:.85rem;
    line-height:1.55;
    margin-bottom:14px;
  }
  #inci20 .d-feats{gap:6px; margin-bottom:14px}
  #inci20 .d-feat{padding:7px 10px; gap:8px}
  #inci20 .d-feat-ic{width:26px; height:26px; font-size:11px}
  #inci20 .d-feat-tt{font-size:11px}
  #inci20 .d-feat-st{font-size:9.5px}
  #inci20 .d-btn{padding:10px 20px; font-size:11px}
}

#inci20 .d-empty{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:18px;
  background:var(--d-cr1);
  color:var(--d-an1);
  font-family:'Cormorant Garamond';
  font-style:italic; font-weight:700;
}