/* Mobile-only refinement for the cell catalogue and approved pack modules. */
.ml-table-mobile-help{display:none}
@media(max-width:600px){
  :is(.ml-cell-catalog,.ml-pack-cells) .content-width{width:calc(100% - 36px)}
  .ml-cell-catalog{padding-top:70px}
  .ml-cell-catalog .hero-inner{width:calc(100% - 40px);gap:0;min-height:0}
  .ml-cell-catalog .hero-copy{padding:28px 0 0}
  .ml-cell-catalog .eyebrow{font-size:15px;letter-spacing:.7px}
  .ml-cell-catalog h1{font-size:clamp(48px,14vw,62px);line-height:1.02;letter-spacing:-.5px;margin-bottom:14px}
  .ml-cell-catalog .hero-description{font-size:16px;line-height:1.6;letter-spacing:0}
  .ml-cell-catalog .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
  .ml-cell-catalog .hero-actions .button{width:100%;min-width:0}
  .ml-cell-catalog .hero-actions .button>.wp-block-button__link{width:100%;min-height:48px;font-size:18px;padding:12px 18px}
  .ml-cell-catalog .hero-image{height:228px;padding:8px 0 16px}
  .ml-cell-catalog .hero-image img{height:192px;width:100%;transform:none}
  .ml-cell-catalog .hero-image figcaption{align-self:center;text-align:center;padding:0;font-size:11px}
  .ml-cell-catalog .application-nav>.content-width{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;overflow:visible;min-height:88px}
  .ml-cell-catalog .application-nav a{min-height:44px;justify-content:center;font-size:17px;line-height:1.2;text-align:center;white-space:normal;padding:7px 2px}
  .ml-cell-catalog .application-nav a[aria-current]{background:#edf3ff}
  :is(.ml-cell-catalog,.ml-pack-cells) .application-section{padding:30px 0 34px}
  .ml-cell-catalog .application-section{scroll-margin-top:calc(var(--cell-header-edge) + var(--cell-nav-height))}
  .ml-pack-cells .application-section,.ml-pack-highlights{scroll-margin-top:84px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-intro{grid-template-columns:1fr;min-height:0;gap:14px;margin-bottom:20px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-copy{padding:0}
  :is(.ml-cell-catalog,.ml-pack-cells) .title-line{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
  :is(.ml-cell-catalog,.ml-pack-cells) .title-line h2{width:100%;font-size:32px;line-height:1.1;letter-spacing:-.3px;white-space:normal}
  :is(.ml-cell-catalog,.ml-pack-cells) .pack-link>.wp-block-button__link{min-height:44px;padding:11px 14px;font-size:16px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-copy>p{font-size:15px;line-height:1.6;margin-top:12px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images{height:128px;width:min(100%,240px);padding:0 0 20px;gap:12px;justify-self:center}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images img{max-height:105px;max-width:100%;width:auto;object-fit:contain}
  .ml-cell-catalog .section-images>.wp-block-image img{max-height:105px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images.tool-group img{height:105px;max-height:105px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images>.cylinder img{height:82px;max-width:35px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images>.coin img{height:35px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images>.small-cylinders img{height:78px}
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images>.second-pouch img{height:78px}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-format-caption,
  :is(.ml-cell-catalog,.ml-pack-cells) .section-images figcaption{left:0;right:0;text-align:center;font-size:10px;white-space:normal}
  :is(.ml-cell-catalog,.ml-pack-cells) .spec-toolbar{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 10px;padding:0;min-height:0}
  :is(.ml-cell-catalog,.ml-pack-cells) .spec-toolbar p{justify-content:space-between;gap:12px;font-size:13px;line-height:1.4}
  :is(.ml-cell-catalog,.ml-pack-cells) .spec-toolbar p span{font-size:12px}
  :is(.ml-cell-catalog,.ml-pack-cells) .spec-toggle{width:100%;min-height:48px;padding:12px 16px;font-size:18px;white-space:normal;background:#1239ef;color:#fff;border-color:#1239ef}
  :is(.ml-cell-catalog,.ml-pack-cells) .collapse-footer{padding:0;margin-top:16px}
  :is(.ml-cell-catalog,.ml-pack-cells) .ml-table-mobile-help{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;color:#536987;margin:0 0 8px}
  .ml-table-mobile-help::after{content:'↔';color:#1239ef;font-size:20px;line-height:1}
  :is(.ml-cell-catalog,.ml-pack-cells) .table-scroll{position:relative;isolation:isolate;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8ca1d0 #edf3ff}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table{font-size:14px;width:960px;min-width:960px}
  /* Explicit mobile columns override the desktop colgroup percentages. */
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(1){width:84px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(2){width:90px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(3){width:64px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(4){width:80px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(5){width:90px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(6){width:96px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(7){width:120px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(8){width:76px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(9){width:90px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table col:nth-child(10){width:170px!important}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table th,
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table td{padding:12px 8px}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table .cell-reference,
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-table tbody th{font-family:Arial,sans-serif;font-size:13px;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table .format-cell{font-size:13px;white-space:normal;overflow-wrap:normal}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table thead th{font-size:16px}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table .dimensions,
  :is(.ml-cell-catalog,.ml-pack-cells) .cycle{font-size:13px}
  :is(.ml-cell-catalog,.ml-pack-cells) .cycle small{font-size:11px}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table tr:not(.group-row)>:first-child,
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-table tr>:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:2px 0 0 #dce7f3}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table thead tr:not(.group-row)>:first-child,
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-table thead tr>:first-child{background:#e8f1fd;z-index:3}
  :is(.ml-cell-catalog,.ml-pack-cells) .cell-table .group-row span{display:block;margin:4px 0 0}
  :is(.ml-cell-catalog,.ml-pack-cells) .table-notes{font-size:12px;line-height:1.65;padding:14px 0 0}
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-details{margin-top:24px}
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-details h3{font-size:25px;line-height:1.2}
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-table{font-size:13px;min-width:1000px}
  :is(.ml-cell-catalog,.ml-pack-cells) .operating-table th:first-child{width:84px;padding-left:8px;padding-right:8px}
  .ml-pack-highlights{margin-bottom:28px!important}
  .ml-pack-highlights-grid{gap:12px}
  .ml-pack-highlight{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 16px}
  .ml-pack-highlight-icon{width:34px;height:34px}
  .ml-pack-highlight-icon svg{width:25px;height:25px}
  .ml-pack-highlights .ml-pack-highlight h3{font-size:25px;line-height:1.16;margin-bottom:8px}
  .ml-pack-highlights .ml-pack-highlight p{font-size:14px;line-height:1.6}
  .ml-cell-catalog .custom-cta{padding:32px 0}
  .ml-cell-catalog .cta-inner{display:grid;width:calc(100% - 36px);gap:20px}
  .ml-cell-catalog .custom-cta h2{font-size:34px;line-height:1.12}
  .ml-cell-catalog .custom-cta p{font-size:15px;line-height:1.65}
  .ml-cell-catalog .custom-cta .button>.wp-block-button__link{min-height:48px;width:100%;font-size:18px;padding:12px 18px;white-space:normal}
  :is(.ml-cell-catalog,.ml-pack-cells) :focus-visible{outline:3px solid #4169ff;outline-offset:3px}
}

/* Keep the tablet hero within the viewport between the mobile and desktop layouts. */
@media (min-width:601px) and (max-width:1000px){
  .ml-cell-catalog .hero-image img{transform:none}
}