/* ==== NEW DETAIL SLIDER – yalın yerleşim ==== */
.new-detail-slider{
  /* temel ölçüler */
  --thumbW: 75px;
  --gap: 12px;
  --stageW: 421px;
  --stageH: 632px;

  display: inline-block;     /* satırı kaplamasın, yanına içerik gelsin */
  vertical-align: top;       /* yan kolonla üstten hizalansın */
  max-width: none !important;
}

/* iç düzen: thumblar (sol) + sahne (sağ) */
.new-detail-slider .nds-wrap{
  display: flex;
  align-items: flex-start;
  gap: var(--gap);
}

/* THUMBS SÜTUNU */
.new-detail-slider .nds-thumbs{
  flex: 0 0 var(--thumbW);        /* sabit 94px */
  width: var(--thumbW);
  max-height: var(--stageH);      /* sahne yüksekliği kadar */
  overflow: hidden;               /* default: taşanı kırp (kısmen görünür) */
  box-sizing: border-box;
  scrollbar-gutter: stable both-edges; /* hover'da scroll çıkınca layout oynamasın */
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.new-detail-slider .nds-thumbs::-webkit-scrollbar{
  width: 0;
  height: 0;                        /* Chrome/Safari/Edge */
}
.new-detail-slider .nds-thumbs:hover::-webkit-scrollbar{ width:0;height:0 }
.new-detail-slider .nds-thumbs:hover{ overflow-y: auto; }

.new-detail-slider .nds-thumb{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  position:relative
}
.new-detail-slider .nds-thumb img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0px;
  border:1px solid #ddd
}
.new-detail-slider .nds-thumb { opacity: 1; }          /* tümü net */
.new-detail-slider .nds-thumb.is-active { opacity: .45; } /* aktif olan soluk */

/* SAHNE (büyük görsel/video alanı) */
.new-detail-slider .nds-stage{
  position: relative;
  flex: 0 0 var(--stageW);        /* sabit 593px */
  width: var(--stageW);
  height: var(--stageH);
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  border:1px solid #ddd
}

/* oklar, zoom yüzeyi, img/video – (mevcut JS’inle uyumlu) */
.new-detail-slider .nds-arrow{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border: 0; border-radius: 999px;
  background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.15);
  cursor: pointer; z-index: 3;
}
.new-detail-slider .nds-prev{ left: 8px; }
.new-detail-slider .nds-next{ right: 8px; }

.new-detail-slider .nds-zoom{
  position: relative; width: 100%; height: 100%;
  overflow: hidden; background: #f7f7f7; cursor: zoom-in;
}
.new-detail-slider .nds-img,
.new-detail-slider .nds-video{
  display: none; position: absolute; inset: 0; margin: auto;
  max-width: 100%; max-height: 100%; 
}
.new-detail-slider .nds-video{ width: 100%; height: 100%; object-fit: contain; background:#000; }

/* LIGHTBOX – ortalı + radius’lu medya + butonlar içeride */
.new-detail-slider .nds-lightbox{ position: fixed; inset:0; display:none; z-index:1055; }
.new-detail-slider .nds-lightbox[aria-hidden="false"]{ display:block; }
.new-detail-slider .nds-lightbox-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.78); }
.new-detail-slider .nds-lightbox-body{
  position: fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px;
}
.new-detail-slider .nds-lb-frame{
  position: relative; display:inline-block; max-width:min(92vw,1200px); max-height:90vh;
  border-radius: 12px; overflow: hidden; background:#000;
}
.new-detail-slider .nds-lb-img,
.new-detail-slider .nds-lb-video{
  display:none; max-width:100%; max-height:90vh; object-fit:contain; background:#000;
}
.new-detail-slider .nds-lightbox-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border:0; border-radius:999px; background:rgba(255,255,255,.9); z-index:3; cursor:pointer;
  
  background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.15);
  
  
}
.new-detail-slider .nds-lb-prev{ left:10px; }
.new-detail-slider .nds-lb-next{ right:10px; }
.new-detail-slider .nds-lightbox-close{
  position:absolute; top:10px; right:10px; width:36px; height:36px; border:0; border-radius:999px;
  background:rgba(255,255,255,.92); z-index:4; cursor:pointer;
}

.new-detail-slider.is-single .nds-arrow{ display:none !important; }
.new-detail-slider.is-single .nds-lightbox-arrow{ display:none !important; }

.new-detail-slider .nds-thumb:last-child {
  margin-bottom: 0;
}
.nds-thumb-badge {
    position: absolute;
    top: 10%;
    z-index: 9;
    left: 23px;
    color: #000;
    -webkit-box-shadow: 0px 3px 21px -8px #000000;
    box-shadow: 0px 3px 21px -8px #000000;
}

.new-detail-slider .nds-thumb:focus,
.new-detail-slider .nds-thumb:focus-visible {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* SADECE TELEFONLARDA tamamen gizlemek istersen (iPad etkilenmez) */
/* İstemiyorsan bu bloğu kaldırabilirsin. */
@media (max-width: 575.98px){
  .new-detail-slider{ display:none !important; }
}