/* Mobile conversion pass: reduce vertical cost without changing approved desktop layouts. */
@media (max-width: 720px) {
  .hero-grid,
  body.home.front-page .hero-grid,
  body.pdl-static-theme-preview .hero-grid {
    gap: 0 !important;
    min-height: 0 !important;
    padding-top: 92px !important;
    padding-bottom: 34px !important;
  }

  .hero-stage,
  body.home.front-page .hero-stage,
  body.pdl-static-theme-preview .hero-stage {
    display: none !important;
    min-height: 0 !important;
  }

  .hero-secondary-link,
  body.home.front-page .hero-secondary-link,
  body.pdl-static-theme-preview .hero-secondary-link {
    color: rgba(255, 255, 255, .88) !important;
  }

  .trust-strip,
  body.home.front-page .trust-strip,
  body.pdl-static-theme-preview .trust-strip {
    padding-block: 10px 14px !important;
  }

  .trust-grid,
  body.home.front-page .trust-grid,
  body.pdl-static-theme-preview .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: rgba(176, 204, 225, .5) !important;
  }

  .trust-grid article,
  body.home.front-page .trust-grid article,
  body.pdl-static-theme-preview .trust-grid article {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    row-gap: 3px !important;
    align-content: center !important;
    min-height: 96px !important;
    padding: 12px 10px !important;
    background: rgba(248, 252, 255, .94) !important;
  }

  .trust-grid article > svg,
  body.home.front-page .trust-grid article > svg,
  body.pdl-static-theme-preview .trust-grid article > svg {
    width: 28px !important;
    height: 28px !important;
  }

  .trust-grid .trust-number,
  body.home.front-page .trust-grid .trust-number,
  body.pdl-static-theme-preview .trust-grid .trust-number {
    font-size: clamp(.98rem, 4.1vw, 1.12rem) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  .trust-grid article strong,
  body.home.front-page .trust-grid article strong,
  body.pdl-static-theme-preview .trust-grid article strong {
    margin: 0 !important;
    font-size: .72rem !important;
    line-height: 1.28 !important;
  }

  .trust-grid article p,
  body.home.front-page .trust-grid article p,
  body.pdl-static-theme-preview .trust-grid article p {
    display: none !important;
  }

  .final-paths-section,
  body.home.front-page .final-paths-section,
  body.pdl-static-theme-preview .final-paths-section {
    padding-block: 42px 48px !important;
  }

  .final-paths-section .section-heading {
    margin-bottom: 22px !important;
  }

  .final-paths-section .section-heading > p {
    display: none !important;
  }

  .final-path-grid,
  body.home.front-page .final-path-grid,
  body.pdl-static-theme-preview .final-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .final-path-card,
  body.home.front-page .final-path-card,
  body.pdl-static-theme-preview .final-path-card {
    height: 154px !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  .final-path-card:first-child,
  body.home.front-page .final-path-card:first-child,
  body.pdl-static-theme-preview .final-path-card:first-child {
    grid-column: 1 / -1 !important;
    height: 188px !important;
  }

  .final-path-copy,
  body.home.front-page .final-path-copy,
  body.pdl-static-theme-preview .final-path-copy {
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    gap: 3px !important;
  }

  .final-path-card:first-child .final-path-copy,
  body.home.front-page .final-path-card:first-child .final-path-copy,
  body.pdl-static-theme-preview .final-path-card:first-child .final-path-copy {
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
  }

  .final-path-copy strong,
  body.home.front-page .final-path-copy strong,
  body.pdl-static-theme-preview .final-path-copy strong {
    max-width: none !important;
    font-size: .98rem !important;
    line-height: 1.22 !important;
  }

  .final-path-card:first-child .final-path-copy strong,
  body.home.front-page .final-path-card:first-child .final-path-copy strong,
  body.pdl-static-theme-preview .final-path-card:first-child .final-path-copy strong {
    font-size: 1.18rem !important;
  }

  .final-path-copy em,
  body.home.front-page .final-path-copy em,
  body.pdl-static-theme-preview .final-path-copy em {
    display: none !important;
  }

  #applications .application-grid[data-deck="applications"] > .application-card:not([hidden]),
  #applications .application-grid[data-deck="applications"] > .application-card:not([hidden]):hover,
  #applications .application-grid[data-deck="applications"] > .application-card:not([hidden]):focus-visible,
  #applications .application-grid[data-deck="applications"] > .application-card:not([hidden])[aria-expanded="true"],
  #applications .application-grid[data-deck="applications"] > .application-card:not([hidden]).is-auto-active,
  #applications .application-grid[data-deck="applications"] > .application-card:not([hidden]).is-deck-current {
    min-height: 292px !important;
    height: 292px !important;
  }

  #applications .application-grid[data-deck="applications"] .application-copy,
  #applications .application-grid[data-deck="applications"] .application-card:hover .application-copy,
  #applications .application-grid[data-deck="applications"] .application-card:focus-visible .application-copy,
  #applications .application-grid[data-deck="applications"] .application-card[aria-expanded="true"] .application-copy,
  #applications .application-grid[data-deck="applications"] .application-card.is-auto-active .application-copy,
  #applications .application-grid[data-deck="applications"] .application-card.is-deck-current .application-copy {
    position: absolute !important;
    inset: auto 0 0 !important;
    z-index: 5 !important;
    display: flex !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 78px !important;
    padding: 0 18px 18px !important;
    opacity: 1 !important;
    color: #fff !important;
    background: transparent !important;
    transform: none !important;
  }

  #applications .application-grid[data-deck="applications"] .application-copy strong,
  #applications .application-grid[data-deck="applications"] .application-card[aria-expanded="true"] .application-copy strong,
  #applications .application-grid[data-deck="applications"] .application-card.is-auto-active .application-copy strong,
  #applications .application-grid[data-deck="applications"] .application-card.is-deck-current .application-copy strong,
  #applications .application-grid[data-deck="applications"] .application-copy small,
  #applications .application-grid[data-deck="applications"] .application-card[aria-expanded="true"] .application-copy small,
  #applications .application-grid[data-deck="applications"] .application-card.is-auto-active .application-copy small,
  #applications .application-grid[data-deck="applications"] .application-card.is-deck-current .application-copy small {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    transform: none !important;
  }

  #applications .application-grid[data-deck="applications"] .application-copy strong {
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
  }

  #applications .application-grid[data-deck="applications"] .application-copy small {
    margin-top: 4px !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: .76rem !important;
    line-height: 1.3 !important;
  }

  #bag-types.bag-section,
  body.home.front-page #bag-types.bag-section,
  body.pdl-static-theme-preview #bag-types.bag-section {
    padding-block: 44px 50px !important;
  }

  #bag-types .section-heading {
    margin-bottom: 20px !important;
  }

  #bag-types .section-heading > p {
    display: none !important;
  }

  #bag-types [data-deck="bags"],
  body.home.front-page #bag-types [data-deck="bags"],
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] {
    gap: 10px !important;
  }

  #bag-types [data-deck="bags"] .bag-card,
  #bag-types [data-deck="bags"] .bag-card:hover,
  #bag-types [data-deck="bags"] .bag-card:focus-within,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within {
    min-height: 184px !important;
    height: 184px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 10px 8px 12px !important;
  }

  #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card .bag-card-image-link {
    flex: 0 0 128px !important;
    width: 100% !important;
    height: 128px !important;
    min-height: 0 !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
  }

  #bag-types [data-deck="bags"] .bag-card .bag-card-image-link img,
  #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link img,
  #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link img,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card .bag-card-image-link img,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card .bag-card-image-link img {
    width: min(100%, 126px) !important;
    height: 122px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  #bag-types [data-deck="bags"] .bag-card > div,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card > div,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card > div {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
  }

  #bag-types [data-deck="bags"] .bag-card h3,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card h3,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  #bag-types [data-deck="bags"] .bag-card p,
  #bag-types [data-deck="bags"] .bag-card span,
  #bag-types [data-deck="bags"] .bag-card > div > a,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card p,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card span,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card > div > a,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card p,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card span,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card > div > a {
    display: none !important;
  }

  html body #printing.printing-section {
    padding-block: 44px 50px !important;
  }

  html body #printing .section-heading {
    margin-bottom: 18px !important;
  }

  html body #printing .section-heading > p {
    display: none !important;
  }

  html body #printing .print-switcher {
    margin-bottom: 10px !important;
  }

  html body #printing .print-tabs button {
    min-height: 50px !important;
    padding: 7px 9px !important;
  }

  html body #printing .print-tabs button > svg:first-child {
    width: 20px !important;
    height: 20px !important;
  }

  html body #printing .print-tabs button small {
    display: none !important;
  }

  html body #printing .print-compare,
  html body #printing .print-panel {
    min-height: 410px !important;
    height: 410px !important;
  }

  html body #printing .print-panel {
    padding: 24px 18px 24px !important;
  }

  html body #printing .print-panel dl {
    top: 22px !important;
    left: 18px !important;
  }

  html body #printing .print-panel dl > div:first-child dd {
    font-size: clamp(2.15rem, 11vw, 2.8rem) !important;
    line-height: .94 !important;
  }

  html body #printing .print-panel dl > div:first-child dt {
    font-size: .72rem !important;
  }

  html body #printing .print-panel-header h3 {
    margin-bottom: 6px !important;
    font-size: clamp(1.75rem, 8.2vw, 2.2rem) !important;
    line-height: 1.04 !important;
  }

  html body #printing .print-panel-header p {
    font-size: .84rem !important;
    line-height: 1.42 !important;
  }

  html body #printing .print-feature-tags {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 12px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
  }

  body.home.front-page #printing.printing-section .print-compare .print-panel ul.print-feature-tags > li {
    gap: 6px !important;
    font-size: .75rem !important;
  }

  html body #printing .quantity-advisor {
    gap: 8px !important;
    margin-top: 12px !important;
  }

  html body #printing .quantity-control {
    gap: 5px !important;
    padding: 10px !important;
  }

  html body #printing .quantity-control > span,
  html body #printing .quantity-edit {
    display: none !important;
  }

  html body #printing .quantity-control button[data-quantity] {
    min-height: 38px !important;
    padding-inline: 8px !important;
  }

  html body #printing .recommendation {
    gap: 8px !important;
    padding: 14px !important;
  }

  html body #printing .recommendation-label,
  html body #printing .recommendation p {
    display: none !important;
  }

  html body #printing .recommendation strong {
    font-size: .82rem !important;
    line-height: 1.42 !important;
  }

  html body #printing .recommendation-cta {
    min-height: 44px !important;
  }

  html body #materials.materials-section {
    padding-block: 46px 50px !important;
  }

  html body #materials .section-heading {
    margin-bottom: 16px !important;
  }

  html body #materials .material-experience-shell {
    gap: 8px !important;
    padding: 12px !important;
  }

  html body #materials .material-control-rail {
    padding-top: 4px !important;
  }

  html body #materials .material-control-copy {
    margin-bottom: 10px !important;
  }

  html body #materials .material-control-copy h3 {
    font-size: 1.38rem !important;
  }

  html body #materials .material-control-copy > p:last-child {
    display: none !important;
  }

  html body #materials .material-preview,
  html body #materials .material-stage {
    min-height: 276px !important;
  }

  html body #materials .material-stage {
    height: 276px !important;
    padding: 4px 0 8px !important;
  }

  html body #materials .material-pouch,
  html body #materials .material-preview:hover .material-pouch,
  html body #materials .material-preview:focus-within .material-pouch {
    width: min(82%, 226px) !important;
    height: 252px !important;
    transform: translate(-2%, 4px) scale(1) !important;
  }

  html body #materials .material-info {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html body #materials .material-info > :not(.material-cta) {
    display: none !important;
  }

  html body #materials .material-cta {
    display: block !important;
    margin: 2px 0 0 !important;
  }

  html body #materials .material-cta .button {
    width: 100% !important;
    min-height: 46px !important;
    font-size: .82rem !important;
  }

  html body #materials .material-knowledge-link {
    display: none !important;
  }

  #cases .case-diagnostic-media {
    min-height: 264px !important;
    height: 264px !important;
    display: grid !important;
    place-items: center !important;
    padding: 12px 16px !important;
    overflow: hidden !important;
  }

  #cases .case-diagnostic-media img {
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 240px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  #cases .case-card-media {
    display: grid !important;
    place-items: center !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
    overflow: hidden !important;
  }

  #cases .case-card-media img {
    width: auto !important;
    height: 154px !important;
    max-width: 100% !important;
    max-height: 154px !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body #certifications.certification-band {
    padding-block: 44px 50px !important;
  }

  html body #certifications .certification-panel {
    gap: 22px !important;
  }

  html body #certifications .certification-heading > p:not(.chapter-number) {
    margin-top: 12px !important;
    font-size: .86rem !important;
    line-height: 1.55 !important;
  }

  html body #certifications .certification-summary {
    gap: 5px !important;
    margin-top: 14px !important;
  }

  html body #certifications .certification-summary span {
    padding: 5px 7px !important;
    font-size: .66rem !important;
  }

  html body #certifications .certification-summary span:nth-child(n + 7) {
    display: none !important;
  }

  html body #certifications .certification-carousel {
    gap: 8px !important;
    padding: 0 !important;
  }

  html body #certifications .certification-stage {
    min-height: 246px !important;
    height: 246px !important;
  }

  html body #certifications .certification-slide {
    width: min(44vw, 172px) !important;
  }

  html body #certifications .certification-slide.is-prev {
    transform: translate3d(calc(-50% - 72px), -50%, 0) rotate(-4deg) scale(.66) !important;
  }

  html body #certifications .certification-slide.is-next {
    transform: translate3d(calc(-50% + 72px), -50%, 0) rotate(4deg) scale(.66) !important;
  }

  html body #certifications .certification-nav {
    top: 202px !important;
    width: 38px !important;
    height: 38px !important;
  }

  html body #certifications .certification-nav-prev {
    left: 12px !important;
  }

  html body #certifications .certification-nav-next {
    right: 12px !important;
  }

  html body #certifications .certification-current {
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 10px !important;
  }

  html body #certifications .certification-current > span {
    margin-bottom: 9px !important;
    padding: 5px 8px !important;
    font-size: .64rem !important;
  }

  html body #certifications .certification-current h3 {
    margin-bottom: 12px !important;
    font-size: 1.12rem !important;
  }

  html body #certifications .certification-current dl {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  html body #certifications .certification-current dl div {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding-top: 8px !important;
  }

  html body #certifications .certification-current dd,
  html body #certifications .certification-current strong {
    font-size: .76rem !important;
    line-height: 1.48 !important;
  }

  html body #certifications .certification-note {
    margin-top: 14px !important;
    font-size: .74rem !important;
    line-height: 1.52 !important;
  }
}