/* SUKMA Website v113.19
   Banner mobile compact, mengikuti proporsi gambar dan tidak memenuhi layar.
   Diletakkan sesudah patch banner sebelumnya sehingga menjadi aturan final.
*/
@media (max-width:760px){
  .home-slider{
    width:calc(100% - 24px)!important;
    max-width:420px!important;
    height:clamp(250px,78vw,330px)!important;
    min-height:clamp(250px,78vw,330px)!important;
    margin:14px auto 20px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#5b5048!important;
  }

  .home-slider-track{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    border-radius:inherit!important;
    overflow:hidden!important;
  }

  .home-slide,
  .home-slide.position-left,
  .home-slide.position-right,
  .home-slide.position-center,
  .home-slide.layout-full,
  .home-slide.layout-split{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    padding:0!important;
    margin:0!important;
    border-radius:inherit!important;
    overflow:hidden!important;
  }

  .home-slide-media,
  .home-slide.position-left .home-slide-media,
  .home-slide.position-right .home-slide-media,
  .home-slide.position-center .home-slide-media,
  .home-slide.layout-full .home-slide-media,
  .home-slide.layout-split .home-slide-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#5b5048!important;
    z-index:0!important;
  }

  .home-slide-media img,
  .home-slide.layout-full .home-slide-media img,
  .home-slide.layout-split .home-slide-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#5b5048!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Bila gambar slide memang sudah berisi tulisan/desain, jangan ditutup overlay. */
  .home-slide.has-image.no-text .home-slide-shade,
  .home-slide.has-image.no-text.no-buttons .home-slide-shade{
    display:none!important;
  }

  /* Konten HTML tetap ada jika slide memang dikonfigurasi memakai teks. */
  .home-slide-content{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:46px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:9px 11px!important;
    border-radius:11px!important;
    background:rgba(25,20,17,.62)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    z-index:3!important;
  }

  .home-slide.no-text .home-slide-content{
    display:none!important;
  }

  .home-slide-eyebrow{
    font-size:8px!important;
    margin:0 0 3px!important;
  }

  .home-slide h1,
  .home-slide-content h1{
    margin:0 0 4px!important;
    font-size:clamp(16px,4.9vw,21px)!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }

  .home-slide-content > p{
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.32!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }

  .home-slide-actions{
    margin-top:6px!important;
    gap:5px!important;
  }

  .home-slide-actions .btn{
    min-height:32px!important;
    padding:6px 9px!important;
    font-size:10px!important;
  }

  .home-slider-arrow{
    width:34px!important;
    height:34px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:8!important;
    background:rgba(20,18,15,.62)!important;
  }
  .home-slider-arrow.prev{left:8px!important;}
  .home-slider-arrow.next{right:8px!important;}

  .home-slider-footer{
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    z-index:9!important;
  }

  .home-slider-trust,
  .home-slider-counter{
    display:none!important;
  }
}

@media (max-width:390px){
  .home-slider{
    width:calc(100% - 20px)!important;
    max-width:370px!important;
    height:clamp(235px,76vw,295px)!important;
    min-height:clamp(235px,76vw,295px)!important;
    margin-top:12px!important;
  }
}

@media (max-width:340px){
  .home-slider{
    width:calc(100% - 16px)!important;
    height:245px!important;
    min-height:245px!important;
  }
}