/* Jak to działa — late mobile layout (imported last in mobile.css).
   @container stacks narrow inners even when viewport media query does not match (embedded preview). */

.page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-section__inner {
  container-type: inline-size;
  container-name: jak-subpage-inner;
}

@container jak-subpage-inner (max-width: 767px) {
  .subpage-tech-pressure__layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap, calc(24px * var(--hero-coord-scale)));
    grid-template-columns: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .subpage-tech-pressure__text {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-pressure__text > * {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-pressure__panel {
    width: calc(
      100% + 2 * (
        var(--layout-margin-inline-mobile, calc(24px * var(--hero-coord-scale)))
        - var(--subpage-tech-pressure-panel-gutter, calc(10px * var(--subpage-coord-scale)))
      )
    );
    max-width: none;
    min-width: 0;
    flex-shrink: 0;
    align-self: center;
    margin-top: 0;
    margin-inline: calc(-1 * (
      var(--layout-margin-inline-mobile, calc(24px * var(--hero-coord-scale)))
      - var(--subpage-tech-pressure-panel-gutter, calc(10px * var(--subpage-coord-scale)))
    ));
    box-sizing: border-box;
    padding-block-start: var(--subpage-tech-pressure-panel-padding-block-start, var(--mobile-card-padding-inline, 24px));
    padding-inline: var(--mobile-card-padding-inline, 24px);
    padding-block-end: var(--mobile-card-padding-block, 32px);
  }

  .subpage-tech-pressure__text {
    margin-top: 0;
  }

  #pressure-title {
    font-size: var(--subpage-intro-title-size, 26px);
    line-height: var(--subpage-intro-title-line-height, 34px);
  }

  .subpage-tech-pressure__text br,
  #pressure-title br {
    display: none;
  }

  .subpage-tech-pressure__text p {
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-pressure__chart {
    width: 100%;
    height: auto;
  }

  .subpage-tech-pressure__zone-wrap {
    position: relative;
    margin-top: 0;
  }

  .subpage-tech-pressure__zone--spacer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }

  .subpage-tech-pressure__panel .subpage-tech-pressure__zone {
    margin-top: 0;
    margin-bottom: 0;
    margin-block-end: var(--subpage-tech-pressure-zone-lead-trim, -5px);
    padding-inline-start: var(--mobile-card-padding-inline, 24px);
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-pressure__labels {
    font-size: var(--diagnosis-card-item-font-size, 13px);
    line-height: var(--diagnosis-card-item-text-line-height, 20px);
    font-weight: var(--h1-light-weight);
    letter-spacing: var(--h1-light-letter-spacing);
    margin-top: calc(8px * var(--subpage-coord-scale));
    margin-bottom: calc(8px * var(--subpage-coord-scale));
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-pressure__readout {
    flex-direction: row;
    align-items: stretch;
    gap: calc(8px * var(--hero-coord-scale));
    margin-bottom: var(--mobile-card-grid-gap, calc(24px * var(--hero-coord-scale)));
  }

  .subpage-tech-pressure__readout-box {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
    height: auto;
    min-height: var(--subpage-tech-pressure-readout-min-height, var(--service-badge-height));
    box-sizing: border-box;
    border: none;
    border-radius: var(--service-btn-radius);
    background-color: transparent;
    padding-inline: var(--subpage-tech-pressure-readout-padding-inline, var(--subpage-audit-cost-tag-padding-inline));
    padding-block: calc(8px * var(--hero-coord-scale));
    text-align: center;
    display: block;
    overflow: visible;
    position: relative;
    z-index: 1;
  }

  html:not(.blend-enhanced) .subpage-tech-pressure__readout-box {
    isolation: isolate;
  }

  html:not(.blend-enhanced) .subpage-tech-pressure__readout-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-color: var(--soft-light-wash-fill-fallback);
    filter: var(--soft-light-wash-fallback-filter);
    pointer-events: none;
  }

  html:not(.blend-enhanced) .subpage-tech-pressure__readout-box.is-highlight::before {
    background-color: var(--soft-light-wash-fill-hover-fallback);
  }

  .subpage-tech-pressure__readout-box span:first-child,
  .subpage-tech-pressure__readout-box span:not([class]) {
    display: block;
    min-width: 0;
    margin-bottom: calc(4px * var(--hero-coord-scale));
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    text-align: center;
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: 1.2;
    font-weight: var(--font-weight-light);
    opacity: 1;
  }

  .subpage-tech-pressure__readout-num {
    display: inline;
    font-size: var(--diagnosis-card-title-size, 19px);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }

  .subpage-tech-pressure__readout-unit {
    display: inline;
    font-size: var(--subpage-hero-lead-size, 16px);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    margin-left: calc(2px * var(--hero-coord-scale));
    opacity: 1;
  }

  .subpage-tech-apps__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap, calc(24px * var(--hero-coord-scale)));
    grid-template-columns: none;
  }

  .subpage-tech-apps__card {
    width: 100%;
    min-width: 0;
    height: auto;
    flex: none;
  }

  .subpage-tech-apps__card-content {
    align-items: stretch;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: var(--mobile-card-padding-block, 32px) var(--mobile-card-padding-inline, 24px);
  }

  .subpage-tech-apps__card-logo {
    height: calc(40px * var(--subpage-coord-scale));
    margin-bottom: var(--section-intro-title-margin-bottom, 32px);
  }

  .subpage-tech-apps__card-title {
    margin: 0 0 var(--section-intro-title-margin-bottom, 32px);
    font-size: var(--diagnosis-card-title-size, 19px);
    line-height: var(--diagnosis-card-title-line-height, 26px);
    width: 100%;
    max-width: 100%;
  }

  .subpage-tech-apps__desc-tile {
    max-width: 100%;
    padding-inline: var(--mobile-card-padding-inline, 24px);
    padding-block-start: calc(
      var(--mobile-card-padding-block, 32px) + var(--subpage-tech-apps-desc-tile-lead-trim, -5px)
    );
    padding-block-end: var(--mobile-card-padding-block, 32px);
    margin: 0;
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    opacity: 1;
  }

  .subpage-tech-apps__btn {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    margin-top: var(--subpage-tech-apps-btn-margin-top, 36px);
    margin-bottom: 0;
    height: var(--subpage-tech-apps-btn-height, 58px);
    min-height: 48px;
    border-radius: var(--btn-radius);
    font-size: var(--text-md);
    line-height: 1;
    white-space: normal;
  }

  .subpage-tech-apps__btn .btn--outlined-wash__content {
    gap: 0;
    padding-inline: var(--mobile-card-padding-inline, 24px);
  }

  .subpage-tech-lists {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap, calc(24px * var(--hero-coord-scale)));
    margin-top: var(--mobile-card-grid-gap, calc(24px * var(--hero-coord-scale)));
    grid-template-columns: none;
  }

  .subpage-tech-lists__card {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    flex: none;
  }

  .subpage-tech-lists__card .service-card__frame {
    width: 100%;
    height: auto;
    min-height: 0;
  }

  #compare .subpage-tech-lists__card .service-panel__title {
    margin: 0 0 var(--diagnosis-card-title-margin-bottom, 18px);
    font-size: var(--diagnosis-card-title-size, 19px);
    line-height: var(--diagnosis-card-title-line-height, 26px);
  }

  .subpage-tech-compare__grid .diagnosis-card__title {
    font-size: var(--diagnosis-card-title-size, 19px);
    line-height: var(--diagnosis-card-title-line-height, 26px);
    margin-bottom: var(--diagnosis-card-title-margin-bottom, 18px);
  }

  .subpage-tech-compare__grid .diagnosis-card__item-num,
  .subpage-tech-compare__grid .diagnosis-card__item-title,
  .subpage-tech-compare__grid .diagnosis-card__item-text {
    font-size: var(--diagnosis-card-item-font-size, 13px);
    line-height: var(--diagnosis-card-item-text-line-height, 20px);
    font-weight: var(--h1-light-weight);
    letter-spacing: var(--h1-light-letter-spacing);
  }

  .subpage-tech-compare__grid .diagnosis-card__item-title {
    font-weight: var(--h1-medium-weight);
    letter-spacing: var(--h1-medium-letter-spacing);
    line-height: var(--diagnosis-card-item-title-line-height, 20px);
    margin-bottom: var(--diagnosis-card-item-gap, 10px);
  }

  #compare .subpage-tech-lists__card .service-checklist__text {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
  }

  #compare .subpage-tech-lists__card .service-checklist__item {
    padding-block: var(--service-package-checklist-item-padding, 18px);
  }

  .subpage-tech-table-group {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: var(--hero-buttons-text-gap, 40px);
  }

  .subpage-tech-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    box-sizing: border-box;
  }

  .subpage-tech-table {
    table-layout: fixed;
    width: var(--subpage-tech-table-mobile-table-width, 100%);
    min-width: 0;
    max-width: none;
  }

  .subpage-tech-table th,
  .subpage-tech-table td {
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
  }

  .subpage-tech-params .subpage-intro__title ~ p {
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
    margin-bottom: var(--hero-buttons-text-gap, 40px);
  }

  .subpage-tech-table th:first-child,
  .subpage-tech-table td:first-child {
    width: var(--subpage-tech-table-mobile-label-col, 61%);
    min-width: 0;
    max-width: none;
  }

  .subpage-tech-table th:not(:first-child),
  .subpage-tech-table td:not(:first-child) {
    width: var(--subpage-tech-table-mobile-data-col, 39%);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-table[data-tech-table-col="0"] :is(th, td):nth-child(3),
  .subpage-tech-table[data-tech-table-col="0"] :is(th, td):nth-child(4),
  .subpage-tech-table[data-tech-table-col="1"] :is(th, td):nth-child(2),
  .subpage-tech-table[data-tech-table-col="1"] :is(th, td):nth-child(4),
  .subpage-tech-table[data-tech-table-col="2"] :is(th, td):nth-child(2),
  .subpage-tech-table[data-tech-table-col="2"] :is(th, td):nth-child(3) {
    display: none;
  }

  .subpage-tech-table-scroll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: calc(12px * var(--subpage-coord-scale));
    margin-top: var(--subpage-tech-table-scroll-gap, var(--hero-buttons-text-gap, 40px));
    margin-bottom: 0;
  }

  .subpage-tech-table-scroll[hidden] {
    display: none;
  }

  .subpage-tech-table-scroll__label {
    flex: 1;
    text-align: center;
    font-size: var(--diagnosis-card-title-size, 19px);
    line-height: var(--diagnosis-card-title-line-height, 26px);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 1;
  }

  .subpage-tech-table-scroll__icon--prev {
    transform: translateX(-2px) scaleX(-1);
  }

  .subpage-tech-table-scroll__icon:not(.subpage-tech-table-scroll__icon--prev) {
    transform: translateX(2px);
  }

  .subpage-tech-cycle__stat-table.is-active {
    grid-template-columns: 1fr;
    gap: 0;
    width: 100%;
    box-sizing: border-box;
    padding-inline: 0;
    padding-block-start: 0;
    padding-block-end: var(--subpage-tech-cycle-stat-table-padding-block-end, 16px);
    text-align: left;
  }

  .subpage-tech-cycle__stat-cell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-items: flex-start;
    text-align: left;
    gap: var(--subpage-tech-cycle-stat-cell-gap, 4px);
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-cycle__stat-cell strong,
  .subpage-tech-cycle__stat-cell span {
    max-width: 100%;
    width: 100%;
    text-align: left;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .subpage-tech-cycle__stat-cell strong {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .subpage-tech-cycle__stat-cell:not(:last-child) {
    padding-bottom: var(--subpage-tech-cycle-stat-cell-padding-block, 9px);
  }

  .subpage-tech-cycle__stat-cell + .subpage-tech-cycle__stat-cell {
    border-left: none;
    padding-left: 0;
    border-top: none;
    padding-top: var(--subpage-tech-cycle-stat-cell-padding-block, 9px);
    position: relative;
  }

  .subpage-tech-cycle__stat-cell + .subpage-tech-cycle__stat-cell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: var(--separator-width) solid var(--separator-color);
  }

  .subpage-tech-cycle__stat-cell strong {
    font-size: var(--subpage-hero-lead-size, 16px);
  }

  .subpage-tech-cycle__stat-cell strong em,
  .subpage-tech-cycle__stat-cell--infinity strong {
    font-size: var(--subpage-intro-title-size, 26px);
    line-height: var(--subpage-intro-title-line-height, 34px);
  }

  .subpage-tech-cycle__stat-cell span {
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
  }

  .subpage-tech-cycle__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .subpage-tech-cycle__inner > .subpage-intro__eyebrow {
    order: -2;
  }

  .subpage-tech-cycle__main {
    display: contents;
  }

  #cycle-title {
    order: -1;
    margin-bottom: var(--section-intro-title-margin-bottom, 32px);
  }

  .subpage-tech-cycle__cascade {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--subpage-tech-cycle-mobile-tab-gap, calc(8px * var(--subpage-coord-scale)));
    order: 0;
    align-self: stretch;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-inline: 0;
    overflow: visible;
    transform: none;
    transform-origin: unset;
  }

  .subpage-tech-cycle__tab-group,
  .subpage-tech-cycle__tab-group[data-cycle-index="0"],
  .subpage-tech-cycle__tab-group[data-cycle-index="1"],
  .subpage-tech-cycle__tab-group[data-cycle-index="2"],
  .subpage-tech-cycle__tab-group[data-cycle-index="3"] {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    z-index: auto;
    transform: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
  }

  .subpage-tech-cycle__tab-group:hover {
    transform: none;
  }

  .subpage-tech-cycle__tab-group {
    width: auto;
    min-width: 0;
    height: auto;
    margin-inline: 0;
    aspect-ratio: auto;
    box-sizing: border-box;
    border: var(--subpage-card-outline);
    border-radius: calc(var(--btn-radius) * var(--subpage-coord-scale));
    overflow: hidden;
  }

  .subpage-tech-cycle__tab-group:has(.is-active) {
    background-color: var(--diagnosis-card-body-bg);
    opacity: 1;
  }

  .subpage-tech-cycle__tab-group:not(:has(.is-active)) {
    background-color: rgb(2 3 20 / 0.5);
    opacity: 1;
  }

  .subpage-tech-cycle__tab-shape {
    display: none;
  }

  .subpage-tech-cycle__tab {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: var(--subpage-tech-cycle-mobile-tab-min-height, calc(76px * var(--subpage-coord-scale)));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(4px * var(--subpage-coord-scale));
    padding: var(--subpage-tech-cycle-mobile-tab-padding-block, calc(10px * var(--subpage-coord-scale)))
      var(--subpage-tech-cycle-mobile-tab-padding-inline, calc(6px * var(--subpage-coord-scale)));
    font-size: inherit;
    text-align: center;
    transform: none;
    transition: none;
  }

  .subpage-tech-cycle__tab:hover,
  .subpage-tech-cycle__tab:focus-visible {
    transform: none;
  }

  .subpage-tech-cycle__tab-num {
    display: block;
    font-size: var(--subpage-tech-cycle-mobile-tab-title-size, 13px);
    font-weight: 500;
    line-height: 1.15;
    opacity: 1;
  }

  .subpage-tech-cycle__tab-title {
    display: none;
  }

  .subpage-tech-cycle__tab-arrow {
    display: none;
  }

  .subpage-tech-cycle__content {
    order: 1;
    margin-top: var(--mobile-card-grid-gap, calc(24px * var(--hero-coord-scale)));
    margin-bottom: 0;
  }

  .subpage-tech-cycle__panel h3 {
    font-size: var(--subpage-intro-title-size, 26px);
    line-height: var(--subpage-intro-title-line-height, 34px);
  }

  .subpage-tech-cycle__panel > p {
    font-size: var(--subpage-hero-lead-size, 16px);
    line-height: var(--subpage-hero-lead-line-height, 26px);
    margin-bottom: 0;
  }

  .subpage-tech-cycle__stat-tables {
    order: 2;
    margin-top: 0;
  }

  #audyt.subpage-audit--simple .subpage-audit__card .btn--outlined-wash {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    margin-top: var(--mobile-card-padding-block, 32px);
    margin-bottom: 0;
    height: var(--subpage-tech-apps-btn-height, 58px);
    min-height: 48px;
    border-radius: var(--btn-radius);
    font-size: var(--text-md);
    line-height: 1;
    white-space: nowrap;
  }

  #audyt.subpage-audit--simple .subpage-audit__card .btn--outlined-wash .btn--outlined-wash__label {
    white-space: nowrap;
  }

  #audyt.subpage-audit--simple .subpage-audit__card .btn--outlined-wash .btn--outlined-wash__content {
    gap: 0;
    padding-inline: var(--mobile-card-padding-inline, 24px);
  }

  #audyt.subpage-audit--simple .subpage-audit__card .service-panel__title {
    margin: 0 0 var(--diagnosis-card-title-margin-bottom, 18px);
    font-size: var(--diagnosis-card-title-size, 19px);
    line-height: var(--diagnosis-card-title-line-height, 26px);
    font-weight: var(--font-weight-medium);
    letter-spacing: normal;
  }
}

@media (max-width: 767px) {
  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap);
    grid-template-columns: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__text {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__text > * {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__panel {
    width: calc(
      100% + 2 * (var(--layout-margin-inline-mobile) - var(--subpage-tech-pressure-panel-gutter))
    );
    max-width: none;
    min-width: 0;
    flex-shrink: 0;
    align-self: center;
    margin-top: 0;
    margin-inline: calc(-1 * (var(--layout-margin-inline-mobile) - var(--subpage-tech-pressure-panel-gutter)));
    box-sizing: border-box;
    padding-block-start: var(--subpage-tech-pressure-panel-padding-block-start);
    padding-inline: var(--mobile-card-padding-inline);
    padding-block-end: var(--mobile-card-padding-block);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__text {
    margin-top: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure #pressure-title {
    font-size: var(--subpage-intro-title-size);
    line-height: var(--subpage-intro-title-line-height);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__text br,
  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure #pressure-title br {
    display: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__text p {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    overflow-wrap: break-word;
    word-break: normal;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__zone-wrap {
    position: relative;
    margin-top: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__panel .subpage-tech-pressure__zone {
    margin-top: 0;
    margin-bottom: 0;
    margin-block-end: var(--subpage-tech-pressure-zone-lead-trim);
    padding-inline-start: var(--mobile-card-padding-inline);
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    overflow-wrap: break-word;
    word-break: normal;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__zone--spacer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__chart {
    width: 100%;
    height: auto;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #applications .subpage-tech-apps__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap);
    grid-template-columns: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #applications .subpage-tech-apps__card {
    width: 100%;
    min-width: 0;
    height: auto;
    flex: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #compare .subpage-tech-lists {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap);
    margin-top: var(--mobile-card-grid-gap);
    grid-template-columns: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #compare .subpage-tech-lists__card {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    flex: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #compare .subpage-tech-lists__card .service-panel__title {
    margin: 0 0 var(--diagnosis-card-title-margin-bottom);
    font-size: var(--diagnosis-card-title-size);
    line-height: var(--diagnosis-card-title-line-height);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #compare .subpage-tech-lists__card .service-checklist__text {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #compare .subpage-tech-lists__card .service-checklist__item {
    padding-block: var(--service-package-checklist-item-padding);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #audyt.subpage-audit--simple .subpage-audit__card .btn--outlined-wash {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    margin-top: var(--mobile-card-padding-block);
    margin-bottom: 0;
    height: var(--subpage-tech-apps-btn-height);
    min-height: 48px;
    border-radius: var(--btn-radius);
    font-size: var(--text-md);
    line-height: 1;
    white-space: nowrap;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe
    #audyt.subpage-audit--simple
    .subpage-audit__card
    .btn--outlined-wash
    .btn--outlined-wash__label {
    white-space: nowrap;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe
    #audyt.subpage-audit--simple
    .subpage-audit__card
    .btn--outlined-wash
    .btn--outlined-wash__content {
    gap: 0;
    padding-inline: var(--mobile-card-padding-inline);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe
    #audyt.subpage-audit--simple
    .subpage-audit__card
    .service-panel__title {
    margin: 0 0 var(--diagnosis-card-title-margin-bottom);
    font-size: var(--diagnosis-card-title-size);
    line-height: var(--diagnosis-card-title-line-height);
    font-weight: var(--font-weight-medium);
    letter-spacing: normal;
  }
}