/**
 * CASE page — tablet & mobile overrides
 * Shared header/footer/nav/breadcrumb: responsive-tablet/mobile.css
 */

/* ==========================================================================
   Tablet (768px – 1024px)
   ========================================================================== */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #cdqfg5W {
    margin: 0 !important;
  }

  #cdqfg5W > .advanced-fixed,
  #cdqfg5W > .advanced-content,
  #cdqfg5W .advanced-item > .componentsBox,
  #cdqfg5W .advanced-item > .componentsBox > .rowList,
  #cPndJGM {
    height: 260px !important;
    min-height: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box;
  }

  #cdqfg5W .advanced-content .advanced-item > .componentsBox {
    padding: 0 4% !important;
  }

  #cPndJGM {
    padding: 0 4% !important;
  }

  #cPndJGM .rowList,
  #cPndJGM .cPndJGMrL {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .cgRuY5CA,
  .cgRuY5CA .pagepointA,
  .cgRuY5CA .textLineP,
  .cgRuY5CA .textLineP p {
    font-size: 3.6rem !important;
    margin: 0 0 1rem 0 !important;
    text-align: center !important;
    width: 100% !important;
  }

  #ch45ur4,
  .ch45ur4CrumbsData {
    width: 100% !important;
    text-align: center !important;
  }

  #ch45ur4 .CrumbsBox {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .CrumbsBox .ch45ur4Font,
  .CrumbsBox .currentPosFont {
    max-width: none !important;
    white-space: nowrap !important;
  }

  #cv0qSu8,
  #cNkHR2u {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }

  .row_line .chthpLQrow_col,
  .row_line .cJ5tIyxrow_col,
  .row_line .czqi3ykrow_col,
  .row_line .cyEWVcsrow_col,
  .row_line .c1xTcwFrow_col,
  .row_line .c43A6rNrow_col {
    width: 50% !important;
  }

  .c6aLfWmboxCont.overflowScrolling,
  .cvCniilboxCont.overflowScrolling,
  .cozO71EboxCont.overflowScrolling,
  .cURUJWyboxCont.overflowScrolling,
  .cbzOLZMboxCont.overflowScrolling,
  .c1VxUIsboxCont.overflowScrolling {
    height: 320px !important;
  }
}

/* ==========================================================================
   Mobile (≤767px)
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* Banner — same pattern as ABOUT */
  #cdqfg5W {
    margin: 0 !important;
    overflow: hidden !important;
    min-height: 240px !important;
  }

  #cdqfg5W > .advanced-fixed,
  #cdqfg5W > .advanced-content,
  #cdqfg5W > .advanced-custom,
  #cdqfg5W .advanced-item,
  #cdqfg5W .advanced-item > .componentsBox,
  #cdqfg5W .advanced-item > .componentsBox > .rowList,
  #cPndJGM {
    height: 240px !important;
    min-height: 240px !important;
    width: 100% !important;
    transform: none !important;
    box-sizing: border-box;
  }

  #cdqfg5W > .advanced-fixed,
  #cdqfg5W > .advanced-content,
  #cdqfg5W .advanced-item,
  #cdqfg5W .advanced-item > .componentsBox,
  #cdqfg5W .advanced-item > .componentsBox > .rowList,
  #cPndJGM {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  #cdqfg5W .advanced-content .advanced-item > .componentsBox {
    padding: 0 4% !important;
  }

  #cdqfg5W .advanced-arrow,
  #cdqfg5W .advanced-btn {
    display: none !important;
  }

  #cPndJGM {
    padding: 0 4% !important;
  }

  #cPndJGM > .rowListBg {
    opacity: 0.55 !important;
  }

  #cPndJGM .rowList,
  #cPndJGM .cPndJGMrL {
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .cgRuY5CA,
  .cgRuY5CA .pagepointA,
  .cgRuY5CA .textLineP,
  .cgRuY5CA .textLineP p {
    font-size: 2.8rem !important;
    text-align: center !important;
    margin: 0 0 0.8rem 0 !important;
    line-height: 1.25 !important;
    width: 100% !important;
  }

  #ch45ur4,
  .ch45ur4CrumbsData {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #ch45ur4 .CrumbsBox {
    display: flex !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;
    text-align: center !important;
  }

  .ch45ur4Font,
  .ch45ur4Font a,
  #ch45ur4 .currentPosFont,
  #ch45ur4 .currentPosFont a {
    font-size: 1.3rem !important;
    white-space: nowrap !important;
    max-width: none !important;
  }

  #ch45ur4 .CrumbsBox .currentPosFont,
  #ch45ur4 .CrumbsBox .ch45ur4Font {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0.6rem !important;
  }

  /* Case gallery section */
  #cv0qSu8 {
    padding: 6% 3% !important;
  }

  #cNkHR2u {
    padding: 0 !important;
  }

  #cZDIeaQ,
  #cWMH2y6,
  #cyQyNku {
    margin: 0 0 1.2rem 0 !important;
    padding: 0 !important;
  }

  #cZDIeaQ > .rowcol,
  #cWMH2y6 > .rowcol,
  #cyQyNku > .rowcol {
    padding: 0 0 1.2rem 0 !important;
  }

  .row_line .chthpLQrow_col,
  .row_line .cJ5tIyxrow_col,
  .row_line .czqi3ykrow_col,
  .row_line .cyEWVcsrow_col,
  .row_line .c1xTcwFrow_col,
  .row_line .c43A6rNrow_col {
    width: 100% !important;
  }

  /* Image cards */
  .c6aLfWmboxCont,
  .cvCniilboxCont,
  .cozO71EboxCont,
  .cURUJWyboxCont,
  .cbzOLZMboxCont,
  .c1VxUIsboxCont {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .c6aLfWmboxCont.overflowScrolling,
  .cvCniilboxCont.overflowScrolling,
  .cozO71EboxCont.overflowScrolling,
  .cURUJWyboxCont.overflowScrolling,
  .cbzOLZMboxCont.overflowScrolling,
  .c1VxUIsboxCont.overflowScrolling {
    height: 260px !important;
    overflow: hidden !important;
  }

  .c6aLfWmBox,
  .cvCniilBox,
  .cozO71EBox,
  .cURUJWyBox,
  .cbzOLZMBox,
  .c1VxUIsBox {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    height: 100% !important;
    box-sizing: border-box;
    padding: 1.6rem 4% 2rem !important;
  }

  /* APPLICATION labels — kill desktop 23–26rem top margins */
  .cAOy66jA,
  .cvNGbN5A,
  .cs0MtFqA,
  .clvlgGzA,
  .crBscyVA,
  .cBzmyo4A,
  .cAOy66jA .pagepointA,
  .cvNGbN5A .pagepointA,
  .cs0MtFqA .pagepointA,
  .clvlgGzA .pagepointA,
  .crBscyVA .pagepointA,
  .cBzmyo4A .pagepointA {
    margin: 0 0 0.4rem 0 !important;
    font-size: 1.3rem !important;
  }

  /* Product titles */
  .cGOXdoyA,
  .cBbh6XCA,
  .c5qxH7GA,
  .ceFAAgbA,
  .cs4Mi58A,
  .cT8o7DgA,
  .cGOXdoyA .pagepointA,
  .cBbh6XCA .pagepointA,
  .c5qxH7GA .pagepointA,
  .ceFAAgbA .pagepointA,
  .cs4Mi58A .pagepointA,
  .cT8o7DgA .pagepointA {
    margin: 0 0 0.6rem 0 !important;
    font-size: 2rem !important;
    line-height: 1.3 !important;
  }

  /* Descriptions */
  .ceyb2l2A,
  .cnRcHgZA,
  .cKdLfU1A,
  .cUaj87WA,
  .ckn6vLqA,
  .ceaWumYA,
  .ceyb2l2A .pagepointA,
  .cnRcHgZA .pagepointA,
  .cKdLfU1A .pagepointA,
  .cUaj87WA .pagepointA,
  .ckn6vLqA .pagepointA,
  .ceaWumYA .pagepointA {
    margin: 0 !important;
    font-size: 1.3rem !important;
    line-height: 1.45 !important;
  }
}