/* Only the added languages load this file. Keep the original artwork, type
   sizes, and English/Turkish layout; let translated words use their own box. */
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) #result-title,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) #welcome-title,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .energy-grid span,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .diary-aside figcaption,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .info-main,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .guide-main {
  min-width:0;
  overflow-wrap:anywhere;
  hyphens:auto;
}
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .diary-aside figcaption {flex:1}
/* Keep the calorie figures aligned if one translated label needs another line. */
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .energy-grid>div {display:flex;flex-direction:column}
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .energy-grid span {flex:1}
@media(max-width:600px){
  html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .date-control {flex-wrap:wrap;row-gap:8px}
  html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .date-control label {min-width:0}
  html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .date-control #diary-today {margin-left:auto}
}
/* Keep full translated source names and native recipe controls in their box. */
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .source-tabs button,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .pet-food-sources button {
  min-width:0;
  overflow-wrap:anywhere;
  hyphens:auto;
}
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .recipe-card {min-width:0}
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .recipe-card input,
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .recipe-card select {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .nutrient-fields .field {
  overflow-wrap:anywhere;
  hyphens:auto;
}
@media(max-width:400px){
  html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) #product-form .form-grid:has(#product-kcal-unit) {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .catalog-filters {grid-template-columns:minmax(0,1fr)}
}
/* Reserve the same two-line unit-note row so all energy figures align. */
@media(max-width:560px){
  html:is([lang="nl"],[lang="de"],[lang="fr"],[lang="it"]) .energy-grid small {min-height:2lh}
}