@media (min-width: 1024px) {
  .header {
    padding-top: 20px;
  }

  .header__logo {
    flex-shrink: 0;
  }

  .main-nav {
    flex: 1 1 auto;
    min-width: 0;
  }

  .main-nav__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 0;
    width: 100%;
  }

  .burger-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    max-width: none !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .burger-menu__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .sign-up {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
  }

  .burger-menu__item--more[hidden] {
    display: none !important;
  }

  .burger-menu__content--more {
    position: absolute;
    top: 74px;
    right: 0;
    left: auto;
    min-width: 240px;
    max-height: none !important;
    overflow: visible;
    background-color: #ffffff;
    box-shadow: 0 7px 14px rgba(62, 62, 80, 0.25);
    padding: 12px 0;
    border-radius: 15px;
    opacity: 0;
    pointer-events: none;
  }

  .header-nav-more__items .burger-menu__item {
    display: block;
    margin: 0;
    width: 100%;
  }

  .header-nav-more__items .burger-menu__button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    white-space: nowrap;
  }

  .header-nav-more__items .burger-menu__content {
    position: static;
    min-width: 0;
    max-height: none !important;
    opacity: 1;
    pointer-events: auto;
    box-shadow: none;
    padding: 0 0 8px 12px;
    border-radius: 0;
  }

  .header-nav-more__items .burger-menu__content::before {
    display: none;
  }

  .header-nav-more__items .links-list__link {
    padding: 6px 20px 6px 8px;
    white-space: normal;
  }

  .burger-menu__item--more:hover .burger-menu__content--more,
  .burger-menu__item--more.is-open .burger-menu__content--more {
    opacity: 1;
    pointer-events: auto;
  }

  .header--grey .burger-menu__content--more {
    background-color: #eceff1;
  }

  /*
    Hover bridge: panels sit at top: 74px and are wider than the label
    (and offset left/right of it). A 280px centered strip still misses
    the panel sides — moving slightly right of "Support" while still
    above the open menu closes it.

    --nav-dd-left / --nav-dd-min-width are shared by the panel and the
    item-level ::after so the hit box spans the same edges. The panel
    ::after (left:0; right:0; bottom:100%) tracks the used width when
    i18n copy grows the menu past min-width. Nested "More" items stay
    position:static and must not get either bridge.
  */
  .burger-menu > .burger-menu__item--about {
    --nav-dd-left: -64px;
    --nav-dd-min-width: 167px;
  }

  .burger-menu > .burger-menu__item--features {
    --nav-dd-left: -97px;
    --nav-dd-min-width: 261px;
  }

  .burger-menu > .burger-menu__item--support {
    --nav-dd-left: -76px;
    --nav-dd-min-width: 185px;
  }

  .burger-menu > .burger-menu__item--more {
    --nav-dd-min-width: 240px;
  }

  .burger-menu > .burger-menu__item--about > .burger-menu__content--about,
  .burger-menu > .burger-menu__item--features > .burger-menu__content--features,
  .burger-menu > .burger-menu__item--support > .burger-menu__content--support {
    left: var(--nav-dd-left);
    min-width: var(--nav-dd-min-width);
  }

  .burger-menu > .burger-menu__item--more > .burger-menu__content--more {
    min-width: var(--nav-dd-min-width);
  }

  .burger-menu > .burger-menu__item[data-hover]::after,
  .burger-menu > .burger-menu__item--more::after {
    content: "";
    position: absolute;
    left: var(--nav-dd-left);
    width: var(--nav-dd-min-width);
    min-width: var(--nav-dd-min-width);
    top: 0;
    height: 74px;
    z-index: 6;
  }

  .burger-menu > .burger-menu__item--more::after {
    left: auto;
    right: 0;
  }

  .burger-menu__content--about,
  .burger-menu__content--features,
  .burger-menu__content--support,
  .burger-menu__content--more {
    z-index: 7;
  }

  .burger-menu__content--about::before,
  .burger-menu__content--features::before,
  .burger-menu__content--support::before {
    pointer-events: auto;
  }

  .burger-menu__content--about::after,
  .burger-menu__content--features::after,
  .burger-menu__content--support::after,
  .burger-menu__content--more::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 74px;
  }

  .header-nav-more__items .burger-menu__content::after {
    content: none;
    display: none;
  }

  .burger-menu > .burger-menu__item > .burger-menu__button {
    position: relative;
    z-index: 8;
  }
}

@media (max-width: 1023px) {
  .burger-menu__item--more {
    display: none !important;
  }
}

/* Locale-safe CTA: grow with the longest label instead of clipping at 169px */
.sign-up__button.btn.btn--bg {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto !important;
  min-width: 169px;
  max-width: none;
  height: auto;
  min-height: 74px;
  text-align: center;
  white-space: normal;
}

.sign-up__button.btn.btn--bg span {
  display: block;
  width: auto;
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
}

.sign-up__button.btn.btn--bg .for-free {
  margin: 2px 0 0;
}

@media (max-width: 1079px) and (min-width: 1024px) {
  .sign-up__button.btn.btn--bg {
    min-width: 155px;
  }
}

@media (max-width: 1023px) {
  .sign-up__button.btn.btn--bg {
    width: 88% !important;
    min-width: 0;
  }

  .sign-up__button.btn.btn--bg span {
    white-space: normal;
  }
}

/* Spain flag next to "Made with … in Madrid". About the 14px footer type,
 * vertically centred, 2px corners. Overrides .footer-copyright__made-by svg
 * (physical left margin on the Thesis logo) so the flag sits before the copy.
 * Do not set margin-inline-start:auto from a bare min-width:768px — landing
 * LTR @768 must keep the left wrap (#101 / test_qa_footer_madewith_768).
 * Blog 768–1024 and RTL 768–799 already pin that alignment below / in
 * blog-footer.css. Desktop wrap (≥1025) stays end-aligned. */
.footer-copyright__made-by {
  display: inline-flex;
  align-items: center;
}
@media (min-width:1025px) {
  .footer-copyright__made-by {margin-inline-start:auto}
}
.footer-copyright__made-by .footer-copyright__flag {
  width: 18px;
  height: 12px;
  margin-inline: 0 6px;
  flex-shrink: 0;
  border-radius: 2px;
  overflow: hidden;
}

/* Longer S.L. · Madrid line must not orphan the last word of
 * "All rights reserved" (he@768 שמורות, es/nl/pl@900, blog@800). */
@media (min-width:768px) {
  .footer-copyright__text {white-space:nowrap}
  /* Links must not inflate the flex min-width above the nowrap copyright
   * string; otherwise EN@800 wraps even though copy+made-with fit (D3).
   * width:0;min-width:100% lets them wrap to the text width. */
  .footer-copyright__links,
  .footer-copyright__links-list {width:0;min-width:100%}
}
/* 13px on the shared-row band so a fitting locale (en/is/it/ko) stays
 * on one line next to Made-with. RTL 768-899 uses the same size. */
@media (min-width:800px) and (max-width:1024px) {
  .footer-copyright__text {font-size:13px}
  .footer-copyright__made-by span {font-size:13px}
}
@media (min-width:800px) and (max-width:899px) {
  .footer-copyright__text,
  .footer-copyright__made-by span {font-size:12px}
}
@media (min-width:768px) and (max-width:799px) {
  html[dir="rtl"] .footer-copyright__text {font-size:13px}
  html[dir="rtl"] .footer-copyright__made-by span {font-size:13px}
}

/* Shared row only where both nowrap strings actually fit.
 * ≥900: every locale (D3 es/nl/pl@900, #199 landing 900/1024).
 * 800-899 LTR: allow wrap (D5: de/es/fr/nl/pl/ro/ru overlapped at 800).
 *   EN/is/it/ko still fit, so they stay on the copyright line.
 * RTL: keep the shared row from 768 (#199). English 768 still wraps left. */
@media (min-width:900px) and (max-width:1024px) {
  .footer-copyright {flex-wrap:nowrap;align-items:center}
  .footer-copyright__content {min-width:0;flex:1 1 auto}
  .footer-copyright__made-by {margin-inline-start:auto;flex-shrink:0;white-space:nowrap}
}
@media (min-width:800px) and (max-width:899px) {
  .footer-copyright__made-by {margin-inline-start:auto;flex-shrink:0;white-space:nowrap}
  html[dir="rtl"] .footer-copyright {flex-wrap:nowrap;align-items:center}
  html[dir="rtl"] .footer-copyright__content {min-width:0;flex:1 1 auto}
}
@media (min-width:768px) and (max-width:799px) {
  html[dir="rtl"] .footer-copyright {flex-wrap:nowrap;align-items:center}
  html[dir="rtl"] .footer-copyright__content {min-width:0;flex:1 1 auto}
  html[dir="rtl"] .footer-copyright__made-by {margin-inline-start:auto;flex-shrink:0;white-space:nowrap}
}

/* mime */