/* Mobile subpage overrides (≤767px) */

/* Legal / prose subpages (≤767px) */
@media (max-width: 767px) {
  .page-subpage--polityka-prywatnosci .subpage-prose,
  .page-subpage--rodo .subpage-prose {
    padding-inline: var(--layout-margin-inline-mobile);
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page-subpage--o-mxo-group #section-service {
    margin-top: 0;
    min-height: auto;
    padding-top: var(--hero-section-inset-block);
    padding-bottom: calc(48px * var(--hero-coord-scale));
  }

  .page-subpage--o-mxo-group #section-service > .page-section__scale > .page-section__inner {
    padding-top: calc(40px * var(--hero-coord-scale));
  }

  .page-subpage--o-mxo-group .service-card--panel .service-card__panel-cta,
  .page-subpage--o-mxo-group .service-card--facts .service-card__panel-cta {
    padding-block: 0;
  }

  .page-subpage--o-mxo-group .service-card--facts .service-card__content,
  .page-subpage--o-mxo-group .service-card--panel .service-card__content {
    padding-inline: var(--mobile-card-padding-inline);
    padding-block-start: var(--mobile-card-padding-block);
    padding-block-end: 0;
    box-sizing: border-box;
  }

  .page-subpage--o-mxo-group .service-facts {
    grid-template-columns: calc(55% - 70px) minmax(0, 1fr);
  }

  .page-subpage--o-mxo-group .mxo-about-cta.btn--outlined-wash {
    width: 100%;
    max-width: 100%;
    height: 58px;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .page-subpage .page-section--stub {
    min-height: auto;
    margin-top: 0;
  }

  .page-subpage .subpage-stub__actions.subpage-actions {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 0;
  }
}

/* from css/components/subpage-tech/subpage-tech-segment.css */
@media (max-width: 767px) {
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-segment__tabs {
    flex-direction: column;
    width: 100%;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-segment__tab {
    width: 100%;
    border-right: none;
    border-bottom: var(--separator-width) solid rgb(255 255 255 / 0.15);
    min-height: 48px;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-segment__tab:last-child {
    border-bottom: none;
  }
}

/* Jak to działa — tech bands (≤767px; tablet.css not linked at this breakpoint) */
@media (max-width: 767px) {
  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure .subpage-tech-pressure__text br,
  .page-subpage--jak-dziala-chlodzenie-prozniowe #pressure #pressure-title br,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-hero__lead br,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-intro__title br,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .page-section--subpage > .page-section__scale p br,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-audit__intro .subpage-hero__lead br {
    display: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-hero__lead {
    opacity: 1;
  }

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

  .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;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #params .subpage-intro__title ~ p,
  .page-subpage--jak-dziala-chlodzenie-prozniowe #applications .subpage-intro__title ~ p {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    margin-bottom: var(--hero-buttons-text-gap);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-pressure,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-params {
    padding-block: 0;
  }

  .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 .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,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .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 .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,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .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 .subpage-tech-pressure__text {
    margin-top: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-pressure__text p {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    box-sizing: border-box;
    border: none;
    border-radius: var(--service-btn-radius);
    background-color: transparent;
    padding-inline: var(--subpage-tech-pressure-readout-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)
    .page-subpage--jak-dziala-chlodzenie-prozniowe
    .subpage-tech-pressure__readout-box {
    isolation: isolate;
  }

  html:not(.blend-enhanced)
    .page-subpage--jak-dziala-chlodzenie-prozniowe
    .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)
    .page-subpage--jak-dziala-chlodzenie-prozniowe
    .subpage-tech-pressure__readout-box.is-highlight::before {
    background-color: var(--soft-light-wash-fill-hover-fallback);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-pressure__readout-box span:first-child,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    line-height: 1.2;
    font-weight: var(--font-weight-light);
    opacity: 1;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-pressure__readout-num {
    display: inline;
    font-size: var(--diagnosis-card-title-size);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .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 .subpage-tech-pressure__zone--spacer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-pressure__labels {
    font-size: var(--diagnosis-card-item-font-size);
    line-height: var(--diagnosis-card-item-text-line-height);
    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;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__inner > .subpage-intro__eyebrow {
    grid-column: auto;
    grid-row: auto;
    order: -2;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__main {
    display: contents;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #cycle-title {
    order: -1;
    margin-bottom: var(--section-intro-title-margin-bottom);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group[data-cycle-index="0"],
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group[data-cycle-index="1"],
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group[data-cycle-index="2"],
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group[data-cycle-index="3"] {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    z-index: auto;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__cascade {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--subpage-tech-cycle-mobile-tab-gap);
    order: 0;
    align-self: stretch;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-inline: 0;
    overflow: visible;
    transform: none;
    transform-origin: unset;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group {
    position: relative;
    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;
    transform: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-group:hover {
    transform: none;
  }

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

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-shape {
    display: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: var(--subpage-tech-cycle-mobile-tab-min-height);
    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) var(--subpage-tech-cycle-mobile-tab-padding-inline);
    font-size: inherit;
    text-align: center;
    transform: none;
    transition: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab:hover,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab:focus-visible {
    transform: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-num {
    display: block;
    font-size: var(--subpage-tech-cycle-mobile-tab-title-size);
    font-weight: 500;
    line-height: 1.15;
    opacity: 1;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-title {
    display: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__tab-arrow {
    display: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__content {
    order: 1;
    margin-top: var(--mobile-card-grid-gap);
    margin-bottom: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-tables {
    order: 2;
    margin-top: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    text-align: left;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    overflow-wrap: break-word;
    word-break: normal;
  }

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-cell strong {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-cell:not(:last-child) {
    padding-bottom: var(--subpage-tech-cycle-stat-cell-padding-block);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    position: relative;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe
    .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);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-cell strong {
    font-size: var(--subpage-hero-lead-size);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-cell strong em,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-cell--infinity strong {
    font-size: var(--subpage-intro-title-size);
    line-height: var(--subpage-intro-title-line-height);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__stat-cell span {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-cycle__panel > p {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    margin-bottom: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__title {
    font-size: var(--diagnosis-card-title-size);
    line-height: var(--diagnosis-card-title-line-height);
    margin-bottom: var(--diagnosis-card-title-margin-bottom);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__item-num,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__item-title,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__item-text {
    font-size: var(--diagnosis-card-item-font-size);
    line-height: var(--diagnosis-card-item-text-line-height);
    font-weight: var(--h1-light-weight);
    letter-spacing: var(--h1-light-letter-spacing);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    margin-bottom: var(--diagnosis-card-item-gap);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #compare .subpage-tech-lists,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .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,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-lists__card {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    flex: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-lists__card .service-card__frame {
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .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 {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
    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 .subpage-tech-lists__card .service-card__content {
    padding-block-end: var(--service-panel-card-padding-block-end);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #applications .subpage-tech-apps__grid,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .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,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__card {
    width: 100%;
    min-width: 0;
    height: auto;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__card-content {
    align-items: stretch;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: var(--mobile-card-padding-block) var(--mobile-card-padding-inline);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__card-logo {
    height: calc(40px * var(--subpage-coord-scale));
    margin-bottom: var(--section-intro-title-margin-bottom);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__card-title {
    margin: 0 0 var(--section-intro-title-margin-bottom);
    font-size: var(--diagnosis-card-title-size);
    line-height: var(--diagnosis-card-title-line-height);
    width: 100%;
    max-width: 100%;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__card-desc {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__desc-tile {
    max-width: 100%;
    padding-inline: var(--mobile-card-padding-inline);
    padding-block-start: calc(
      var(--mobile-card-padding-block) + var(--subpage-tech-apps-desc-tile-lead-trim)
    );
    padding-block-end: var(--mobile-card-padding-block);
    margin: 0;
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    opacity: 1;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-apps__btn {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    margin-top: var(--subpage-tech-apps-btn-margin-top);
    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: normal;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe
    .subpage-tech-apps__btn
    .btn--outlined-wash__content {
    gap: 0;
    padding-inline: var(--mobile-card-padding-inline);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #params .subpage-tech-table-group {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
  }

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table {
    table-layout: fixed;
    width: var(--subpage-tech-table-mobile-table-width);
    min-width: 0;
    max-width: none;
    margin-top: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table th,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table td {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    vertical-align: top;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table th:first-child,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table td:first-child {
    width: var(--subpage-tech-table-mobile-label-col);
    min-width: 0;
    max-width: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table th:not(:first-child),
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table td:not(:first-child) {
    width: var(--subpage-tech-table-mobile-data-col);
  }

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

  .page-subpage--jak-dziala-chlodzenie-prozniowe .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);
    margin-bottom: 0;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table-scroll[hidden] {
    display: none;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table-scroll__label {
    flex: 1;
    text-align: center;
    font-size: var(--diagnosis-card-title-size);
    line-height: var(--diagnosis-card-title-line-height);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 1;
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-table-scroll__icon--prev {
    transform: translateX(-2px) scaleX(-1);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe
    .subpage-tech-table-scroll__icon:not(.subpage-tech-table-scroll__icon--prev) {
    transform: translateX(2px);
  }
}

/* from css/components/subpage-system/subpage-system-params.css */
@media (max-width: 767px) {
  .page-subpage--system #params .subpage-system-params__table-wrap,
  .page-subpage--system #params .subpage-system-params__feature-cards {
    display: none;
  }

  .page-subpage--system #params [data-params-variant-cards] {
    display: grid;
  }

  .page-subpage--system .subpage-system-params__table-wrap {
    overflow-x: visible;
  }

  .page-subpage--system .subpage-system-params__table {
    min-width: 0;
  }

  .page-subpage--system .subpage-system-params__table,
  .page-subpage--system .subpage-system-params__table thead,
  .page-subpage--system .subpage-system-params__table tbody,
  .page-subpage--system .subpage-system-params__table th,
  .page-subpage--system .subpage-system-params__table td,
  .page-subpage--system .subpage-system-params__table tr {
    display: block;
  }

  .page-subpage--system .subpage-system-params__table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .page-subpage--system .subpage-system-params__table tr {
    margin-bottom: calc(16px * var(--subpage-coord-scale));
    border: var(--subpage-card-outline);
    border-radius: var(--subpage-card-radius);
    padding: calc(12px * var(--subpage-coord-scale));
  }

  .page-subpage--system .subpage-system-params__table td {
    display: flex;
    justify-content: space-between;
    gap: calc(12px * var(--subpage-coord-scale));
    padding: var(--subpage-system-params-table-cell-padding-block) 0;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 0.08);
    text-align: right;
  }

  .page-subpage--system .subpage-system-params__table td:last-child {
    border-bottom: none;
  }

  .page-subpage--system .subpage-system-params__table td::before {
    content: attr(data-label);
    font-weight: var(--font-weight-medium);
    flex-shrink: 0;
    margin-right: calc(12px * var(--subpage-coord-scale));
    opacity: 0.55;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: var(--subpage-intro-eyebrow-size);
    line-height: var(--subpage-intro-eyebrow-line-height);
  }

  .page-subpage--system .subpage-system-params__table th,
  .page-subpage--system .subpage-system-params__table td {
    white-space: normal;
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

  .page-subpage--system .subpage-system-params__tabs {
    flex-direction: column;
    width: 100%;
    overflow: hidden;
  }

  .page-subpage--system .subpage-system-params__tab {
    width: 100%;
    border-right: none;
    border-bottom: var(--separator-width) solid rgb(255 255 255 / 0.15);
    min-height: 48px;
    overflow: hidden;
    border-radius: 0;
  }

  .page-subpage--system .subpage-system-params__tab:first-child:not(:last-child) {
    border-radius: var(--btn-radius) var(--btn-radius) 0 0;
  }

  .page-subpage--system .subpage-system-params__tab:last-child:not(:first-child) {
    border-bottom: none;
    border-radius: 0 0 var(--btn-radius) var(--btn-radius);
  }

  .page-subpage--system .subpage-system-params__tab:only-child {
    border-bottom: none;
    border-radius: var(--btn-radius);
  }

  .page-subpage--system .subpage-system-params__tab:last-child:not(:only-child) {
    border-bottom: none;
  }

  .page-subpage--system #params .subpage-system-params__card > p,
  .page-subpage--system #params [data-params-variant-cards] .subpage-system-params__card > p,
  .page-subpage--system #install .subpage-system-params__card > p {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    opacity: 1;
  }

  html:not(.blend-enhanced) .page-subpage--system #params .subpage-system-params__card::before {
    background-color: var(--soft-light-wash-fill-fallback);
    filter: var(--soft-light-wash-fallback-filter);
    opacity: 1;
  }

  html.blend-enhanced .page-subpage--system #params .subpage-system-params__card::before {
    background-color: transparent;
    filter: none;
    opacity: 1;
  }

  .page-subpage--system #install .subpage-system-params__card::before {
    background-color: var(--service-card-body-bg);
    filter: none;
    opacity: var(--service-card-opacity);
  }

  /* Params/install tags — service-card__badge parity (loads after stack.css) */
  .page-subpage--system #params .subpage-system-params__card-row > .subpage-system-params__card-label,
  .page-subpage--system #install .subpage-system-params__card-row > .subpage-system-params__card-label {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto;
    height: var(--service-badge-height);
    padding-inline: var(--subpage-audit-cost-tag-padding-inline);
    border: none;
    border-radius: var(--service-btn-radius);
    font-size: var(--service-badge-font-size);
    line-height: var(--service-badge-line-height);
    font-weight: var(--service-badge-weight);
    letter-spacing: var(--service-badge-letter-spacing);
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    background-color: transparent;
    filter: none;
  }

  html:not(.blend-enhanced) .page-subpage--system #params .subpage-system-params__card-row > .subpage-system-params__card-label,
  html:not(.blend-enhanced) .page-subpage--system #install .subpage-system-params__card-row > .subpage-system-params__card-label {
    isolation: isolate;
  }

  html:not(.blend-enhanced) .page-subpage--system #params .subpage-system-params__card-row > .subpage-system-params__card-label::before,
  html:not(.blend-enhanced) .page-subpage--system #install .subpage-system-params__card-row > .subpage-system-params__card-label::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;
  }

  .page-subpage--system #params [data-params-variant-cards] .subpage-system-params__card-row > .subpage-system-params__card-label {
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-weight: var(--btn-font-weight);
    letter-spacing: var(--btn-letter-spacing);
  }

  html:not(.blend-enhanced)
    .page-subpage--system
    #params
    [data-params-variant-cards]
    .subpage-system-params__card-row
    > .subpage-system-params__card-label {
    isolation: auto;
  }

  html:not(.blend-enhanced)
    .page-subpage--system
    #params
    [data-params-variant-cards]
    .subpage-system-params__card-row
    > .subpage-system-params__card-label::before {
    content: none;
  }

  html.blend-enhanced
    .page-subpage--system
    #params
    [data-params-variant-cards]
    .subpage-system-params__card-row
    > .subpage-system-params__card-label {
    background-color: var(--btn-bg);
  }
}

/* from css/pages/404.css */
@media (max-width: 767px) {
  .page-404 .page-section--404 {
    flex: 1;
    min-height: auto;
    padding-top: var(--hero-section-inset-block);
    padding-bottom: calc(48px * var(--hero-coord-scale));
  }

  .page-404 .page-section--404 .page-section__inner {
    min-height: 0;
  }

  .page-404 .err-ctas.subpage-actions {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--hero-buttons-gap);
    width: auto;
    max-width: 100%;
  }

  .page-404 .err-ctas.subpage-actions .btn {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
  }
}

/* from css/components/header.css */
@media (max-width: 767px) {
  .site-header__menu-toggle {
    display: flex;
  }

  .site-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: calc(var(--header-z-index) + 1);
    margin-left: 0;
    padding: calc(16px * var(--hero-coord-scale)) var(--layout-margin-inline-mobile);
    background-color: var(--header-bg-scrolled);
  }

  html.is-mobile-nav-open .site-nav {
    display: block;
  }

  .site-nav__list {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(20px * var(--hero-coord-scale));
  }

  .site-nav__item--has-dropdown {
    padding-bottom: 0;
    margin-bottom: 0;
    width: 100%;
  }

  .site-nav__toggle,
  .site-nav__link {
    width: 100%;
    justify-content: space-between;
  }

  .site-nav__dropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(16px * var(--hero-coord-scale));
    list-style: none;
    width: 100%;
    margin: calc(16px * var(--hero-coord-scale)) 0 0;
    padding: 0;
    padding-inline-start: calc(16px * var(--hero-coord-scale));
  }

  .site-nav__dropdown[hidden] {
    display: none;
  }

  .site-header__submenu {
    display: none;
  }

  .site-header__submenu-inner {
    padding-inline: 0;
    padding-bottom: calc(12px * var(--hero-coord-scale));
  }

  .site-header__submenu-list {
    left: 0;
    gap: calc(12px * var(--hero-coord-scale));
  }

  .header-canvas {
    overflow: visible;
  }
}

/* from css/components/contact-form.css */
@media (max-width: 767px) {
  .contact-form__row {
    flex-direction: column;
  }
}

/* from css/components/blog-archive.css */
@media (max-width: 767px) {
  .page-subpage .blog-archive__card {
    padding-block: calc(28px * var(--subpage-coord-scale));
  }

  .page-subpage .blog-archive__card-body {
    padding-inline: calc(24px * var(--subpage-coord-scale));
  }
}

/* from css/components/blog-media.css */
@media (max-width: 767px) {
  .page-subpage .blog-archive__card {
    grid-template-columns: 1fr;
  }

  .page-subpage .blog-archive__media-link {
    order: -1;
    width: 100%;
    height: var(--blog-archive-media-size);
  }
}

/* from css/components/blog-article.css */
@media (max-width: 767px) {
  .page-subpage .blog-article__intro {
    grid-template-columns: 1fr;
  }

  .page-subpage .blog-article__intro-media {
    order: -1;
    width: 100%;
    justify-self: stretch;
  }

  .page-subpage .blog-article__intro-media-figure {
    height: var(--blog-archive-media-size);
  }

  .page-subpage .blog-article__content table {
    display: block;
    overflow-x: auto;
  }
}

/* Product-page intro blocks — desktop uses title margin-top for eyebrow gap;
   mobile foundation zeros that token, so eyebrow margin-bottom must win (last in bundle). */
@media (max-width: 767px) {
  .page-subpage #diagnoza.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #proces.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #produkty.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage .subpage-audit__cost .subpage-intro__eyebrow,
  .page-subpage .subpage-audit__intro .subpage-intro__eyebrow {
    margin-bottom: var(--section-intro-eyebrow-margin-bottom);
  }

  .page-subpage #diagnoza.page-section--subpage .subpage-intro__title,
  .page-subpage #proces.page-section--subpage .subpage-intro__title,
  .page-subpage #produkty.page-section--subpage .subpage-intro__title,
  .page-subpage .subpage-audit__cost .subpage-intro__title,
  .page-subpage .subpage-audit__intro .subpage-intro__title {
    margin-top: 0;
    margin-bottom: var(--section-intro-title-margin-bottom);
  }

  .page-subpage #diagnoza.page-section--subpage {
    padding-bottom: var(--subpage-section-padding-bottom);
  }

  .page-subpage #proces.page-section--subpage {
    padding-top: var(--subpage-section-padding-top);
    padding-bottom: var(--subpage-section-padding-bottom);
  }

  .page-subpage #produkty.page-section--subpage {
    padding-top: var(--subpage-section-padding-top);
    padding-bottom: var(--subpage-section-padding-bottom);
  }

  .page-subpage #audyt.page-section--subpage {
    padding-top: var(--subpage-section-padding-top);
    padding-bottom: var(--subpage-section-padding-bottom);
  }

  .page-subpage--jak-dziala-chlodzenie-prozniowe #params.page-section--subpage {
    padding-top: var(--subpage-section-padding-top);
    padding-bottom: var(--subpage-section-padding-bottom);
  }

  .page-subpage--system #system-stats.page-section--subpage,
  .page-subpage--system #logistics.page-section--subpage,
  .page-subpage--system #anatomy.page-section--subpage,
  .page-subpage--system #physics.page-section--subpage,
  .page-subpage--system #params.page-section--subpage,
  .page-subpage--system #install.page-section--subpage,
  .page-subpage--system #audyt.page-section--subpage {
    padding-top: var(--subpage-section-padding-top);
    padding-bottom: var(--subpage-section-padding-bottom);
  }
}

/* Referencje — mobile section shell + deck card gutters */
@media (max-width: 767px) {
  /* ID desktop rules beat global mobile stack — reassert wiki shell */
  .page-subpage--realizacje #section-content.page-section--stub {
    min-height: auto;
    margin-top: 0;
    padding-top: var(--hero-section-inset-block);
    padding-bottom: calc(48px * var(--hero-coord-scale));
  }

  .page-subpage--realizacje #section-content.page-section--stub.page-section--blend-before-scale {
    align-items: stretch;
    justify-content: flex-start;
  }

  .page-subpage--realizacje #section-content .page-section__inner {
    padding-inline: var(--layout-margin-inline-mobile);
    /* Section padding-top clears the fixed header; visual gap matches subpage hero */
    padding-top: calc(40px * var(--hero-coord-scale));
    justify-content: flex-start;
  }

  .page-subpage--realizacje #section-referencje-case {
    min-height: auto;
    margin-top: 0;
    padding-block: calc(48px * var(--hero-coord-scale));
  }

  .page-subpage--realizacje #section-referencje-case .page-section__inner {
    padding-inline: var(--layout-margin-inline-mobile);
  }

  .page-subpage--realizacje .referencje-deck-stage {
    --deck-card-pad-inline: var(--layout-margin-inline-mobile);
  }

  .page-subpage--realizacje .referencje-deck-product .deck-product > .deck-card__content {
    padding-inline: var(--layout-margin-inline-mobile);
  }

  .page-subpage--realizacje .referencje-deck-product .deck-product__client {
    justify-content: center;
    margin-top: calc(var(--deck-space-md) + calc(10px * var(--deck-coord-scale)));
  }

  .page-subpage--realizacje .referencje-deck-product .deck-product__client .deck-product__logo {
    height: calc(133px * 0.8 * var(--deck-coord-scale));
    max-width: min(100%, calc(484px * 0.8 * var(--deck-coord-scale)));
    object-position: center;
  }

  /* Gallery preview: 3 rows × 2 cols (hide overflow slots) */
  .page-subpage--realizacje .referencje-deck-product .deck-product-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
  }

  .page-subpage--realizacje
    .referencje-deck-product
    .deck-product-gallery
    .deck-product-gallery__cell:nth-child(n + 7) {
    display: none;
  }

  /* PDF preview: A4 stage; iframe fills it; page-fit keeps full sheet visible */
  .page-subpage--realizacje .referencje-deck-product .deck-pdf-preview__stage {
    aspect-ratio: 210 / 297;
  }

  .page-subpage--realizacje .referencje-deck-product .deck-pdf-preview__frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    transform: none;
  }
}

/* Kalkulator ROI — intro brand left-aligned when stacked */
@media (max-width: 767px) {
  .page-subpage--kalkulator-roi .kalkulator-roi__intro-brand {
    align-items: stretch;
    width: 100%;
  }

  .page-subpage--kalkulator-roi .kalkulator-roi__intro-logo,
  .page-subpage--kalkulator-roi .kalkulator-roi__intro-seg-logo-link {
    align-self: flex-start;
  }

  .page-subpage--kalkulator-roi .kalkulator-roi__intro-seg-logo {
    object-position: left center;
  }

  .page-subpage--kalkulator-roi .kalkulator-roi__intro-seg-change,
  .page-subpage--kalkulator-roi #seg-change-bar {
    width: 100%;
    justify-content: center;
  }

  .page-subpage--kalkulator-roi #seg-change-btn,
  .page-subpage--kalkulator-roi .roi-change-bar .btn--hero,
  .page-subpage--kalkulator-roi .kalkulator-roi__intro-seg-change .btn--hero {
    width: calc(100% - 2 * var(--kalkulator-roi-result-padding));
    max-width: none;
    margin-inline: auto;
    margin-bottom: 40px;
  }

  .page-subpage--kalkulator-roi
    .kalkulator-roi__intro:has(#seg-change-bar:not([style*="display: none"]))
    .kalkulator-roi__intro-row {
    margin-bottom: 0;
  }

  .page-subpage--kalkulator-roi .scenario-tabs {
    grid-template-columns: 1fr;
  }

  .page-subpage--kalkulator-roi a.result-cta .result-cta__text--desktop {
    display: none;
  }

  .page-subpage--kalkulator-roi a.result-cta .result-cta__text--mobile {
    display: inline;
  }

  .page-subpage--kalkulator-roi .result-output__actions {
    width: 100%;
  }

  .page-subpage--kalkulator-roi a.result-cta.btn--hero {
    width: 100%;
    max-width: none;
  }

  .page-subpage--kalkulator-roi #roi-pdf-open.roi-pdf-open {
    width: calc(100% - 2 * var(--kalkulator-roi-result-padding));
    max-width: none;
    margin-inline: var(--kalkulator-roi-result-padding);
  }

  .page-subpage--kalkulator-roi .kalkulator-roi__intro.is-step-labeled .kalkulator-roi__intro-row {
    margin-bottom: 0;
  }

  .page-subpage--kalkulator-roi .kalkulator-roi__step-label {
    margin-block: 40px;
  }
}