/* Menu bawah ala aplikasi Android — tampil di HP & tablet pada semua halaman */
.pp3-bottomnav { display: none; }

@media (max-width: 1024px) {
  .pp3-bottomnav {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
    display: grid; grid-template-columns: repeat(5, 1fr); align-items: end;
    height: calc(64px + env(safe-area-inset-bottom));
    padding: 0 6px env(safe-area-inset-bottom);
    background: rgba(255, 255, 255, .97);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    border-top: 1px solid rgba(11, 77, 50, .08);
    box-shadow: 0 -6px 24px rgba(11, 77, 50, .10);
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  }
  .pp3-bn-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    height: 64px; color: #6b7c74 !important; text-decoration: none !important;
    font-size: 10.5px; font-weight: 600; line-height: 1; letter-spacing: 0; white-space: nowrap;
    -webkit-tap-highlight-color: transparent; position: relative;
  }
  .pp3-bn-item .pp3-ico { width: 23px; height: 23px; transition: transform .2s; }
  .pp3-bn-item.is-active { color: #0b4d32 !important; }
  .pp3-bn-item.is-active::before {
    content: ""; position: absolute; top: 6px; width: 46px; height: 30px; border-radius: 16px;
    background: #e3f2ea; z-index: -1;
  }
  .pp3-bn-item:active .pp3-ico { transform: scale(.88); }
  .pp3-bn-item.is-cta { justify-content: flex-start; }
  .pp3-bn-item.is-cta .pp3-ico {
    width: 54px; height: 54px; padding: 14px; margin-top: -22px; border-radius: 50%;
    color: #fff; background: linear-gradient(145deg, #12784f, #0b4d32);
    box-shadow: 0 8px 18px rgba(11, 77, 50, .35), 0 0 0 5px #fff;
    stroke-width: 2.4;
  }
  .pp3-bn-item.is-cta span { color: #0b4d32; margin-top: 2px; }
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important; }
}