/* Long translated words must wrap, not enlarge or clip their containers. */
#main-content :where(h1,h2,h3,h4,h5,h6,p,li,th,td,a,label,button) {
  overflow-wrap: anywhere;
}
#main-content .grid > *,
#product-tabs + div > div {
  min-inline-size: 0;
}
#product-tabs + div {
  grid-template-columns: minmax(0, 1fr) !important;
}
#product-tabs button {
  max-inline-size: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: start;
}
#main-content span.inline-block { max-inline-size: 100%; overflow-wrap: anywhere; }
.yrvenok-newsletter-panel form { flex-wrap: wrap; }
.yrvenok-newsletter-panel input { min-inline-size: 0; flex-basis: 12rem; }
.yrvenok-newsletter-panel button {
  max-inline-size: 100%;
  white-space: normal !important;
}
@media (min-width: 1024px) {
  /* Preserve five columns and their proportions, remove the 1034px minimum. */
  body footer > .max-w-\[1400px\] > .grid {
    grid-template-columns: minmax(0, 1.1fr) repeat(4, minmax(0, .78fr)) !important;
  }
  body footer > .max-w-\[1400px\] > .grid > div { min-inline-size: 0; }
  body footer :where(p,li,a) { overflow-wrap: anywhere; }
}
/* Reuse the existing compact navigation where the five-zone header cannot fit. */
@media (max-width: 1023px) {
  #site-header > .md\:flex { display: none !important; }
  #site-header > .md\:hidden:not(#mobile-menu) { display: flex !important; }
  #site-header > #mobile-menu:not(.hidden) { display: block !important; }
  #site-header input { min-inline-size: 0; }

  /* All controls share the reserved bottom band, independent of text length. */
  #hero-carousel .hero-prev,
  #hero-carousel .hero-next {
    top: auto !important;
    bottom: 8px !important;
    transform: none !important;
  }
  #hero-carousel .hero-controls { bottom: 15px !important; }
}

html:lang(de) #main-content :where(h1,h2,h3,p,th,td),
html:lang(nl) #main-content :where(h1,h2,h3,p,th,td) { hyphens: auto; }