/* Intrinsic dimensions reserve space; accepted aspect ratios determine display size. */
img{height:auto}
.r4-section-action{display:flex;flex-wrap:wrap;gap:8px 24px}
/* Keep the accepted desktop system intact; retain usable shell controls on
   smaller screens while the separate mobile design remains out of scope. */
@media (max-width: 767px) {
  .corporate-site { --gut: 20px; }
  .corporate-site > header .header-row {
    position: relative;
    height: auto;
    min-height: 80px;
    padding-block: 12px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .corporate-site > header .header-actions {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
  }
  .corporate-site > header .language { position: static; }
  .corporate-site > header .language-links {
    top: calc(100% + 8px);
    right: 0;
    width: min(300px, 100%);
  }
  .corporate-site > header .compact-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corporate-site > header .compact-menu a { overflow-wrap: anywhere; }
  .corporate-site > footer .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .corporate-site > footer .legal { overflow-wrap: anywhere; }
}

@media (max-width: 767px) {
  .corporate-site:not(.commercial) :is(
    .split, .product-hero-grid, .norms-grid, .value-grid, .catalog-grid,
    .product-range .fragment, .product-range .source-fragment,
    .news .fragment, .news .source-fragment, .about-utility, .about-utility .capacity,
    .partner-row, .certificate-grid, .r4-split, .r4-activities,
    .r4-crop-choices, .r4-document-head, .r4-document-ending,
    .r4-hr-split, .r4-hr-split ul, .r4-job-content, .r4-contact-head,
    .r4-directory > .wrap, .r4-person-grid, .r4-form-layout,
    .department-grid, .publication-grid, .gallery-grid, .certificate-copies,
    .information-hero, .document-layout.with-contents, .job-index
  ) {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  .corporate-site:not(.commercial) :is(.split, .product-hero-grid, .r4-split,
    .r4-contact-head, .r4-person-grid, .information-hero) > * { min-width: 0; }
  .corporate-site:not(.commercial) :is(.partner-place,
    .partner-place:nth-last-child(2), .partner-place:last-child) { grid-column: auto; }
  .corporate-site:not(.commercial) .home-hero {
    height: auto;
    min-height: 560px;
    padding-block: 36px;
  }
  .corporate-site:not(.commercial) .hero-plane { width: 100%; padding: 24px; }
  .corporate-site:not(.commercial) .hero-plane .btn { margin-right: 0; width: 100%; }
  .corporate-site:not(.commercial) h1 { font-size: 36px; line-height: 1.17; overflow-wrap: anywhere; }
  .corporate-site:not(.commercial) h2 { font-size: 28px; line-height: 1.25; }
  .corporate-site:not(.commercial) .section { padding-block: 48px; }
  .corporate-site:not(.commercial) .full-section { padding-block: 32px; }
  .corporate-site:not(.commercial) .product-specs .wrap { width: calc(100% - 40px); }
  .corporate-site:not(.commercial) :is(.norms-grid > div, .product-specs .wrap, .document-copy) {
    max-width: 100%;
    overflow-x: auto;
  }
  .corporate-site:not(.commercial) :is(th, td) { overflow-wrap: anywhere; }
  .corporate-site:not(.commercial) :is(.closing-row, .r4-job-actions, .r4-cert-links) {
    align-items: flex-start;
    flex-direction: column;
  }
  .corporate-site:not(.commercial) .r4-document-list > li { padding-left: 40px; }
  .corporate-site:not(.commercial) .r4-jobs summary { gap: 12px; }
  .corporate-site:not(.commercial) .certificate-item > img { height: auto; max-height: 500px; }
  .corporate-site.r4-page:not(.commercial) .local-contact-form { grid-template-columns: minmax(0, 1fr); }
}