/* === v1.41.8 Home Hero Mobile Overlay Fix === */
/*
  Mobilde canlı hero yazıları ve slider görselleri için hotfix.
  Desktop görünümü mümkün olduğunca ellemez.
*/

@media (max-width: 900px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-card,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-card.big,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-left-image{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-full-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-left-image .hero-full-img{
    object-position:center center!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .hero-full-img{
    object-position:center center!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-shade{
    background:
      linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 38%, rgba(0,0,0,.72) 100%),
      linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.14) 58%, rgba(0,0,0,.04) 100%)!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-bottom,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-center,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-top,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-center,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-bottom,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-center{
    left:16px!important;
    right:16px!important;
    top:auto!important;
    bottom:16px!important;
    width:auto!important;
    max-width:none!important;
    transform:translate(
      clamp(-26px, calc(var(--kb-hero-offset-x, 0) * .55px), 26px),
      clamp(-34px, calc(var(--kb-hero-offset-y, 0) * .55px), 34px)
    )!important;
    align-items:flex-start!important;
    text-align:left!important;
    gap:5px!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-badge,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .tag{
    font-size:10px!important;
    padding:5px 8px!important;
    letter-spacing:.12em!important;
    max-width:calc(100vw - 64px)!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-eyebrow{
    font-size:10px!important;
    line-height:1.05!important;
    letter-spacing:.18em!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-copy h1{
    font-size:clamp(23px, calc(7.4vw * (var(--kb-hero-title-scale, 100) / 100)), 36px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    max-width:9.8em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-highlight,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-highlight{
    font-size:clamp(17px, calc(5.3vw * (var(--kb-hero-highlight-scale, 100) / 100)), 27px)!important;
    line-height:1.03!important;
    max-width:12.5em!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
    font-size:clamp(11px, calc(3.25vw * (var(--kb-hero-desc-scale, 100) / 100)), 13px)!important;
    line-height:1.25!important;
    max-width:24em!important;
    margin-top:1px!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-btn,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn{
    margin-top:5px!important;
    min-height:38px!important;
    padding:0 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-dots{
    position:absolute!important;
    left:50%!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    z-index:8!important;
  }
}

@media (max-width: 520px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay{
    gap:14px!important;
    padding:0 14px!important;
    margin-top:16px!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-card.big,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-left-image,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider{
    aspect-ratio: 1.92 / 1!important;
    border-radius:20px!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-bottom,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-center,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-top,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-center,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-bottom,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-center{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    gap:4px!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-copy h1{
    font-size:clamp(22px, calc(7.05vw * (var(--kb-hero-title-scale, 100) / 100)), 32px)!important;
    max-width:9.2em!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-highlight,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-highlight{
    font-size:clamp(16px, calc(4.95vw * (var(--kb-hero-highlight-scale, 100) / 100)), 24px)!important;
    max-width:11.5em!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
    display:none!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy p{
    display:block!important;
    font-size:11px!important;
    max-width:22em!important;
    opacity:.82!important;
  }
}

@media (max-width: 390px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1{
    font-size:clamp(20px, calc(6.7vw * (var(--kb-hero-title-scale, 100) / 100)), 29px)!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-highlight{
    font-size:clamp(15px, calc(4.75vw * (var(--kb-hero-highlight-scale, 100) / 100)), 22px)!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-btn,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn{
    min-height:36px!important;
    padding:0 12px!important;
  }
}