/**
 * Tablet styles for homepage (768px – 1024px)
 * Loaded only via media attribute / @media — desktop CSS untouched.
 */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  /* ---- Global ---- */
  html {
    font-size: 56.25% !important;
  }

  body {
    overflow-x: hidden;
  }

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

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

  /* Breadcrumbs: avoid shrink-to-fit wrap from desktop max-width */
  #csdzJws .CrumbsBox,
  #cL134m4 .CrumbsBox,
  #ch45ur4 .CrumbsBox,
  #cS4SQUW .CrumbsBox,
  #crDtFup .CrumbsBox,
  #c9MXhak .CrumbsBox,
  #c7diaAn .CrumbsBox,
  .CrumbsBox {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
    width: max-content !important;
    max-width: 100% !important;
  }

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

  /* Section horizontal padding (desktop uses calc only ≥961px) */
  .c6stl8p,
  .cddtKHj,
  .cNMhswA,
  .cja7F8Q,
  .cJifcNB,
  .cgHBuDy,
  .cSxKe2F,
  .cB7nzNw,
  .cdt9Y97 {
    padding-left: 4% !important;
    padding-right: 4% !important;
    box-sizing: border-box;
  }

  /* Full-viewport sections → content height */
  #cRdJKVx,
  #c1eaWbx,
  #csQI4QM,
  #cTCzvKr,
  #cs0tbtU,
  #cfWv0Rb,
  #cVRWGxM {
    height: auto !important;
    min-height: 0 !important;
  }

  /* ---- Header ---- */
  .c6stl8p {
    align-items: center;
  }

  .row_line .cCCiKdZrow_col {
    width: 22% !important;
  }

  .row_line .cTk2fsBrow_col {
    width: 36% !important;
  }

  .row_line .chWcAMyrow_col {
    width: 24% !important;
  }

  .row_line .cVaZDT6row_col {
    width: 18% !important;
  }

  #cSh2GUA {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #cSh2GUA .img,
  .cSh2GUAImg {
    max-width: 100%;
    height: auto;
  }

  .coADLIkA {
    max-width: 100% !important;
    margin-right: 0 !important;
    font-size: 1.4rem !important;
  }

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

  /* Nav: full width, hide search */
  .row_line .cFK0BkYrow_col {
    width: 100% !important;
  }

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

  #cqdXeAy .menuItemUnequal .cqdXeAyLi,
  #cqdXeAy .menuItemEqual .cqdXeAyLi {
    margin-right: 2rem !important;
  }

  .cqdXeAyA,
  .cqdXeAyLi:hover .cqdXeAyA,
  .cqdXeAyA.selected {
    font-size: 1.5rem !important;
    padding: 0.8rem 0.15em !important;
  }

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

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

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

  #cL4Nt8Q .advanced-content .advanced-item > .componentsBox {
    padding: 8% 6% !important;
  }

  #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: 4.2rem !important;
  }

  .cj7qDarA,
  .cj7qDarA .pagepointA {
    margin-right: 0 !important;
    font-size: 1.8rem !important;
  }

  .cHSEEREA,
  .cHSEEREA .pagepointA {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 1.7rem !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: 50% !important;
  }

  .c2NEiK3A,
  .cVx7jquA,
  .c0Nn5Z4A,
  .c4IA5QLA,
  .cFtxg4aA,
  .cEFQg48A {
    max-width: 95% !important;
  }

  /* ---- Product series (customtab) ---- */
  .customtabBox .customtab-proSwiper {
    flex-wrap: wrap !important;
  }

  .customtabBox .customtab-proSwiper .customtab-left,
  .customtabBox .customtab-proSwiper .saf-middle,
  .customtabBox .customtab-proSwiper .customtab-right {
    width: 100% !important;
    max-width: 100% !important;
  }

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

  /* ---- Product Cases ---- */
  .cxUF7soA,
  .cxUF7soA .pagepointA,
  .cxVuxj1A,
  .cxVuxj1A .pagepointA,
  .cYZIVP6A,
  .cYZIVP6A .pagepointA,
  .cuQX5ccA,
  .cuQX5ccA .pagepointA,
  .cQDym7tA,
  .cQDym7tA .pagepointA {
    font-size: 2.8rem !important;
  }

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

  .row_line .c1dMhiZrow_col,
  .row_line .cJBDSu0row_col {
    width: 50% !important;
  }

  .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: 50% !important;
  }

  .cxTjQaLboxCont.overflowScrolling,
  .c3C4bMZboxCont.overflowScrolling,
  .cRVq4pcboxCont.overflowScrolling {
    height: 200px !important;
  }

  .cMGzowJboxCont.overflowScrolling,
  .ckhLoLfboxCont.overflowScrolling,
  .cRfbSPAboxCont.overflowScrolling,
  .c8Ly7b6boxCont.overflowScrolling {
    height: 180px !important;
  }

  /* ---- Company Profile ---- */
  .row_line .c5jeKHcrow_col {
    width: 40% !important;
    min-height: 320px;
  }

  .c5jeKHcrow_col > .rowListBg {
    position: absolute;
    inset: 0;
  }

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

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

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

  .c1zSyOpboxCont,
  .cMbDj9fboxCont,
  .cecqVcWboxCont,
  .cC5cM4AboxCont {
    margin-right: 20% !important;
  }

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

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

  /* ---- Testimonials (keep Swiper widths) ---- */
  #cuzR4T3,
  #cuzR4T3 .swiper,
  #cuzR4T3 .swiperSlider {
    overflow: hidden !important;
  }

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

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

  #cbB4S3T,
  #cbB4S3T .swiper,
  #cbB4S3T .swiperSlider {
    overflow: hidden !important;
  }

  /* ---- Footer ---- */
  .row_line .cbKjRUBrow_col {
    width: 50% !important;
    margin-bottom: 2rem;
  }

  .row_line .cSPhhjmrow_col,
  .row_line .c7VIpt0row_col {
    width: 25% !important;
  }

  .row_line .c705ZLqrow_col {
    width: 50% !important;
    margin-top: 1rem;
  }

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

  /* ---- Consultation lightbox ---- */
  #cbFE7iQ {
    width: 80% !important;
    height: auto !important;
    max-height: 90vh;
    left: 10% !important;
    top: 5% !important;
  }

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

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

  /* ---- Floating sidebar ---- */
  #cCZS2Dr .cCZS2DrsBt {
    width: 54px !important;
    height: 54px !important;
  }
}