/* Shared responsive repair for the donor's DE/NL main templates. */
.gp-comparison-scroll { max-width: 100%; min-width: 0; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.gp-comparison-scroll:focus-visible { outline: 3px solid #fbbf24; outline-offset: 3px; }
@media (max-width: 1023px) {
  #gp-primary-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }
  #gp-primary-nav > a:first-child {
    min-width: 0;
    font-size: clamp(.8125rem, 2.65vw, 1.0625rem);
    line-height: 1.4;
    letter-spacing: -.025em;
    white-space: nowrap;
  }
  #gp-primary-nav > a:first-child img {
    height: 30px;
    width: auto;
    max-width: 32px;
    margin-right: 6px;
    vertical-align: middle;
  }
  #gp-header-actions { display: none; }
  #gp-primary-nav > div:last-child { grid-column: 2; grid-row: 1; justify-self: end; }
  #mobile-menu-btn { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; }
  #mobile-menu { max-height: calc(100dvh - 80px); overflow-y: auto; overscroll-behavior: contain; }
  #mobile-menu > div > a { display: flex; min-height: 44px; align-items: center; }
  #mobile-menu .lang-switch a { display: inline-flex; min-height: 44px; align-items: center; }
}