/**
 * Mobile styles for homepage (≤767px)
 * Desktop / tablet CSS remain separate; this file only overrides for phones.
 */

/* Mobile-only blocks: hidden by default (shown ≤767) */
.sh-mob-product-center,
.sh-mob-bottom-bar,
.sh-mob-gotop {
  display: none;
}

/* Hide hamburger on tablet & desktop */
@media screen and (min-width: 768px) {
  .sh-mob-nav-toggle {
    display: none !important;
  }

  .sh-mob-product-center,
  .sh-mob-bottom-bar,
  .sh-mob-gotop {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  /* ---- Global ---- */
  html {
    font-size: 62.5% !important;
  }

  body {
    overflow-x: hidden;
  }

  body.sh-nav-open {
    overflow: hidden;
  }

  #document {
    max-width: 100%;
    overflow-x: hidden;
  }

  img.img,
  .Imgbox img,
  .btnImg {
    max-width: 100%;
    height: auto;
  }

  /* Breadcrumbs: desktop uses max-width:calc(100%-28px) on inline-block text,
     which shrink-to-fits to the longest word and wraps (HOME - / PRODUCTS). */
  #csdzJws,
  #cL134m4,
  #ch45ur4,
  #cS4SQUW,
  #crDtFup,
  #c9MXhak,
  #c7diaAn,
  .csdzJwsCrumbsData,
  .cL134m4CrumbsData,
  .ch45ur4CrumbsData,
  .cS4SQUWCrumbsData,
  .crDtFupCrumbsData,
  .c9MXhakCrumbsData,
  .c7diaAnCrumbsData {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box;
  }

  #csdzJws .CrumbsBox,
  #cL134m4 .CrumbsBox,
  #ch45ur4 .CrumbsBox,
  #cS4SQUW .CrumbsBox,
  #crDtFup .CrumbsBox,
  #c9MXhak .CrumbsBox,
  #c7diaAn .CrumbsBox,
  .CrumbsBox {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    box-sizing: border-box;
  }

  .CrumbsBox .btnIcon,
  .CrumbsBox .csdzJwsIc,
  .CrumbsBox .cL134m4Ic,
  .CrumbsBox .ch45ur4Ic,
  .CrumbsBox .cS4SQUWIc,
  .CrumbsBox .crDtFupIc,
  .CrumbsBox .c9MXhakIc,
  .CrumbsBox .c7diaAnIc {
    display: block !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    line-height: 1 !important;
  }

  .CrumbsBox .currentPosFont,
  .CrumbsBox .csdzJwsFont,
  .CrumbsBox .cL134m4Font,
  .CrumbsBox .ch45ur4Font,
  .CrumbsBox .cS4SQUWFont,
  .CrumbsBox .crDtFupFont,
  .CrumbsBox .c9MXhakFont,
  .CrumbsBox .c7diaAnFont {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    word-break: keep-all !important;
    padding-left: 0.6rem !important;
    box-sizing: border-box;
  }

  .CrumbsBox .currentPosFont a,
  .CrumbsBox .csdzJwsFont a,
  .CrumbsBox .cL134m4Font a,
  .CrumbsBox .ch45ur4Font a,
  .CrumbsBox .cS4SQUWFont a,
  .CrumbsBox .crDtFupFont a,
  .CrumbsBox .c9MXhakFont a,
  .CrumbsBox .c7diaAnFont a {
    display: inline !important;
    white-space: nowrap !important;
    max-width: none !important;
  }

  /* Section padding */
  .c6stl8p,
  .cNMhswA,
  .cja7F8Q,
  .cJifcNB,
  .cgHBuDy,
  .cSxKe2F,
  .cB7nzNw,
  .cdt9Y97 {
    padding-left: 4% !important;
    padding-right: 4% !important;
    box-sizing: border-box;
  }

  #cRdJKVx,
  #c1eaWbx,
  #csQI4QM,
  #cTCzvKr,
  #cs0tbtU,
  #cfWv0Rb,
  #cVRWGxM {
    height: auto !important;
    min-height: 0 !important;
  }

  /* ---- Header ---- */
  #SITE_HEADER {
    position: sticky;
    top: 0;
    z-index: 2999;
    background: #fff;
  }

  .c6stl8p {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    padding-left: 3% !important;
    padding-right: 3% !important;
    align-items: center;
    justify-content: space-between;
  }

  .row_line .cCCiKdZrow_col {
    width: auto !important;
    max-width: 48%;
    flex: 0 0 auto;
    order: 1;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
  }

  .row_line .cTk2fsBrow_col,
  .row_line .chWcAMyrow_col {
    display: none !important;
  }

  .row_line .cVaZDT6row_col {
    width: auto !important;
    flex: 0 0 auto;
    margin-left: auto !important;
    order: 2;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 0.8rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #cSh2GUA,
  .cSh2GUA {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: 100%;
    text-align: left !important;
  }

  #cSh2GUA .Imgbox,
  .cSh2GUA .Imgbox {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: inline-block;
    text-align: left;
  }

  #cSh2GUA .img,
  .cSh2GUAImg {
    max-height: 42px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
  }

  .coADLIkA {
    max-width: none !important;
    margin: 0 !important;
    font-size: 1.2rem !important;
    display: inline-block;
  }

  .coADLIkTextBox {
    padding: 0.9rem 1.2rem !important;
  }

  /* Hamburger */
  .sh-mob-nav-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: var(--themeColor1, #003879);
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
  }

  .sh-mob-nav-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    position: relative;
  }

  .sh-mob-nav-toggle span::before,
  .sh-mob-nav-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
  }

  .sh-mob-nav-toggle span::before {
    top: -6px;
  }

  .sh-mob-nav-toggle span::after {
    top: 6px;
  }

  body.sh-nav-open .sh-mob-nav-toggle span {
    background: transparent;
  }

  body.sh-nav-open .sh-mob-nav-toggle span::before {
    top: 0;
    transform: rotate(45deg);
  }

  body.sh-nav-open .sh-mob-nav-toggle span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* Collapsible nav panel */
  .cddtKHj {
    padding: 0 !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background: var(--themeColor1, #003879);
  }

  body.sh-nav-open .cddtKHj {
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  }

  .row_line .cFK0BkYrow_col {
    width: 100% !important;
  }

  .row_line .cgcJTtwrow_col {
    display: none !important;
  }

  #cqdXeAy {
    margin: 0 !important;
  }

  #cqdXeAy .cqdXeAyUl.pcMainnav {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  #cqdXeAy .menuItemUnequal .cqdXeAyLi,
  #cqdXeAy .menuItemEqual .cqdXeAyLi,
  #cqdXeAy .cqdXeAyLi {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .cqdXeAyA,
  .cqdXeAyLi:hover .cqdXeAyA,
  .cqdXeAyA.selected {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.6rem !important;
    color: #fff !important;
    text-align: left !important;
    padding: 1.4rem 4% !important;
    border: 0 !important;
  }

  .cqdXeAyLi:hover .cqdXeAyA,
  .cqdXeAyA.selected {
    background: rgba(0, 0, 0, 0.12) !important;
    border-bottom: 0 !important;
  }

  /* Mega-menu is desktop-only — avoid broken mobile dropdown */
  #cqdXeAy .nav-submenu,
  #cqdXeAy .hoverMenuLi > div:not(.mainNavLiA) {
    display: none !important;
  }

  /* ---- Hero ---- */
  #cL4Nt8Q {
    overflow: hidden !important;
  }

  #cL4Nt8Q > .advanced-fixed {
    height: auto !important;
    min-height: 420px;
  }

  #cL4Nt8Q > .advanced-custom,
  #cL4Nt8Q > .advanced-custom .advanced-item > .componentsBox,
  #cL4Nt8Q > .advanced-custom .advanced-item > .componentsBox > .rowList {
    min-height: 420px !important;
  }

  #cL4Nt8Q .advanced-content .advanced-item > .componentsBox {
    padding: 12% 5% 10% !important;
  }

  /* ACF 首屏：取消过大 padding，避免文案/按钮被裁切 */
  #cL4Nt8Q.mot-home-hero .advanced-content .advanced-item > .componentsBox,
  #cL4Nt8Q.mot-home-hero .mot-home-hero__slide.componentsBox {
    padding: 0 !important;
  }

  .cpkI5TOA,
  .cpkI5TOA .pagepointA,
  .ckLvNx3A,
  .ckLvNx3A .pagepointA,
  .cduYIykA,
  .cduYIykA .pagepointA {
    font-size: 2.8rem !important;
    line-height: 130% !important;
    margin-bottom: 0.6rem !important;
    height: auto !important;
    max-height: none !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  }

  .cpkI5TOA .textLineP,
  .ckLvNx3A .textLineP,
  .cduYIykA .textLineP {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    white-space: normal !important;
    height: auto !important;
  }

  .cj7qDarA,
  .cj7qDarA .pagepointA,
  .cHSEEREA,
  .cHSEEREA .pagepointA {
    font-size: 1.5rem !important;
    line-height: 160% !important;
    margin-bottom: 1.6rem !important;
    height: auto !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  }

  .cj7qDarA .textLineP,
  .cHSEEREA .textLineP {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .row_line .cF7Aa8zrow_col,
  .row_line .cngpDivrow_col,
  .row_line .c2ZeAWSrow_col,
  .row_line .cvWtinSrow_col,
  .row_line .cvhF89orow_col,
  .row_line .c0iCq6qrow_col {
    width: 100% !important;
    margin-bottom: 1rem;
  }

  .c2NEiK3A,
  .cVx7jquA,
  .c0Nn5Z4A,
  .c4IA5QLA,
  .cFtxg4aA,
  .cEFQg48A {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .c2NEiK3Te,
  .cVx7jquTe,
  .c0Nn5Z4Te,
  .c4IA5QLTe,
  .cFtxg4aTe,
  .cEFQg48Te,
  .c2NEiK3A .btnText,
  .cVx7jquA .btnText,
  .c0Nn5Z4A .btnText,
  .c4IA5QLA .btnText,
  .cFtxg4aA .btnText,
  .cEFQg48A .btnText {
    max-width: 100% !important;
    white-space: nowrap;
  }

  #cL4Nt8Q .advanced-arrow .left-icon,
  #cL4Nt8Q .advanced-arrow .right-icon {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
  }

  /* ---- Product Series (customtab) ---- */
  .customtabBox .customtab-proSwiper {
    display: flex !important;
    flex-direction: column !important;
  }

  .customtabBox .customtab-proSwiper .customtab-left,
  .customtabBox .customtab-proSwiper .saf-middle,
  .customtabBox .customtab-proSwiper .customtab-right {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2rem 4% !important;
    box-sizing: border-box;
  }

  .customtabBox .customtab-proSwiper .customtab-left .saf-proTitle .titleDiv {
    font-size: 2.4rem !important;
  }

  .customtabBox .e_h3-10,
  .customtabBox .e_h3-10 a {
    font-size: 2rem !important;
  }

  .customtabBox .left-description {
    font-size: 1.4rem !important;
  }

  .customtabStyle {
    background-attachment: scroll !important;
  }

  /* ---- Product Cases ---- */
  .cja7F8Q {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }

  .cvfkuWMA,
  .cvfkuWMA .pagepointA {
    font-size: 1.8rem !important;
  }

  .cKxy5a9 {
    margin-right: 55% !important;
  }

  .cxUF7soA,
  .cxUF7soA .pagepointA {
    font-size: 2.4rem !important;
    margin-bottom: 2rem !important;
  }

  .row_line .c1dMhiZrow_col,
  .row_line .cJBDSu0row_col,
  .row_line .c1Yfvksrow_col,
  .row_line .clbSAPZrow_col,
  .row_line .cFSSCDjrow_col,
  .row_line .ckroar4row_col,
  .row_line .cqp5R7Vrow_col,
  .row_line .cBo5belrow_col {
    width: 100% !important;
    margin-bottom: 1.2rem;
  }

  .cxTjQaLboxCont,
  .cMGzowJboxCont,
  .ckhLoLfboxCont,
  .c3C4bMZboxCont,
  .cRVq4pcboxCont,
  .cRfbSPAboxCont,
  .c8Ly7b6boxCont {
    margin: 0 0 1.2rem 0 !important;
  }

  .cxTjQaLboxCont.overflowScrolling,
  .c3C4bMZboxCont.overflowScrolling,
  .cRVq4pcboxCont.overflowScrolling,
  .cMGzowJboxCont.overflowScrolling,
  .ckhLoLfboxCont.overflowScrolling,
  .cRfbSPAboxCont.overflowScrolling,
  .c8Ly7b6boxCont.overflowScrolling {
    height: 200px !important;
  }

  .cPxMHPXA,
  .cPxMHPXA .pagepointA {
    margin-top: 5rem !important;
    font-size: 2.2rem !important;
  }

  /* ---- Company Profile ---- */
  .cJifcNB,
  .c1w5PnH {
    padding-top: 6% !important;
    padding-bottom: 6% !important;
  }

  .row_line .c5jeKHcrow_col {
    width: 100% !important;
    min-height: 220px;
    margin-bottom: 2rem;
  }

  .c5jeKHcrow_col > .rowListBg {
    position: absolute;
    inset: 0;
    min-height: 220px;
  }

  .row_line .cEayshwrow_col {
    width: 100% !important;
  }

  .cAEpKeTA,
  .cAEpKeTA .pagepointA {
    font-size: 1.8rem !important;
  }

  .c9ffMSR {
    margin-right: 55% !important;
  }

  .crJzqGXA,
  .crJzqGXA .pagepointA {
    font-size: 2.4rem !important;
    margin: 1.6rem 0 !important;
  }

  .c4kGtltA,
  .c4kGtltA .pagepointA {
    margin: 1.6rem 0 !important;
  }

  .c8cDA9wA,
  .c8cDA9wA .pagepointA,
  .ccgjdfdA,
  .ccgjdfdA .pagepointA,
  .cjYKT8WA,
  .cjYKT8WA .pagepointA {
    font-size: 2.4rem !important;
  }

  /* 数据条：内边距 + 三列并排，避免贴边/挤在一起 */
  #cBVjXuv {
    padding: 1.4rem 1.2rem !important;
  }

  #cBVjXuv > .mot-profile-stat,
  #cBVjXuv .row_line .cUDphtCrow_col,
  #cBVjXuv .row_line .ckG4bf0row_col,
  #cBVjXuv .row_line .cpsqxWzrow_col,
  .row_line .cUDphtCrow_col.mot-profile-stat,
  .row_line .ckG4bf0row_col.mot-profile-stat,
  .row_line .cpsqxWzrow_col.mot-profile-stat {
    width: auto !important;
    flex: 1 1 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
  }

  .czFhR93A {
    padding-bottom: 0 !important;
  }

  /* ---- Factory ---- */
  .cgHBuDy {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }

  .cU12vegA,
  .cU12vegA .pagepointA,
  .cwD8JADA,
  .cwD8JADA .pagepointA,
  .cvwDX27A,
  .cvwDX27A .pagepointA,
  .crp0nP2A,
  .crp0nP2A .pagepointA {
    font-size: 1.8rem !important;
  }

  .cyMrZIL,
  .c45mTUF,
  .c9cIXTS,
  .cr8CpBI {
    margin-left: 35% !important;
    margin-right: 35% !important;
  }

  .cxVuxj1A,
  .cxVuxj1A .pagepointA,
  .cYZIVP6A,
  .cYZIVP6A .pagepointA,
  .cuQX5ccA,
  .cuQX5ccA .pagepointA,
  .cQDym7tA,
  .cQDym7tA .pagepointA {
    font-size: 2.4rem !important;
  }

  #czm1zgs > .advanced-fixed {
    height: 260px !important;
  }

  #czm1zgs > .advanced-custom,
  #czm1zgs > .advanced-custom .advanced-item > .componentsBox,
  #czm1zgs > .advanced-custom .advanced-item > .componentsBox > .rowList {
    min-height: 260px !important;
  }

  .c1zSyOpboxCont,
  .cMbDj9fboxCont,
  .cecqVcWboxCont,
  .cC5cM4AboxCont {
    margin: 8% 8% 0 0 !important;
  }

  /* 新版 Factory caption：更宽、字更小 */
  .mot-factory-caption,
  .mot-factory-caption.c1zSyOpboxCont,
  .mot-factory-caption.cMbDj9fboxCont,
  .mot-factory-caption.cecqVcWboxCont,
  .mot-factory-caption.cC5cM4AboxCont {
    margin: 5% 12% 0 0 !important;
  }

  .c1iuIdyA,
  .c1iuIdyA .pagepointA,
  .ckDDJ1NA,
  .ckDDJ1NA .pagepointA,
  .cNo45enA,
  .cNo45enA .pagepointA,
  .c38jgjHA,
  .c38jgjHA .pagepointA {
    font-size: 2rem !important;
  }

  .row_line .cOuJahgrow_col,
  .row_line .cepKDMirow_col,
  .row_line .cFxECeFrow_col,
  .row_line .cYNHeshrow_col {
    width: 50% !important;
  }

  .cjODA0UA,
  .cjODA0UA .pagepointA,
  .cClkXLQA,
  .cClkXLQA .pagepointA,
  .cdLHd0vA,
  .cdLHd0vA .pagepointA,
  .cVHqsBnA,
  .cVHqsBnA .pagepointA {
    font-size: 1.4rem !important;
  }

  /* ---- Testimonials (Swiper: do NOT override slide width) ---- */
  .cSxKe2F {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }

  #cuzR4T3,
  #cuzR4T3 .swiper,
  #cuzR4T3 .swiperSlider {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* ---- News ---- */
  .cB7nzNw {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }

  .row_line .cu0lzUBrow_col,
  .row_line .claDmSUrow_col {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 2rem;
  }

  .camtQJCcL,
  .c2w1KWccL {
    width: 100% !important;
    padding: 0 !important;
  }

  .c2w1KWccL {
    margin-top: 1.2rem;
  }

  .cHnbVxYA,
  .cHnbVxYA .pagepointA,
  .c8pvI6xA,
  .c8pvI6xA .pagepointA {
    font-size: 1.8rem !important;
    min-height: auto !important;
    height: auto !important;
  }

  .crp0nP2A {
    margin-top: 2rem !important;
  }

  .cQDym7tA {
    margin-right: 0 !important;
  }

  /* ---- Certificates ---- */
  .cdt9Y97 {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }

  .row_line .cJ3tLyGrow_col,
  .row_line .coIuhbXrow_col {
    width: 100% !important;
    padding: 0 !important;
  }

  #cbB4S3T,
  #cbB4S3T .swiper,
  #cbB4S3T .swiperSlider {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* ---- Footer ---- */
  .cNMhswA {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }

  .row_line .cono52Srow_col,
  .row_line .cWXKSlTrow_col {
    width: 100% !important;
    margin-bottom: 1rem;
  }

  .c9B8tKS {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .row_line .cbKjRUBrow_col,
  .row_line .cSPhhjmrow_col,
  .row_line .c7VIpt0row_col,
  .row_line .c705ZLqrow_col {
    width: 100% !important;
    margin-bottom: 2.4rem;
  }

  #cD1AjYW .cD1AjYWLi {
    width: calc(50% - 0.1px) !important;
  }

  .row_line .cB3f8Aqrow_col,
  .row_line .ctNXkd6row_col {
    width: 100% !important;
    text-align: center !important;
  }

  .cUChhNvA,
  .c47BpiXA {
    text-align: center !important;
  }

  /* ---- Lightbox form ---- */
  #cbFE7iQ {
    width: 94% !important;
    left: 3% !important;
    top: 3% !important;
    height: auto !important;
    max-height: 94vh;
    overflow-y: auto;
  }

  .cbFE7iQlightbox {
    padding: 4% !important;
  }

  .cOrNFFmA,
  .cOrNFFmA .pagepointA {
    font-size: 2.2rem !important;
  }

  .cUulfV9A {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #cE5sVyz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #cE5sVyz .cE5sVyzcL {
    width: 100% !important;
  }

  /* ---- Floating contact bar: hide on mobile (replaced by bottom bar) ---- */
  #cCZS2Dr {
    display: none !important;
  }

  /* ==========================================================================
     Mobile Product Center (replaces customtab carousel)
     ========================================================================== */
  /* Hide original PRODUCT SERIES carousel section entirely on mobile */
  #cVRWGxM {
    display: none !important;
  }

  .sh-mob-product-center {
    display: block;
    background: #f5f5f5;
    padding: 3.2rem 3.5% 4rem;
    box-sizing: border-box;
  }

  .sh-mob-pc-head {
    margin-bottom: 2rem;
  }

  .sh-mob-pc-eyebrow {
    margin: 0 0 0.6rem;
    color: #FF7A00;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
  }

  .sh-mob-pc-eyebrow::after {
    content: "";
    display: block;
    width: 4.8rem;
    height: 0.35rem;
    margin-top: 0.7rem;
    background: #FF7A00;
  }

  .sh-mob-pc-title {
    margin: 1.2rem 0 0;
    color: #1a1a1a;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.25;
  }

  .sh-mob-pc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
  }

  .sh-mob-pc-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }

  .sh-mob-pc-media {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e9e9e9;
  }

  .sh-mob-pc-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .sh-mob-pc-name {
    margin: 0;
    padding: 1.2rem 0.8rem 1rem;
    text-align: center;
    color: #3a3a3a;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.35;
    min-height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .sh-mob-pc-btn {
    display: block;
    margin-top: auto;
    padding: 1.1rem 0.8rem;
    text-align: center;
    background: #003879;
    color: #fff !important;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
  }

  /* ==========================================================================
     Mobile Footer + fixed bottom bar
     ========================================================================== */
  #SITE_FOOTER .cNMhswA {
    padding: 0 !important;
  }

  /* Hide rich footer columns; keep copyright row only */
  #SITE_FOOTER .cono52Srow_col,
  #SITE_FOOTER .cWXKSlTrow_col,
  #SITE_FOOTER .cbKjRUBrow_col,
  #SITE_FOOTER .cSPhhjmrow_col,
  #SITE_FOOTER .c7VIpt0row_col,
  #SITE_FOOTER .c705ZLqrow_col,
  #SITE_FOOTER .cGMglx9 {
    display: none !important;
  }

  #SITE_FOOTER .ccjEJ0Z {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    padding: 2.8rem 4% 2.4rem !important;
    margin: 0 !important;
    background: #003879;
    box-sizing: border-box;
  }

  #SITE_FOOTER .cB3f8Aqrow_col,
  #SITE_FOOTER .ctNXkd6row_col {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #SITE_FOOTER .cUChhNvA,
  #SITE_FOOTER .cUChhNvA .textLineP,
  #SITE_FOOTER .c47BpiXA,
  #SITE_FOOTER .c47BpiXA .textLineP,
  #SITE_FOOTER .c47BpiXA .textLineP span {
    color: #fff !important;
    text-align: center !important;
    font-size: 1.35rem !important;
    line-height: 1.5 !important;
  }

  #SITE_FOOTER .cUChhNvA {
    margin-bottom: 0.6rem !important;
  }

  #SITE_FOOTER .c47BpiXA {
    margin-bottom: 0 !important;
  }

  /* Space for fixed bottom bar */
  #SITE_FOOTER {
    padding-bottom: 5.6rem !important;
    background: #003879 !important;
  }

  body {
    padding-bottom: 5.6rem;
  }

  .sh-mob-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4000;
    display: flex;
    height: 5.2rem;
    background: #FF7A00;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.12);
  }

  .sh-mob-bb-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 1.4rem;
    font-weight: 600;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
  }

  .sh-mob-bb-item:last-child {
    border-right: 0;
  }

  .sh-mob-bb-item svg {
    flex-shrink: 0;
  }

  .sh-mob-gotop {
    position: fixed;
    right: 1.2rem;
    bottom: 6.4rem;
    z-index: 4001;
    width: 4.2rem;
    height: 4.2rem;
    border: 0;
    border-radius: 0.4rem;
    background: #fff;
    color: #666;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
  }
}