/* Allow grid contents and native form controls to fit narrow viewports. */
.contact__grid > *, .form, .form__row > *, .field,
.legal-layout > *, .checkout__grid > *, .person > * { min-width: 0; }
.field input, .field select, .field textarea { width: 100%; min-width: 0; max-width: 100%; }
.biglink, .person__role, .person__name, .legal-content { overflow-wrap: anywhere; }
.legal-content { width: 100%; }
.legal-table { max-width: 100%; }

@media (max-width: 760px) {
  .legal-table th, .legal-table td { min-width: 8rem; }
}

@media (max-width: 860px) {
  .contact__grid, .form__row, .legal-layout { grid-template-columns: minmax(0, 1fr); }
  .head__phone { display: none; }
}

@media (max-width: 480px) {
  .head__in { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .4rem; }
  .head__in .logo { min-width: 0; }
  .head__in .logo img { width: 145px; max-width: 100%; }
  .burger { margin-left: 0; min-height: 44px; padding: .5rem; }
  .head__cart { min-height: 44px; padding: .5rem .65rem; }
  .person { padding: 1rem; gap: .75rem; }
  .person__mono { min-width: 54px; }
}