/* === v1.42.2 Home Hero Mobile Title Clone === */
/*
  Mobilde Ana Başlık için h1 yerine clone div gösterilir.
  Böylece eski mobil h1 gizleme/clip kuralları devre dışı kalır.
*/

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

@media(max-width:900px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0 12px!important;
    overflow:visible!important;
  }

  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{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#020916!important;
    border-radius:20px!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-left-image{
    aspect-ratio:8 / 3!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider{
    aspect-ratio:2 / 1!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;
    display:block!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-full-img,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-left-image .hero-full-img,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .hero-full-img,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slide .hero-full-img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:#020916!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:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    text-align:left!important;
    gap:2px!important;
    overflow:visible!important;
    transform:translate(
      clamp(-16px, calc(var(--kb-hero-offset-x, 0) * .35px), 16px),
      clamp(-20px, calc(var(--kb-hero-offset-y, 0) * .35px), 20px)
    )!important;
    z-index:9!important;
  }

  /* Mobile: h1 tamamen devre dışı, clone div görünür. */
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-mobile-title{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    padding:0!important;
    max-width:min(14em, calc(100vw - 56px))!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    font-family:var(--kb-site-font, Manrope, Inter, Arial, sans-serif)!important;
    font-size:clamp(17px, calc(5.35vw * (var(--kb-hero-title-scale, 100) / 100)), 30px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    font-weight:1000!important;
    color:#fff!important;
    text-shadow:0 12px 30px rgba(0,0,0,.72),0 2px 0 rgba(0,0,0,.20)!important;
    text-wrap:balance!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-gold .kb-hero-mobile-title{color:#ffd76d!important;}
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-cyan .kb-hero-mobile-title{color:#e8fbff!important;}
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-dark .kb-hero-mobile-title{color:#07131c!important;text-shadow:0 10px 26px rgba(255,255,255,.42)!important;}

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-eyebrow{
    display:block!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    letter-spacing:.15em!important;
    max-width:calc(100vw - 56px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!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:8.5px!important;
    line-height:1!important;
    padding:4px 7px!important;
    margin:0!important;
    max-width:calc(100vw - 56px)!important;
    white-space:nowrap!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight{
    display:block!important;
    margin:0!important;
    max-width:min(16em, calc(100vw - 56px))!important;
    font-size:clamp(12px, calc(3.85vw * (var(--kb-hero-highlight-scale, 100) / 100)), 22px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    font-weight:1000!important;
    color:#ffd76d!important;
    text-shadow:0 11px 28px rgba(0,0,0,.72)!important;
    text-wrap:balance!important;
    overflow-wrap:anywhere!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 .kb-hero-btn,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 11px!important;
    margin-top:3px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    z-index:12!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-shade{
    background:
      linear-gradient(180deg, rgba(0,0,0,.00) 0%, rgba(0,0,0,.15) 42%, rgba(0,0,0,.80) 100%),
      linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.16) 58%, rgba(0,0,0,.04) 100%)!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-mobile-title{
    font-size:clamp(15px, calc(4.85vw * (var(--kb-hero-title-scale, 100) / 100)), 25px)!important;
    max-width:min(13.5em, calc(100vw - 52px))!important;
  }

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