/* Hermes — perbaikan layout mobile (EaseUS html{font-size:40px} + rem overflow) */
@media (max-width: 768px) {
  html:has(body.hermes-mirror.easeus-mirror),
  html body.hermes-mirror.easeus-mirror {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body.hermes-mirror.easeus-mirror {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hermes-mirror.easeus-mirror .wrap,
  body.hermes-mirror.easeus-mirror .wrap_1000,
  body.hermes-mirror.easeus-mirror .wrap_1100,
  body.hermes-mirror.easeus-mirror .wrap_1200,
  body.hermes-mirror.easeus-mirror .wrap_1440,
  body.hermes-mirror.easeus-mirror .wrapper,
  body.hermes-mirror.easeus-mirror .wrap_1440.flex-box {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  body.hermes-mirror.easeus-mirror .header_2024,
  body.hermes-mirror.easeus-mirror .header_2024 .wrap,
  body.hermes-mirror.easeus-mirror .header_2024 .logo_out {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805,
  body.hermes-mirror.easeus-mirror .this_banner_220805 .wrap_1200,
  body.hermes-mirror.easeus-mirror .this_banner_220805 .word {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .word h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .word .des {
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .word .button,
  body.hermes-mirror.easeus-mirror .this_banner_220805 .word .button .bt_box {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .globle_button_2025,
  body.hermes-mirror.easeus-mirror .globle_button_2025 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .wap_show,
  body.hermes-mirror.easeus-mirror .wap_show {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .wap_show img,
  body.hermes-mirror.easeus-mirror .wap_show img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  body.hermes-mirror.easeus-mirror .scroll_icons_bar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
  }

  body.hermes-mirror.easeus-mirror .scroll_icons_bar .wrap_1440 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.hermes-mirror.easeus-mirror .animate_article_box108 .wrap_1440 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.hermes-mirror.easeus-mirror .this_part01_25213,
  body.hermes-mirror.easeus-mirror .this_part02_25213,
  body.hermes-mirror.easeus-mirror .this_part03_25213,
  body.hermes-mirror.easeus-mirror .this_part04_25213,
  body.hermes-mirror.easeus-mirror .this_part05_25214,
  body.hermes-mirror.easeus-mirror .this_part07_25214 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.hermes-mirror.easeus-mirror .this_part03_25213 .flex-box {
    padding-left: 0 !important;
  }

  body.hermes-mirror.easeus-mirror [class*="part_"] img,
  body.hermes-mirror.easeus-mirror img {
    max-width: 100% !important;
    height: auto !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner,
  body.hermes-mirror.easeus-mirror .banner_box,
  body.hermes-mirror.easeus-mirror .banner_box_241118 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner .left_box,
  body.hermes-mirror.easeus-mirror .banner_box .left_box,
  body.hermes-mirror.easeus-mirror .banner_box h1,
  body.hermes-mirror.easeus-mirror .banner_box .h1_title {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    word-break: break-word !important;
  }
  /* Sembunyikan mascot/ilustrasi hewan biru EaseUS di mobile */
  body.hermes-mirror.easeus-mirror .part_banner .banner_ul,
  body.hermes-mirror.easeus-mirror .part_banner .banner_ul li,
  body.hermes-mirror.easeus-mirror .part_banner .overflow-hidden,
  body.hermes-mirror.easeus-mirror .part_banner .banner_ul .wrap_1440 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner .banner_ul .wrap_1440 .word_box {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner .banner_ul .wrap_1440 .img_box {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 0 20px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner .img_box .p_img,
  body.hermes-mirror.easeus-mirror .part_banner .img_box > img.p_img,
  body.hermes-mirror.easeus-mirror .part_banner .img_box > img.float_m_img,
  body.hermes-mirror.easeus-mirror .part_banner .img_box > img.float_img,
  body.hermes-mirror.easeus-mirror .part_banner .fox_img,
  body.hermes-mirror.easeus-mirror .part_banner .float_m_img,
  body.hermes-mirror.easeus-mirror .part_banner .float_img,
  body.hermes-mirror.easeus-mirror .part_banner [class*="icon_20251029"],
  body.hermes-mirror.easeus-mirror .float_img.img_left,
  body.hermes-mirror.easeus-mirror .float_img.img_right {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  body.hermes-mirror.easeus-mirror .epm_index_20220825 {
    background-image: none !important;
    background-color: #eef6ff !important;
    padding-bottom: 2rem !important;
  }

  body.hermes-mirror.easeus-mirror .this_banner_220805 .wap_show,
  body.hermes-mirror.easeus-mirror .this_part02_25213 .wap_show,
  body.hermes-mirror.easeus-mirror .this_part03_25213 .wap_show {
    display: none !important;
  }

  /* Banner slider layout fix for mobile - stack slides vertically to prevent columns squishing */
  body.hermes-mirror.easeus-mirror .part_banner .banner_ul {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner .banner_ul li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-bottom: 24px !important;
  }

  body.hermes-mirror.easeus-mirror .part_banner .banner_ol {
    display: none !important;
  }

}