/* Site-wide mobile stack (≤767px) — fluid width, no transform scale */

@media (max-width: 767px) {
  .page-section {
    min-height: auto;
    padding-block: calc(48px * var(--hero-coord-scale));
  }

  #section-hero.page-section--hero {
    min-height: auto;
    margin-top: 0;
    padding-top: var(--hero-section-inset-block);
    padding-bottom: 0;
    align-content: start;
    align-items: stretch;
    justify-content: flex-start;
  }

  .page-section__scale,
  .hero-scale {
    overflow: visible;
    height: auto;
  }

  .page-section__scale > .page-section__inner,
  .hero-scale__inner,
  .footer__shell,
  .header-canvas {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    transform: none;
  }

  /* Kill desktop fixed heights so hero content drives the container height */
  .hero-scale__inner,
  .hero-stage {
    height: auto;
  }

  .footer__shell {
    margin-bottom: 0;
  }

  .page-section:not(.page-section--footer):not(.page-section--hero) .page-section__inner,
  .page-section--footer .page-section__inner {
    padding-inline: var(--layout-margin-inline-mobile);
  }

  .site-header__inner {
    position: relative;
    padding-inline: var(--layout-margin-inline-mobile);
  }

  /* Hero — text → buttons → cards */
  .hero-canvas-wrapper {
    height: auto;
    overflow: visible;
  }

  .hero-canvas {
    width: 100%;
    min-height: auto;
  }

  .hero-canvas--foreground {
    display: flex;
    flex-direction: column;
  }

  .hero-text {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    width: 100%;
    max-width: none;
    /* Section padding-top already clears the fixed header; only the visual gap needed here */
    padding-top: calc(40px * var(--hero-coord-scale));
    padding-inline: var(--layout-margin-inline-mobile);
    box-sizing: border-box;
    pointer-events: auto;
  }

  .hero-text__eyebrow,
  .hero-text__title,
  .hero-text__lead,
  .hero-text__actions {
    position: static;
    width: 100%;
    max-width: 100%;
  }

  .hero-text__eyebrow {
    margin-bottom: var(--hero-text-eyebrow-to-title-gap);
  }

  .hero-text__title {
    margin-bottom: var(--hero-text-title-to-lead-gap);
  }

  .hero-text__lead {
    margin-bottom: var(--hero-buttons-text-gap);
  }

  /* Homepage section intro — hero parity */
  .roi-content__eyebrow,
  .diagnosis-intro__eyebrow,
  .product-lines-intro__eyebrow,
  .service-intro__eyebrow {
    margin-bottom: var(--section-intro-eyebrow-margin-bottom);
  }

  .roi-content__title,
  .diagnosis-intro__title,
  .product-lines-intro__title,
  .service-intro__title {
    margin-top: 0;
    margin-bottom: var(--section-intro-title-margin-bottom);
  }

  /* Card inner padding — 32px block, 24px inline (matches page gutter) */
  .service-card:not(.service-stat-tile) .service-card__content {
    padding: var(--service-card-padding-block) var(--service-card-padding-inline);
    padding-block-end: var(--service-package-card-padding-block-end);
    box-sizing: border-box;
  }

  .service-card--panel .service-card__content {
    padding-block-end: var(--service-panel-card-padding-block-end);
  }

  #audyt .subpage-audit__card.service-card--panel .service-card__content,
  #audyt.subpage-audit--simple .subpage-audit__card.service-card--panel .service-card__content {
    padding: var(--service-card-padding-block) var(--service-card-padding-inline);
    padding-block-end: var(--service-panel-card-padding-block-end);
  }

  .service-card--standard .service-checklist__item,
  .service-card--premium .service-checklist__item,
  .service-card--panel .service-checklist__item,
  .service-card--panel .service-checklist__item:not(:first-child) {
    padding-block: var(--service-package-checklist-item-padding);
    padding-inline-start: 0;
    margin-top: 0;
  }

  #section-service .service-card--panel .service-checklist__item,
  #section-passport .service-card--panel .service-checklist__item {
    padding-block: var(--service-package-checklist-item-padding);
  }

  #section-service .service-card--panel .service-checklist__item:first-child,
  #section-passport .service-card--panel .service-checklist__item:first-child {
    padding-top: var(--service-package-checklist-item-padding);
  }

  #section-service .service-card--panel .service-checklist__item:last-child,
  #section-passport .service-card--panel .service-checklist__item:last-child {
    padding-bottom: var(--service-package-checklist-item-padding);
  }

  .hero-cascade {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    gap: var(--mobile-card-grid-gap);
    /* Buttons carry margin-bottom: 32px — no extra margin-top needed here */
    margin-top: 0;
    padding-bottom: 0;
    padding-inline: var(--layout-margin-inline-mobile);
    pointer-events: auto;
  }

  .hero-card-group {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    max-width: var(--hero-card-width);
    margin-inline: auto;
  }

  .hero-canvas--foreground,
  .hero-cascade {
    width: 100%;
    max-width: 100%;
  }

  .hero-text__actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
  }

  .hero-text__actions .btn {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }

  .hero-card-group {
    max-width: 100%;
  }

  /* ROI + system stats tables — vertical cells */
  .roi-stat-table,
  .page-subpage--system .subpage-system-stats__table.subpage-stat-table {
    width: 100%;
    min-width: 0;
    aspect-ratio: unset;
    height: auto;
    overflow: hidden;
  }

  .roi-stat-table__table,
  .page-subpage--system .subpage-system-stats__table .subpage-stat-table__frame {
    display: none;
  }

  .roi-stat-table__grid,
  .page-subpage--system .subpage-system-stats__table .subpage-stat-table__grid {
    position: relative;
    inset: auto;
    /* Above .roi-stat-table::before fallback wash (z-index: 0). auto paints under it. */
    z-index: 1;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    pointer-events: auto;
    border: var(--outline-width) solid var(--outline-color);
    border-radius: 0;
  }

  .roi-stat-table__cell,
  .page-subpage--system .subpage-system-stats__table .subpage-stat-table__cell {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    aspect-ratio: 1;
    padding-block: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--roi-stat-cell-gap);
    border-bottom: var(--separator-width) solid var(--separator-color);
  }

  .roi-stat-table__cell:not(.roi-stat-table__cell--cta) {
    justify-content: flex-start;
    gap: 0;
  }

  #section-roi .roi-stat-table__cell:not(.roi-stat-table__cell--cta) {
    justify-content: center;
    gap: var(--roi-stat-cell-gap);
  }

  #section-roi .roi-stat-table__cell-spacer-top,
  #section-roi .roi-stat-table__cell-spacer-bottom {
    display: none;
  }

  #section-roi .roi-stat-table__prefix,
  #section-roi .roi-stat-table__suffix,
  #section-roi .roi-stat-table__value {
    text-align: center;
  }

  #section-roi .roi-stat-table__value:has(.roi-stat-table__value-num) {
    justify-content: center;
  }

  .roi-stat-table__cell-spacer-top {
    flex: 0 0 auto;
    width: 100%;
    height: calc((100% - var(--roi-stat-cell-standard-stack-height)) / 2);
  }

  .roi-stat-table__cell-spacer-bottom {
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
  }

  .roi-stat-table__cell-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--roi-stat-cell-gap);
    flex: 0 0 auto;
    width: 100%;
  }

  .roi-stat-table__cell-foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    margin-top: var(--roi-stat-cell-gap);
  }

  .roi-stat-table__cell-foot .roi-stat-table__suffix + .roi-stat-table__suffix {
    margin-top: 0;
  }

  .roi-stat-table__suffix {
    text-wrap: wrap;
  }

  .roi-stat-table__cell:last-child,
  .page-subpage--system .subpage-system-stats__table .subpage-stat-table__cell:last-child {
    border-bottom: none;
  }

  .roi-stat-table__value:has(.roi-stat-table__value-num),
  .page-subpage--system
    .subpage-system-stats__table
    .subpage-stat-table__value:has(.subpage-stat-table__value-num) {
    flex-shrink: 0;
    margin-block: var(--roi-stat-cell-value-margin-block);
  }

  .page-subpage--system .subpage-system-stats__table .subpage-stat-table__label {
    font-size: var(--subpage-intro-eyebrow-size);
    line-height: var(--subpage-intro-eyebrow-line-height);
  }

  .roi-stat-table__cell--cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  .roi-stat-table__cell--cta .roi-stat-table__value {
    margin-block: 0;
    font-size: var(--roi-stat-cta-title-size);
    line-height: var(--roi-stat-cta-title-line-height);
    font-weight: var(--roi-stat-cta-title-weight);
    letter-spacing: var(--roi-stat-cta-title-letter-spacing);
  }

  .roi-stat-table__cell--cta .roi-stat-table__value + .roi-stat-table__value,
  .roi-stat-table__cell--cta .roi-stat-table__suffix + .roi-stat-table__suffix {
    margin-top: calc(-1 * var(--roi-stat-cell-gap));
  }

  .roi-stat-table__cell--cta > :first-child {
    margin-block-start: var(--roi-stat-cell-value-margin-block);
  }

  .roi-stat-table__cell--cta > :last-child {
    margin-block-end: var(--roi-stat-cell-value-margin-block);
  }

  .roi-content__copy .btn,
  .btn--roi-cta {
    width: 100%;
    max-width: 100%;
  }

  /* Diagnosis CTAs */
  .btn--diagnosis {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    height: 58px;
  }

  /* Product config tiles */
  .product-config-column__tiles {
    position: relative;
    top: auto;
    display: flex;
    flex-direction: column;
    gap: var(--product-config-tiles-gap);
    margin-top: calc(24px * var(--product-lines-coord-scale));
  }


  /* Service facts table: shrink label column on mobile */
  .service-facts__row {
    grid-template-columns: var(--service-facts-label-width) minmax(0, 1fr);
  }

  /* Service */
  #section-service .service-intro__title-line {
    font-size: 26px;
    line-height: 34px;
  }

  .service-highlights,
  .service-grid {
    grid-template-columns: 1fr;
  }

  .service-highlights {
    margin-bottom: 24px;
  }

  .service-grid__column {
    gap: var(--mobile-card-grid-gap);
    align-items: stretch;
    width: 100%;
  }

  .service-card--standard .service-card__text,
  .service-card--premium .service-card__text {
    margin-bottom: 40px;
  }

  .service-checklist {
    flex-direction: column;
  }

  .service-checklist__text {
    min-height: calc(24px * 2);
  }

  .btn--service-passport {
    width: 100%;
    max-width: 100%;
  }

  #section-service .service-card--profile {
    margin-bottom: 0;
  }

  #section-service .service-card--panel .btn--service-passport {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  /* Service card fixed heights → auto */
  #section-service .service-card--standard .service-card__frame,
  #section-service .service-card--premium .service-card__frame,
  #section-service .service-card--panel .service-card__frame,
  #section-passport .service-card--standard .service-card__frame,
  #section-passport .service-card--panel .service-card__frame {
    height: auto;
    min-height: 0;
  }

  #section-service .service-card--standard .service-card__content,
  #section-service .service-card--premium .service-card__content,
  #section-service .service-card--panel .service-card__content,
  #section-passport .service-card--standard .service-card__content,
  #section-passport .service-card--panel .service-card__content {
    height: auto;
  }

  #section-passport .service-card--standard .service-card__content,
  #section-passport .service-card--panel .service-card__content {
    padding-block-end: var(--service-package-card-padding-block-end);
  }

  #section-passport .service-card--standard .service-card__panel-cta {
    justify-content: flex-start;
    padding-block: 0;
  }

  .service-card--profile .service-card__frame {
    height: auto;
    min-height: 0;
  }

  .service-card--profile .service-card__content {
    height: auto;
    justify-content: flex-start;
    padding-block: var(--service-card-padding-block);
  }

  /* Footer */
  .footer__brand {
    width: 100%;
  }

  .footer__body {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(32px * var(--footer-coord-scale));
  }

  .footer__body > .footer__col:first-of-type {
    margin-inline-start: 0;
  }

  .footer__col {
    flex: 1 1 auto;
    width: 100%;
    margin-top: 0;
  }

  .footer__col-heading {
    font-size: var(--footer-link-size);
  }

  .footer__bar {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(16px * var(--footer-coord-scale));
  }

  .footer__copyright,
  .footer__legal {
    margin-inline: 0;
  }

  .footer__rule {
    width: 100%;
    margin-inline: 0;
  }

  /* Subpage global — hero parity: header clearance, content-driven height, left stack */
  .page-subpage .page-main > .page-section:not(.page-section--footer) {
    min-height: auto;
    margin-top: 0;
    padding-block: calc(48px * var(--hero-coord-scale));
    justify-content: flex-start;
    align-items: stretch;
  }

  .page-subpage .page-main > .page-section:not(.page-section--footer):first-child {
    padding-top: var(--hero-section-inset-block);
  }

  /* System page — drop desktop section-gap padding; global padding-block above owns inset */
  .page-subpage--system #system-stats,
  .page-subpage--system #install.subpage-system-block,
  .page-subpage--system .subpage-system-block,
  .page-subpage--system .subpage-system-anatomy,
  .page-subpage--system .subpage-system-params {
    padding-block: 0;
  }

  .page-subpage .page-section--blend-before-scale {
    align-items: stretch;
  }

  /* Subpage hero — global section padding; first-child rule adds header clearance */
  .page-subpage .page-section--subpage-hero {
    margin-top: 0;
    min-height: auto;
    justify-content: flex-start;
    align-items: start;
  }

  .page-subpage .page-section--subpage-hero.page-section--blend-before-scale {
    align-items: start;
  }

  .page-subpage .page-section--subpage-hero > .subpage-hero-blend-layers {
    align-self: center;
    min-height: 0;
    height: auto;
  }

  .page-subpage #params.page-section--blend-before-scale > .params-blend-layers,
  .page-subpage #params.page-section--blend-before-scale > .tech-params-blend-layers,
  .page-subpage #install.page-section--blend-before-scale > .install-blend-layers {
    align-self: center;
    min-height: 0;
    height: auto;
  }

  .page-subpage .page-section--subpage-hero > .page-section__scale,
  .page-subpage .page-section--subpage-hero > .page-section__scale > .page-section__inner {
    height: auto;
    min-height: 0;
    align-self: center;
  }

  .page-subpage .subpage-hero,
  .page-subpage .subpage-system-hero {
    min-height: auto;
    height: auto;
    justify-content: flex-start;
  }

  .page-subpage--system .subpage-system-hero {
    padding-block: 0;
  }

  .page-subpage--system #section-subpage-hero.page-section--subpage-hero {
    padding-bottom: 0;
  }

  .page-subpage .subpage-hero__content,
  .page-subpage .subpage-hero__body {
    min-height: 0;
    height: auto;
  }

  .page-subpage .subpage-hero__content {
    max-width: none;
    text-align: left;
    padding-top: calc(40px * var(--hero-coord-scale));
  }

  .page-subpage .subpage-hero__eyebrow,
  .page-subpage .subpage-hero__title,
  .page-subpage .subpage-hero__lead,
  .page-subpage .subpage-system-hero__title,
  .page-subpage .subpage-system-hero__lead {
    max-width: 100%;
  }

  .page-subpage .subpage-hero__title,
  .page-subpage .subpage-system-hero__title {
    margin-bottom: var(--hero-text-title-to-lead-gap);
  }

  .page-subpage .subpage-hero__eyebrow {
    margin-top: 0;
    margin-bottom: var(--hero-text-eyebrow-to-title-gap);
    font-size: var(--subpage-intro-eyebrow-size);
    line-height: var(--subpage-intro-eyebrow-line-height);
  }

  .page-subpage .subpage-hero__lead {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    margin-bottom: var(--hero-buttons-text-gap);
    max-width: 100%;
  }

  .page-subpage .subpage-hero__body,
  .page-subpage .subpage-hero__align-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
  }

  /* Section intro — hero parity; beats desktop ID zero-margin rules in _shared.css */
  .page-subpage .page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #diagnoza.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #produkty.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #proces.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #anatomy.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #params.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #physics.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #logistics.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #install.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #segment.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #pressure.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #cycle.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #compare.page-section--subpage .subpage-intro__eyebrow,
  .page-subpage #applications.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);
    font-size: var(--subpage-intro-eyebrow-size);
    line-height: var(--subpage-intro-eyebrow-line-height);
  }

  .page-subpage .page-section--subpage .subpage-intro__title,
  .page-subpage #diagnoza.page-section--subpage .subpage-intro__title,
  .page-subpage #produkty.page-section--subpage .subpage-intro__title,
  .page-subpage #proces.page-section--subpage .subpage-intro__title,
  .page-subpage #anatomy.page-section--subpage .subpage-intro__title,
  .page-subpage #params.page-section--subpage .subpage-intro__title,
  .page-subpage #physics.page-section--subpage .subpage-intro__title,
  .page-subpage #logistics.page-section--subpage .subpage-intro__title,
  .page-subpage #install.page-section--subpage .subpage-intro__title,
  .page-subpage #segment.page-section--subpage .subpage-intro__title,
  .page-subpage #pressure.page-section--subpage .subpage-intro__title,
  .page-subpage #cycle.page-section--subpage .subpage-intro__title,
  .page-subpage #compare.page-section--subpage .subpage-intro__title,
  .page-subpage #applications.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);
    font-size: var(--subpage-intro-title-size);
    line-height: var(--subpage-intro-title-line-height);
  }

  .page-subpage .subpage-hero__visual {
    position: static;
    top: auto;
    left: auto;
    width: min(100%, var(--subpage-hero-visual-width));
    height: auto;
    aspect-ratio: var(--subpage-hero-visual-aspect-ratio);
    transform: none;
    margin-inline: auto;
    margin-top: var(--subpage-hero-visual-margin-top);
  }

  .page-subpage--chlodzenie-prozniowe-dla-piekarni .subpage-hero__visual,
  .page-subpage--chlodzenie-prozniowe-dla-cateringu .subpage-hero__visual,
  .page-subpage--chlodzenie-prozniowe-cieczy .subpage-hero__visual {
    transform: none;
  }

  .page-subpage--system .subpage-system-hero__content {
    max-width: none;
    text-align: left;
    padding-top: calc(40px * var(--hero-coord-scale));
  }

  .page-subpage--system .subpage-system-hero__visual {
    position: static;
    top: auto;
    left: auto;
    width: min(100%, var(--subpage-hero-visual-width));
    height: auto;
    aspect-ratio: auto;
    transform: none;
    margin-inline: auto;
    margin-top: calc(48px * var(--subpage-coord-scale));
    margin-bottom: 0;
  }

  .page-subpage--system .subpage-system-hero__visual-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    opacity: 1;
  }

  .page-subpage--system .subpage-system-hero__title {
    font-size: var(--subpage-hero-title-size);
    line-height: var(--subpage-hero-title-line-height);
    margin-bottom: var(--subpage-hero-title-margin-bottom);
  }

  .page-subpage--system .subpage-system-hero__lead {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    margin-bottom: var(--hero-buttons-text-gap);
    max-width: 100%;
  }

  .page-subpage--system .subpage-system-hero__actions {
    gap: 0;
    margin-top: 0;
  }

  .page-subpage--chlodzenie-prozniowe-dla-piekarni .subpage-hero__title {
    font-size: inherit;
  }

  .page-subpage--chlodzenie-prozniowe-dla-piekarni .subpage-hero__lead {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

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

  #audyt.subpage-audit__intro .subpage-intro__title {
    font-size: var(--subpage-intro-title-size);
    line-height: var(--subpage-intro-title-line-height);
  }

  .page-subpage .subpage-process__grid,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid {
    grid-template-columns: 1fr;
  }

  .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 #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;
    flex: none;
  }

  .page-subpage .subpage-products__grid {
    grid-template-columns: 1fr;
  }

  .page-subpage .subpage-diagnosis__grid,
  .page-subpage .subpage-process__grid,
  .page-subpage .subpage-products__grid,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid {
    gap: var(--mobile-card-grid-gap);
  }

  .page-subpage .subpage-diagnosis__grid {
    grid-template-columns: 1fr;
  }

  .page-subpage .subpage-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
    margin-top: 0;
  }

  .page-subpage .page-section--subpage-hero .subpage-actions {
    padding-bottom: 0;
  }

  .page-subpage .subpage-actions .btn {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }

  .page-subpage .page-section--subpage-hero .subpage-actions .btn--hero-secondary {
    margin-bottom: 0;
  }

  .page-subpage--system .subpage-system-anatomy__grid {
    grid-template-columns: 1fr;
    gap: var(--mobile-card-grid-gap);
  }

  .page-subpage--system #anatomy .subpage-intro__title + p,
  .page-subpage--system #physics .subpage-intro__title + p,
  .page-subpage--system .subpage-system-logistics__text .subpage-system-flow-paragraph,
  .page-subpage--system .subpage-system-step__row > p,
  .page-subpage--system #params .subpage-system-params__note {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    opacity: 1;
  }

  .page-subpage--system .subpage-system-step__num {
    opacity: 1;
  }

  .page-subpage--system .subpage-system-anatomy__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-grid-gap);
    line-height: normal;
  }

  .page-subpage--system .subpage-system-anatomy__img {
    flex: none;
    width: 100%;
    min-width: 0;
    height: auto;
    opacity: 1;
  }

  .page-subpage--system .subpage-system-anatomy__hotspots {
    --anatomy-hotspot-size: calc(28px * var(--hero-coord-scale));
    --anatomy-hotspot-gap: calc(10px * var(--hero-coord-scale));
    position: static;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: var(--anatomy-hotspot-gap);
    row-gap: var(--anatomy-hotspot-gap);
    width: 100%;
    min-height: 0;
    align-self: stretch;
    justify-items: center;
  }

  .page-subpage--system .subpage-system-anatomy__hotspot {
    position: relative;
    left: unset !important;
    top: unset !important;
    transform: none;
    flex-shrink: 0;
    width: var(--anatomy-hotspot-size);
    height: var(--anatomy-hotspot-size);
    justify-self: center;
  }

  .page-subpage--system .subpage-system-anatomy__hotspot::before {
    font-size: calc(14px * var(--hero-coord-scale));
  }

  .page-subpage--system .subpage-system-anatomy__hotspot:hover {
    transform: scale(1.12);
  }

  .page-subpage--system .subpage-system-anatomy__hotspot.is-active {
    background: #0d1b3e;
    border-color: rgb(255 255 255 / 0.95);
    transform: scale(1.12);
    z-index: 5;
  }

  .page-subpage--system .subpage-system-anatomy__hotspot.is-active::after {
    animation: none;
    opacity: 0;
  }

  .page-subpage--system .subpage-system-anatomy__tooltip {
    --anatomy-tooltip-width: calc(100% - 2 * var(--layout-margin-inline-mobile));
    --anatomy-tooltip-height: auto;
    --anatomy-tooltip-gap: 14px;
    --anatomy-tooltip-padding: 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    row-gap: var(--anatomy-tooltip-gap);
    column-gap: 0;
    left: 50%;
    top: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    width: var(--anatomy-tooltip-width);
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    z-index: 10;
  }

  .page-subpage--system .subpage-system-anatomy__tooltip-media {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: none;
    height: auto;
    align-self: start;
  }

  .page-subpage--system .subpage-system-anatomy__tooltip-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: var(--anatomy-tooltip-padding);
    right: var(--anatomy-tooltip-padding);
    left: auto;
    z-index: 2;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    text-shadow: 0 1px 2px rgb(0 0 0 / 0.55);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .page-subpage--system .subpage-system-anatomy__tooltip-title {
    grid-column: 1;
    grid-row: 2;
    overflow: visible;
    font-size: var(--subpage-hero-lead-size);
    line-height: 1.3;
  }

  .page-subpage--system .subpage-system-anatomy__tooltip-desc {
    grid-column: 1;
    grid-row: 3;
    overflow: visible;
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

  .page-subpage .blog-archive__grid {
    grid-template-columns: 1fr;
  }

  .page-subpage .blog-archive__list {
    gap: var(--mobile-card-grid-gap);
  }

  .page-subpage--system .subpage-system-logistics__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  /* Flatten text + stage wrappers so brochure sits directly under the paragraph */
  .page-subpage--system .subpage-system-logistics__text,
  .page-subpage--system .subpage-system-logistics__stage {
    display: contents;
  }

  .page-subpage--system #logistics > .page-section__scale > .subpage-section__inner > .subpage-intro__eyebrow {
    margin-bottom: var(--section-intro-eyebrow-margin-bottom);
    font-size: var(--subpage-intro-eyebrow-size);
    line-height: var(--subpage-intro-eyebrow-line-height);
  }

  .page-subpage--system #logistics .subpage-system-logistics__text .subpage-intro__title,
  .page-subpage--system #logistics-title {
    order: 1;
  }

  .page-subpage--system #logistics-title br {
    display: none;
  }

  .page-subpage--system .subpage-system-logistics__text .subpage-system-flow-paragraph {
    order: 2;
    margin-top: 0;
    margin-bottom: calc(32px * var(--hero-coord-scale));
  }

  .page-subpage--system .subpage-system-flow-paragraph br {
    display: none;
  }

  .page-subpage--system .subpage-system-logistics__visual {
    order: 3;
    flex: none;
    width: var(--viewport-width, 100vw);
    max-width: var(--viewport-width, 100vw);
    margin-top: 0;
    margin-bottom: 0;
    margin-inline: calc(50% - var(--viewport-width, 100vw) / 2);
  }

  .page-subpage--system .subpage-system-brochure {
    width: 100%;
    max-width: 100%;
    transform: none;
    margin-block: 0;
  }

  .page-subpage--system .subpage-system-brochure__img {
    width: 100%;
    height: auto;
  }

  .page-subpage--system .subpage-system-brochure__arrows {
    width: 100%;
    height: 100%;
  }

  .page-subpage--system .subpage-system-brochure__flow-arrow {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .page-subpage--system .subpage-system-logistics__tiles {
    order: 4;
    display: flex;
    justify-content: stretch;
    width: 100%;
    margin-top: var(--mobile-card-grid-gap);
    text-align: left;
  }

  .page-subpage--system .subpage-system-flow--vertical {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  .page-subpage--system .subpage-system-flow {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: var(--subpage-system-flow-node-gap);
  }

  .page-subpage--system .subpage-system-flow__node {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin-inline: 0;
    padding-block: var(--subpage-system-flow-node-padding-block);
    padding-inline: var(--mobile-card-padding-inline);
    text-align: left;
    box-sizing: border-box;
  }

  .page-subpage--system .subpage-system-flow__node-divider {
    margin-block: var(--subpage-system-flow-node-divider-margin-block);
    width: 100%;
  }

  .page-subpage--system .subpage-system-flow__node h3 {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
    font-size: var(--subpage-intro-title-size);
    line-height: var(--subpage-intro-title-line-height);
  }

  .page-subpage--system .subpage-system-flow__node p {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

  .page-subpage--system .subpage-system-install__footprint {
    grid-template-columns: 1fr;
  }

  .page-subpage--system .subpage-system-steps {
    grid-template-columns: 1fr;
    gap: var(--mobile-card-grid-gap);
  }

  .page-subpage--system .subpage-system-step {
    padding: var(--subpage-card-padding);
  }

  .page-subpage--system #physics .subpage-system-step h3 {
    margin: 0;
    font-size: var(--diagnosis-intro-title-size);
    line-height: var(--diagnosis-intro-title-line-height);
  }

  .page-subpage--system .subpage-system-step__divider {
    margin-block: var(--subpage-card-divider-margin-block);
  }

  .page-subpage--system .subpage-system-step__row {
    margin-block: 0;
    gap: calc(16px * var(--subpage-coord-scale));
  }

  .page-subpage--system .subpage-system-step__num {
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
  }

  .page-subpage--system #params [data-params-variant-cards],
  .page-subpage--system .subpage-system-params__cards,
  .page-subpage--system .subpage-system-install__cards {
    grid-template-columns: 1fr;
    gap: var(--mobile-card-grid-gap);
    margin-top: calc(48px * var(--subpage-coord-scale));
  }

  .page-subpage--system .subpage-system-params__card {
    padding: var(--subpage-card-padding);
  }

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

  .page-subpage--system .subpage-system-params__card-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: calc(12px * var(--hero-coord-scale));
    width: 100%;
  }

  .page-subpage--system #params .subpage-system-params__card-row > h3,
  .page-subpage--system #install .subpage-system-params__card-row > h3 {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    font-size: var(--diagnosis-card-title-size);
    line-height: var(--diagnosis-card-title-line-height);
  }

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

  .page-subpage--system .subpage-system-params__card-divider {
    margin-block: var(--subpage-card-divider-margin-block);
  }

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

  /* Product config columns */
  .product-config-columns {
    grid-template-columns: 1fr;
  }

  .product-config-column {
    aspect-ratio: unset;
    min-height: 0;
    height: auto;
  }

  .product-config-column__frame {
    aspect-ratio: unset;
    height: auto;
    overflow: hidden;
    border-radius: var(--service-card-border-radius);
    background-color: var(--soft-light-wash-fill-fallback);
  }

  .product-config-tile__frame {
    aspect-ratio: unset;
    height: auto;
    overflow: hidden;
    border-radius: var(--service-card-border-radius);
  }

  /* Replace SVG masks with simple overflow clip on mobile */
  .product-lines-blend-layers .product-config-column__body--blend {
    -webkit-mask-image: none;
    mask-image: none;
    border-radius: var(--service-card-border-radius);
    overflow: hidden;
  }

  .product-config-tile__frame::before {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .product-config-tile__content {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--product-config-tile-desc-margin-top);
    min-height: 0;
    box-sizing: border-box;
    padding: var(--product-config-tile-padding);
  }

  .product-config-tile__desc {
    margin-top: 0;
  }

  .product-config-column__logo {
    height: 50px;
    width: auto;
    margin-left: calc(-1 * var(--product-config-column-padding-inline));
    margin-bottom: 24px;
  }

  .product-config-column__title {
    margin-bottom: 12px;
  }

  .product-config-column__desc {
    margin-bottom: 0;
  }

  .product-config-column__content {
    position: relative;
    inset: auto;
    height: auto;
    padding: var(--product-config-column-padding-top) var(--product-config-column-padding-inline)
      var(--product-config-column-padding-bottom);
  }

  .btn--product-config {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 100%;
    height: var(--product-config-btn-height);
    margin-top: 36px;
    margin-bottom: 0;
  }

  /* Diagnosis cards */
  .diagnosis-cards {
    grid-template-columns: 1fr;
  }

  .diagnosis-card {
    height: auto;
    min-height: 0;
  }

  /* Reset desktop aspect-ratio and absolute content so card height follows content */
  .diagnosis-card__frame {
    aspect-ratio: unset;
    height: auto;
  }

  .diagnosis-card__content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: var(--diagnosis-card-padding-block-start) var(--diagnosis-card-padding-inline);
    box-sizing: border-box;
  }

  .diagnosis-card__logo {
    height: 50px;
    width: auto;
  }

  .diagnosis-card__category {
    display: none;
  }

  .diagnosis-card__item {
    padding-block: var(--diagnosis-card-item-padding-block);
  }

  .diagnosis-card__item:first-child {
    padding-top: var(--diagnosis-card-item-padding-block);
  }

  .diagnosis-card__content .btn--diagnosis {
    margin-top: 36px;
    margin-bottom: 0;
  }

  /* Subpage diagnosis cards — homepage .diagnosis-card parity */
  .page-subpage .subpage-diagnosis-card {
    height: auto;
    min-height: 0;
  }

  .page-subpage .subpage-diagnosis-card__frame {
    padding: var(--subpage-card-padding);
    height: auto;
    box-sizing: border-box;
  }

  .page-subpage .subpage-diagnosis-card__content {
    position: relative;
    padding: 0;
    box-sizing: border-box;
  }

  .page-subpage .subpage-diagnosis-card__meta {
    display: block;
    font-size: var(--diagnosis-card-category-size);
    line-height: var(--diagnosis-card-category-line-height);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--diagnosis-card-header-margin-bottom);
  }

  .page-subpage .subpage-diagnosis-card__item {
    gap: var(--diagnosis-card-item-gap);
    padding-block: var(--diagnosis-card-item-padding-block);
    border-top: var(--separator-width) solid var(--separator-color);
    border-bottom: none;
  }

  .page-subpage .subpage-diagnosis-card__item:first-child {
    border-top: none;
  }

  .page-subpage .subpage-diagnosis-card__num {
    font-size: var(--diagnosis-card-item-font-size);
    line-height: var(--diagnosis-card-item-text-line-height);
  }

  .page-subpage .subpage-diagnosis-card__title {
    margin-bottom: var(--diagnosis-card-item-gap);
    font-size: var(--diagnosis-card-item-font-size);
    line-height: var(--diagnosis-card-item-title-line-height);
    font-weight: var(--font-weight-medium);
  }

  .page-subpage .subpage-diagnosis-card__text {
    font-size: var(--diagnosis-card-item-font-size);
    line-height: var(--diagnosis-card-item-text-line-height);
    font-weight: var(--font-weight-light);
  }

  .page-subpage .subpage-diagnosis-card__stat {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: var(--diagnosis-card-header-margin-bottom);
    border-top: var(--separator-width) solid var(--separator-color);
    font-size: var(--diagnosis-card-item-font-size);
    line-height: var(--diagnosis-card-item-text-line-height);
    font-weight: var(--font-weight-light);
  }

  /* Subpage process / tech-compare cards — reuse .diagnosis-card mobile stack */
  .page-subpage .subpage-process__grid .diagnosis-card,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card {
    height: auto;
    min-height: 0;
  }

  .page-subpage .subpage-process__grid .diagnosis-card__frame,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__frame {
    aspect-ratio: unset;
    min-height: 0;
    height: auto;
  }

  .page-subpage .subpage-process__grid .diagnosis-card__content,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    min-height: 0;
    padding: var(--diagnosis-card-padding-block-start) var(--diagnosis-card-padding-inline)
      var(--diagnosis-card-padding-block-end);
    box-sizing: border-box;
  }

  /* Audit CTA — single-column stack (tablet.css not linked at ≤767px) */
  .page-subpage .subpage-audit__inner,
  .page-subpage .subpage-audit__inner--simple {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--subpage-cost-cards-gap);
    width: 100%;
    min-width: 0;
  }

  .page-subpage .subpage-audit__cost {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
  }

  .page-subpage .subpage-audit__cost-grid {
    display: flex;
    flex-direction: column;
    gap: var(--mobile-card-grid-gap);
    width: 100%;
    min-width: 0;
    grid-template-columns: none;
    grid-template-rows: none;
    align-self: stretch;
  }

  .page-subpage .subpage-audit__cost .subpage-cost__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: auto;
    height: auto;
    padding: var(--subpage-card-padding);
    padding-block-end: var(--subpage-audit-cost-card-padding-bottom);
    box-sizing: border-box;
  }

  .page-subpage .subpage-audit__cost .subpage-cost__tag-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: calc(12px * var(--subpage-coord-scale));
    margin-bottom: var(--subpage-cost-tag-row-margin-bottom);
    width: 100%;
    min-width: 0;
  }

  .page-subpage .subpage-audit__cost .subpage-cost__tag {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
    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);
  }

  .page-subpage .subpage-audit__cost .subpage-cost__tag-unit {
    display: block;
    font-size: var(--subpage-hero-lead-size);
    line-height: var(--subpage-hero-lead-line-height);
    font-weight: var(--font-weight-light);
    letter-spacing: normal;
  }

  .page-subpage .subpage-audit__cost .subpage-cost__tag-badge {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    width: auto;
    max-width: 100%;
    flex-shrink: 0;
  }

  .page-subpage .subpage-audit__cost .subpage-cost__copy.service-checklist__item {
    width: 100%;
    min-width: 0;
    padding-block: var(--service-package-checklist-item-padding);
    padding-inline-start: 0;
  }

  .page-subpage .subpage-audit__cost .service-checklist__copy {
    min-width: 0;
    flex: 1;
  }

  .page-subpage .subpage-audit__card {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    align-self: stretch;
  }

  .page-subpage .subpage-audit__card .service-card__frame {
    height: auto;
    min-height: 0;
  }

  #audyt.subpage-audit--simple .subpage-audit__card .btn--outlined-wash,
  #audyt .subpage-audit__card .btn--outlined-wash,
  .page-subpage .subpage-audit__card .subpage-actions .btn {
    width: 100%;
    max-width: 100%;
    margin-top: var(--subpage-audit-btn-margin-top);
    margin-bottom: 0;
  }

  #audyt.subpage-audit--simple .subpage-audit__card.service-card--panel .service-card__content {
    padding-block-start: var(--service-card-padding-block);
    padding-block-end: var(--service-panel-card-padding-block-end);
  }

  /* Match divider rhythm — desktop last-item padding-bottom (40px coord) is asymmetric on mobile */
  #audyt.subpage-audit--simple .subpage-audit__card .service-checklist__item:last-child {
    padding-bottom: var(--service-package-checklist-item-padding);
  }

  .page-subpage .subpage-audit__card .subpage-intro__eyebrow {
    margin-bottom: var(--section-intro-eyebrow-margin-bottom);
  }

  .page-subpage .subpage-audit__card .service-panel__title,
  #audyt.subpage-audit--simple .subpage-audit__card .service-panel__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 .subpage-audit__card .subpage-hero__lead {
    margin-bottom: var(--hero-buttons-text-gap);
  }

  .page-subpage .subpage-audit__card .subpage-actions {
    margin-top: 0;
    padding-bottom: 0;
  }

  .page-subpage .subpage-audit__inner--simple .subpage-audit__card {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .page-subpage .subpage-process__grid .diagnosis-card__item,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__item {
    padding-block: var(--diagnosis-card-item-padding-block);
  }

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

  .page-subpage .subpage-process__grid .diagnosis-card__item-num,
  .page-subpage .subpage-process__grid .diagnosis-card__item-title,
  .page-subpage .subpage-process__grid .diagnosis-card__item-text,
  .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);
  }

  .page-subpage .subpage-process__grid .diagnosis-card__item-title,
  .page-subpage--jak-dziala-chlodzenie-prozniowe .subpage-tech-compare__grid .diagnosis-card__item-title {
    margin-bottom: var(--diagnosis-card-item-gap);
  }

  /* Subpage product tier cards — homepage .product-config-column parity */
  .page-subpage .subpage-product-card.product-config-column {
    aspect-ratio: unset;
    min-height: 0;
    height: auto;
  }

  .page-subpage .subpage-product-card .product-config-column__frame {
    aspect-ratio: unset;
    height: auto;
  }

  .page-subpage .subpage-product-card .product-config-column__content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: var(--product-config-column-padding-top) var(--product-config-column-padding-inline)
      var(--product-config-column-padding-bottom);
    box-sizing: border-box;
  }

  .page-subpage .subpage-product-card .product-config-column__logo {
    height: 50px;
    width: auto;
    margin-left: calc(-1 * var(--product-config-column-padding-inline));
    margin-bottom: var(--subpage-product-card-logo-margin-bottom);
  }

  .page-subpage .subpage-product-card .product-config-column__content > .product-config-tile__header {
    margin-inline-start: calc(var(--subpage-product-card-badge-offset-inline) - 14px);
    margin-bottom: var(--subpage-product-card-header-margin-bottom);
  }

  .page-subpage .subpage-product-card__badge-group {
    margin-inline-start: 3px;
  }

  .page-subpage .subpage-product-card:nth-child(1) .subpage-product-card__badge-group,
  .page-subpage .subpage-product-card:nth-child(3) .subpage-product-card__badge-group {
    margin-inline-start: 6px;
  }

  .page-subpage .subpage-product-card:nth-child(2) .subpage-product-card__badge-group {
    margin-inline-start: 1px;
  }

  .page-subpage .subpage-product-card__audience-tile {
    margin-top: var(--subpage-product-audience-tile-margin-top);
    margin-bottom: 0;
    width: 100%;
    flex-shrink: 0;
  }

  .page-subpage .subpage-product-card__audience-tile .product-config-tile__frame {
    aspect-ratio: unset;
    height: auto;
  }

  .page-subpage .subpage-product-card .product-config-column__desc {
    margin: var(--subpage-product-desc-margin-top) 0 0;
    flex: 0 0 auto;
  }

  /* ROI content stack */
  .roi-content {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .roi-layout {
    gap: 80px;
  }

  .roi-content__aside {
    position: relative;
    inset: auto;
    align-items: flex-start;
    text-align: left;
    margin-top: 0;
  }

  .roi-content__stat {
    align-items: flex-start;
    margin-bottom: 0;
  }

  .roi-content__stat-value {
    justify-content: flex-start;
  }

  .roi-content__footer {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
  }

  .roi-content__financing-line {
    display: inline;
  }

  .diagnosis-cards,
  .product-config-columns,
  .service-highlights,
  .service-grid {
    gap: var(--mobile-card-grid-gap);
  }

  .hero-text__lead br,
  .roi-content__lead br {
    display: none;
  }

  .hero-card-group .hero-card--shape {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .hero-card-group .hero-card__outline {
    position: absolute;
    inset: 0;
  }

  .hero-card-group {
    height: auto;
    min-height: 0;
  }

  #hero-cascade .hero-card-group .hero-card--content {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 554 / 178;
    overflow: hidden;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding-block: 20px;
    padding-left: var(--hero-card-mobile-inset-left);
    padding-right: var(--hero-card-mobile-inset-right);
    transform: none;
  }

  #hero-cascade .hero-card-group .hero-card__logo,
  #hero-cascade .hero-card-group .hero-card__sub,
  #hero-cascade .hero-card-group .hero-card__text-upper,
  #hero-cascade .hero-card-group .hero-card__text-lower {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    text-align: left;
  }

  .hero-card__logo {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    height: 55px;
    width: auto;
    max-width: none;
    align-self: center;
    margin-bottom: 0;
  }


  /* Card 1: logo and sub left-aligned */
  #hero-cascade .hero-card-group[data-card="1"] .hero-card--content {
    align-items: flex-start;
  }

  #hero-cascade .hero-card-group[data-card="1"] .hero-card__logo {
    width: auto;
    align-self: center;
  }

  #hero-cascade .hero-card-group[data-card="1"] .hero-card__sub {
    text-align: left;
    align-self: flex-start;
  }

  /* Card 2: logo left-aligned, text-upper indent matches desktop canvas offset */
  #hero-cascade .hero-card-group[data-card="2"] .hero-card--content {
    align-items: flex-start;
  }

  #hero-cascade .hero-card-group[data-card="2"] .hero-card__logo {
    width: auto;
    align-self: center;
  }

  #hero-cascade .hero-card-group[data-card="2"] .hero-card__text-upper {
    margin-left: 10px;
  }

  /* Card 3: tight stacking, logo left-aligned */
  #hero-cascade .hero-card-group[data-card="3"] .hero-card--content {
    gap: 0;
    align-items: flex-start;
  }

  #hero-cascade .hero-card-group[data-card="3"] .hero-card__logo {
    width: auto;
    align-self: center;
    margin-left: 0;
    margin-bottom: 8px;
    max-width: 100%;
    transform: none;
  }

  #hero-cascade .hero-card-group[data-card="3"] .hero-card__text-upper {
    margin-bottom: 0;
    line-height: 1.2;
  }

  #hero-cascade .hero-card-group[data-card="3"] .hero-card__text-lower {
    margin-top: 0;
  }

  .hero-card__text-upper,
  .hero-card__text-lower,
  .hero-card__sub {
    display: none;
  }

  .roi-stat-table__cell,
  .page-subpage--system .subpage-system-stats__table .subpage-stat-table__cell {
    aspect-ratio: 1;
    padding-block: 0;
    min-height: 0;
    min-width: 0;
  }

  .roi-stat-table__value:has(.roi-stat-table__value-num),
  .page-subpage--system
    .subpage-system-stats__table
    .subpage-stat-table__value:has(.subpage-stat-table__value-num) {
    flex-shrink: 0;
    margin-block: var(--roi-stat-cell-value-margin-block);
  }

  .btn--diagnosis,
  .btn--service-passport,
  .btn--outlined-wash,
  .btn--roi,
  .btn--hero {
    margin-top: 32px;
    margin-bottom: 32px;
    white-space: nowrap;
  }

  .hero-text__actions .btn--hero-secondary {
    margin-bottom: 80px;
  }

  .roi-content__footer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-form__submit-note {
    margin-top: calc(-1 * var(--kontakt-form-gap));
  }

  #section-passport .service-card--standard .service-card__panel-cta .btn--service-passport {
    margin-top: 32px;
    margin-bottom: 0;
  }

  .roi-content__separator {
    display: block;
    width: 100%;
    height: 0;
    border: none;
    border-top: 1.5px solid currentColor;
    opacity: 0.2;
    margin-bottom: var(--roi-content-separator-margin-bottom);
  }

  .roi-content__financing {
    margin-bottom: 20px;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .service-stat-tile .service-stat-tile__frame {
    overflow: hidden;
    border-radius: var(--service-stat-tile-border-radius);
    height: auto;
    min-height: 0;
  }

  .service-stat-tile .service-card__content {
    position: relative;
    inset: auto;
    padding: var(--service-stat-tile-padding);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 4px;
    align-items: start;
  }

  .service-stat-tile__value {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    margin-bottom: 0;
  }

  .service-stat-tile__label {
    grid-column: 1;
    grid-row: 2;
  }

  .service-stat-tile__icon {
    position: relative;
    top: auto;
    right: auto;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    flex-shrink: 0;
    height: var(--service-stat-icon-height);
  }

  .service-stat-tile .service-card__body,
  .service-blend-layers .service-stat-tile__body--blend {
    mask-image: none;
    -webkit-mask-image: none;
  }

  .service-blend-layers .service-stat-tile__body--blend {
    border-radius: var(--service-stat-tile-border-radius);
    overflow: hidden;
  }

  .btn--diagnosis__arrow,
  .btn--service-passport__arrow,
  .btn--outlined-wash__arrow,
  .hero-card__arrow {
    display: none;
  }

  /* Strip GPU-heavy transform animations on touch; keep opacity crossfade on card 3 text */
  .hero-card-group,
  .hero-card__body--blend,
  .hero-card__arrow,
  .hero-card__body__fill,
  .btn--diagnosis__arrow,
  .btn--service-passport__arrow,
  .btn--outlined-wash__arrow {
    transition: none;
  }

  .hero-card-group[data-card="3"] .hero-card__text-upper,
  .hero-card-group[data-card="3"] .hero-card__text-lower {
    transition: opacity var(--hero-card-hover-duration) var(--motion-ease-out);
  }

  .service-card--profile .service-profile {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
  }

  .service-profile__text {
    flex: 1;
    min-width: 0;
    padding-inline-start: 0;
  }

  .service-profile__quote {
    margin-left: calc(-1 * (var(--service-profile-photo-size) + var(--service-profile-gap)));
    width: calc(100% + var(--service-profile-photo-size) + var(--service-profile-gap));
    margin-top: 32px;
    border-left: var(--separator-width) solid var(--separator-color);
    padding-left: var(--service-profile-quote-padding-left);
  }

  .footer__col-list,
  .footer__address {
    margin-top: 0;
  }

  .page-section--footer {
    padding-top: 0;
    padding-bottom: 0;
  }
}