/* =====================================================
   BGTS Accordion Slider – BUTTERY + Minimal BGTS Glass
   ===================================================== */

.bgts-acc2{
  position:relative;
  width:100%;
  --acc-gap:16;
  --acc-closed:110;
}
.bgts-acc2 *{ box-sizing:border-box; }

/* Track */
.bgts-acc2__track{
  position:relative;
  height:670px;
}

/* Panels (transform accordion) */
.bgts-acc2__panel{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  overflow:hidden;
  border-radius:12px;
  cursor:pointer;

  /* base */
  background:#0d1b2a;

  /* Minimal BGTS Glass */
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 24px 60px rgba(0,0,0,0.28);

  will-change: transform, width, opacity, filter;
  transition:
    transform .85s cubic-bezier(.22,.61,.36,1),
    width .85s cubic-bezier(.22,.61,.36,1),
    opacity .25s ease,
    filter .25s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

/* Active subtle BGTS aura */
.bgts-acc2__panel.is-active{
  border-color: rgba(0,156,222,0.35);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 28px 80px rgba(0,156,222,0.20);
}

/* initial load jump prevention */
.bgts-acc2:not(.is-ready) .bgts-acc2__panel{
  transition:none !important;
}

/* Inactive style */
.bgts-acc2__panel:not(.is-active){
  opacity:.88;
  filter:saturate(.85);
}

/* Background image */
.bgts-acc2__panelBg{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  opacity:.9;
  transform:scale(1.03);
  transition: filter .85s ease, transform .85s ease, opacity .85s ease;
}

/* Minimal BGTS glass tint overlay */
.bgts-acc2__panelOverlay{
  position:absolute; inset:0;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  background:
    linear-gradient(
      135deg,
      rgba(0,156,222,0.10) 0%,
      rgba(0,156,222,0.04) 40%,
      rgba(0,0,0,0.38) 100%
    ),
    radial-gradient(
      80% 70% at 20% 35%,
      rgba(0,0,0,.50) 0%,
      rgba(0,0,0,.22) 55%,
      rgba(0,0,0,.08) 100%
    );
}

/* Active overlay slightly clearer */
.bgts-acc2__panel.is-active .bgts-acc2__panelOverlay{
  background:
    linear-gradient(
      135deg,
      rgba(0,156,222,0.16) 0%,
      rgba(0,156,222,0.06) 45%,
      rgba(0,0,0,0.26) 100%
    ),
    radial-gradient(
      80% 70% at 20% 35%,
      rgba(0,0,0,.42) 0%,
      rgba(0,0,0,.18) 55%,
      rgba(0,0,0,.06) 100%
    );
}

/* Inactive blur softer */
.bgts-acc2__panel:not(.is-active) .bgts-acc2__panelBg{
  filter:blur(6px);
  transform:scale(1.06);
  opacity:.72;
}

/* Label */
.bgts-acc2__labelWrap{
  position:absolute;
  bottom:75px;
  left:43px;
  z-index:3;
  pointer-events:none;
}
.bgts-acc2__labelWrap::after{ display:none !important; }

.bgts-acc2__vlabel{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  opacity:.9;
}

/* hide label on active */
.bgts-acc2__panel.is-active .bgts-acc2__labelWrap{
  opacity:0;
  visibility:hidden;
}

/* Content */
.bgts-acc2__content{
  position:absolute;
  inset:0;
  z-index:4;
  padding:84px 84px 42px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  /* text stability */
  max-width: 1000px;
  width: 1000px;

  opacity:0;
  transform: translateY(8px);
  filter: blur(1px);
  pointer-events:none;

  /* delayed entry to avoid reflow jitter */
  transition:
    opacity .35s ease .32s,
    transform .35s ease .32s,
    filter .35s ease .32s;
}

/* Active content */
.bgts-acc2__panel.is-active .bgts-acc2__content{
  opacity:1;
  transform:none;
  filter:none;
  pointer-events:auto;
}

/* Typography (UNCHANGED as requested) */
.bgts-acc2__title{
  margin:0;
  max-width:1000px;
  font-size:45px;
  line-height:1.1em;
  color:#fff !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.bgts-acc2__desc{
  margin-top:20px !important;
  max-width:1000px;
  font-size:16px;
  line-height:1.4em;
  color:rgba(255,255,255,.88);
}

/* CTA */
.bgts-acc2__ctaRow{ margin-top:24px; }
.bgts-acc2__cta{
  position:relative;

  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:14px 24px;
  border-radius:999px;

  font-weight:600;
  text-decoration:none;

  color:#111;

  /* Soft white glass */
  background: rgba(255,255,255,0.78);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border:1px solid rgba(255,255,255,0.65);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 8px 24px rgba(0,0,0,0.08);

  transition: all .35s cubic-bezier(.22,.61,.36,1);
}

.bgts-acc2__cta:hover{
  transform: translateY(-2px);

  background: rgba(255,255,255,0.88);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 14px 34px rgba(0,0,0,0.12);
}

.bgts-cta__icon::before{
  font-family:'themify';
  content:'\e65a';

  font-size:14px;
  color:#111;

  display:inline-block;
  transition: transform .3s ease;
}

.bgts-acc2__cta:hover .bgts-cta__icon::before{
  transform: translate(2px,-2px);
}


/* bottom */
.bgts-acc2__bottom{
  margin-top:24px;
  margin-bottom:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.85);
}

/* Progress OFF */
.bgts-acc2__progressWrap{ display:none !important; }

/* Corner icon (slight glass tint) */
.bgts-acc2__cornerIcon{
  position:absolute;
  left:32px;
  bottom:18px;
  width:44px;
  height:44px;
  border-radius:50%;

  /* glass base */
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.25), transparent 45%),
    linear-gradient(
      145deg,
      rgba(0,156,222,0.32),
      rgba(0,156,222,0.08) 55%,
      rgba(255,255,255,0.05)
    );

  border:1px solid rgba(255,255,255,0.28);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display:flex;
  align-items:center;
  justify-content:center;
  z-index:6;

  /* depth */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.45),
    inset 0 -8px 16px rgba(0,0,0,0.25),
    0 10px 24px rgba(0,0,0,0.35),
    0 0 24px rgba(0,156,222,0.28);

  transition: all .35s ease;
}
.bgts-acc2__cornerIcon::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,0.45) 0%,
      rgba(255,255,255,0.12) 35%,
      transparent 55%
    );

  opacity:0.6;
  pointer-events:none;
}


.bgts-acc2__cornerIcon::before{
  font-family:'themify';
  content:'\e65a';
  font-size:18px;
  color:#fff;
}

.bgts-acc2__panel.is-active .bgts-acc2__cornerIcon{
  opacity:0;
  visibility:hidden;
}

/* breakpoints for closed width */
@media (max-width:1400px){
  .bgts-acc2{ --acc-closed:96; }
  .bgts-acc2__content{ width:820px; }
}

@media (max-width:1200px){
  .bgts-acc2{ --acc-closed:84; }
}

@media (max-width:1100px){
  .bgts-acc2__track{ height:600px; }
  .bgts-acc2__content{
    padding:64px 56px 36px;
    width:680px;
  }
  .bgts-acc2__title{ font-size:56px; }
}

/* Mobile stacked accordion */
@media (max-width:900px){

  .bgts-acc2__track{ height:auto; }

  .bgts-acc2__panel{
    position:relative;
    width:100% !important;
    transform:none !important;
    height:auto;
    margin-bottom:12px;
  }

  .bgts-acc2__labelWrap{
    position:relative;
    top:auto; left:auto;
    padding:16px;
    opacity:1 !important;
    visibility:visible !important;
  }

  .bgts-acc2__vlabel{
    writing-mode:horizontal-tb;
    transform:none;
    letter-spacing:0;
    text-transform:none;
    font-size:16px;
  }

  .bgts-acc2__content{
    position:relative;
    inset:auto;
    padding:0 16px 16px;
    width:auto;
    display:none;
    opacity:1;
    transform:none;
    filter:none;
    pointer-events:auto;
    transition:none;
  }

  .bgts-acc2__panel.is-open .bgts-acc2__content{ display:block; }
  .bgts-acc2__cornerIcon{ display:none; }
}

/* ===== Prevent shrink reflow ===== */
.bgts-acc2__panel.is-leaving .bgts-acc2__content{
  opacity:0 !important;
  transform: translateY(4px) !important;
  filter: blur(1px) !important;
  transition: opacity .18s ease, transform .18s ease, filter .18s ease !important;
  transition-delay: 0s !important;
}

.bgts-acc2__panel.is-leaving{
  pointer-events:none;
}

.bgts-acc2__panel:hover .bgts-acc2__cornerIcon{
  transform: translateY(-2px) scale(1.03);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 0 -8px 16px rgba(0,0,0,0.3),
    0 18px 36px rgba(0,0,0,0.45),
    0 0 32px rgba(0,156,222,0.35);
}

.bgts-acc2__cornerIcon::before{
  font-family:'themify';
  content:'\e65a';
  font-size:18px;
  color:#fff;

  text-shadow:
    0 0 6px rgba(255,255,255,0.35),
    0 0 12px rgba(0,156,222,0.45);
}

.bgts-acc2{
  opacity:0;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .6s ease;
}

.bgts-acc2.is-ready{
  opacity:1;
  transform:none;
}

/* === MOBILE FIX: label + corner icon === */
@media (max-width:900px){

  /* labelWrap desktop'ten bottom taşıyıp uçurmasın */
  .bgts-acc2__labelWrap{
    bottom:auto !important;   /* kritik */
    right:auto !important;
    left:auto !important;
    margin:0 0 8px 0;
  }

  /* mobilde label active panelde de görünsün (header gibi) */
  .bgts-acc2__panel.is-active .bgts-acc2__labelWrap{
    opacity:1 !important;
    visibility:visible !important;
  }

  /* corner icon'u mobilde göstermek istersen (yoksa bu bloğu komple sil) */
  .bgts-acc2__cornerIcon{
    display:flex !important;     /* senin dosyada mobile'da none var */
    left:auto !important;
    right:14px;
    top:14px;
    bottom:auto !important;
    width:40px;
    height:40px;
  }
}

/* =========================
   Slider Typography – Mobile Fix
   ========================= */

@media (max-width:900px){

  .bgts-acc2__title{
    font-size:34px !important;
    line-height:1.2 !important;
    max-width:100% !important;
  }

  .bgts-acc2__desc{
    font-size:16px !important;
    line-height:1.4 !important;
  }

  .bgts-acc2__content{
    padding:40px 20px !important;
  }
  .bgts-acc2__bottom{
    display:none !important;
  }
}