/* ===== BEGIN hero-slide1-final.css ===== */

/* =========================================================
   INDIBEMS HERO — H1 SLIDE 1 FINAL
   Baseline: public_html (14).zip
   Header is intentionally untouched.
   ========================================================= */

.indibems-campaign-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  height:min(100svh,790px) !important;
  min-height:690px !important;
  background:#000 !important;
}

.indibems-campaign-hero .campaign-hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:url("../images/hero-homepage-1.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

.indibems-campaign-hero .campaign-hero-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.98) 0%,
      rgba(0,0,0,.93) 18%,
      rgba(0,0,0,.70) 34%,
      rgba(0,0,0,.28) 52%,
      rgba(0,0,0,.06) 72%,
      rgba(0,0,0,.10) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.34) 0%,
      rgba(0,0,0,.03) 25%,
      rgba(0,0,0,.04) 67%,
      rgba(0,0,0,.88) 100%) !important;
}

.indibems-campaign-hero .campaign-hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:84% !important;
  max-width:1654px !important;
  min-height:100% !important;
  margin:0 auto !important;
  padding-bottom:158px !important;
}

.indibems-campaign-hero .campaign-copy{
  width:min(720px,56%) !important;
  max-width:720px !important;
}

.indibems-campaign-hero .campaign-copy h1{
  max-width:720px !important;
  margin:0 0 16px !important;
  font-family:"Blacker Sans Pro",sans-serif !important;
  font-weight:800 !important;
  font-style:normal !important;
  font-size:clamp(44px,3.25vw,56px) !important;
  line-height:1.07 !important;
  letter-spacing:-1.85px !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.indibems-campaign-hero .campaign-copy p{
  max-width:720px !important;
  margin:0 0 28px !important;
  font-family:"Poppins",sans-serif !important;
  font-size:17px !important;
  line-height:1.45 !important;
  letter-spacing:-.15px !important;
  color:rgba(255,255,255,.94) !important;
}

.indibems-campaign-hero .campaign-primary{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 16px !important;
  border-radius:27px !important;
  gap:10px !important;
  font-family:"Poppins",sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

.indibems-campaign-hero .campaign-primary .campaign-arrow{
  font-size:20px !important;
  line-height:1 !important;
}

.indibems-campaign-hero .campaign-controls{
  position:absolute !important;
  left:8% !important;
  right:auto !important;
  bottom:103px !important;
  z-index:4 !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
}

.indibems-campaign-hero .campaign-control{
  width:43px !important;
  height:43px !important;
  flex:0 0 43px !important;
  font-size:27px !important;
}

.indibems-campaign-hero .campaign-dots{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
}

.indibems-campaign-hero .campaign-dots i{
  width:8px !important;
  height:6px !important;
}

.indibems-campaign-hero .campaign-dots i.active{
  width:27px !important;
}

.indibems-campaign-hero .campaign-scroll-cue{
  position:absolute !important;
  left:50% !important;
  bottom:10px !important;
  z-index:4 !important;
  transform:translateX(-50%) !important;
  min-width:205px !important;
  height:40px !important;
  padding:0 18px !important;
  border-radius:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:rgba(92,94,99,.78) !important;
  color:#fff !important;
  font:500 12px/1 "Poppins",sans-serif !important;
  text-decoration:none !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.indibems-campaign-hero .campaign-scroll-arrow{
  font-size:18px !important;
  line-height:1 !important;
}

/* Laptop / tablet */
@media (max-width:1170px){
  .indibems-campaign-hero{
    height:min(100svh,760px) !important;
    min-height:620px !important;
  }
  .indibems-campaign-hero .campaign-hero-inner{
    width:88% !important;
    max-width:1120px !important;
    padding-bottom:128px !important;
  }
  .indibems-campaign-hero .campaign-copy{
    width:min(650px,59%) !important;
    max-width:650px !important;
  }
  .indibems-campaign-hero .campaign-copy h1{
    font-size:clamp(40px,3.7vw,50px) !important;
  }
  .indibems-campaign-hero .campaign-copy p{
    max-width:620px !important;
    font-size:15px !important;
  }
  .indibems-campaign-hero .campaign-controls{
    left:6% !important;
    bottom:83px !important;
  }
}

/* Tablet */
@media (max-width:900px){
  .indibems-campaign-hero{
    height:min(82svh,720px) !important;
    min-height:560px !important;
  }
  .indibems-campaign-hero .campaign-hero-inner{
    width:90% !important;
    max-width:980px !important;
    padding-bottom:100px !important;
  }
  .indibems-campaign-hero .campaign-copy{
    width:min(570px,65%) !important;
    max-width:570px !important;
  }
  .indibems-campaign-hero .campaign-copy h1{
    font-size:clamp(38px,5vw,52px) !important;
  }
  .indibems-campaign-hero .campaign-copy p{
    max-width:520px !important;
    font-size:14px !important;
  }
  .indibems-campaign-hero .campaign-controls{
    left:5% !important;
    bottom:54px !important;
  }
}

/* Mobile */
@media (max-width:640px){
  .indibems-campaign-hero{
    height:100svh !important;
    min-height:580px !important;
  }
  .indibems-campaign-hero .campaign-hero-bg{
    background-position:62% top !important;
  }
  .indibems-campaign-hero .campaign-hero-inner{
    width:calc(100% - 30px) !important;
    max-width:none !important;
    padding-bottom:78px !important;
  }
  .indibems-campaign-hero .campaign-copy{
    width:100% !important;
    max-width:none !important;
  }
  .indibems-campaign-hero .campaign-copy h1{
    max-width:100% !important;
    margin-bottom:11px !important;
    font-size:clamp(30px,8vw,38px) !important;
    line-height:1.07 !important;
    letter-spacing:-1px !important;
  }
  .indibems-campaign-hero .campaign-copy p{
    max-width:100% !important;
    margin-bottom:18px !important;
    font-size:12.5px !important;
    line-height:1.46 !important;
  }
  .indibems-campaign-hero .campaign-primary{
    width:166px !important;
    min-width:166px !important;
    max-width:166px !important;
    height:45px !important;
    min-height:45px !important;
    padding:0 18px !important;
    font-size:11px !important;
  }
  .indibems-campaign-hero .campaign-controls{
    left:16px !important;
    bottom:22px !important;
    gap:17px !important;
  }
  .indibems-campaign-hero .campaign-control{
    width:39px !important;
    height:39px !important;
    flex-basis:39px !important;
    font-size:24px !important;
  }
  .indibems-campaign-hero .campaign-dots{
    gap:4px !important;
  }
  .indibems-campaign-hero .campaign-dots i{
    width:7px !important;
    height:5px !important;
  }
  .indibems-campaign-hero .campaign-dots i.active{
    width:22px !important;
  }
  .indibems-campaign-hero .campaign-scroll-cue{
    display:none !important;
  }
}

/* ===== END hero-slide1-final.css ===== */
/* ===== BEGIN home-campaign-v2.css ===== */

/* =========================================================
   INDIBEMS HOMEPAGE HERO V2 — TELKOMSEL-INSPIRED CAMPAIGN
   Structural control alignment: controls live inside each
   campaign copy block, so their left rail can never drift.
   Header is untouched.
   ========================================================= */
.home-campaign-v2{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#000 !important;
  min-height:680px !important;
  height:min(100svh,820px) !important;
}
.home-campaign-v2 .home-campaign-track,
.home-campaign-v2 .home-campaign-slide{
  position:absolute !important;
  inset:0 !important;
}
.home-campaign-v2 .home-campaign-slide{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .5s ease !important;
}
.home-campaign-v2 .home-campaign-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2 !important;
}
.home-campaign-v2 .campaign-hero-bg{
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position:center center !important;
}
.home-campaign-v2 .home-campaign-slide:nth-child(1) .campaign-hero-bg{background-image:url("/assets/images/hero-homepage-1.webp") !important}
.home-campaign-v2 .home-campaign-slide:nth-child(2) .campaign-hero-bg{background-image:url("/assets/images/hero-homepage-2.webp") !important}
.home-campaign-v2 .home-campaign-slide:nth-child(3) .campaign-hero-bg{background-image:url("/assets/images/hero-homepage-3.webp") !important}
.home-campaign-v2 .home-campaign-slide:nth-child(4) .campaign-hero-bg{background-image:url("/assets/images/hero-homepage-4.webp") !important}
.home-campaign-v2 .campaign-hero-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.90) 19%,rgba(0,0,0,.62) 37%,rgba(0,0,0,.20) 58%,rgba(0,0,0,.05) 100%),
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.02) 30%,rgba(0,0,0,.08) 67%,rgba(0,0,0,.76) 100%) !important;
}
.home-campaign-v2 .campaign-hero-inner{
  position:relative !important;
  z-index:3 !important;
  width:84% !important;
  max-width:1654px !important;
  height:100% !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:flex-end !important;
  padding:0 0 155px !important;
  box-sizing:border-box !important;
}
.home-campaign-v2 .campaign-copy{
  width:min(610px,48%) !important;
  max-width:610px !important;
}
.home-campaign-v2 .campaign-eyebrow{
  margin:0 0 11px !important;
  color:#fff !important;
  font:700 12px/1.2 "Poppins",sans-serif !important;
  letter-spacing:1.1px !important;
}
.home-campaign-v2 .campaign-copy h1{
  max-width:610px !important;
  margin:0 0 16px !important;
  font:800 clamp(44px,4vw,60px)/1.06 "Blacker Sans Pro",sans-serif !important;
  letter-spacing:-2.1px !important;
}
.home-campaign-v2 .campaign-copy h1 span{color:#ef163b !important}
.home-campaign-v2 .campaign-copy p{
  max-width:590px !important;
  margin:0 0 25px !important;
  color:rgba(255,255,255,.93) !important;
  font:400 15.5px/1.5 "Poppins",sans-serif !important;
}
.home-campaign-v2 .campaign-actions{display:flex !important;align-items:center !important}
.home-campaign-v2 .campaign-primary{
  min-width:190px !important;
  min-height:50px !important;
  padding:0 21px !important;
  border-radius:27px !important;
  font:700 13px/1 "Poppins",sans-serif !important;
}
.home-campaign-v2 .campaign-controls{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  width:max-content !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  z-index:4 !important;
}
.home-campaign-v2 .campaign-control{
  appearance:none !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(42,44,49,.90) !important;
  color:#fff !important;
  font:400 25px/1 Arial,sans-serif !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}
.home-campaign-v2 .campaign-dots{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  width:61px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
}
.home-campaign-v2 .campaign-dots button{
  appearance:none !important;
  display:block !important;
  flex:0 0 auto !important;
  width:7px !important;
  height:6px !important;
  min-width:7px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.76) !important;
  cursor:pointer !important;
  transition:width .2s ease !important;
}
.home-campaign-v2 .campaign-dots button.active{
  width:24px !important;
  min-width:24px !important;
  background:#fff !important;
}
.home-campaign-v2 .campaign-control:hover{background:rgba(67,69,74,.96) !important}
.home-campaign-v2 .campaign-control:focus-visible,
.home-campaign-v2 .campaign-dots button:focus-visible,
.home-campaign-v2 .campaign-primary:focus-visible{
  outline:2px solid #fff !important;
  outline-offset:3px !important;
}
.home-campaign-v2 .campaign-scroll-cue{
  position:absolute !important;
  left:50% !important;
  bottom:12px !important;
  z-index:5 !important;
  transform:translateX(-50%) !important;
  min-width:205px !important;
  height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 18px !important;
  border-radius:22px !important;
  background:rgba(92,94,99,.78) !important;
  color:#fff !important;
  font:500 12px/1 "Poppins",sans-serif !important;
  text-decoration:none !important;
  backdrop-filter:blur(8px) !important;
}
.home-campaign-v2 .campaign-scroll-arrow{font-size:18px !important}

/* Tablet: preserve large campaign image and keep controls with content. */
@media (max-width:1170px){
  .home-campaign-v2{height:min(100svh,760px) !important;min-height:620px !important}
  .home-campaign-v2 .campaign-hero-inner{width:88% !important;max-width:1120px !important;padding-bottom:112px !important}
  .home-campaign-v2 .campaign-copy{width:min(570px,58%) !important}
  .home-campaign-v2 .campaign-copy h1{font-size:clamp(40px,4.8vw,52px) !important}
  .home-campaign-v2 .campaign-copy p{font-size:14px !important}
  .home-campaign-v2 .campaign-scroll-cue{display:none !important}
}

/* Mobile: Telkomsel-inspired composition — image dominates,
   content is anchored at the bottom, and only dots remain. */
@media (max-width:640px){
  .home-campaign-v2{
    height:100svh !important;
    min-height:580px !important;
  }
  .home-campaign-v2 .campaign-hero-bg{
    background-position:62% top !important;
  }
  .home-campaign-v2 .campaign-hero-overlay{
    background:
      linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.02) 38%,rgba(0,0,0,.42) 58%,rgba(0,0,0,.94) 100%) !important;
  }
  .home-campaign-v2 .campaign-hero-inner{
    width:100% !important;
    max-width:none !important;
    padding:0 16px 31px !important;
    align-items:flex-end !important;
  }
  .home-campaign-v2 .campaign-copy{
    width:100% !important;
    max-width:none !important;
  }
  .home-campaign-v2 .campaign-eyebrow{font-size:10px !important;margin-bottom:7px !important}
  .home-campaign-v2 .campaign-copy h1{
    max-width:390px !important;
    margin-bottom:10px !important;
    font-size:clamp(30px,8vw,38px) !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
  }
  .home-campaign-v2 .campaign-copy p{
    max-width:390px !important;
    margin-bottom:15px !important;
    font-size:12.5px !important;
    line-height:1.43 !important;
  }
  .home-campaign-v2 .campaign-primary{
    min-width:171px !important;
    min-height:44px !important;
    padding:0 17px !important;
    font-size:11px !important;
  }
  .home-campaign-v2 .campaign-controls{
    position:absolute !important;
    right:16px !important;
    left:auto !important;
    bottom:6px !important;
    margin:0 !important;
    width:auto !important;
    height:26px !important;
  }
  .home-campaign-v2 .campaign-control{display:none !important}
  .home-campaign-v2 .campaign-dots{
    width:auto !important;
    height:26px !important;
    gap:3px !important;
  }
  .home-campaign-v2 .campaign-dots button{
    width:6px !important;
    min-width:6px !important;
    height:5px !important;
  }
  .home-campaign-v2 .campaign-dots button.active{
    width:22px !important;
    min-width:22px !important;
  }
}

/* Very small phones: prevent content from colliding with the fold. */
@media (max-width:380px){
  .home-campaign-v2 .campaign-hero-inner{padding-bottom:27px !important}
  .home-campaign-v2 .campaign-copy h1{font-size:29px !important}
  .home-campaign-v2 .campaign-copy p{font-size:12px !important}
  .home-campaign-v2 .campaign-primary{min-height:42px !important}
}

/* ===== END home-campaign-v2.css ===== */
/* ===== BEGIN home-campaign-v8.css ===== */

/* =========================================================
   INDIBEMS HOMEPAGE HERO V8
   TABLET + MOBILE REFERENCE MATCH
   Based on supplied Telkomsel screenshots.
   Desktop and Global Header are intentionally untouched.
   ========================================================= */

/* TABLET — reference screenshot: hero ~481px after header */
@media (min-width:641px) and (max-width:1100px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2{
    height:481px !important;
    min-height:481px !important;
    max-height:481px !important;
    overflow:hidden !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-bg{
    background-position:61% center !important;
    background-size:cover !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-overlay{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.00) 0%,
        rgba(0,0,0,.00) 45%,
        rgba(0,0,0,.42) 72%,
        rgba(0,0,0,.94) 100%) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-inner{
    height:100% !important;
    padding:0 25px 21px !important;
    display:flex !important;
    align-items:flex-end !important;
    box-sizing:border-box !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy{
    width:56% !important;
    max-width:520px !important;
    margin:0 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy h1{
    max-width:520px !important;
    margin:0 0 6px !important;
    font-size:24px !important;
    line-height:1.08 !important;
    letter-spacing:-.45px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy p{
    max-width:520px !important;
    margin:0 0 10px !important;
    font-size:10.5px !important;
    line-height:1.35 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
    height:37px !important;
    min-height:37px !important;
    border-radius:19px !important;
    font-size:10px !important;
    gap:9px !important;
  }

  /* Indicator only, positioned at right of campaign content. */
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-controls{
    left:auto !important;
    right:20px !important;
    bottom:95px !important;
    width:auto !important;
    height:17px !important;
    display:flex !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-control{
    display:none !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots{
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    height:13px !important;
    padding:3px 5px !important;
    border-radius:8px !important;
    background:rgba(20,22,26,.58) !important;
    backdrop-filter:blur(5px) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button{
    width:5px !important;
    min-width:5px !important;
    height:4px !important;
    min-height:4px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button.active{
    width:17px !important;
    min-width:17px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-scroll-cue{
    display:none !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 + .responsive-products{
    margin-top:0 !important;
    border-radius:18px 18px 0 0 !important;
  }
}


/* MOBILE — reference screenshot: hero ~421px after header */
@media (max-width:640px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2{
    height:421px !important;
    min-height:421px !important;
    max-height:421px !important;
    overflow:hidden !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-bg{
    background-position:57% center !important;
    background-size:cover !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-overlay{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.00) 42%,
        rgba(0,0,0,.34) 62%,
        rgba(0,0,0,.82) 82%,
        rgba(3,11,22,.98) 100%) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-inner{
    height:100% !important;
    padding:0 15px 20px !important;
    display:flex !important;
    align-items:flex-end !important;
    box-sizing:border-box !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy{
    width:76% !important;
    max-width:340px !important;
    margin:0 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy h1{
    max-width:330px !important;
    margin:0 0 6px !important;
    font-size:23px !important;
    line-height:1.07 !important;
    letter-spacing:-.45px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy p{
    max-width:330px !important;
    margin:0 0 10px !important;
    font-size:10.3px !important;
    line-height:1.34 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
    height:37px !important;
    min-height:37px !important;
    border-radius:19px !important;
    font-size:10px !important;
    gap:9px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-controls{
    left:auto !important;
    right:15px !important;
    bottom:92px !important;
    width:auto !important;
    height:17px !important;
    display:flex !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-control{
    display:none !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots{
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    height:13px !important;
    padding:3px 5px !important;
    border-radius:8px !important;
    background:rgba(20,22,26,.58) !important;
    backdrop-filter:blur(5px) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button{
    width:5px !important;
    min-width:5px !important;
    height:4px !important;
    min-height:4px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button.active{
    width:17px !important;
    min-width:17px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-scroll-cue{
    display:none !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 + .responsive-products{
    margin-top:0 !important;
    border-radius:18px 18px 0 0 !important;
    overflow:hidden !important;
  }
}


/* SMALL MOBILE */
@media (max-width:380px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2{
    height:421px !important;
    min-height:421px !important;
    max-height:421px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-bg{
    background-position:56% center !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-inner{
    padding-left:14px !important;
    padding-right:14px !important;
    padding-bottom:19px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy{
    width:78% !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy h1{
    max-width:300px !important;
    font-size:22px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy p{
    max-width:300px !important;
    font-size:10px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    width:155px !important;
    min-width:155px !important;
    max-width:155px !important;
    height:36px !important;
    min-height:36px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-controls{
    right:13px !important;
    bottom:89px !important;
  }
}

/* ===== END home-campaign-v8.css ===== */
/* ===== BEGIN home-campaign-v13-cta-final.css ===== */

/* =========================================================
   INDIBEMS HERO V13 — FINAL CTA PROPORTION
   Tablet + mobile only.
   One clean source of truth for "Selengkapnya ›".
   ========================================================= */

@media (min-width:641px) and (max-width:1100px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 148px !important;
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 12px !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:18px !important;
    box-shadow:none !important;
    gap:6px !important;
    font-family:"Poppins",sans-serif !important;
    font-size:11.5px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-.05px !important;
    white-space:nowrap !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary > span:first-child{
    font-size:11.5px !important;
    line-height:1 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary .campaign-arrow{
    display:inline-block !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1 !important;
    transform:translateY(-.2px) !important;
  }
}

@media (max-width:640px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 148px !important;
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 12px !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:18px !important;
    box-shadow:none !important;
    gap:6px !important;
    font-family:"Poppins",sans-serif !important;
    font-size:11.5px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-.05px !important;
    white-space:nowrap !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary > span:first-child{
    font-size:11.5px !important;
    line-height:1 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary .campaign-arrow{
    display:inline-block !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1 !important;
    transform:translateY(-.2px) !important;
  }
}

@media (max-width:380px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    flex-basis:142px !important;
    width:142px !important;
    min-width:142px !important;
    max-width:142px !important;
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
    border-radius:17.5px !important;
    font-size:11px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary > span:first-child{
    font-size:11px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary .campaign-arrow{
    font-size:14px !important;
  }
}

/* ===== END home-campaign-v13-cta-final.css ===== */
/* ===== BEGIN home-campaign-v14-tablet-controls.css ===== */

/* =========================================================
   INDIBEMS HERO V14 — TABLET CTA + DOT POSITION
   Only tablet breakpoint is changed.
   Desktop/mobile remain untouched.
   ========================================================= */
@media (min-width:641px) and (max-width:1100px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    position:relative !important;
    z-index:30 !important;
    margin-left:0 !important;
    transform:translateY(-1px) !important;
  }

  /* Move the indicator up into the same lower content rail,
     rather than leaving it at the bottom edge. */
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-controls{
    position:absolute !important;
    left:auto !important;
    right:27px !important;
    bottom:83px !important;
    width:auto !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:50 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:14px !important;
    min-height:14px !important;
    padding:3px 5px !important;
    gap:2px !important;
    border-radius:7px !important;
    background:rgba(20,22,26,.52) !important;
    backdrop-filter:blur(5px) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button{
    width:5px !important;
    min-width:5px !important;
    height:4px !important;
    min-height:4px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button.active{
    width:17px !important;
    min-width:17px !important;
  }
}

/* ===== END home-campaign-v14-tablet-controls.css ===== */
/* ===== BEGIN home-campaign-v15-mobile-size.css ===== */

/* =========================================================
   INDIBEMS HERO V15 — MOBILE HERO SIZE ONLY
   Tablet/desktop are intentionally untouched.
   Rebuilds the mobile campaign frame to match the supplied
   Telkomsel mobile reference proportion more closely.
   ========================================================= */

@media (max-width:640px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-bg{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:58% center !important;
    transform:none !important;
  }

  /* Keep the upper image clean; concentrate the darkening
     near the lower content rail. */
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-overlay{
    inset:0 !important;
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.00) 46%,
        rgba(0,0,0,.18) 60%,
        rgba(0,0,0,.64) 78%,
        rgba(3,11,22,.97) 100%
      ) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-inner{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 16px 20px !important;
    display:flex !important;
    align-items:flex-end !important;
    box-sizing:border-box !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy{
    width:76% !important;
    max-width:340px !important;
    margin:0 !important;
  }

  /* Compact mobile typography: image remains the dominant
     visual portion of the campaign. */
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-eyebrow{
    font-size:8px !important;
    line-height:1 !important;
    margin:0 0 5px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy h1{
    max-width:330px !important;
    margin:0 0 7px !important;
    font-size:23px !important;
    line-height:1.07 !important;
    letter-spacing:-.45px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy p{
    max-width:330px !important;
    margin:0 0 10px !important;
    font-size:10.3px !important;
    line-height:1.34 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-primary{
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    border-radius:18px !important;
  }

  /* Mobile indicator remains in the lower-right campaign rail. */
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-controls{
    left:auto !important;
    right:16px !important;
    bottom:76px !important;
    width:auto !important;
    height:18px !important;
    margin:0 !important;
    display:flex !important;
    z-index:50 !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-control{
    display:none !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots{
    display:flex !important;
    align-items:center !important;
    height:14px !important;
    padding:3px 5px !important;
    gap:2px !important;
    border-radius:7px !important;
    background:rgba(20,22,26,.52) !important;
    backdrop-filter:blur(5px) !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button{
    width:5px !important;
    min-width:5px !important;
    height:4px !important;
    min-height:4px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-dots button.active{
    width:17px !important;
    min-width:17px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-scroll-cue{
    display:none !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 + .responsive-products{
    margin-top:0 !important;
    border-radius:18px 18px 0 0 !important;
    overflow:hidden !important;
  }
}

/* Small phones: preserve the same overall proportion. */
@media (max-width:380px){
  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2{
    height:480px !important;
    min-height:480px !important;
    max-height:480px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-bg{
    background-position:57% center !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-hero-inner{
    padding-left:14px !important;
    padding-right:14px !important;
    padding-bottom:18px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy{
    width:78% !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy h1{
    max-width:300px !important;
    font-size:22px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-copy p{
    max-width:300px !important;
    font-size:10px !important;
  }

  html body .indibems-campaign-hero.home-campaign-carousel.home-campaign-v2 .campaign-controls{
    right:14px !important;
    bottom:74px !important;
  }
}

/* ===== END home-campaign-v15-mobile-size.css ===== */