/* sliderBig ve sliderMini stilleri */
.sliderBig { width: 100%; overflow: hidden; position: relative; background: transparent; }
.sliderBig .slick-list,
.sliderBig .slick-track,
.sliderBig .slick-slide,
.sliderBig .slick-slide > div { height: 100% !important; }
.sliderBig .item {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent;
}
.sliderBig .item picture {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.sliderBig .item picture img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    filter: drop-shadow(0 0 20px rgba(0,0,0,0.5));
}

/* detailContent arka planı — yarı şeffaf koyu, bgImages görünsün */
.detailContent {
    background: rgba(25, 25, 25, 0.75) !important;
}

/* sliderMini */
.sliderMini { margin-top: 0; }
.sliderMini ul { list-style: none; padding: 0; margin: 0; }
.sliderMini ul li { cursor: pointer; opacity: 0.2; transition: opacity 0.3s; margin: 20px 0; display: block; }
.sliderMini ul li:hover { opacity: 0.6; }
.sliderMini ul li.slick-current,
.sliderMini ul li.slick-center { opacity: 1 !important; }
.sliderMini ul li picture { display: flex; align-items: center; height: 12vh; max-height: 100px; justify-content: center; width: 100%; }
.sliderMini ul li img { max-height: 100%; max-width: 100%; }

/* sliderBig dots — sayı butonları (01, 02, 03...) */
.detailContent .rightContent .sliderBig .slick-dots {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    z-index: 10 !important;
}
.detailContent .rightContent .sliderBig .slick-dots li {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 4px 0 !important;
    position: relative !important;
    opacity: 1 !important;
}
.detailContent .rightContent .sliderBig .slick-dots li button {
    background: none !important;
    border: none !important;
    color: #fff !important;
    font: 12px open_sansbold, sans-serif !important;
    opacity: 0.5 !important;
    padding: 0 !important;
    float: right !important;
    margin-right: 30px !important;
    cursor: pointer !important;
    width: auto !important;
    height: auto !important;
}
.detailContent .rightContent .sliderBig .slick-dots li button:before {
    content: "0" !important;
    font-size: 12px !important;
    color: inherit !important;
    opacity: 1 !important;
    position: static !important;
    line-height: normal !important;
}
.detailContent .rightContent .sliderBig .slick-dots li.slick-active button {
    opacity: 1 !important;
    color: #f18700 !important;
}
.detailContent .rightContent .sliderBig .slick-dots li:before {
    transition: 0.4s;
    content: "" !important;
    background: #f18700;
    height: 16px;
    display: block;
    position: absolute;
    right: -180px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    border-radius: 8px;
    opacity: 0;
}
.detailContent .rightContent .sliderBig .slick-dots li.slick-active:before {
    opacity: 1 !important;
    width: 140px !important;
}

/* Slick ok butonları - sliderBig */
.sliderBig .slick-prev,
.sliderBig .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(241,135,0,0.85);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    outline: none;
}
.sliderBig .slick-prev { left: 10px; }
.sliderBig .slick-next { right: 10px; }
.sliderBig .slick-prev:before { content: "‹"; font-size: 24px; color: #fff; line-height: 36px; display: block; text-align: center; }
.sliderBig .slick-next:before { content: "›"; font-size: 24px; color: #fff; line-height: 36px; display: block; text-align: center; }
.sliderBig .slick-disabled { opacity: 0.3; cursor: default; }

/* sliderMini dikey ok butonları */
.sliderMini .slick-prev,
.sliderMini .slick-next {
    display: block;
    width: 100%;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    outline: none;
    position: relative;
}
.sliderMini .slick-prev:before { content: "▲"; font-size: 12px; color: #f18700; display: block; text-align: center; }
.sliderMini .slick-next:before { content: "▼"; font-size: 12px; color: #f18700; display: block; text-align: center; }

/* ══════════════════════════════════════════
   MASAÜSTÜ: detailContent — Glassmorphism
   Sayfa düzeni (bottom animasyonu) aynı kalır
   ══════════════════════════════════════════ */
@media only screen and (min-width:1201px){

  /* detailContent arka plan: koyu + blur */
  .detailContent{
    background:rgba(8,12,30,.82) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.5) !important;
    backdrop-filter:blur(18px) saturate(1.5) !important;
  }

  /* İçerik alanı: flex ile dikey ortalı */
  .detailContent .leftContent.wbActive{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:16px !important;
    padding:clamp(24px,3vw,40px) clamp(20px,2.5vw,36px) !important;
    box-shadow:0 4px 24px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  /* Başlık */
  .detailContent .leftContent h3{
    font-family:'Montserrat',sans-serif !important;
    font-weight:700 !important;
    font-size:clamp(22px,2.2vw,32px) !important;
    color:#fff !important;
    border-bottom:2px solid #f18700 !important;
    padding-bottom:16px !important;
    margin-bottom:16px !important;
    letter-spacing:.5px !important;
  }

  /* Açıklama metni */
  .detailContent .leftContent p{
    font-family:'Inter',sans-serif !important;
    font-weight:400 !important;
    font-size:clamp(14px,1.2vw,17px) !important;
    color:rgba(255,255,255,.88) !important;
    line-height:1.7 !important;
  }

  /* Katalog butonu */
  .detailContent .leftContent .button a{
    font-family:'Inter',sans-serif !important;
    font-weight:600 !important;
    font-size:clamp(12px,1vw,14px) !important;
    background:rgba(241,135,0,.15) !important;
    border:1.5px solid rgba(241,135,0,.7) !important;
    color:#f18700 !important;
    border-radius:8px !important;
    padding:10px 22px !important;
    letter-spacing:.4px !important;
    transition:background .2s, color .2s !important;
  }
  .detailContent .leftContent .button a:hover{
    background:#f18700 !important;
    color:#fff !important;
    border-color:#f18700 !important;
  }

  /* Geri butonu */
  .detailContent .closeBtn span{
    font-family:'Inter',sans-serif !important;
    font-weight:500 !important;
    font-size:13px !important;
    color:rgba(255,255,255,.75) !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:6px !important;
    padding:6px 14px !important;
    transition:background .2s, color .2s !important;
  }
  .detailContent .closeBtn span:hover{
    background:rgba(241,135,0,.8) !important;
    color:#fff !important;
    border-color:#f18700 !important;
  }
  .detailContent .closeBtn span:before{
    display:none !important;
  }

  /* Resim alanı: hafif çerçeve */
  .detailContent .rightContent .gallery{
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    overflow:hidden !important;
    padding:8px !important;
  }

  /* Dots: turuncu çizgi efekti korunuyor */
  .detailContent .rightContent .sliderBig .slick-dots li button{
    color:rgba(255,255,255,.6) !important;
    font-family:'Inter',sans-serif !important;
    font-weight:600 !important;
  }
  .detailContent .rightContent .sliderBig .slick-dots li.slick-active button{
    color:#f18700 !important;
  }
}