/* SİBERSALDİRİ.COM | Mobile-only homepage slider legibility.
   All rules are scoped to screens <=767px; desktop and tablet-wide layouts unchanged. */
@media screen and (max-width:767px){
  /* Shared native slideshow: reserve space for content above the navigation dots. */
  html body.premium-theme #main-content .bn-home .bn-slider,
  html body.premium-theme #main-content .bn-home .bn-slider > .bn-slide{
    height:clamp(610px,83svh,760px)!important;
    min-height:610px!important;
  }
  html body.premium-theme #main-content .bn-home .bn-slider > .bn-slide{
    overflow:hidden!important;
  }
  /* Premium artwork: darken the lower text-bearing area, without replacing the image. */
  html body.premium-theme #main-content .bn-home .bn-premium-shade{
    background:linear-gradient(0deg,
      rgba(10,33,50,.97) 0%,rgba(10,33,50,.94) 30%,
      rgba(10,33,50,.76) 51%,rgba(10,33,50,.22) 83%,
      rgba(10,33,50,.12) 100%)!important;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-frame{
    width:calc(100% - 36px)!important;
    height:100%!important;
    margin-inline:auto!important;
    align-items:flex-end!important;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-copy{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding:20px 4px 86px!important;
    margin:0!important;
    color:#fff!important;
    isolation:isolate;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-kicker{
    color:#eaf3f2!important;
    -webkit-text-fill-color:#eaf3f2!important;
    font-size:clamp(10px,2.5vw,12px)!important;
    font-weight:800!important;
    line-height:1.45!important;
    letter-spacing:.09em!important;
    text-shadow:0 2px 9px #000b!important;
    overflow-wrap:anywhere!important;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-title{
    font-size:clamp(30px,8.1vw,43px)!important;
    line-height:1.09!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
    margin:13px 0 13px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 3px 19px #000d!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-title > span,
  html body.premium-theme #main-content .bn-home .bn-premium-title > strong{
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    font-weight:850!important;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-copy > p{
    color:#eaf3f2!important;
    -webkit-text-fill-color:#eaf3f2!important;
    font-size:clamp(14px,3.55vw,16px)!important;
    font-weight:550!important;
    line-height:1.58!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    text-shadow:0 2px 12px #000d!important;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-cta{
    min-height:47px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:20px!important;
    padding:12px 17px!important;
    border:1px solid #85dfd0!important;
    border-radius:11px!important;
    background:linear-gradient(115deg,#176b65,#526b7b)!important;
    box-shadow:0 9px 24px #0008!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:13px!important;font-weight:800!important;
  }
  html body.premium-theme #main-content .bn-home .bn-premium-cta b{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  /* Native photo/video scenes: keep every caption above the control bar. */
  html body.premium-theme #main-content .bn-home .bn-slide-wash{
    background:linear-gradient(0deg,rgba(10,33,50,.97) 0%,
      rgba(10,33,50,.92) 33%,rgba(10,33,50,.69) 62%,
      rgba(10,33,50,.16) 100%)!important;
  }
  html body.premium-theme #main-content .bn-home .bn-hero-frame{
    width:calc(100% - 36px)!important;
    height:100%!important;
    align-items:flex-end!important;
  }
  html body.premium-theme #main-content .bn-home .bn-slide-copy{
    box-sizing:border-box!important;
    max-width:100%!important;width:100%!important;
    padding:0 0 91px!important;margin:0!important;
    color:#fff!important;
  }
  html body.premium-theme #main-content .bn-home .bn-slide-copy .bn-kicker{
    color:#eaf3f2!important;-webkit-text-fill-color:#eaf3f2!important;
    font-size:11px!important;letter-spacing:.1em!important;
    font-weight:800!important;line-height:1.5!important;
    text-shadow:0 2px 10px #000d!important;
    overflow-wrap:anywhere;
  }
  html body.premium-theme #main-content .bn-home .bn-slide-copy :is(h1,h2).bn-slide-title{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:clamp(30px,8.1vw,43px)!important;
    font-weight:850!important;line-height:1.11!important;
    letter-spacing:-.035em!important;
    text-shadow:0 3px 18px #000d!important;
    margin:14px 0!important;
    text-wrap:balance;overflow-wrap:anywhere;
  }
  html body.premium-theme #main-content .bn-home .bn-slide-copy .bn-slide-title :is(span,strong){
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    opacity:1!important;font-weight:850!important;
  }
  html body.premium-theme #main-content .bn-home .bn-slide-copy > p{
    color:#eaf3f2!important;-webkit-text-fill-color:#eaf3f2!important;
    font-size:clamp(14px,3.6vw,16px)!important;
    font-weight:550!important;line-height:1.6!important;
    margin:0 0 19px!important;max-width:100%!important;
    text-shadow:0 2px 12px #000c!important;
  }
  html body.premium-theme #main-content .bn-home .bn-slide-copy .bn-hero-btn{
    min-height:46px!important;display:inline-flex!important;align-items:center!important;
    padding:12px 17px!important;
    border-radius:11px!important;border:1px solid #85dfd0!important;
    background:linear-gradient(120deg,#176b65,#526b7b)!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:13px!important;font-weight:800!important;
    box-shadow:0 10px 28px #0a21328a!important;
  }
  html body.premium-theme #main-content .bn-home .bn-slider-tools{
    bottom:14px!important;z-index:6!important;
  }
  /* Slider Studio advanced scenes: mobile text flows vertically rather than
     relying on per-slide absolute desktop positioning. The editor data is unchanged. */
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced{
    height:clamp(610px,83svh,760px)!important;
    min-height:610px!important;
    aspect-ratio:auto!important;
    background:#0a2132!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide .ss-overlay{
    background:linear-gradient(0deg,
      rgba(10,33,50,.98) 0%,rgba(10,33,50,.96) 29%,
      rgba(10,33,50,.78) 55%,rgba(10,33,50,.20) 100%)!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy{
    position:absolute!important;inset:0!important;
    box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;
    justify-content:flex-end!important;align-items:flex-start!important;
    gap:12px!important;padding:22px 20px 92px!important;
    max-width:100%!important;width:100%!important;
    pointer-events:none!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy > *{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;max-width:100%!important;
    flex:0 0 auto!important;
    margin:0!important;
    pointer-events:auto!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy :is(h1,h2){
    width:100%!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-family:Inter,"Segoe UI",Arial,sans-serif!important;
    font-size:clamp(29px,8vw,42px)!important;
    font-weight:850!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere!important;
    text-shadow:0 3px 19px #000e!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy :is(h1,h2) *{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy > p{
    width:100%!important;
    color:#eaf3f2!important;-webkit-text-fill-color:#eaf3f2!important;
    font-size:clamp(14px,3.5vw,16px)!important;
    font-weight:550!important;line-height:1.6!important;
    opacity:1!important;text-shadow:0 2px 12px #000d!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-badge{
    display:inline-flex!important;align-items:center!important;
    max-width:100%!important;padding:8px 12px!important;
    font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;
    color:#eaf3f2!important;-webkit-text-fill-color:#eaf3f2!important;
    border:1px solid #85dfd077!important;border-radius:9px!important;
    background:#0a2132e8!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-cta{
    display:inline-flex!important;justify-content:center!important;
    align-items:center!important;min-height:46px!important;
    padding:12px 18px!important;
    background:linear-gradient(120deg,#176b65,#526b7b)!important;
    border:1px solid #85dfd0!important;border-radius:10px!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:13px!important;font-weight:800!important;
    box-shadow:0 12px 26px #0009!important;
    text-shadow:none!important;text-decoration:none!important;
  }
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slider-controls{
    left:50%!important;right:auto!important;bottom:13px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;max-width:calc(100% - 22px)!important;
    background:#0a2132e8!important;color:#fff!important;
    border-color:#85dfd050!important;
  }
}
@media screen and (max-width:360px){
  html body.premium-theme #main-content .bn-home .bn-premium-title,
  html body.premium-theme #main-content .bn-home .bn-slide-copy :is(h1,h2).bn-slide-title,
  html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy :is(h1,h2){
    font-size:28px!important;line-height:1.1!important;
  }
}
/* Explicitly respect the OS accessibility setting on mobile. */
@media screen and (max-width:767px) and (prefers-reduced-motion:reduce){
  html body.premium-theme #main-content .bn-home .bn-slide,
  html body.premium-theme #main-content .bn-home .bn-premium-copy,
  html body.premium-theme #main-content .bn-home .ss-slide-copy{
    animation:none!important;transition:none!important;
  }
}
/* Extra-narrow phones: override the older 440px slider container rule.
   Equal container/slide heights prevent the text and CTA from being cropped. */
@media screen and (max-width:360px){
  html body.premium-theme #main-content .bn-home > section.bn-slider[data-bn-slider],
  html body.premium-theme #main-content .bn-home > section.bn-slider[data-bn-slider] > article.bn-slide{
    height:590px!important;
    min-height:590px!important;
    max-height:none!important;
  }
  html body.premium-theme #main-content .bn-home > .ss-slider.ss-advanced{
    height:590px!important;min-height:590px!important;
    max-height:none!important;
  }
  html body.premium-theme #main-content .bn-home > section.bn-slider .bn-premium-copy{
    padding-bottom:80px!important;
  }
}
/* Short mobile viewports: leave clearance for the site's fixed service dock,
   so action buttons are not hidden under it. No desktop impact. */
@media screen and (max-width:767px) and (max-height:700px){
 html body.premium-theme #main-content .bn-home .bn-premium-copy{
   padding-bottom:clamp(164px,26svh,190px)!important;
 }
 html body.premium-theme #main-content .bn-home .bn-slide-copy{
   padding-bottom:clamp(164px,26svh,190px)!important;
 }
 html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy{
   padding-bottom:clamp(164px,26svh,190px)!important;
 }
}
/* Very narrow phones still show the fixed service dock; increase safe clearance. */
@media screen and (max-width:360px){
 html body.premium-theme #main-content .bn-home .bn-slider .bn-premium-copy{
   padding-bottom:182px!important;
 }
 html body.premium-theme #main-content .bn-home .bn-slider .bn-slide-copy{
   padding-bottom:182px!important;
 }
 html body.premium-theme #main-content .bn-home .ss-slider.ss-advanced .ss-slide-copy{
   padding-bottom:182px!important;
 }
}@media screen and (max-width:360px){
 html body.premium-theme #main-content .bn-home > section.bn-slider[data-bn-slider] > article.bn-slide .bn-premium-artwork .bn-premium-copy{
   padding-bottom:182px!important;
 }
 html body.premium-theme #main-content .bn-home > section.bn-slider[data-bn-slider] > article.bn-slide .bn-hero-frame .bn-slide-copy{
   padding-bottom:182px!important;
 }
}