/*
 * BIP UI Premium Clean V13
 * Scoped CSS only.
 * Tidak mengubah database Elementor, teks, link, nomor WA, atau struktur halaman.
 */

:root {
  --bip-red-dark: #76070c;
  --bip-red: #a80f14;
  --bip-red-light: #bd1c23;
  --bip-gold: #d6a740;
  --bip-ink: #172033;
  --bip-white: #ffffff;
}

/* =========================
   HEADER DESKTOP MAROON
   ========================= */
@media (min-width: 1025px) {
  body:not(.wp-admin):not(.page-id-9570) header,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-header,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-navbar,
  body:not(.wp-admin):not(.page-id-9570) .elementor-location-header {
    background: linear-gradient(135deg, var(--bip-red-dark) 0%, var(--bip-red) 52%, var(--bip-red-light) 100%) !important;
    min-height: 76px !important;
    height: 76px !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 12px 30px rgba(15,23,42,.16) !important;
    overflow: visible !important;
    z-index: 9999 !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header .elementor-section,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-container,
  body:not(.wp-admin):not(.page-id-9570) header .e-con,
  body:not(.wp-admin):not(.page-id-9570) header .e-con-inner,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-navbar .container {
    min-height: 76px !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header .elementor-widget-wrap {
    align-items: center !important;
    align-content: center !important;
  }

  /* Logo tanpa box putih */
  body:not(.wp-admin):not(.page-id-9570) header .elementor-widget-image,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-widget-theme-site-logo,
  body:not(.wp-admin):not(.page-id-9570) header .custom-logo-link,
  body:not(.wp-admin):not(.page-id-9570) header .site-branding,
  body:not(.wp-admin):not(.page-id-9570) header .jupiterx-site-branding,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-branding {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    min-width: 160px !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header img[src*="LOGO"],
  body:not(.wp-admin):not(.page-id-9570) header img[src*="Logo"],
  body:not(.wp-admin):not(.page-id-9570) header img[src*="logo"],
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-header img,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-navbar img,
  body:not(.wp-admin):not(.page-id-9570) .elementor-location-header img,
  body:not(.wp-admin):not(.page-id-9570) .raven-site-logo img {
    width: auto !important;
    height: 54px !important;
    max-height: 54px !important;
    max-width: 235px !important;
    object-fit: contain !important;
    transform: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 5px 12px rgba(0,0,0,.16));
  }

  /* Menu desktop */
  body:not(.wp-admin):not(.page-id-9570) header nav,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu,
  body:not(.wp-admin):not(.page-id-9570) header .raven-nav-menu,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-nav,
  body:not(.wp-admin):not(.page-id-9570) .navbar-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu > li,
  body:not(.wp-admin):not(.page-id-9570) header .raven-nav-menu > li,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-nav > li,
  body:not(.wp-admin):not(.page-id-9570) .navbar-nav > li {
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header nav a,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu a,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu--main .elementor-item,
  body:not(.wp-admin):not(.page-id-9570) header .raven-nav-menu a,
  body:not(.wp-admin):not(.page-id-9570) header .raven-menu-item,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar a,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    background: transparent !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    border-radius: 12px !important;
    line-height: 1 !important;
    font-size: clamp(12px, .82vw, 14px) !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
  }

  body:not(.wp-admin):not(.page-id-9570) header nav a:hover,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu a:hover,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu .elementor-item-active,
  body:not(.wp-admin):not(.page-id-9570) header .raven-nav-menu a:hover,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar a:hover,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar .current-menu-item > a {
    color: var(--bip-red-dark) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.18) !important;
    transform: translateY(-1px);
  }
}

/* Desktop kecil */
@media (min-width: 1025px) and (max-width: 1280px) {
  body:not(.wp-admin):not(.page-id-9570) header nav a,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu a,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu--main .elementor-item,
  body:not(.wp-admin):not(.page-id-9570) header .raven-nav-menu a,
  body:not(.wp-admin):not(.page-id-9570) header .raven-menu-item,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar a,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-nav-link {
    font-size: 12px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header img[src*="LOGO"],
  body:not(.wp-admin):not(.page-id-9570) header img[src*="Logo"],
  body:not(.wp-admin):not(.page-id-9570) header img[src*="logo"],
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-header img,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-navbar img,
  body:not(.wp-admin):not(.page-id-9570) .elementor-location-header img {
    height: 48px !important;
    max-height: 48px !important;
    max-width: 205px !important;
  }
}

/* Dropdown desktop */
body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu--dropdown,
body:not(.wp-admin):not(.page-id-9570) header .raven-submenu,
body:not(.wp-admin):not(.page-id-9570) header .sub-menu,
body:not(.wp-admin):not(.page-id-9570) .jupiterx-dropdown-menu {
  background: linear-gradient(180deg, #9d0c12 0%, #76070c 100%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 48px rgba(15,23,42,.22) !important;
  padding: 8px !important;
  min-width: 210px !important;
}

body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu--dropdown a,
body:not(.wp-admin):not(.page-id-9570) header .raven-submenu a,
body:not(.wp-admin):not(.page-id-9570) header .sub-menu a,
body:not(.wp-admin):not(.page-id-9570) .jupiterx-dropdown-menu a {
  color: #ffffff !important;
  background: transparent !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

body:not(.wp-admin):not(.page-id-9570) header .elementor-nav-menu--dropdown a:hover,
body:not(.wp-admin):not(.page-id-9570) header .raven-submenu a:hover,
body:not(.wp-admin):not(.page-id-9570) header .sub-menu a:hover,
body:not(.wp-admin):not(.page-id-9570) .jupiterx-dropdown-menu a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.14) !important;
}

/* =========================
   MOBILE HEADER + HAMBURGER
   ========================= */
@media (max-width: 767px) {
  body:not(.wp-admin):not(.page-id-9570) header,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-header,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-navbar,
  body:not(.wp-admin):not(.page-id-9570) .elementor-location-header {
    background: linear-gradient(135deg, var(--bip-red-dark) 0%, var(--bip-red) 58%, var(--bip-red-light) 100%) !important;
    min-height: 92px !important;
    height: auto !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.14) !important;
    overflow: visible !important;
    z-index: 9999 !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header .elementor-section,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-container,
  body:not(.wp-admin):not(.page-id-9570) header .e-con,
  body:not(.wp-admin):not(.page-id-9570) header .e-con-inner {
    min-height: 92px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header .elementor-widget-image,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-widget-theme-site-logo,
  body:not(.wp-admin):not(.page-id-9570) header .custom-logo-link,
  body:not(.wp-admin):not(.page-id-9570) header .site-branding,
  body:not(.wp-admin):not(.page-id-9570) header .jupiterx-site-branding,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-branding {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header img[src*="LOGO"],
  body:not(.wp-admin):not(.page-id-9570) header img[src*="Logo"],
  body:not(.wp-admin):not(.page-id-9570) header img[src*="logo"],
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-header img,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-site-navbar img,
  body:not(.wp-admin):not(.page-id-9570) .elementor-location-header img,
  body:not(.wp-admin):not(.page-id-9570) .raven-site-logo img {
    width: auto !important;
    height: 48px !important;
    max-height: 48px !important;
    max-width: 185px !important;
    object-fit: contain !important;
    transform: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 5px 12px rgba(0,0,0,.16));
  }

  /* Hamburger hanya 3 strip putih */
  body:not(.wp-admin):not(.page-id-9570) .elementor-menu-toggle,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-toggle,
  body:not(.wp-admin):not(.page-id-9570) .navbar-toggler,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 48px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 100000 !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .navbar-toggler-icon,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-toggler-icon {
    background-image: none !important;
    background: #ffffff !important;
    width: 31px !important;
    height: 3px !important;
    border-radius: 999px !important;
    position: relative !important;
    display: block !important;
    box-shadow: 0 9px 0 #ffffff, 0 -9px 0 #ffffff !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-menu-toggle *,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-toggle *,
  body:not(.wp-admin):not(.page-id-9570) .navbar-toggler *,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-toggler *,
  body:not(.wp-admin):not(.page-id-9570) .elementor-menu-toggle i,
  body:not(.wp-admin):not(.page-id-9570) .elementor-menu-toggle svg,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-toggle i {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-menu-toggle span,
  body:not(.wp-admin):not(.page-id-9570) .navbar-toggler span,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-toggle span {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }

  body:not(.wp-admin):not(.page-id-9570) header .elementor-search-form,
  body:not(.wp-admin):not(.page-id-9570) header .elementor-widget-search-form,
  body:not(.wp-admin):not(.page-id-9570) header .raven-search-form,
  body:not(.wp-admin):not(.page-id-9570) header form[role="search"],
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-search-form {
    display: none !important;
  }

  /* Mobile panel menu merah, bukan putih */
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-collapse,
  body:not(.wp-admin):not(.page-id-9570) .collapse.navbar-collapse {
    background: linear-gradient(180deg, #9d0c12 0%, #76070c 100%) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 58px rgba(15,23,42,.28) !important;
    padding: 13px !important;
    margin: 10px 16px 0 !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown a,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container a,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile a,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-collapse a,
  body:not(.wp-admin):not(.page-id-9570) .collapse.navbar-collapse a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    color: #ffffff !important;
    background: transparent !important;
    border-radius: 13px !important;
    font-weight: 800 !important;
    padding: 13px 15px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown a:hover,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown .elementor-item-active,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container a:hover,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile a:hover,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-collapse a:hover,
  body:not(.wp-admin):not(.page-id-9570) .collapse.navbar-collapse a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.14) !important;
  }

  /* Submenu mobile tidak boleh putih */
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown .sub-menu,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container .sub-menu,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile .sub-menu,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-collapse .sub-menu,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown ul ul,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container ul ul {
    background: rgba(55,0,4,.28) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    padding: 7px !important;
    margin: 7px 0 2px !important;
    min-height: 0 !important;
    height: auto !important;
    box-shadow: none !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown .sub-menu a,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container .sub-menu a,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile .sub-menu a,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-collapse .sub-menu a {
    color: #ffffff !important;
    background: transparent !important;
    font-size: 14px !important;
    padding-left: 16px !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown .sub-arrow,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container .sub-arrow,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile .sub-arrow,
  body:not(.wp-admin):not(.page-id-9570) .jupiterx-navbar-collapse .sub-arrow,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown svg,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu--dropdown button,
  body:not(.wp-admin):not(.page-id-9570) .elementor-nav-menu__container button,
  body:not(.wp-admin):not(.page-id-9570) .raven-nav-menu-mobile button {
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
  }
}

/* =========================
   PREMIUM BUTTONS
   ========================= */
body:not(.wp-admin):not(.page-id-9570) .elementor-widget-button .elementor-button,
body:not(.wp-admin):not(.page-id-9570) a.elementor-button,
body:not(.wp-admin):not(.page-id-9570) .wp-block-button__link,
body:not(.wp-admin):not(.page-id-9570) input[type="submit"],
body:not(.wp-admin):not(.page-id-9570) button[type="submit"],
body:not(.wp-admin):not(.page-id-9570) .wpcf7-submit {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  min-height: 50px !important;
  padding: 14px 24px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #78070c 0%, #a80f14 54%, #c5232a 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 16px 34px rgba(120,7,12,.22), 0 7px 16px rgba(15,23,42,.12) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body:not(.wp-admin):not(.page-id-9570) .elementor-widget-button .elementor-button::before,
body:not(.wp-admin):not(.page-id-9570) a.elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.24), transparent 38%),
    linear-gradient(90deg, rgba(214,167,64,.20), transparent 62%) !important;
  opacity: .9 !important;
}

body:not(.wp-admin):not(.page-id-9570) .elementor-widget-button .elementor-button:hover,
body:not(.wp-admin):not(.page-id-9570) a.elementor-button:hover,
body:not(.wp-admin):not(.page-id-9570) input[type="submit"]:hover,
body:not(.wp-admin):not(.page-id-9570) button[type="submit"]:hover,
body:not(.wp-admin):not(.page-id-9570) .wpcf7-submit:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.04) brightness(1.03) !important;
  box-shadow: 0 22px 46px rgba(120,7,12,.28), 0 9px 20px rgba(15,23,42,.16) !important;
}

/* Header links bukan button */
body:not(.wp-admin):not(.page-id-9570) header .elementor-button,
body:not(.wp-admin):not(.page-id-9570) header a.elementor-button {
  min-height: unset !important;
}

/* =========================
   VIDEO RATIO FIX
   ========================= */
body:not(.wp-admin) .elementor-widget-video .elementor-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  padding-bottom: 56.25% !important;
  overflow: hidden !important;
}

body:not(.wp-admin) .elementor-widget-video iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

/* =========================
   MEDIA / PARTNER LOGO
   ========================= */
body.home .elementor-image-carousel .swiper-slide img[src*="warta"],
body.home .elementor-image-carousel .swiper-slide img[src*="cnbc"],
body.home .elementor-image-carousel .swiper-slide img[src*="CNBC"],
body.home .elementor-image-carousel .swiper-slide img[src*="tvrinews"],
body.home .elementor-image-carousel .swiper-slide img[src*="jawapos"],
body.home .elementor-image-carousel .swiper-slide img[src*="poskota"],
body.home .elementor-image-carousel .swiper-slide img[src*="kompas"],
body.home .elementor-image-carousel .swiper-slide img[src*="sindonews"],
body.home .elementor-image-carousel .swiper-slide img[src*="SINDO"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="warta"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="cnbc"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="CNBC"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="tvrinews"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="jawapos"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="poskota"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="kompas"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="sindonews"],
body.home .elementor-widget-image-carousel .swiper-slide img[src*="SINDO"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: min(82vw, 760px) !important;
  max-height: 340px !important;
  height: auto !important;
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home img[src*="PT-"],
body.home img[src*="PT."],
body.home img[src*="Gunbuster"],
body.home img[src*="GUNBUSTER"],
body.home img[src*="HJF"],
body.home img[src*="COACH"],
body.home img[src*="coach"],
body.home img[src*="VDNI"],
body.home img[src*="QMB"],
body.home img[src*="Huabao"],
body.home img[src*="Wanatiara"],
body.home img[src*="Mineral"],
body.home img[src*="Detian"] {
  width: auto !important;
  height: auto !important;
  max-width: min(70vw, 360px) !important;
  max-height: 230px !important;
  object-fit: contain !important;
  transform: scale(1.45) !important;
  transform-origin: center center !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Floating WA tetap di atas */
#bip-wa-choice-widget {
  z-index: 999998 !important;
}




/* === BIP MOBILE HEADER HERO GAP V14 START === */
@media (max-width: 767px) {

  /* Header mobile lebih pendek */
  body .elementor-location-header,
  body header.elementor-location-header,
  body .site-header,
  body .jupiterx-header {
    margin-bottom: 0 !important;
  }

  body .elementor-location-header .elementor-container,
  body .elementor-location-header .e-con-inner,
  body .elementor-location-header .elementor-section .elementor-container,
  body .jupiterx-header .elementor-container,
  body .jupiterx-header .e-con-inner {
    min-height: 68px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    align-items: center !important;
  }

  /* Logo header mobile sedikit lebih compact */
  body .elementor-location-header .elementor-widget-theme-site-logo img,
  body .elementor-location-header .elementor-widget-image img,
  body .elementor-location-header .custom-logo,
  body .elementor-location-header .site-logo img,
  body .jupiterx-header .elementor-widget-image img,
  body .jupiterx-header .custom-logo {
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Tombol hamburger tetap ringkas */
  body .elementor-location-header .elementor-menu-toggle,
  body .jupiterx-header .elementor-menu-toggle,
  body .jupiterx-mobile-menu-toggle,
  body .raven-nav-menu-toggle {
    min-width: 40px !important;
    min-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hero section homepage diberi jarak dari header */
  body.home .site-main,
  body.home main,
  body.home .elementor-location-header + main,
  body.home .elementor-location-header + .elementor {
    margin-top: 0 !important;
  }

  body.home .elementor-top-section:first-of-type,
  body.home .site-main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child,
  body.home main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child {
    margin-top: 12px !important;
    padding-top: 0 !important;
  }

  /* Biar hero image tidak terlalu naik / kepotong */
  body.home .elementor-top-section:first-of-type img,
  body.home .site-main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child img,
  body.home main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child img {
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
  }

  body.home .elementor-top-section:first-of-type .elementor-widget-image,
  body.home .elementor-top-section:first-of-type .elementor-image,
  body.home .site-main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child .elementor-widget-image,
  body.home .site-main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child .elementor-image,
  body.home main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child .elementor-widget-image,
  body.home main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child .elementor-image {
    overflow: visible !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Card hero sedikit lebih enak nafasnya */
  body.home .elementor-top-section:first-of-type .elementor-widget-wrap,
  body.home .site-main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child .elementor-widget-wrap,
  body.home main > .elementor > .elementor-section-wrap > .elementor-top-section:first-child .elementor-widget-wrap {
    padding-top: 0 !important;
  }
}
/* === BIP MOBILE HEADER HERO GAP V14 END === */


/* === BIP MENU PAGE REBUILD V17 START === */

/* Scope hanya 4 page target */
body.bip-v17-menu-page {
  --bip-v17-maroon: #a80f14;
  --bip-v17-maroon-dark: #76070c;
  --bip-v17-red: #c91922;
  --bip-v17-gold: #d6a740;
  --bip-v17-ink: #172033;
  --bip-v17-muted: #667085;
  --bip-v17-soft: #fff8f5;
  background:
    radial-gradient(circle at top left, rgba(168,15,20,.055), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fff9f5 48%, #ffffff 100%) !important;
}

/* Hapus sidebar default JupiterX di page klasik */
body.bip-v17-menu-page .jupiterx-sidebar,
body.bip-v17-menu-page aside.jupiterx-sidebar,
body.bip-v17-menu-page .jupiterx-secondary,
body.bip-v17-menu-page .widget-area,
body.bip-v17-menu-page .sidebar {
  display: none !important;
}

/* Paksa content full width */
body.bip-v17-menu-page .jupiterx-primary,
body.bip-v17-menu-page .jupiterx-main-content,
body.bip-v17-menu-page .jupiterx-content,
body.bip-v17-menu-page .jupiterx-main .col-lg-9,
body.bip-v17-menu-page .jupiterx-main .col-md-9,
body.bip-v17-menu-page .jupiterx-main .col-sm-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Hapus titlebar/featured/header page kosong yang bikin balok merah */
body.bip-v17-menu-page .jupiterx-title-bar,
body.bip-v17-menu-page .jupiterx-page-title-bar,
body.bip-v17-menu-page .jupiterx-post-header,
body.bip-v17-menu-page .jupiterx-post-image,
body.bip-v17-menu-page .entry-header,
body.bip-v17-menu-page .page-header {
  display: none !important;
}

body.bip-v17-menu-page main,
body.bip-v17-menu-page .site-main,
body.bip-v17-menu-page .jupiterx-main {
  padding-top: 28px !important;
  overflow-x: hidden !important;
}

/* Kalau Elementor lama masih sempat kebaca, sembunyikan konten rusak target */
body.bip-v17-materi .elementor-element-ff6cde4,
body.bip-v17-materi .ucaddon_uc_card_post_carousel,
body.bip-v17-materi [class*="uc_card_post_carousel"],
body.bip-v17-materi [class*="owl-carousel"],
body.bip-v17-materi .owl-dots,
body.bip-v17-materi .owl-nav,
body.bip-v17-materi .swiper-pagination,
body.bip-v17-materi .swiper-button-prev,
body.bip-v17-materi .swiper-button-next {
  display: none !important;
}

/* Shell */
.bip-v17-page-shell {
  width: min(1120px, calc(100% - 36px));
  margin: 0 auto 54px !important;
}

.bip-v17-hero {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: 44px 42px;
  margin-bottom: 30px;
  color: #fff;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.20), transparent 38%),
    linear-gradient(135deg, #650006 0%, #a80f14 54%, #c91922 100%);
  box-shadow: 0 24px 60px rgba(120,7,12,.24), 0 10px 26px rgba(15,23,42,.10);
}

.bip-v17-hero::after {
  content: "北京";
  position: absolute;
  right: 28px;
  bottom: -34px;
  font-size: 126px;
  line-height: 1;
  font-weight: 900;
  opacity: .10;
  color: #fff;
}

.bip-v17-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 6px 13px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: #ffe8c0;
  font-weight: 850;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bip-v17-hero h1 {
  position: relative;
  z-index: 1;
  color: #fff !important;
  margin: 0 !important;
  max-width: 780px;
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  font-weight: 950 !important;
}

.bip-v17-hero p {
  position: relative;
  z-index: 1;
  margin: 18px 0 0 !important;
  max-width: 720px;
  color: rgba(255,255,255,.88) !important;
  font-size: 17px;
  line-height: 1.7 !important;
}

/* Gallery / Alumni grid */
.bip-v17-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bip-v17-photo-card {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  border-radius: 26px;
  background: #fff;
  border: 1px solid rgba(23,32,51,.08);
  box-shadow: 0 18px 44px rgba(15,23,42,.10);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bip-v17-photo-card:hover {
  transform: translateY(-4px);
  border-color: rgba(168,15,20,.20);
  box-shadow: 0 30px 68px rgba(15,23,42,.16);
}

.bip-v17-photo-card a {
  display: block;
  overflow: hidden;
  color: inherit !important;
}

.bip-v17-photo-card img {
  display: block;
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .35s ease, filter .2s ease;
}

.bip-v17-photo-card:hover img {
  transform: scale(1.035);
  filter: saturate(1.05);
}

.bip-v17-photo-card figcaption {
  padding: 16px 18px 18px;
  color: var(--bip-v17-ink);
  font-weight: 850;
  line-height: 1.35;
}

/* Alumni portrait lebih elegan */
body.bip-v17-alumni .bip-v17-photo-card img {
  height: 360px !important;
}

/* Paket */
.bip-v17-paket-shell {
  width: min(920px, calc(100% - 36px));
}

.bip-v17-intro-card {
  margin-bottom: 26px;
  padding: 28px 32px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(214,167,64,.16), transparent 40%),
    rgba(255,255,255,.98);
  border: 1px solid rgba(168,15,20,.12);
  border-left: 7px solid var(--bip-v17-maroon);
  box-shadow: 0 18px 46px rgba(15,23,42,.10);
  color: var(--bip-v17-ink);
  text-align: center;
}

.bip-v17-intro-card p,
.bip-v17-intro-card div {
  line-height: 1.72 !important;
}

.bip-v17-program-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.bip-v17-program-card {
  position: relative;
  display: grid;
  grid-template-columns: 58px 1fr 34px;
  align-items: center;
  gap: 16px;
  min-height: 78px;
  padding: 18px 22px;
  border-radius: 24px;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.20), transparent 34%),
    linear-gradient(135deg, #650006, #a80f14, #c91922);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 40px rgba(120,7,12,.22), 0 8px 18px rgba(15,23,42,.11);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.bip-v17-program-card.is-offline {
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, #1a1f31, #293354, #8d0a10);
}

.bip-v17-program-card:hover {
  color: #fff !important;
  transform: translateY(-3px);
  filter: brightness(1.04) saturate(1.05);
  box-shadow: 0 28px 60px rgba(120,7,12,.30), 0 10px 24px rgba(15,23,42,.16);
}

.bip-v17-program-number {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.18);
  color: #ffe8c0;
  font-weight: 950;
}

.bip-v17-program-content strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 950;
}

.bip-v17-program-content em {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.78);
  font-style: normal;
  font-weight: 700;
}

.bip-v17-program-arrow {
  color: #fff;
  font-size: 36px;
  line-height: 1;
  opacity: .85;
}

/* Materi */
.bip-v17-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bip-v17-post-card {
  overflow: hidden;
  border-radius: 26px;
  background: #fff;
  border: 1px solid rgba(23,32,51,.08);
  box-shadow: 0 18px 44px rgba(15,23,42,.10);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bip-v17-post-card:hover {
  transform: translateY(-4px);
  border-color: rgba(168,15,20,.20);
  box-shadow: 0 30px 68px rgba(15,23,42,.16);
}

.bip-v17-post-thumb {
  display: block;
  height: 210px;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, #650006, #a80f14, #d6a740);
}

.bip-v17-post-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  transition: transform .35s ease, filter .2s ease;
}

.bip-v17-post-card:hover .bip-v17-post-thumb img {
  transform: scale(1.04);
  filter: saturate(1.05);
}

.bip-v17-post-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 72px;
  font-weight: 950;
  opacity: .30;
}

.bip-v17-post-body {
  padding: 22px 24px 24px;
}

.bip-v17-post-body h2 {
  margin: 0 0 12px !important;
  font-size: 21px !important;
  line-height: 1.26 !important;
  letter-spacing: -0.025em !important;
  font-weight: 950 !important;
}

.bip-v17-post-body h2 a {
  color: var(--bip-v17-ink) !important;
  text-decoration: none !important;
}

.bip-v17-post-body p {
  margin: 0 0 18px !important;
  color: rgba(23,32,51,.74);
  line-height: 1.72 !important;
}

.bip-v17-read-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--bip-v17-maroon) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.bip-v17-read-more::after {
  content: "›";
  font-size: 20px;
  line-height: 1;
}

/* Floating WA jangan nutup terlalu besar di page gallery/alumni */
body.bip-v17-menu-page .bip-wa-choice-widget {
  z-index: 90 !important;
}

/* Mobile */
@media (max-width: 1024px) {
  .bip-v17-gallery-grid,
  .bip-v17-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bip-v17-photo-card img,
  body.bip-v17-alumni .bip-v17-photo-card img {
    height: 300px !important;
  }
}

@media (max-width: 767px) {
  body.bip-v17-menu-page main,
  body.bip-v17-menu-page .site-main,
  body.bip-v17-menu-page .jupiterx-main {
    padding-top: 16px !important;
  }

  .bip-v17-page-shell,
  .bip-v17-paket-shell {
    width: min(100% - 28px, 100%);
    margin-bottom: 42px !important;
  }

  .bip-v17-hero {
    border-radius: 24px;
    padding: 30px 24px;
    margin-bottom: 22px;
  }

  .bip-v17-hero::after {
    font-size: 92px;
    right: 10px;
    bottom: -24px;
  }

  .bip-v17-hero h1 {
    font-size: clamp(30px, 9.5vw, 42px);
  }

  .bip-v17-hero p {
    font-size: 15px;
  }

  .bip-v17-gallery-grid,
  .bip-v17-post-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .bip-v17-photo-card {
    border-radius: 22px;
  }

  .bip-v17-photo-card img,
  body.bip-v17-alumni .bip-v17-photo-card img {
    height: auto !important;
    max-height: 520px !important;
    object-fit: contain !important;
    background: #fff;
  }

  .bip-v17-intro-card {
    border-radius: 22px;
    padding: 22px 20px;
    text-align: center;
  }

  .bip-v17-program-card {
    grid-template-columns: 48px 1fr 24px;
    gap: 13px;
    min-height: 72px;
    padding: 16px 18px;
    border-radius: 20px;
  }

  .bip-v17-program-number {
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }

  .bip-v17-program-content strong {
    font-size: 16px;
  }

  .bip-v17-post-thumb {
    height: 190px;
  }

  .bip-v17-post-body {
    padding: 20px 20px 22px;
  }
}

/* === BIP MENU PAGE REBUILD V17 END === */


/* === BIP MENU PAGE V17 HARD CLEAN START === */

/* Pastikan sidebar JupiterX hilang total secara visual */
body.bip-v17-hard-clean .jupiterx-sidebar,
body.bip-v17-hard-clean aside.jupiterx-sidebar,
body.bip-v17-hard-clean .jupiterx-secondary,
body.bip-v17-hard-clean .widget-area,
body.bip-v17-hard-clean .sidebar,
body.bip-v17-hard-clean [class*="sidebar_primary"] {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Paksa content jadi full width */
body.bip-v17-hard-clean .jupiterx-primary,
body.bip-v17-hard-clean .jupiterx-main-content,
body.bip-v17-hard-clean .jupiterx-content,
body.bip-v17-hard-clean .jupiterx-main .col-lg-9,
body.bip-v17-hard-clean .jupiterx-main .col-md-9,
body.bip-v17-hard-clean .jupiterx-main .col-sm-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Hilangkan sisa titlebar / featured area / red bar kosong */
body.bip-v17-hard-clean .jupiterx-title-bar,
body.bip-v17-hard-clean .jupiterx-page-title-bar,
body.bip-v17-hard-clean .jupiterx-post-header,
body.bip-v17-hard-clean .jupiterx-post-image,
body.bip-v17-hard-clean .entry-header,
body.bip-v17-hard-clean .page-header,
body.bip-v17-hard-clean .post-thumbnail {
  display: none !important;
}

/* Materi: matikan total carousel lama, dots, owl, swiper */
body.bip-v17-materi .elementor-element-ff6cde4,
body.bip-v17-materi .ucaddon_uc_card_post_carousel,
body.bip-v17-materi [class*="uc_card_post_carousel"],
body.bip-v17-materi [class*="uc_overlay_image_carousel"],
body.bip-v17-materi [class*="uc_carousel"],
body.bip-v17-materi .owl-carousel,
body.bip-v17-materi .owl-theme,
body.bip-v17-materi .owl-dots,
body.bip-v17-materi .owl-nav,
body.bip-v17-materi .swiper-pagination,
body.bip-v17-materi .swiper-pagination-bullet,
body.bip-v17-materi .swiper-button-prev,
body.bip-v17-materi .swiper-button-next {
  display: none !important;
}

/* Finishing premium untuk shell V17 */
body.bip-v17-hard-clean .bip-v17-page-shell {
  padding-top: 8px !important;
}

body.bip-v17-hard-clean .bip-v17-hero {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

/* Gallery & Alumni dibuat lebih seperti portfolio premium */
body.bip-v17-gallery .bip-v17-gallery-grid,
body.bip-v17-alumni .bip-v17-gallery-grid {
  align-items: start !important;
}

body.bip-v17-gallery .bip-v17-photo-card,
body.bip-v17-alumni .bip-v17-photo-card {
  background: #ffffff !important;
  border: 1px solid rgba(168,15,20,.10) !important;
}

body.bip-v17-gallery .bip-v17-photo-card figcaption,
body.bip-v17-alumni .bip-v17-photo-card figcaption {
  background: linear-gradient(180deg, #ffffff, #fff8f5) !important;
}

/* Paket lebih tegas dan tidak terlihat seperti button lama */
body.bip-v17-paket .bip-v17-intro-card {
  font-size: 16px !important;
}

body.bip-v17-paket .bip-v17-program-card {
  isolation: isolate !important;
}

body.bip-v17-paket .bip-v17-program-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255,255,255,.14), transparent 42%);
  opacity: .8;
}

/* Materi post card lebih bersih */
body.bip-v17-materi .bip-v17-post-card {
  min-height: 100% !important;
}

body.bip-v17-materi .bip-v17-post-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 250px !important;
}

body.bip-v17-materi .bip-v17-read-more {
  margin-top: auto !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.bip-v17-hard-clean .bip-v17-hero {
    margin-bottom: 24px !important;
  }

  body.bip-v17-hard-clean .bip-v17-page-shell {
    padding-top: 4px !important;
  }

  body.bip-v17-gallery .bip-v17-photo-card figcaption,
  body.bip-v17-alumni .bip-v17-photo-card figcaption {
    font-size: 14px !important;
  }
}

/* === BIP MENU PAGE V17 HARD CLEAN END === */


/* === BIP MENU PAGE V19 FINAL START === */

/* Offset hero: JupiterX mobile/tablet header overlapped */
@media (max-width: 1024px) {
  body.bip-v18-menu-page.jupiterx-header-overlapped-mobile .bip-v18-page-shell,
  body.bip-v18-menu-page.jupiterx-header-overlapped-mobile .bip-v19-page-shell {
    margin-top: 154px !important;
  }

  body.bip-v18-menu-page .bip-v18-hero,
  body.bip-v18-menu-page .bip-v19-hero {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  body.bip-v18-menu-page.jupiterx-header-overlapped-mobile .bip-v18-page-shell,
  body.bip-v18-menu-page.jupiterx-header-overlapped-mobile .bip-v19-page-shell {
    margin-top: 148px !important;
  }

  body.bip-v18-menu-page .bip-v18-hero,
  body.bip-v18-menu-page .bip-v19-hero {
    border-radius: 24px !important;
    padding: 28px 24px 32px !important;
  }
}

/* Paket */
body.bip-v19-paket .bip-v19-hero h1 {
  white-space: normal !important;
  max-width: 720px !important;
}

body.bip-v19-paket .bip-v19-hero h1 br {
  display: block !important;
}

body.bip-v19-paket .bip-v19-intro-card {
  text-align: center !important;
}

body.bip-v19-paket .bip-v19-intro-card p {
  margin: 0 auto 10px !important;
  max-width: 820px !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body.bip-v19-paket .bip-v19-note {
  color: rgba(23,32,51,.76) !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  body.bip-v19-paket .bip-v19-hero h1 {
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.05 !important;
  }

  body.bip-v19-paket .bip-v19-intro-card {
    text-align: center !important;
  }

  body.bip-v19-paket .bip-v19-intro-card p {
    font-size: 15px !important;
  }
}

/* Materi V19: brosur slider, bukan artikel */
body.bip-v19-materi .bip-v18-slider-wrap,
body.bip-v19-materi .bip-v18-materi-slider,
body.bip-v19-materi .bip-v18-post-grid,
body.bip-v19-materi .bip-v18-grid-title,
body.bip-v19-materi .bip-v17-post-grid {
  display: none !important;
}

.bip-v19-brochure-section {
  margin-bottom: 44px !important;
}

.bip-v19-section-head {
  margin-bottom: 20px !important;
}

.bip-v19-section-head p {
  margin: 8px 0 0 !important;
  color: rgba(23,32,51,.72) !important;
  font-size: 16px !important;
}

.bip-v19-brochure-slider {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(360px, calc((100% - 48px) / 3)) !important;
  gap: 24px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 4px 4px 22px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: thin !important;
}

.bip-v19-brochure-card {
  scroll-snap-align: start !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(23,32,51,.08) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.10) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.bip-v19-brochure-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 30px 68px rgba(15,23,42,.16) !important;
}

.bip-v19-brochure-image {
  display: block !important;
  width: 100% !important;
  height: 520px !important;
  overflow: hidden !important;
  background: #fff8f5 !important;
}

.bip-v19-brochure-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #fff !important;
}

.bip-v19-brochure-body {
  padding: 18px 20px 22px !important;
}

.bip-v19-brochure-body span {
  display: inline-flex !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(168,15,20,.08) !important;
  color: #a80f14 !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.bip-v19-brochure-body h3 {
  margin: 10px 0 12px !important;
  color: #172033 !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

.bip-v19-brochure-body a {
  color: #a80f14 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

@media (max-width: 1024px) {
  .bip-v19-brochure-slider {
    grid-auto-columns: 72% !important;
  }

  .bip-v19-brochure-image {
    height: 500px !important;
  }
}

@media (max-width: 767px) {
  .bip-v19-brochure-slider {
    grid-auto-columns: 86% !important;
    gap: 16px !important;
    padding-bottom: 18px !important;
  }

  .bip-v19-brochure-image {
    height: 520px !important;
  }

  .bip-v19-brochure-body {
    padding: 16px 18px 20px !important;
  }
}

/* WA mascot jangan nutup isi mobile */
@media (max-width: 767px) {
  body.bip-v18-menu-page .bip-wa-choice-widget {
    transform: scale(.76) !important;
    transform-origin: right bottom !important;
    right: 4px !important;
    bottom: 10px !important;
  }
}

/* === BIP MENU PAGE V19 FINAL END === */


/* === BIP MENU PAGE V19.1 FINAL START === */

/* Dynamic mobile/tablet offset supaya hero tidak ketutup sticky header */
@media (max-width: 1024px) {
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v19-header-offset, 176px) !important;
  }

  body.bip-v19-menu-page .bip-v19-page-shell {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v19-header-offset, 172px) !important;
  }

  body.bip-v19-menu-page .bip-v19-hero {
    border-radius: 24px !important;
    padding: 30px 24px 34px !important;
    margin-bottom: 28px !important;
  }
}

/* Paket */
body.bip-v19-paket .bip-v19-hero h1 {
  white-space: normal !important;
  max-width: 760px !important;
}

body.bip-v19-paket .bip-v19-hero h1 br {
  display: block !important;
}

body.bip-v19-paket .bip-v19-intro-card {
  text-align: center !important;
}

body.bip-v19-paket .bip-v19-intro-card p {
  margin: 0 auto 10px !important;
  max-width: 760px !important;
}

body.bip-v19-paket .bip-v19-note {
  font-weight: 850 !important;
  color: rgba(23,32,51,.74) !important;
}

/* Materi V19: brosur only */
body.bip-v19-materi .bip-v18-slider-wrap,
body.bip-v19-materi .bip-v18-materi-slider,
body.bip-v19-materi .bip-v18-post-grid,
body.bip-v19-materi .bip-v18-grid-title,
body.bip-v19-materi .bip-v17-post-grid {
  display: none !important;
}

.bip-v19-brochure-section {
  margin-bottom: 46px !important;
}

.bip-v19-section-head {
  margin-bottom: 20px !important;
}

.bip-v19-section-head p {
  margin: 8px 0 0 !important;
  color: rgba(23,32,51,.72) !important;
  font-size: 16px !important;
}

.bip-v19-brochure-slider {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(360px, calc((100% - 48px) / 3)) !important;
  gap: 24px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 4px 4px 22px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: thin !important;
}

.bip-v19-brochure-card {
  scroll-snap-align: start !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(23,32,51,.08) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.10) !important;
}

.bip-v19-brochure-image {
  display: block !important;
  width: 100% !important;
  height: 540px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.bip-v19-brochure-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #fff !important;
}

.bip-v19-brochure-body {
  padding: 18px 20px 22px !important;
}

.bip-v19-brochure-body span {
  display: inline-flex !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(168,15,20,.08) !important;
  color: #a80f14 !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.bip-v19-brochure-body h3 {
  margin: 10px 0 12px !important;
  color: #172033 !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

.bip-v19-brochure-body a {
  color: #a80f14 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

@media (max-width: 1024px) {
  .bip-v19-brochure-slider {
    grid-auto-columns: 72% !important;
  }

  .bip-v19-brochure-image {
    height: 540px !important;
  }
}

@media (max-width: 767px) {
  .bip-v19-brochure-slider {
    grid-auto-columns: 88% !important;
    gap: 16px !important;
    padding-bottom: 18px !important;
  }

  .bip-v19-brochure-image {
    height: 540px !important;
  }

  .bip-v19-brochure-body {
    padding: 16px 18px 20px !important;
  }

  body.bip-v19-menu-page .bip-wa-choice-widget {
    transform: scale(.74) !important;
    transform-origin: right bottom !important;
    right: 4px !important;
    bottom: 10px !important;
  }
}

/* === BIP MENU PAGE V19.1 FINAL END === */


/* === BIP MENU PAGE V19.2 ARTICLES OFFSET START === */

/* Kurangi jarak hero mobile/tablet dari V19.1 */
@media (max-width: 1024px) {
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v19-header-offset, 126px) !important;
  }
}

@media (max-width: 767px) {
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v19-header-offset, 116px) !important;
  }
}

/* Artikel Materi Random */
.bip-v19-article-section {
  margin-top: 44px !important;
  margin-bottom: 56px !important;
}

.bip-v19-article-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.bip-v19-article-card {
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(23,32,51,.08) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.10) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.bip-v19-article-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(168,15,20,.20) !important;
  box-shadow: 0 30px 68px rgba(15,23,42,.16) !important;
}

.bip-v19-article-thumb {
  display: block !important;
  height: 210px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #76070c, #a80f14, #d6a740) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.bip-v19-article-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.bip-v19-article-thumb span {
  display: grid !important;
  place-items: center !important;
  height: 100% !important;
  font-size: 72px !important;
  font-weight: 950 !important;
  opacity: .32 !important;
}

.bip-v19-article-body {
  padding: 22px 24px 24px !important;
}

.bip-v19-article-body h3 {
  margin: 0 0 12px !important;
  font-size: 21px !important;
  line-height: 1.26 !important;
  letter-spacing: -0.025em !important;
  font-weight: 950 !important;
}

.bip-v19-article-body h3 a {
  color: #172033 !important;
  text-decoration: none !important;
}

.bip-v19-article-body p {
  margin: 0 0 18px !important;
  color: rgba(23,32,51,.74) !important;
  line-height: 1.72 !important;
}

.bip-v19-article-link {
  color: #a80f14 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.bip-v19-load-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 30px !important;
}

.bip-v19-load-more {
  min-height: 52px !important;
  padding: 14px 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #76070c, #a80f14, #c91922) !important;
  box-shadow: 0 16px 34px rgba(120,7,12,.24) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.bip-v19-load-more:disabled {
  opacity: .72 !important;
  cursor: wait !important;
}

@media (max-width: 1024px) {
  .bip-v19-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .bip-v19-article-section {
    margin-top: 34px !important;
  }

  .bip-v19-article-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .bip-v19-article-thumb {
    height: 190px !important;
  }

  .bip-v19-article-body {
    padding: 20px 20px 22px !important;
  }

  .bip-v19-load-more {
    width: 100% !important;
  }
}

/* === BIP MENU PAGE V19.2 ARTICLES OFFSET END === */


/* === BIP MENU PAGE V19.3 AUTO SLIDE START === */

/* Offset lebih dekat dari header */
@media (max-width: 1024px) {
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v19-header-offset, 118px) !important;
  }

  body.bip-v19-menu-page .bip-v19-page-shell {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v19-menu-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v19-header-offset, 108px) !important;
  }
}

/* Brosur auto slide: lebih modern */
.bip-v19-brochure-slider {
  scroll-behavior: smooth !important;
  perspective: 1200px !important;
}

.bip-v19-brochure-card {
  transform: translateZ(0) !important;
  animation: bipCardFloatIn .55s ease both !important;
}

.bip-v19-brochure-card:nth-child(2) { animation-delay: .05s !important; }
.bip-v19-brochure-card:nth-child(3) { animation-delay: .10s !important; }
.bip-v19-brochure-card:nth-child(4) { animation-delay: .15s !important; }
.bip-v19-brochure-card:nth-child(5) { animation-delay: .20s !important; }
.bip-v19-brochure-card:nth-child(6) { animation-delay: .25s !important; }

.bip-v19-brochure-card:hover {
  transform: translateY(-5px) scale(1.012) !important;
  box-shadow: 0 34px 74px rgba(15,23,42,.18) !important;
}

@keyframes bipCardFloatIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Artikel random */
.bip-v19-article-section {
  margin-top: 44px !important;
  margin-bottom: 56px !important;
}

.bip-v19-article-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.bip-v19-article-card {
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(23,32,51,.08) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.10) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  animation: bipCardFloatIn .5s ease both !important;
}

.bip-v19-article-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(168,15,20,.20) !important;
  box-shadow: 0 30px 68px rgba(15,23,42,.16) !important;
}

.bip-v19-article-thumb {
  display: block !important;
  height: 210px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #76070c, #a80f14, #d6a740) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.bip-v19-article-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .35s ease, filter .2s ease !important;
}

.bip-v19-article-card:hover .bip-v19-article-thumb img {
  transform: scale(1.045) !important;
  filter: saturate(1.05) !important;
}

.bip-v19-article-thumb span {
  display: grid !important;
  place-items: center !important;
  height: 100% !important;
  font-size: 72px !important;
  font-weight: 950 !important;
  opacity: .32 !important;
}

.bip-v19-article-body {
  padding: 22px 24px 24px !important;
}

.bip-v19-article-body h3 {
  margin: 0 0 12px !important;
  font-size: 21px !important;
  line-height: 1.26 !important;
  letter-spacing: -0.025em !important;
  font-weight: 950 !important;
}

.bip-v19-article-body h3 a {
  color: #172033 !important;
  text-decoration: none !important;
}

.bip-v19-article-body p {
  margin: 0 0 18px !important;
  color: rgba(23,32,51,.74) !important;
  line-height: 1.72 !important;
}

.bip-v19-article-link {
  color: #a80f14 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.bip-v19-load-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 30px !important;
}

.bip-v19-load-more {
  min-height: 52px !important;
  padding: 14px 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #76070c, #a80f14, #c91922) !important;
  box-shadow: 0 16px 34px rgba(120,7,12,.24) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.bip-v19-load-more:disabled {
  opacity: .72 !important;
  cursor: wait !important;
}

@media (max-width: 1024px) {
  .bip-v19-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .bip-v19-article-section {
    margin-top: 34px !important;
  }

  .bip-v19-article-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .bip-v19-article-thumb {
    height: 190px !important;
  }

  .bip-v19-article-body {
    padding: 20px 20px 22px !important;
  }

  .bip-v19-load-more {
    width: 100% !important;
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .bip-v19-brochure-card,
  .bip-v19-article-card {
    animation: none !important;
  }

  .bip-v19-brochure-slider {
    scroll-behavior: auto !important;
  }
}

/* === BIP MENU PAGE V19.3 AUTO SLIDE END === */


/* === BIP V20 LES PROFIL PENGAJAR START === */

/* Scope hanya les-mandarin dan profil-pengajar */
body.bip-v20-page {
  --bip-v20-maroon: #a80f14;
  --bip-v20-dark: #172033;
  --bip-v20-gold: #d6a740;
  --bip-v20-soft: #fff8f5;
  background:
    radial-gradient(circle at top left, rgba(168,15,20,.055), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fff9f5 52%, #ffffff 100%) !important;
}

/* Pastikan page pakai full width bersih */
body.bip-v20-page .jupiterx-main,
body.bip-v20-page main,
body.bip-v20-page .site-main {
  overflow-x: hidden !important;
}

body.bip-v20-page .jupiterx-sidebar,
body.bip-v20-page aside.jupiterx-sidebar,
body.bip-v20-page .jupiterx-secondary,
body.bip-v20-page .widget-area,
body.bip-v20-page .sidebar {
  display: none !important;
}

body.bip-v20-page .jupiterx-primary,
body.bip-v20-page .jupiterx-main-content,
body.bip-v20-page .jupiterx-content,
body.bip-v20-page .jupiterx-main .col-lg-9,
body.bip-v20-page .jupiterx-main .col-md-9,
body.bip-v20-page .jupiterx-main .col-sm-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Offset supaya konten tidak ketutup header mobile */
@media (max-width: 1024px) {
  body.bip-v20-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v20-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v20-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v20-header-offset, 112px) !important;
  }
}

@media (max-width: 767px) {
  body.bip-v20-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v20-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v20-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v20-header-offset, 104px) !important;
  }
}

/* Elementor section dibuat lebih premium */
body.bip-v20-page .elementor-section.elementor-top-section {
  position: relative !important;
}

body.bip-v20-page .elementor-container {
  max-width: 1120px !important;
}

/* Section pertama dibuat seperti hero modern jika memungkinkan */
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type {
  overflow: hidden !important;
  border-radius: 30px !important;
  margin: 34px auto 30px !important;
  width: min(1120px, calc(100% - 36px)) !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.20), transparent 38%),
    linear-gradient(135deg, #650006 0%, #a80f14 54%, #c91922 100%) !important;
  box-shadow: 0 24px 60px rgba(120,7,12,.24), 0 10px 26px rgba(15,23,42,.10) !important;
}

body.bip-v20-page .elementor-section.elementor-top-section:first-of-type::after {
  content: "北京";
  position: absolute;
  right: 28px;
  bottom: -34px;
  font-size: 126px;
  line-height: 1;
  font-weight: 900;
  opacity: .10;
  color: #fff;
  pointer-events: none;
}

/* Teks di hero pertama */
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type h1,
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type h2,
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type h3,
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type .elementor-heading-title {
  color: #fff !important;
  letter-spacing: -0.045em !important;
  font-weight: 950 !important;
  text-wrap: balance;
}

body.bip-v20-page .elementor-section.elementor-top-section:first-of-type p,
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-text-editor,
body.bip-v20-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-text-editor * {
  color: rgba(255,255,255,.90) !important;
}

/* Card dan box Elementor setelah hero */
body.bip-v20-page .elementor-section.elementor-top-section:not(:first-of-type) {
  width: min(1120px, calc(100% - 36px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.bip-v20-page .elementor-widget-wrap > .elementor-element.elementor-widget-image,
body.bip-v20-page .elementor-widget-wrap > .elementor-element.elementor-widget-text-editor,
body.bip-v20-page .elementor-widget-wrap > .elementor-element.elementor-widget-heading {
  border-radius: 22px;
}

/* Images lebih rapi */
body.bip-v20-page .elementor-widget-image img,
body.bip-v20-page .elementor img {
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.10) !important;
}

/* Button style selaras V19 */
body.bip-v20-page .elementor-button,
body.bip-v20-page a.elementor-button {
  border-radius: 999px !important;
  padding: 14px 24px !important;
  background: linear-gradient(135deg, #76070c, #a80f14, #c91922) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(120,7,12,.24) !important;
  font-weight: 900 !important;
  border: 0 !important;
}

body.bip-v20-page .elementor-button:hover,
body.bip-v20-page a.elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 48px rgba(120,7,12,.30) !important;
}

/* Profil Pengajar: setelah header muncul, beri jarak dan card bersih */
body.bip-v20-pengajar .elementor-section.elementor-top-section:first-of-type {
  margin-top: 34px !important;
}

body.bip-v20-pengajar .elementor-widget-container {
  word-break: normal !important;
}

/* Les Mandarin: content lebih konsisten */
body.bip-v20-les .elementor-section.elementor-top-section:first-of-type {
  margin-top: 34px !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.bip-v20-page .elementor-section.elementor-top-section:first-of-type {
    width: calc(100% - 28px) !important;
    border-radius: 24px !important;
    margin-top: 22px !important;
    margin-bottom: 24px !important;
  }

  body.bip-v20-page .elementor-section.elementor-top-section:first-of-type::after {
    font-size: 92px;
    right: 10px;
    bottom: -24px;
  }

  body.bip-v20-page .elementor-section.elementor-top-section:not(:first-of-type) {
    width: calc(100% - 28px) !important;
  }

  body.bip-v20-page .elementor-section.elementor-top-section:first-of-type h1,
  body.bip-v20-page .elementor-section.elementor-top-section:first-of-type h2,
  body.bip-v20-page .elementor-section.elementor-top-section:first-of-type h3,
  body.bip-v20-page .elementor-section.elementor-top-section:first-of-type .elementor-heading-title {
    font-size: clamp(32px, 9vw, 44px) !important;
    line-height: 1.08 !important;
  }

  body.bip-v20-page .elementor-widget-image img,
  body.bip-v20-page .elementor img {
    border-radius: 18px !important;
  }
}

/* Jangan sentuh Profil Laoshi */
body.page-id-9570.bip-laoshi-landing-enabled {
  background: initial;
}

/* === BIP V20 LES PROFIL PENGAJAR END === */


/* === BIP V21 JOB INTERVIEW START === */

body.bip-v21-job-page {
  --bip-v21-red: #a80f14;
  --bip-v21-red-dark: #650006;
  --bip-v21-gold: #d6a740;
  --bip-v21-dark: #172033;
  background:
    radial-gradient(circle at top left, rgba(168,15,20,.055), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fff9f5 52%, #ffffff 100%) !important;
}

body.bip-v21-job-page .jupiterx-sidebar,
body.bip-v21-job-page aside.jupiterx-sidebar,
body.bip-v21-job-page .jupiterx-secondary,
body.bip-v21-job-page .widget-area,
body.bip-v21-job-page .sidebar {
  display: none !important;
}

body.bip-v21-job-page .jupiterx-primary,
body.bip-v21-job-page .jupiterx-main-content,
body.bip-v21-job-page .jupiterx-content,
body.bip-v21-job-page .jupiterx-main .col-lg-9,
body.bip-v21-job-page .jupiterx-main .col-md-9,
body.bip-v21-job-page .jupiterx-main .col-sm-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  body.bip-v21-job-page.jupiterx-header-overlapped-mobile #jupiterx-main,
  body.bip-v21-job-page.jupiterx-header-overlapped-mobile .jupiterx-main,
  body.bip-v21-job-page.jupiterx-header-overlapped-mobile main {
    padding-top: var(--bip-v21-header-offset, 112px) !important;
  }
}

.bip-v21-job-shell {
  width: min(1120px, calc(100% - 36px));
  margin: 42px auto 70px;
}

.bip-v21-job-hero {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: clamp(42px, 6vw, 76px);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.22), transparent 36%),
    linear-gradient(135deg, #650006 0%, #a80f14 54%, #c91922 100%);
  box-shadow: 0 26px 66px rgba(120,7,12,.25), 0 10px 28px rgba(15,23,42,.10);
}

.bip-v21-job-hero::after {
  content: "职";
  position: absolute;
  right: 32px;
  bottom: -42px;
  font-size: clamp(120px, 20vw, 220px);
  line-height: 1;
  font-weight: 950;
  color: rgba(255,255,255,.10);
  pointer-events: none;
}

.bip-v21-eyebrow,
.bip-v21-mini,
.bip-v21-section-head span {
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.20);
  color: #ffe9a6;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bip-v21-job-hero h1 {
  margin: 18px 0 18px;
  max-width: 760px;
  color: #fff;
  font-size: clamp(46px, 7vw, 82px);
  line-height: .98;
  letter-spacing: -0.06em;
  font-weight: 950;
}

.bip-v21-job-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.90);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.7;
}

.bip-v21-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.bip-v21-hero-actions a,
.bip-v21-final-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 24px;
  border-radius: 999px;
  background: #ffffff;
  color: var(--bip-v21-red);
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(15,23,42,.16);
}

.bip-v21-hero-actions a:nth-child(2) {
  background: rgba(255,255,255,.12);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.30);
}

.bip-v21-info-grid,
.bip-v21-materi-grid,
.bip-v21-price-grid {
  display: grid;
  gap: 22px;
}

.bip-v21-info-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 28px;
}

.bip-v21-info-grid article,
.bip-v21-materi-grid article,
.bip-v21-price-grid article,
.bip-v21-facility {
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(23,32,51,.08);
  box-shadow: 0 18px 46px rgba(15,23,42,.10);
}

.bip-v21-info-grid article {
  padding: 24px;
}

.bip-v21-info-grid span,
.bip-v21-price-grid span {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--bip-v21-red);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.bip-v21-info-grid strong {
  display: block;
  color: var(--bip-v21-dark);
  font-size: 23px;
  line-height: 1.18;
  letter-spacing: -0.035em;
  font-weight: 950;
}

.bip-v21-info-grid p,
.bip-v21-split p,
.bip-v21-section-head p,
.bip-v21-price-grid p,
.bip-v21-final-cta p {
  color: rgba(23,32,51,.74);
  line-height: 1.72;
}

.bip-v21-section {
  margin-top: 54px;
}

.bip-v21-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
  align-items: center;
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff, #fff8f5);
  border: 1px solid rgba(23,32,51,.08);
  box-shadow: 0 18px 46px rgba(15,23,42,.08);
}

.bip-v21-split .bip-v21-mini,
.bip-v21-section-head span {
  background: rgba(168,15,20,.08);
  border-color: rgba(168,15,20,.10);
  color: var(--bip-v21-red);
}

.bip-v21-section h2,
.bip-v21-section-head h2,
.bip-v21-final-cta h2 {
  margin: 12px 0 0;
  color: var(--bip-v21-dark);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.055em;
  font-weight: 950;
}

.bip-v21-materi-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.bip-v21-materi-grid article {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 22px;
}

.bip-v21-materi-grid em {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--bip-v21-red-dark), var(--bip-v21-red));
  color: #ffffff;
  font-style: normal;
  font-weight: 950;
}

.bip-v21-materi-grid strong {
  color: var(--bip-v21-dark);
  line-height: 1.45;
  font-size: 18px;
}

.bip-v21-price-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.bip-v21-price-grid article {
  padding: 28px;
}

.bip-v21-price-grid h3 {
  margin: 0 0 10px;
  color: var(--bip-v21-dark);
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 950;
}

.bip-v21-facility {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 30px;
  padding: 32px;
}

.bip-v21-facility ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bip-v21-facility li {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(168,15,20,.06);
  color: var(--bip-v21-dark);
  font-weight: 850;
}

.bip-v21-final-cta {
  margin-top: 54px;
  padding: 42px;
  border-radius: 30px;
  text-align: center;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.20), transparent 38%),
    linear-gradient(135deg, #650006, #a80f14, #c91922);
  box-shadow: 0 24px 58px rgba(120,7,12,.22);
}

.bip-v21-final-cta h2,
.bip-v21-final-cta p {
  color: #ffffff;
}

.bip-v21-final-cta p {
  margin: 14px auto 24px;
  max-width: 680px;
  color: rgba(255,255,255,.88);
}

.bip-v21-program-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 16px 24px !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #76070c, #a80f14, #c91922) !important;
  box-shadow: 0 14px 28px rgba(120,7,12,.22) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  text-align: center !important;
}

@media (max-width: 1024px) {
  .bip-v21-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bip-v21-split,
  .bip-v21-facility {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .bip-v21-job-shell {
    width: calc(100% - 28px);
    margin-top: 24px;
  }

  .bip-v21-job-hero {
    border-radius: 24px;
    padding: 32px 24px 36px;
  }

  .bip-v21-job-hero h1 {
    font-size: clamp(40px, 12vw, 54px);
  }

  .bip-v21-hero-actions a {
    width: 100%;
  }

  .bip-v21-info-grid,
  .bip-v21-materi-grid,
  .bip-v21-price-grid,
  .bip-v21-facility ul {
    grid-template-columns: 1fr;
  }

  .bip-v21-split,
  .bip-v21-facility,
  .bip-v21-final-cta {
    padding: 24px;
    border-radius: 24px;
  }
}

/* === BIP V21 JOB INTERVIEW END === */

/* === BIP V22 JOB INTERVIEW POLISH START === */

body.bip-v22-job-page {
  --bip-job-red: #a80f14;
  --bip-job-red-dark: #71080d;
  --bip-job-dark: #172033;
  --bip-job-gold: #d6a740;
  background:
    radial-gradient(circle at top left, rgba(168,15,20,.075), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fff8f5 48%, #ffffff 100%) !important;
}

.bip-v22-job-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 40px auto 64px;
}

.bip-v22-job-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 34px;
  align-items: center;
  min-height: 520px;
  overflow: hidden;
  border-radius: 34px;
  padding: 68px;
  background:
    radial-gradient(circle at 82% 22%, rgba(255,255,255,.20), transparent 28%),
    linear-gradient(135deg, #650006 0%, #a80f14 52%, #c91922 100%);
  box-shadow: 0 28px 80px rgba(120,7,12,.25), 0 12px 30px rgba(15,23,42,.10);
}

.bip-v22-job-hero::after {
  content: "聘";
  position: absolute;
  right: 26px;
  bottom: -54px;
  font-size: 220px;
  line-height: 1;
  font-weight: 950;
  color: rgba(255,255,255,.10);
  pointer-events: none;
}

.bip-v22-eyebrow,
.bip-v22-section-head span {
  display: inline-flex;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.bip-v22-eyebrow {
  color: #ffe7b0;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.20);
}

.bip-v22-hero-copy h1 {
  margin: 20px 0 20px;
  color: #fff;
  font-size: clamp(52px, 6vw, 86px);
  line-height: .96;
  letter-spacing: -.06em;
  font-weight: 950;
}

.bip-v22-hero-copy p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.90);
  font-size: 20px;
  line-height: 1.75;
}

.bip-v22-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.bip-v22-primary-cta,
.bip-v22-secondary-cta,
.bip-v22-price-card a,
.bip-v22-final-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 999px;
  padding: 14px 24px;
  font-weight: 950;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease;
}

.bip-v22-primary-cta {
  color: var(--bip-job-red) !important;
  background: #fff;
  box-shadow: 0 16px 34px rgba(0,0,0,.18);
}

.bip-v22-secondary-cta {
  color: #fff !important;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
}

.bip-v22-primary-cta:hover,
.bip-v22-secondary-cta:hover,
.bip-v22-price-card a:hover,
.bip-v22-final-cta a:hover {
  transform: translateY(-2px);
}

.bip-v22-hero-panel {
  position: relative;
  min-height: 360px;
}

.bip-v22-orbit-card {
  position: absolute;
  display: grid;
  place-items: center;
  text-align: center;
  width: 170px;
  height: 170px;
  border-radius: 34px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 26px 54px rgba(15,23,42,.18);
  border: 1px solid rgba(255,255,255,.55);
  animation: bipV22Float 5.5s ease-in-out infinite;
}

.bip-v22-orbit-card strong {
  display: block;
  color: var(--bip-job-red);
  font-size: 42px;
  line-height: 1;
  font-weight: 950;
}

.bip-v22-orbit-card span {
  display: block;
  margin-top: 8px;
  color: var(--bip-job-dark);
  font-weight: 900;
}

.bip-v22-orbit-card.is-main {
  left: 50%;
  top: 50%;
  width: 210px;
  height: 210px;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.bip-v22-orbit-card.is-top {
  top: 4px;
  right: 6px;
  animation-delay: .4s;
}

.bip-v22-orbit-card.is-bottom {
  left: 0;
  bottom: 4px;
  animation-delay: .8s;
}

@keyframes bipV22Float {
  0%, 100% { margin-top: 0; }
  50% { margin-top: -12px; }
}

.bip-v22-stats-grid,
.bip-v22-feature-grid,
.bip-v22-price-grid {
  display: grid;
  gap: 22px;
}

.bip-v22-stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 30px 0 56px;
}

.bip-v22-stat-card,
.bip-v22-feature-card,
.bip-v22-material-card,
.bip-v22-price-card,
.bip-v22-final-cta {
  border: 1px solid rgba(23,32,51,.08);
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 46px rgba(15,23,42,.09);
  backdrop-filter: blur(10px);
}

.bip-v22-stat-card {
  border-radius: 24px;
  padding: 24px;
  text-align: center;
}

.bip-v22-stat-card span {
  display: block;
  color: var(--bip-job-red);
  font-size: 28px;
  font-weight: 950;
}

.bip-v22-stat-card p {
  margin: 8px 0 0;
  color: rgba(23,32,51,.72);
  font-weight: 800;
}

.bip-v22-section {
  margin: 56px 0;
}

.bip-v22-section-head {
  max-width: 820px;
  margin-bottom: 24px;
}

.bip-v22-section-head span {
  color: var(--bip-job-red);
  background: rgba(168,15,20,.08);
}

.bip-v22-section-head h2 {
  margin: 14px 0 12px;
  color: var(--bip-job-dark);
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.04;
  letter-spacing: -.045em;
  font-weight: 950;
}

.bip-v22-section-head p {
  margin: 0;
  color: rgba(23,32,51,.72);
  font-size: 18px;
  line-height: 1.7;
}

.bip-v22-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bip-v22-feature-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 30px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.bip-v22-feature-card::after {
  content: "";
  position: absolute;
  inset: auto -30px -70px auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(168,15,20,.08);
}

.bip-v22-feature-card:hover,
.bip-v22-price-card:hover,
.bip-v22-material-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 70px rgba(15,23,42,.14);
}

.bip-v22-feature-card b {
  color: var(--bip-job-gold);
  font-size: 22px;
  font-weight: 950;
}

.bip-v22-feature-card h3,
.bip-v22-price-card h3 {
  margin: 14px 0 10px;
  color: var(--bip-job-dark);
  font-size: 25px;
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: -.025em;
}

.bip-v22-feature-card p,
.bip-v22-price-card p {
  margin: 0;
  color: rgba(23,32,51,.72);
  line-height: 1.72;
}

.bip-v22-material-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.bip-v22-material-card {
  display: flex;
  gap: 14px;
  align-items: center;
  border-radius: 22px;
  padding: 18px 20px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.bip-v22-material-card span {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--bip-job-red-dark), var(--bip-job-red));
  font-weight: 950;
}

.bip-v22-material-card p {
  margin: 0;
  color: var(--bip-job-dark);
  font-weight: 850;
}

.bip-v22-price-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bip-v22-price-card {
  border-radius: 30px;
  padding: 34px;
}

.bip-v22-price-card span {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  color: var(--bip-job-red);
  background: rgba(168,15,20,.08);
  font-weight: 950;
}

.bip-v22-price-card h3 {
  font-size: clamp(36px, 4vw, 54px);
}

.bip-v22-price-card a,
.bip-v22-final-cta a {
  margin-top: 24px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--bip-job-red-dark), var(--bip-job-red), #c91922);
  box-shadow: 0 16px 34px rgba(120,7,12,.24);
}

.bip-v22-price-card.is-featured {
  color: #fff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.20), transparent 34%),
    linear-gradient(135deg, var(--bip-job-red-dark), var(--bip-job-red), #c91922);
}

.bip-v22-price-card.is-featured span {
  color: #ffe7b0;
  background: rgba(255,255,255,.14);
}

.bip-v22-price-card.is-featured h3,
.bip-v22-price-card.is-featured p {
  color: #fff !important;
}

.bip-v22-price-card.is-featured a {
  color: var(--bip-job-red) !important;
  background: #fff;
}

.bip-v22-final-cta {
  overflow: hidden;
  position: relative;
  border-radius: 32px;
  padding: 52px;
  text-align: center;
}

.bip-v22-final-cta h2 {
  margin: 0 auto 14px;
  max-width: 760px;
  color: var(--bip-job-dark);
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
  letter-spacing: -.045em;
  font-weight: 950;
}

.bip-v22-final-cta p {
  margin: 0 auto;
  max-width: 640px;
  color: rgba(23,32,51,.72);
  line-height: 1.7;
}

.bip-v22-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}

.bip-v22-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .bip-v22-job-shell {
    width: min(100% - 32px, 960px);
    margin-top: 30px;
  }

  .bip-v22-job-hero {
    grid-template-columns: 1fr;
    padding: 46px;
    min-height: auto;
  }

  .bip-v22-hero-panel {
    min-height: 250px;
  }

  .bip-v22-stats-grid,
  .bip-v22-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bip-v22-job-shell {
    width: calc(100% - 28px);
    margin-top: 24px;
  }

  .bip-v22-job-hero {
    border-radius: 26px;
    padding: 30px 24px;
  }

  .bip-v22-hero-copy h1 {
    font-size: clamp(42px, 12vw, 58px);
  }

  .bip-v22-hero-copy p {
    font-size: 16px;
  }

  .bip-v22-hero-actions {
    display: grid;
  }

  .bip-v22-hero-panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: auto;
  }

  .bip-v22-orbit-card,
  .bip-v22-orbit-card.is-main,
  .bip-v22-orbit-card.is-top,
  .bip-v22-orbit-card.is-bottom {
    position: static;
    width: 100%;
    height: auto;
    min-height: 112px;
    transform: none;
    animation: none;
    border-radius: 22px;
  }

  .bip-v22-stats-grid,
  .bip-v22-feature-grid,
  .bip-v22-material-grid,
  .bip-v22-price-grid {
    grid-template-columns: 1fr;
  }

  .bip-v22-section {
    margin: 40px 0;
  }

  .bip-v22-section-head h2 {
    font-size: clamp(32px, 9vw, 44px);
  }

  .bip-v22-final-cta {
    padding: 34px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bip-v22-reveal,
  .bip-v22-orbit-card,
  .bip-v22-feature-card,
  .bip-v22-price-card,
  .bip-v22-material-card,
  .bip-v22-primary-cta,
  .bip-v22-secondary-cta {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  .bip-v22-reveal {
    opacity: 1 !important;
  }
}

/* === BIP V22 JOB INTERVIEW POLISH END === */



/* === BIP V23.1 JOB INTERVIEW BROCHURE START === */

/* Rapikan hero: hilangkan floating card yang posisinya aneh */
body.bip-v23-1-job-page .bip-v22-hero-panel {
  display: none !important;
}

body.bip-v23-1-job-page .bip-v22-job-hero {
  grid-template-columns: 1fr !important;
  min-height: auto !important;
}

body.bip-v23-1-job-page .bip-v22-hero-copy {
  max-width: 820px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.bip-v23-1-job-page .bip-v22-job-hero::after {
  right: 48px !important;
  bottom: -52px !important;
  opacity: .12 !important;
}

/* Section brosur */
.bip-v23-brochure-section {
  width: min(1180px, calc(100% - 40px));
  margin: 54px auto 70px;
}

.bip-v23-section-head {
  max-width: 860px;
  margin-bottom: 24px;
}

.bip-v23-section-head span {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  color: #a80f14;
  background: rgba(168,15,20,.08);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.bip-v23-section-head h2 {
  margin: 14px 0 12px;
  color: #172033;
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.04;
  letter-spacing: -.045em;
  font-weight: 950;
}

.bip-v23-section-head p {
  margin: 0;
  color: rgba(23,32,51,.72);
  font-size: 18px;
  line-height: 1.7;
}

.bip-v23-brochure-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.bip-v23-brochure-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(23,32,51,.08);
  box-shadow: 0 22px 56px rgba(15,23,42,.10);
  animation: bipV23CardIn .55s ease both;
  transition: transform .22s ease, box-shadow .22s ease;
}

.bip-v23-brochure-card:nth-child(2) {
  animation-delay: .08s;
}

.bip-v23-brochure-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 34px 76px rgba(15,23,42,.16);
}

.bip-v23-badge {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  padding: 9px 15px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #71080d, #a80f14, #c91922);
  box-shadow: 0 12px 24px rgba(120,7,12,.22);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bip-v23-image {
  display: block;
  background: linear-gradient(180deg, #fff7f4, #ffffff);
}

.bip-v23-image img {
  display: block;
  width: 100%;
  height: auto;
}

.bip-v23-card-body {
  padding: 24px 26px 28px;
}

.bip-v23-card-body h3 {
  margin: 0 0 10px;
  color: #172033;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -.025em;
  font-weight: 950;
}

.bip-v23-card-body p {
  margin: 0;
  color: rgba(23,32,51,.72);
  font-size: 16px;
  line-height: 1.72;
}

.bip-v23-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.bip-v23-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 13px 20px;
  border-radius: 999px;
  font-weight: 950;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.bip-v23-btn:hover {
  transform: translateY(-2px);
}

.bip-v23-btn.is-main {
  color: #fff !important;
  background: linear-gradient(135deg, #71080d, #a80f14, #c91922);
  box-shadow: 0 16px 34px rgba(120,7,12,.24);
}

.bip-v23-btn.is-ghost {
  color: #a80f14 !important;
  background: rgba(168,15,20,.08);
  border: 1px solid rgba(168,15,20,.12);
}

@keyframes bipV23CardIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 900px) {
  .bip-v23-brochure-grid {
    grid-template-columns: 1fr;
  }

  body.bip-v23-1-job-page .bip-v22-job-hero {
    padding-right: 46px !important;
  }
}

@media (max-width: 767px) {
  .bip-v23-brochure-section {
    width: calc(100% - 28px);
    margin: 42px auto 54px;
  }

  .bip-v23-section-head h2 {
    font-size: clamp(32px, 9vw, 44px);
  }

  .bip-v23-section-head p {
    font-size: 16px;
  }

  .bip-v23-card-body {
    padding: 20px 18px 22px;
  }

  .bip-v23-card-body h3 {
    font-size: 22px;
  }

  .bip-v23-actions {
    display: grid;
  }

  .bip-v23-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bip-v23-brochure-card,
  .bip-v23-btn {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* === BIP V23.1 JOB INTERVIEW BROCHURE END === */

/* === BIP V24 JOB CLEAN STRUCTURE START === */

/* Fallback jika HTML lama masih kebaca dari cache */
body.bip-v24-job-clean .bip-v22-section:has(.bip-v22-price-grid),
body.bip-v24-job-clean .bip-v22-final-cta {
  display: none !important;
}

/* Karena section harga lama dihapus, brosur jadi section utama setelah materi */
body.bip-v24-job-clean .bip-v23-brochure-section {
  margin-top: 58px !important;
}

/* Rapikan tombol hanya di brosur */
body.bip-v24-job-clean .bip-v23-actions {
  gap: 12px !important;
}

body.bip-v24-job-clean .bip-v23-btn.is-main {
  min-width: 190px !important;
}

/* Mobile: tombol tetap full dan jelas */
@media (max-width: 767px) {
  body.bip-v24-job-clean .bip-v23-brochure-section {
    margin-top: 42px !important;
  }

  body.bip-v24-job-clean .bip-v23-actions {
    display: grid !important;
  }

  body.bip-v24-job-clean .bip-v23-btn {
    width: 100% !important;
  }
}

/* === BIP V24 JOB CLEAN STRUCTURE END === */