/* =========================================================
   ADMIVIO — mobile.css
   Perbaikan menu mobile: drawer + dropdown agar tidak
   terlempar ke luar layar. Dimuat PALING AKHIR.
   ========================================================= */
@media (max-width: 960px) {

  /* Drawer menu */
  .site-header .nav__menu {
    position: fixed; left: 0; right: 0; top: 76px;
    background: #fff; z-index: 49;
    padding: 12px 20px 36px;
    box-shadow: 0 18px 40px rgba(12,27,42,.12);
    opacity: 0; transform: translateY(-8px); pointer-events: none;
    transition: .25s ease;
    max-height: calc(100vh - 76px); overflow: auto;
  }
  body.menu-open .site-header .nav__menu {
    opacity: 1; transform: none; pointer-events: auto;
  }

  /* Daftar menu vertikal */
  .site-header .nav__list { flex-direction: column; align-items: stretch; gap: 2px; }
  .site-header .has-drop { position: static; }
  .site-header .nav__link {
    width: 100%; justify-content: space-between;
    padding: 15px 10px; font-size: 17px; border-radius: 10px;
  }
  .site-header .has-drop.is-open > .nav__link { background: #F7FAFD; color: #0C1B2A; }

  /* KUNCI PERBAIKAN: paksa dropdown mengalir normal di dalam drawer */
  .site-header .drop {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: none;
    width: 100%; margin: 0; padding: 4px 0 12px;
    border: 0; box-shadow: none; background: transparent;
  }
  .site-header .drop::before { display: none; }
  .site-header .has-drop.is-open > .drop { display: block; }

  /* Item dropdown jadi kartu abu muda agar mudah dibaca & disentuh */
  .site-header .drop__grid {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 6px;
  }
  .site-header .drop__item {
    padding: 13px 16px; border-radius: 10px; background: #F7FAFD;
  }
  .site-header .drop__item:active { background: #E4F0FD; }
  .site-header .drop__item strong { display: block; font-size: 15px; color: #0C1B2A; }
  .site-header .drop__item span { display: block; font-size: 12.5px; color: #5A6B7E; margin-top: 3px; line-height: 1.5; }

  /* Tombol "Konsultasi Gratis" agar tidak raksasa dua baris */
  .site-header .btn--ghost {
    padding: 9px 14px; font-size: 13.5px; white-space: nowrap;
  }
}
/* =========================================================
   FULL-BLEED FIX — hilangkan space putih di kanan layar HP
   ========================================================= */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
.site-header, main, .footer {
  width: 100%;
  max-width: 100vw;
  overflow-x: clip;
}
section { max-width: 100%; }

@media (max-width: 960px) {
  /* Footer 5 kolom -> 2 kolom agar tidak melebar */
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer__brand { grid-column: 1 / -1; }
  .footer__bottom { flex-wrap: wrap; gap: 6px; }

  /* Trust bar menumpuk rapi */
  .trust__inner { grid-template-columns: 1fr; gap: 22px; }
  .trust__logos { gap: 16px 26px; }

  /* Hero & kolase: rapikan posisi kartu agar tidak keluar wadah */
  .hero { padding: 56px 0 64px; }
  .hero__inner { gap: 36px; }
  .viz__card--campaign { left: 0; }
  .viz__card--revenue { right: 0; }
  .viz__card--clients { right: 0; }

  /* Chip melayang di kartu CTA sering melebar di layar kecil */
  .cta__chip { display: none; }

  /* Carousel & metodologi lebih rapat */
  .carousel__track { gap: 12px; }
  .quote { padding: 30px 22px; }
  .quote blockquote { font-size: 16px; }
  .steps { gap: 44px; }
  .step { padding: 30px 22px 26px; }

  /* Kartu besar AI checker menumpuk */
  .feat--big { grid-template-columns: 1fr; }
  .feat__big-copy { padding: 32px 24px; }
  .feat__big-visual { padding: 8px 20px 28px; }
  .ai-chat { max-width: 100%; }
}

@media (max-width: 480px) {
  .container { width: 90%; }
  .hero h1 { font-size: 2.15rem; }
  .rating { flex-wrap: wrap; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; align-items: flex-start; }
}
/* =========================================================
   FULL-BLEED FIX v2 — mematikan gutter/scrollbar samping di HP
   ========================================================= */
html { overflow-x: clip; }
body {
  overflow-x: clip;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.site-header, main, #konten, .footer {
  overflow-x: clip;
  max-width: 100%;
}
img, svg, video, iframe { max-width: 100%; }

@media (max-width: 960px) {
  /* Hilangkan batang scroll klasik yang memakan sisi kanan */
  html { scrollbar-width: none; -ms-overflow-style: none; }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar { width: 0; height: 0; display: none; }

  /* Paksa semua section penuh dari tepi ke tepi */
  .hero, .trust, .platform, .process, .proof, .faq, .cta,
  .page-hero, .page-section, .page-cta, .ed-section, .gd-hero {
    width: 100%;
    max-width: 100%;
  }

  /* Netralkan sisa offset horizontal */
  .viz__card--campaign, .viz__card--revenue, .viz__card--clients { left: 0; right: 0; }
  .hero__visual { margin-right: 0; }
  .wa-float { right: 14px; }
  .carousel, .faq__list, .steps, .feat-grid, .trust__logos { max-width: 100%; }
}